@cityway/bo-ui 1.0.10-beta006 → 1.0.10-beta008

package/fesm2022/cityway-bo-ui.mjs

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
-import { Input, Component, EventEmitter, Output, HostListener, Directive, ContentChild, inject, DestroyRef, input, output, effect } from '@angular/core';
-import * as i2 from '@ngx-translate/core';
+import { Input, Component, EventEmitter, Output, HostListener, Directive, input, output, computed, effect, ContentChild, inject, DestroyRef } from '@angular/core';
+import * as i1$1 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i1 from '@angular/common';
 import { CommonModule, NgTemplateOutlet } from '@angular/common';
-import * as i2$1 from '@angular/cdk/drag-drop';
+import * as i2 from '@angular/cdk/drag-drop';
 import { moveItemInArray, transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
-import { BadgeTypeEnum, LoaderComponent, BadgeComponent, FormFieldTypeEnum, BoButtonTypeEnum, FormFieldComponent, ButtonComponent } from '@cityway/basic-ui';
+import { CardComponent, SpriteIconEnum, FormFieldTypeEnum, BoButtonTypeEnum, ButtonIconSizeEnum, ButtonComponent, FormFieldComponent, BadgeTypeEnum, LoaderComponent, BadgeComponent } from '@cityway/basic-ui';
+import * as i1$2 from '@angular/forms';
+import { FormControl, ReactiveFormsModule, FormGroup } from '@angular/forms';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i1$1 from '@angular/forms';
-import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
 import { debounceTime } from 'rxjs';
 import { HttpParams } from '@angular/common/http';
 
@@ -39,24 +39,64 @@ class CustomListComponent {
         return true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CustomListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: CustomListComponent, isStandalone: true, selector: "cw-custom-list", inputs: { customListData: "customListData" }, ngImport: i0, template: "<div class=\"custom-card-light\">\r\n  @for (group of customListData; track group.title) {\r\n    @if (group.title) {\r\n      <h3>{{ group.title | translate }}</h3>\r\n    }\r\n\r\n    <dl class=\"custom-description-list\">\r\n      @for (field of group.fields; track field.label) {\r\n        @if (!field.hideIfEmpty || hasValue(field.value)) {\r\n          <dt [innerHTML]=\"'_LABEL.COLON' | translate: { label: (field.label | translate) }\"></dt>\r\n          <dd>\r\n            @switch (field.type) {\r\n              @case ('date') {\r\n                {{ field.value | date: 'short' }}\r\n              }\r\n              @case ('boolean') {\r\n                {{ (field.value ? '_COMMON._PRO_SENTENCE.YES' : '_COMMON._PRO_SENTENCE.NO') | translate }}\r\n              }\r\n              @case ('html') {\r\n                <span [innerHTML]=\"field.value\"></span>\r\n              }\r\n              @default {\r\n                {{ field.translateValue ? (field.value | translate) : field.value }}\r\n              }\r\n            }\r\n          </dd>\r\n        }\r\n      }\r\n    </dl>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: CustomListComponent, isStandalone: true, selector: "cw-custom-list", inputs: { customListData: "customListData" }, ngImport: i0, template: "<div class=\"card custom-card-light\">\r\n  <div class=\"card-body d-flex-v gap-md\">\r\n    @for (group of customListData; track group.title) {\r\n      @if (group.title) {\r\n        <h3>{{ group.title | translate }}</h3>\r\n      }\r\n\r\n      <ul class=\"custom-description-list list-unstyled fs fs-sm\">\r\n        @for (field of group.fields; track field.label) {\r\n          @if (!field.hideIfEmpty || hasValue(field.value)) {\r\n            <li>\r\n              <div class=\"fs fw-bold\" [innerHTML]=\"'_LABEL.COLON' | translate: { label: (field.label | translate) }\"></div>\r\n              <div>\r\n                @switch (field.type) {\r\n                  @case ('date') {\r\n                    {{ field.value | date: 'short' }}\r\n                  }\r\n                  @case ('boolean') {\r\n                    {{ (field.value ? '_COMMON._PRO_SENTENCE.YES' : '_COMMON._PRO_SENTENCE.NO') | translate }}\r\n                  }\r\n                  @case ('html') {\r\n                    <span [innerHTML]=\"field.value\"></span>\r\n                  }\r\n                  @default {\r\n                    {{ field.translateValue ? (field.value | translate) : field.value }}\r\n                  }\r\n                }\r\n              </div>\r\n            </li>\r\n          }\r\n        }\r\n      </ul>\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CustomListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cw-custom-list', standalone: true, imports: [
                         CommonModule,
                         TranslateModule
-                    ], template: "<div class=\"custom-card-light\">\r\n  @for (group of customListData; track group.title) {\r\n    @if (group.title) {\r\n      <h3>{{ group.title | translate }}</h3>\r\n    }\r\n\r\n    <dl class=\"custom-description-list\">\r\n      @for (field of group.fields; track field.label) {\r\n        @if (!field.hideIfEmpty || hasValue(field.value)) {\r\n          <dt [innerHTML]=\"'_LABEL.COLON' | translate: { label: (field.label | translate) }\"></dt>\r\n          <dd>\r\n            @switch (field.type) {\r\n              @case ('date') {\r\n                {{ field.value | date: 'short' }}\r\n              }\r\n              @case ('boolean') {\r\n                {{ (field.value ? '_COMMON._PRO_SENTENCE.YES' : '_COMMON._PRO_SENTENCE.NO') | translate }}\r\n              }\r\n              @case ('html') {\r\n                <span [innerHTML]=\"field.value\"></span>\r\n              }\r\n              @default {\r\n                {{ field.translateValue ? (field.value | translate) : field.value }}\r\n              }\r\n            }\r\n          </dd>\r\n        }\r\n      }\r\n    </dl>\r\n  }\r\n</div>\r\n" }]
+                    ], template: "<div class=\"card custom-card-light\">\r\n  <div class=\"card-body d-flex-v gap-md\">\r\n    @for (group of customListData; track group.title) {\r\n      @if (group.title) {\r\n        <h3>{{ group.title | translate }}</h3>\r\n      }\r\n\r\n      <ul class=\"custom-description-list list-unstyled fs fs-sm\">\r\n        @for (field of group.fields; track field.label) {\r\n          @if (!field.hideIfEmpty || hasValue(field.value)) {\r\n            <li>\r\n              <div class=\"fs fw-bold\" [innerHTML]=\"'_LABEL.COLON' | translate: { label: (field.label | translate) }\"></div>\r\n              <div>\r\n                @switch (field.type) {\r\n                  @case ('date') {\r\n                    {{ field.value | date: 'short' }}\r\n                  }\r\n                  @case ('boolean') {\r\n                    {{ (field.value ? '_COMMON._PRO_SENTENCE.YES' : '_COMMON._PRO_SENTENCE.NO') | translate }}\r\n                  }\r\n                  @case ('html') {\r\n                    <span [innerHTML]=\"field.value\"></span>\r\n                  }\r\n                  @default {\r\n                    {{ field.translateValue ? (field.value | translate) : field.value }}\r\n                  }\r\n                }\r\n              </div>\r\n            </li>\r\n          }\r\n        }\r\n      </ul>\r\n    }\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { customListData: [{
                 type: Input
             }] } });
 
+// Adaptateur pour DragItem[] (identité)
+class ArrayAdapter {
+    toDragItems(source) {
+        return source;
+    }
+    fromDragItems(items, source) {
+        source.splice(0, source.length, ...items);
+    }
+}
+// Adaptateur pour FormArray
+class FormArrayAdapter {
+    constructor(mapper, reorderFn) {
+        this.mapper = mapper;
+        this.reorderFn = reorderFn;
+    }
+    toDragItems(source) {
+        return source.controls.map((ctrl, i) => this.mapper(ctrl, i));
+    }
+    fromDragItems(items, source) {
+        // Réordonner les controls selon le nouvel ordre des items
+        const controls = items.map(item => source.controls.find(ctrl => this.mapper(ctrl, 0).id === item.id));
+        while (source.length)
+            source.removeAt(0);
+        controls.forEach((ctrl, i) => {
+            if (this.reorderFn)
+                this.reorderFn(ctrl, i + 1);
+            source.push(ctrl);
+        });
+    }
+}
+
 class DragNDropListComponent {
     constructor() {
-        this.availableItems = [];
-        this.activeItems = [];
+        this.adapter = new ArrayAdapter();
+        this.availableColumn = { title: 'Disponibles' };
+        this.activeColumn = { title: 'Activés' };
+        this.reorderOnDrop = false;
         this.availableItemsChange = new EventEmitter();
         this.activeItemsChange = new EventEmitter();
+        // Copies internes sur lesquelles le CDK travaille
+        this._available = [];
+        this._active = [];
+    }
+    ngOnChanges() {
+        this._available = this.adapter.toDragItems(this.availableItems);
+        this._active = this.adapter.toDragItems(this.activeItems);
     }
     drop(event) {
         if (event.previousContainer === event.container) {
@@ -65,25 +105,36 @@ class DragNDropListComponent {
         else {
             transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
         }
+        if (this.reorderOnDrop) {
+            this._available.forEach((item, i) => item.order = i + 1);
+            this._active.forEach((item, i) => item.order = i + 1);
+        }
+        // Répercuter sur la source originale via l'adaptateur
+        this.adapter.fromDragItems(this._available, this.availableItems);
+        this.adapter.fromDragItems(this._active, this.activeItems);
         this.availableItemsChange.emit(this.availableItems);
         this.activeItemsChange.emit(this.activeItems);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DragNDropListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DragNDropListComponent, isStandalone: true, selector: "cw-drag-n-drop-list", inputs: { availableItems: "availableItems", activeItems: "activeItems", itemTemplate: "itemTemplate" }, outputs: { availableItemsChange: "availableItemsChange", activeItemsChange: "activeItemsChange" }, ngImport: i0, template: "<div class=\"drag-drop-list\">\r\n  <div class=\"list-column\" cdkDropList #availableList=\"cdkDropList\" [cdkDropListData]=\"availableItems\"\r\n    [cdkDropListConnectedTo]=\"[activeList]\" (cdkDropListDropped)=\"drop($event)\">\r\n    <h3>Modes disponibles</h3>\r\n    @for (item of availableItems; track item) {\r\n      <div cdkDrag>\r\n        <ng-container *ngTemplateOutlet=\"itemTemplate || defaultTemplate; context: { $implicit: item }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"list-column\" cdkDropList #activeList=\"cdkDropList\" [cdkDropListData]=\"activeItems\"\r\n    [cdkDropListConnectedTo]=\"[availableList]\" (cdkDropListDropped)=\"drop($event)\">\r\n    <h3>Modes activ\u00E9s</h3>\r\n    @for (item of activeItems; track item) {\r\n      <div cdkDrag>\r\n        <ng-container *ngTemplateOutlet=\"itemTemplate || defaultTemplate; context: { $implicit: item }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <ng-template #defaultTemplate let-item>\r\n    <div class=\"default-item\">\r\n      Mode : {{ item.label }} ({{ item.code }} )\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$1.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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DragNDropListComponent, isStandalone: true, selector: "cw-drag-n-drop-list", inputs: { availableItems: "availableItems", activeItems: "activeItems", adapter: "adapter", itemTemplate: "itemTemplate", availableColumn: "availableColumn", activeColumn: "activeColumn", reorderOnDrop: "reorderOnDrop" }, outputs: { availableItemsChange: "availableItemsChange", activeItemsChange: "activeItemsChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"drag-drop-list row\">\r\n  <div class=\"col-lg-6 d-flex-v gap-4xs\">\r\n    <div class=\"fs fs-md fw-bold\">{{ availableColumn.title | translate }}</div>\r\n    @if (availableColumn.description) {\r\n      <p class=\"fs fs-md\">{{ availableColumn.description | translate }}</p>\r\n    }\r\n    @if (availableColumn.descriptionRwd) {\r\n      <p class=\"d-sm-none fs fs-md\" [innerHTML]=\"availableColumn.descriptionRwd | translate\"></p>\r\n    }\r\n    <ul class=\"list-unstyled drag-drop-list-column drag-drop-list-column-available\" [ngClass]=\"availableColumn.cssClass\"\r\n      cdkDropList #availableList=\"cdkDropList\"\r\n      [cdkDropListData]=\"_available\"\r\n      [cdkDropListConnectedTo]=\"[activeList]\"\r\n      (cdkDropListDropped)=\"drop($event)\">\r\n      @for (item of _available; track item.id) {\r\n        <li cdkDrag [cdkDragDisabled]=\"item.disabled ?? false\">\r\n          <cw-card>\r\n            <ng-container *ngTemplateOutlet=\"itemTemplate || defaultTemplate; context: { $implicit: item }\"/>\r\n          </cw-card>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n\r\n  <div class=\"col-lg-6 d-flex-v gap-4xs\">\r\n    <div class=\"fs fs-md fw-bold\">{{ activeColumn.title | translate }}</div>\r\n    @if (activeColumn.description) {\r\n      <p class=\"fs fs-md\">{{ activeColumn.description | translate }}</p>\r\n    }\r\n    @if (activeColumn.descriptionRwd) {\r\n      <p class=\"d-sm-none fs fs-md\" [innerHTML]=\"activeColumn.descriptionRwd | translate\"></p>\r\n    }\r\n    <ul class=\"list-unstyled drag-drop-list-column drag-drop-list-column-active\" [ngClass]=\"activeColumn.cssClass\"\r\n      cdkDropList #activeList=\"cdkDropList\"\r\n      [cdkDropListData]=\"_active\"\r\n      [cdkDropListConnectedTo]=\"[availableList]\"\r\n      (cdkDropListDropped)=\"drop($event)\">\r\n      @for (item of _active; track item.id) {\r\n        <li cdkDrag [cdkDragDisabled]=\"item.disabled ?? false\">\r\n          <cw-card>\r\n            <ng-container *ngTemplateOutlet=\"itemTemplate || defaultTemplate; context: { $implicit: item }\"/>\r\n          </cw-card>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultTemplate let-item>\r\n  <div class=\"default-item d-flex justify-content-between\">\r\n    <span>\r\n      {{ item.label }}\r\n      @if (item.code) { <span class=\"text-muted\">({{ item.code }})</span> }\r\n    </span>\r\n    @if (item.order != null) {\r\n      <span class=\"fw-bold\">#{{ item.order }}</span>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { 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: "component", type: CardComponent, selector: "cw-card", inputs: ["title", "type", "titleRank", "collapsible", "collapsed", "collapseId", "destroyOnHide"], outputs: ["collapseClicked"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DragNDropListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cw-drag-n-drop-list', standalone: true, imports: [
-                        CommonModule,
-                        TranslateModule,
-                        DragDropModule
-                    ], template: "<div class=\"drag-drop-list\">\r\n  <div class=\"list-column\" cdkDropList #availableList=\"cdkDropList\" [cdkDropListData]=\"availableItems\"\r\n    [cdkDropListConnectedTo]=\"[activeList]\" (cdkDropListDropped)=\"drop($event)\">\r\n    <h3>Modes disponibles</h3>\r\n    @for (item of availableItems; track item) {\r\n      <div cdkDrag>\r\n        <ng-container *ngTemplateOutlet=\"itemTemplate || defaultTemplate; context: { $implicit: item }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"list-column\" cdkDropList #activeList=\"cdkDropList\" [cdkDropListData]=\"activeItems\"\r\n    [cdkDropListConnectedTo]=\"[availableList]\" (cdkDropListDropped)=\"drop($event)\">\r\n    <h3>Modes activ\u00E9s</h3>\r\n    @for (item of activeItems; track item) {\r\n      <div cdkDrag>\r\n        <ng-container *ngTemplateOutlet=\"itemTemplate || defaultTemplate; context: { $implicit: item }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <ng-template #defaultTemplate let-item>\r\n    <div class=\"default-item\">\r\n      Mode : {{ item.label }} ({{ item.code }} )\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n" }]
+            args: [{ selector: 'cw-drag-n-drop-list', standalone: true, imports: [CommonModule, TranslateModule, DragDropModule, CardComponent], template: "<div class=\"drag-drop-list row\">\r\n  <div class=\"col-lg-6 d-flex-v gap-4xs\">\r\n    <div class=\"fs fs-md fw-bold\">{{ availableColumn.title | translate }}</div>\r\n    @if (availableColumn.description) {\r\n      <p class=\"fs fs-md\">{{ availableColumn.description | translate }}</p>\r\n    }\r\n    @if (availableColumn.descriptionRwd) {\r\n      <p class=\"d-sm-none fs fs-md\" [innerHTML]=\"availableColumn.descriptionRwd | translate\"></p>\r\n    }\r\n    <ul class=\"list-unstyled drag-drop-list-column drag-drop-list-column-available\" [ngClass]=\"availableColumn.cssClass\"\r\n      cdkDropList #availableList=\"cdkDropList\"\r\n      [cdkDropListData]=\"_available\"\r\n      [cdkDropListConnectedTo]=\"[activeList]\"\r\n      (cdkDropListDropped)=\"drop($event)\">\r\n      @for (item of _available; track item.id) {\r\n        <li cdkDrag [cdkDragDisabled]=\"item.disabled ?? false\">\r\n          <cw-card>\r\n            <ng-container *ngTemplateOutlet=\"itemTemplate || defaultTemplate; context: { $implicit: item }\"/>\r\n          </cw-card>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n\r\n  <div class=\"col-lg-6 d-flex-v gap-4xs\">\r\n    <div class=\"fs fs-md fw-bold\">{{ activeColumn.title | translate }}</div>\r\n    @if (activeColumn.description) {\r\n      <p class=\"fs fs-md\">{{ activeColumn.description | translate }}</p>\r\n    }\r\n    @if (activeColumn.descriptionRwd) {\r\n      <p class=\"d-sm-none fs fs-md\" [innerHTML]=\"activeColumn.descriptionRwd | translate\"></p>\r\n    }\r\n    <ul class=\"list-unstyled drag-drop-list-column drag-drop-list-column-active\" [ngClass]=\"activeColumn.cssClass\"\r\n      cdkDropList #activeList=\"cdkDropList\"\r\n      [cdkDropListData]=\"_active\"\r\n      [cdkDropListConnectedTo]=\"[availableList]\"\r\n      (cdkDropListDropped)=\"drop($event)\">\r\n      @for (item of _active; track item.id) {\r\n        <li cdkDrag [cdkDragDisabled]=\"item.disabled ?? false\">\r\n          <cw-card>\r\n            <ng-container *ngTemplateOutlet=\"itemTemplate || defaultTemplate; context: { $implicit: item }\"/>\r\n          </cw-card>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultTemplate let-item>\r\n  <div class=\"default-item d-flex justify-content-between\">\r\n    <span>\r\n      {{ item.label }}\r\n      @if (item.code) { <span class=\"text-muted\">({{ item.code }})</span> }\r\n    </span>\r\n    @if (item.order != null) {\r\n      <span class=\"fw-bold\">#{{ item.order }}</span>\r\n    }\r\n  </div>\r\n</ng-template>\r\n" }]
         }], propDecorators: { availableItems: [{
                 type: Input
             }], activeItems: [{
                 type: Input
+            }], adapter: [{
+                type: Input
             }], itemTemplate: [{
                 type: Input
+            }], availableColumn: [{
+                type: Input
+            }], activeColumn: [{
+                type: Input
+            }], reorderOnDrop: [{
+                type: Input
             }], availableItemsChange: [{
                 type: Output
             }], activeItemsChange: [{
@@ -150,17 +201,75 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 args: ['scroll', ['$event']]
             }] } });
 
+class PaginationComponent {
+    constructor() {
+        this.pagination = input.required(...(ngDevMode ? [{ debugName: "pagination" }] : []));
+        this.paginationChange = output();
+        this.spriteIcon = SpriteIconEnum;
+        this.typeField = FormFieldTypeEnum;
+        this.typeButton = BoButtonTypeEnum;
+        this.buttonIconSize = ButtonIconSizeEnum;
+        // Préparation des options pour ton FormFieldComponent
+        this.pageSizes = [10, 25, 50, 100];
+        this.pageSizesOptions = this.pageSizes.map(size => ({
+            label: size.toString(),
+            value: size.toString()
+        }));
+        // Control interne pour le sélecteur d'items par page
+        this.itemsPerPageControl = new FormControl(10);
+        this.visiblePages = computed(() => {
+            const { currentPage, totalPages } = this.pagination();
+            if (totalPages <= 7) {
+                return Array.from({ length: totalPages }, (_, i) => i + 1);
+            }
+            const pages = [1];
+            if (currentPage > 3)
+                pages.push(-1);
+            const start = Math.max(2, currentPage - 1);
+            const end = Math.min(totalPages - 1, currentPage + 1);
+            for (let i = start; i <= end; i++)
+                pages.push(i);
+            if (currentPage < totalPages - 2)
+                pages.push(-1);
+            pages.push(totalPages);
+            return pages;
+        }, ...(ngDevMode ? [{ debugName: "visiblePages" }] : []));
+        // Met à jour le control si la pagination change depuis le parent
+        effect(() => {
+            this.itemsPerPageControl.setValue(this.pagination().itemsPerPage, { emitEvent: false });
+        });
+    }
+    emit(page) {
+        this.paginationChange.emit({
+            page,
+            itemsPerPage: this.pagination().itemsPerPage
+        });
+    }
+    onItemsPerPageChange(value) {
+        const numValue = Number(value);
+        this.paginationChange.emit({
+            page: 1,
+            itemsPerPage: numValue
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PaginationComponent, isStandalone: true, selector: "cw-pagination", inputs: { pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { paginationChange: "paginationChange" }, ngImport: i0, template: "@if (pagination().totalPages > 0) {\r\n<div class=\"pagination d-flex-h gap-md justify-between fs fs-sm\">\r\n  <div class=\"d-flex-h gap-sm\">\r\n      {{ '_COMMON._PAGINATION.RESULT_P' | translate: {total: pagination().totalItems } }} - {{ '_COMMON._PAGINATION.DISPLAY' | translate }}\r\n      <cw-form-field\r\n        [label]=\"'_COMMON._PAGINATION.ITEMS_PER_PAGE'\"\r\n        [type]=\"typeField.select\"\r\n        [control]=\"itemsPerPageControl\"\r\n        [options]=\"pageSizesOptions\"\r\n        [displayLabel]=\"false\"\r\n        [clearable]=\"false\"\r\n        (valueChange)=\"onItemsPerPageChange($event)\">\r\n      </cw-form-field>\r\n      {{ '_COMMON._PAGINATION.ITEMS_PER_PAGE' | translate }}\r\n  </div>\r\n\r\n  <ul class=\"list-unstyled d-flex-h gap-none\">\r\n    <li>\r\n      <cw-button\r\n        [label]=\"'_COMMON._PAGINATION.FIRST'\"\r\n        [type]=\"typeButton.ghost\"\r\n        [withOnlyIcon]=\"true\"\r\n        [withIcon]=\"spriteIcon.navFirst\"\r\n        [isDisabled]=\"pagination().currentPage <= 1\"\r\n        [iconSize]=\"buttonIconSize.small\"\r\n        cssClass=\"btn-pagination\"\r\n        (btnAction)=\"emit(1)\">\r\n      </cw-button>\r\n    </li>\r\n    <li>\r\n      <cw-button\r\n        [label]=\"'_COMMON._PAGINATION.PREVIOUS'\"\r\n        [type]=\"typeButton.ghost\"\r\n        [withOnlyIcon]=\"true\"\r\n        [withIcon]=\"spriteIcon.nextLeft\"\r\n        [isDisabled]=\"pagination().currentPage <= 1\"\r\n        [iconSize]=\"buttonIconSize.small\"\r\n        cssClass=\"btn-pagination\"\r\n        (btnAction)=\"emit(pagination().currentPage - 1)\">\r\n      </cw-button>\r\n    </li>\r\n\r\n    @for (page of visiblePages(); track page) {\r\n      @if (page === -1) {\r\n        <li>\r\n          <span class=\"btn btn-ghost btn-pagination\">\r\n            \u2026\r\n          </span>\r\n        </li>\r\n      }\r\n      @else {\r\n        <li>\r\n          <cw-button\r\n            [label]=\"page === pagination().currentPage ? '_COMMON._PAGINATION.CURRENT_PAGE' : '_COMMON._PAGINATION.PAGE'\"\r\n            [type]=\"typeButton.ghost\"\r\n            [label]=\"page.toString()\"\r\n            [cssClass]=\"page === pagination().currentPage ? 'btn-pagination btn-pagination-active' : 'btn-pagination'\"\r\n            (btnAction)=\"emit(page)\">\r\n          </cw-button>\r\n        </li>\r\n      }\r\n    }\r\n    <li>\r\n      <cw-button\r\n        [label]=\"'_COMMON._PAGINATION.NEXT'\"\r\n        [type]=\"typeButton.ghost\"\r\n        [withOnlyIcon]=\"true\"\r\n        [withIcon]=\"spriteIcon.nextRight\"\r\n        [isDisabled]=\"pagination().currentPage >= pagination().totalPages\"\r\n        [iconSize]=\"buttonIconSize.small\"\r\n        cssClass=\"btn-pagination\"\r\n        (btnAction)=\"emit(pagination().currentPage + 1)\">\r\n      </cw-button>\r\n    </li>\r\n    <li>\r\n      <cw-button\r\n        [label]=\"'_COMMON._PAGINATION.LAST'\"\r\n        [type]=\"typeButton.ghost\"\r\n        [withOnlyIcon]=\"true\"\r\n        [withIcon]=\"spriteIcon.navLast\"\r\n        [isDisabled]=\"pagination().currentPage >= pagination().totalPages\"\r\n        [iconSize]=\"buttonIconSize.small\"\r\n        cssClass=\"btn-pagination\"\r\n        (btnAction)=\"emit(pagination().totalPages)\">\r\n      </cw-button>\r\n    </li>\r\n  </ul>\r\n</div>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: ButtonComponent, selector: "cw-button", inputs: ["type", "label", "id", "isDropdown", "withIcon", "withOnlyIcon", "iconSize", "iconPosition", "dropdownPosition", "isMinWidth", "isDisabled", "isLoading", "cssClass", "dataTest", "skeletonMode", "withTooltip", "tooltipText", "tooltipTitle", "tooltipTrigger", "tooltipPosition", "tooltipType"], outputs: ["btnAction", "dropDownClicked"] }, { kind: "component", type: FormFieldComponent, selector: "cw-form-field", inputs: ["control", "formGroup", "type", "label", "displayLabel", "name", "placeholder", "options", "rangeOptions", "isRequired", "help", "tooltip", "addonLeft", "addonRight", "isInAddon", "isReadonly", "isDisabled", "sliderValue", "sliderOptions", "cssClass", "skeletonMode", "clearable"], outputs: ["refreshEvent", "textChanged", "valueChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cw-pagination', standalone: true, imports: [TranslateModule, ButtonComponent, FormFieldComponent, ReactiveFormsModule], template: "@if (pagination().totalPages > 0) {\r\n<div class=\"pagination d-flex-h gap-md justify-between fs fs-sm\">\r\n  <div class=\"d-flex-h gap-sm\">\r\n      {{ '_COMMON._PAGINATION.RESULT_P' | translate: {total: pagination().totalItems } }} - {{ '_COMMON._PAGINATION.DISPLAY' | translate }}\r\n      <cw-form-field\r\n        [label]=\"'_COMMON._PAGINATION.ITEMS_PER_PAGE'\"\r\n        [type]=\"typeField.select\"\r\n        [control]=\"itemsPerPageControl\"\r\n        [options]=\"pageSizesOptions\"\r\n        [displayLabel]=\"false\"\r\n        [clearable]=\"false\"\r\n        (valueChange)=\"onItemsPerPageChange($event)\">\r\n      </cw-form-field>\r\n      {{ '_COMMON._PAGINATION.ITEMS_PER_PAGE' | translate }}\r\n  </div>\r\n\r\n  <ul class=\"list-unstyled d-flex-h gap-none\">\r\n    <li>\r\n      <cw-button\r\n        [label]=\"'_COMMON._PAGINATION.FIRST'\"\r\n        [type]=\"typeButton.ghost\"\r\n        [withOnlyIcon]=\"true\"\r\n        [withIcon]=\"spriteIcon.navFirst\"\r\n        [isDisabled]=\"pagination().currentPage <= 1\"\r\n        [iconSize]=\"buttonIconSize.small\"\r\n        cssClass=\"btn-pagination\"\r\n        (btnAction)=\"emit(1)\">\r\n      </cw-button>\r\n    </li>\r\n    <li>\r\n      <cw-button\r\n        [label]=\"'_COMMON._PAGINATION.PREVIOUS'\"\r\n        [type]=\"typeButton.ghost\"\r\n        [withOnlyIcon]=\"true\"\r\n        [withIcon]=\"spriteIcon.nextLeft\"\r\n        [isDisabled]=\"pagination().currentPage <= 1\"\r\n        [iconSize]=\"buttonIconSize.small\"\r\n        cssClass=\"btn-pagination\"\r\n        (btnAction)=\"emit(pagination().currentPage - 1)\">\r\n      </cw-button>\r\n    </li>\r\n\r\n    @for (page of visiblePages(); track page) {\r\n      @if (page === -1) {\r\n        <li>\r\n          <span class=\"btn btn-ghost btn-pagination\">\r\n            \u2026\r\n          </span>\r\n        </li>\r\n      }\r\n      @else {\r\n        <li>\r\n          <cw-button\r\n            [label]=\"page === pagination().currentPage ? '_COMMON._PAGINATION.CURRENT_PAGE' : '_COMMON._PAGINATION.PAGE'\"\r\n            [type]=\"typeButton.ghost\"\r\n            [label]=\"page.toString()\"\r\n            [cssClass]=\"page === pagination().currentPage ? 'btn-pagination btn-pagination-active' : 'btn-pagination'\"\r\n            (btnAction)=\"emit(page)\">\r\n          </cw-button>\r\n        </li>\r\n      }\r\n    }\r\n    <li>\r\n      <cw-button\r\n        [label]=\"'_COMMON._PAGINATION.NEXT'\"\r\n        [type]=\"typeButton.ghost\"\r\n        [withOnlyIcon]=\"true\"\r\n        [withIcon]=\"spriteIcon.nextRight\"\r\n        [isDisabled]=\"pagination().currentPage >= pagination().totalPages\"\r\n        [iconSize]=\"buttonIconSize.small\"\r\n        cssClass=\"btn-pagination\"\r\n        (btnAction)=\"emit(pagination().currentPage + 1)\">\r\n      </cw-button>\r\n    </li>\r\n    <li>\r\n      <cw-button\r\n        [label]=\"'_COMMON._PAGINATION.LAST'\"\r\n        [type]=\"typeButton.ghost\"\r\n        [withOnlyIcon]=\"true\"\r\n        [withIcon]=\"spriteIcon.navLast\"\r\n        [isDisabled]=\"pagination().currentPage >= pagination().totalPages\"\r\n        [iconSize]=\"buttonIconSize.small\"\r\n        cssClass=\"btn-pagination\"\r\n        (btnAction)=\"emit(pagination().totalPages)\">\r\n      </cw-button>\r\n    </li>\r\n  </ul>\r\n</div>\r\n}\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { pagination: [{ type: i0.Input, args: [{ isSignal: true, alias: "pagination", required: true }] }], paginationChange: [{ type: i0.Output, args: ["paginationChange"] }] } });
+
 class TableComponent {
     constructor() {
         this.checkbox = false;
         this.columns = [];
         this.data = [];
         this.loading = false;
-        //   @Input() actionOnTable?: ActionOnTable[] = [];
-        // @Output() actionClick = new EventEmitter<ActionOnTableType>();
         this.rowClick = new EventEmitter();
         this.sortChange = new EventEmitter();
         this.selectionChange = new EventEmitter();
+        this.paginationChange = new EventEmitter();
         this.currentSortKey = null;
         this.currentSortDirection = 'asc';
         this.selectedRows = new Set();
@@ -169,7 +278,6 @@ class TableComponent {
         return this.rowClassFn ? this.rowClassFn(row) : '';
     }
     ngOnInit() {
-        // on cherche si une colonne a un defaultSort
         const defaultColumn = this.columns.find(c => c.defaultSort);
         if (defaultColumn) {
             this.currentSortKey = defaultColumn.key;
@@ -226,7 +334,7 @@ class TableComponent {
         return this.selectedRows.has(row);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TableComponent, isStandalone: true, selector: "cw-table", inputs: { checkbox: "checkbox", title: "title", columns: "columns", data: "data", loading: "loading", rowClassFn: "rowClassFn" }, outputs: { rowClick: "rowClick", sortChange: "sortChange", selectionChange: "selectionChange" }, queries: [{ propertyName: "actionsTemplate", first: true, predicate: ["actionsTemplate"], descendants: true }], ngImport: i0, template: "@if (checkbox && selectedRows.size > 0) {\r\n  <div class=\"table-selection-info mb-2\">\r\n    {{ selectedRows.size }} {{ '_COMMON._TABLE._BULK_ACTION.SELECTED_ITEMS_CURRENT_PAGE' | translate }}\r\n  </div>\r\n}\r\n\r\n<div class=\"table-responsive\" appDoubleScroll>\r\n  <table class=\"table\">\r\n    <caption class=\"visually-hidden\" [innerHTML]=\"'_COMMON._TABLE.CAPTION' | translate: { label: title } \"></caption>\r\n    <thead>\r\n      <tr>\r\n        @if(checkbox) {\r\n          <th scope=\"col\" width=\"10\">\r\n            <div class=\"field-check\">\r\n              <input class=\"field-check-input\" type=\"checkbox\" id=\"checkme\" [checked]=\"allSelected\"\r\n                [indeterminate]=\"someSelected\" (change)=\"toggleAll()\">\r\n              <label class=\"field-check-label\" for=\"checkme\">\r\n                <span class=\"visually-hidden\">{{ '_COMMON._TABLE._THEAD.CHECK_LINE' | translate }}</span>\r\n              </label>\r\n            </div>\r\n          </th>\r\n        }\r\n\r\n        @for (column of columns; track column.key) {\r\n           @if (!column.hidden) {\r\n            <th scope=\"col\" [class.p-0]=\"column.sort\">\r\n              @if (column.sort) {\r\n                <button [class]=\"getSortClass(column.key)\" (click)=\"setSortProperty(column.key)\">\r\n                  {{ column.label | translate}}\r\n                  <span class=\"sorting-icons\"></span>\r\n                </button>\r\n              }\r\n              @else {\r\n                {{ column.label | translate }}\r\n              }\r\n            </th>\r\n          }\r\n        }\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      @if (loading) {\r\n        <tr>\r\n          <td colspan=\"100\">\r\n            <cw-loader></cw-loader>\r\n          </td>\r\n        </tr>\r\n      }\r\n      @else if (!data || data.length === 0) {\r\n        <tr>\r\n          <td class=\"table-info no-result\" colspan=\"100\">\r\n            {{ '_COMMON._TABLE.NO_RESULT' | translate }}\r\n          </td>\r\n        </tr>\r\n      }\r\n      @else {\r\n        @for (row of data; track row) {\r\n          <tr [class.tr-selected]=\"isSelected(row)\" [class]=\"getRowClass(row)\">\r\n            @if (checkbox) {\r\n              <td>\r\n                <input class=\"field-check-input\" type=\"checkbox\" [checked]=\"isSelected(row)\" (change)=\"toggleRow(row)\" [id]=\"'check-' + row.id\"\r\n                [attr.aria-label]=\"'S\u00E9lectionner la ligne ' + row.id\">\r\n                <label class=\"visually-hidden\" [for]=\"'check-' + row.id\">S\u00E9lectionner la ligne {{row.id}}</label>\r\n              </td>\r\n            }\r\n            @for (column of columns; track column.key) {\r\n              @if (!column.hidden) {\r\n                <td [class.text-end]=\"column.align === 'right'\" [class.text-center]=\"column.align === 'center'\">\r\n                  @switch (column.type) {\r\n                    @case ('link') {\r\n                      <a href=\"javascript:void(0)\" (click)=\"onCellClick(row)\">\r\n                        {{ row[column.key] | translate }}\r\n                      </a>\r\n                    }\r\n                    @case ('badge') {\r\n                      <cw-badge\r\n                        [type]=\"getBadge(column, row[column.key]).type\"\r\n                        [label]=\"getBadge(column, row[column.key]).label ?? row[column.key]\"\r\n                        [withIcon]=\"getBadge(column, row[column.key]).withIcon\"\r\n                        [iconPosition]=\"getBadge(column, row[column.key]).iconPosition\"></cw-badge>\r\n                    }\r\n                    @case ('actions') {\r\n                      <ng-container\r\n                        *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: row }\">\r\n                      </ng-container>\r\n                    }\r\n                    @default {\r\n                      {{ row[column.key] | translate }}\r\n                    }\r\n                  }\r\n                </td>\r\n              }\r\n            }\r\n          </tr>\r\n        }\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: DoubleScrollDirective, selector: "[appDoubleScroll]" }, { kind: "component", type: LoaderComponent, selector: "cw-loader" }, { kind: "component", type: BadgeComponent, selector: "cw-badge", inputs: ["type", "label", "withIcon", "iconPosition", "cssClass", "skeletonMode", "dataTest"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TableComponent, isStandalone: true, selector: "cw-table", inputs: { checkbox: "checkbox", title: "title", columns: "columns", data: "data", loading: "loading", rowClassFn: "rowClassFn", pagination: "pagination" }, outputs: { rowClick: "rowClick", sortChange: "sortChange", selectionChange: "selectionChange", paginationChange: "paginationChange" }, queries: [{ propertyName: "actionsTemplate", first: true, predicate: ["actionsTemplate"], descendants: true }], ngImport: i0, template: "@if (checkbox && selectedRows.size > 0) {\r\n  <div class=\"table-selection-info mb-2\">\r\n    {{ selectedRows.size }} {{ '_COMMON._TABLE._BULK_ACTION.SELECTED_ITEMS_CURRENT_PAGE' | translate }}\r\n  </div>\r\n}\r\n\r\n<div class=\"table-responsive\" appDoubleScroll>\r\n  <table class=\"table\">\r\n    <caption class=\"visually-hidden\" [innerHTML]=\"'_COMMON._TABLE.CAPTION' | translate: { label: title } \"></caption>\r\n    <thead>\r\n      <tr>\r\n        @if(checkbox) {\r\n          <th scope=\"col\" width=\"10\">\r\n            <div class=\"field-check\">\r\n              <input class=\"field-check-input\" type=\"checkbox\" id=\"checkme\" [checked]=\"allSelected\"\r\n                [indeterminate]=\"someSelected\" (change)=\"toggleAll()\">\r\n              <label class=\"field-check-label\" for=\"checkme\">\r\n                <span class=\"visually-hidden\">{{ '_COMMON._TABLE._THEAD.CHECK_LINE' | translate }}</span>\r\n              </label>\r\n            </div>\r\n          </th>\r\n        }\r\n\r\n        @for (column of columns; track column.key) {\r\n           @if (!column.hidden) {\r\n            <th scope=\"col\" [class.p-0]=\"column.sort\">\r\n              @if (column.sort) {\r\n                <button [class]=\"getSortClass(column.key)\" (click)=\"setSortProperty(column.key)\">\r\n                  {{ column.label | translate}}\r\n                  <span class=\"sorting-icons\"></span>\r\n                </button>\r\n              }\r\n              @else {\r\n                {{ column.label | translate }}\r\n              }\r\n            </th>\r\n          }\r\n        }\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      @if (loading) {\r\n        <tr>\r\n          <td colspan=\"100\">\r\n            <cw-loader></cw-loader>\r\n          </td>\r\n        </tr>\r\n      }\r\n      @else if (!data || data.length === 0) {\r\n        <tr>\r\n          <td class=\"table-info no-result\" colspan=\"100\">\r\n            {{ '_COMMON._TABLE.NO_RESULT' | translate }}\r\n          </td>\r\n        </tr>\r\n      }\r\n      @else {\r\n        @for (row of data; track row) {\r\n          <tr [class.tr-selected]=\"isSelected(row)\" [class]=\"getRowClass(row)\">\r\n            @if (checkbox) {\r\n              <td>\r\n                <input class=\"field-check-input\" type=\"checkbox\" [checked]=\"isSelected(row)\" (change)=\"toggleRow(row)\" [id]=\"'check-' + row.id\"\r\n                [attr.aria-label]=\"'S\u00E9lectionner la ligne ' + row.id\">\r\n                <label class=\"visually-hidden\" [for]=\"'check-' + row.id\">S\u00E9lectionner la ligne {{row.id}}</label>\r\n              </td>\r\n            }\r\n            @for (column of columns; track column.key) {\r\n              @if (!column.hidden) {\r\n                <td [class.text-end]=\"column.align === 'right'\" [class.text-center]=\"column.align === 'center'\">\r\n                  @switch (column.type) {\r\n                    @case ('link') {\r\n                      <a href=\"javascript:void(0)\" (click)=\"onCellClick(row)\">\r\n                        {{ row[column.key] | translate }}\r\n                      </a>\r\n                    }\r\n                    @case ('badge') {\r\n                      <cw-badge\r\n                        [type]=\"getBadge(column, row[column.key]).type\"\r\n                        [label]=\"getBadge(column, row[column.key]).label ?? row[column.key]\"\r\n                        [withIcon]=\"getBadge(column, row[column.key]).withIcon\"\r\n                        [iconPosition]=\"getBadge(column, row[column.key]).iconPosition\"></cw-badge>\r\n                    }\r\n                    @case ('actions') {\r\n                      <ng-container\r\n                        *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: row }\">\r\n                      </ng-container>\r\n                    }\r\n                    @default {\r\n                      {{ row[column.key] | translate }}\r\n                    }\r\n                  }\r\n                </td>\r\n              }\r\n            }\r\n          </tr>\r\n        }\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n\r\n@if (pagination) {\r\n  <cw-pagination\r\n    [pagination]=\"pagination\"\r\n    (paginationChange)=\"paginationChange.emit($event)\">\r\n  </cw-pagination>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: DoubleScrollDirective, selector: "[appDoubleScroll]" }, { kind: "component", type: LoaderComponent, selector: "cw-loader" }, { kind: "component", type: BadgeComponent, selector: "cw-badge", inputs: ["type", "label", "withIcon", "iconPosition", "cssClass", "skeletonMode", "dataTest"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PaginationComponent, selector: "cw-pagination", inputs: ["pagination"], outputs: ["paginationChange"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
@@ -235,8 +343,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         DoubleScrollDirective,
                         LoaderComponent,
                         BadgeComponent,
-                        NgTemplateOutlet
-                    ], template: "@if (checkbox && selectedRows.size > 0) {\r\n  <div class=\"table-selection-info mb-2\">\r\n    {{ selectedRows.size }} {{ '_COMMON._TABLE._BULK_ACTION.SELECTED_ITEMS_CURRENT_PAGE' | translate }}\r\n  </div>\r\n}\r\n\r\n<div class=\"table-responsive\" appDoubleScroll>\r\n  <table class=\"table\">\r\n    <caption class=\"visually-hidden\" [innerHTML]=\"'_COMMON._TABLE.CAPTION' | translate: { label: title } \"></caption>\r\n    <thead>\r\n      <tr>\r\n        @if(checkbox) {\r\n          <th scope=\"col\" width=\"10\">\r\n            <div class=\"field-check\">\r\n              <input class=\"field-check-input\" type=\"checkbox\" id=\"checkme\" [checked]=\"allSelected\"\r\n                [indeterminate]=\"someSelected\" (change)=\"toggleAll()\">\r\n              <label class=\"field-check-label\" for=\"checkme\">\r\n                <span class=\"visually-hidden\">{{ '_COMMON._TABLE._THEAD.CHECK_LINE' | translate }}</span>\r\n              </label>\r\n            </div>\r\n          </th>\r\n        }\r\n\r\n        @for (column of columns; track column.key) {\r\n           @if (!column.hidden) {\r\n            <th scope=\"col\" [class.p-0]=\"column.sort\">\r\n              @if (column.sort) {\r\n                <button [class]=\"getSortClass(column.key)\" (click)=\"setSortProperty(column.key)\">\r\n                  {{ column.label | translate}}\r\n                  <span class=\"sorting-icons\"></span>\r\n                </button>\r\n              }\r\n              @else {\r\n                {{ column.label | translate }}\r\n              }\r\n            </th>\r\n          }\r\n        }\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      @if (loading) {\r\n        <tr>\r\n          <td colspan=\"100\">\r\n            <cw-loader></cw-loader>\r\n          </td>\r\n        </tr>\r\n      }\r\n      @else if (!data || data.length === 0) {\r\n        <tr>\r\n          <td class=\"table-info no-result\" colspan=\"100\">\r\n            {{ '_COMMON._TABLE.NO_RESULT' | translate }}\r\n          </td>\r\n        </tr>\r\n      }\r\n      @else {\r\n        @for (row of data; track row) {\r\n          <tr [class.tr-selected]=\"isSelected(row)\" [class]=\"getRowClass(row)\">\r\n            @if (checkbox) {\r\n              <td>\r\n                <input class=\"field-check-input\" type=\"checkbox\" [checked]=\"isSelected(row)\" (change)=\"toggleRow(row)\" [id]=\"'check-' + row.id\"\r\n                [attr.aria-label]=\"'S\u00E9lectionner la ligne ' + row.id\">\r\n                <label class=\"visually-hidden\" [for]=\"'check-' + row.id\">S\u00E9lectionner la ligne {{row.id}}</label>\r\n              </td>\r\n            }\r\n            @for (column of columns; track column.key) {\r\n              @if (!column.hidden) {\r\n                <td [class.text-end]=\"column.align === 'right'\" [class.text-center]=\"column.align === 'center'\">\r\n                  @switch (column.type) {\r\n                    @case ('link') {\r\n                      <a href=\"javascript:void(0)\" (click)=\"onCellClick(row)\">\r\n                        {{ row[column.key] | translate }}\r\n                      </a>\r\n                    }\r\n                    @case ('badge') {\r\n                      <cw-badge\r\n                        [type]=\"getBadge(column, row[column.key]).type\"\r\n                        [label]=\"getBadge(column, row[column.key]).label ?? row[column.key]\"\r\n                        [withIcon]=\"getBadge(column, row[column.key]).withIcon\"\r\n                        [iconPosition]=\"getBadge(column, row[column.key]).iconPosition\"></cw-badge>\r\n                    }\r\n                    @case ('actions') {\r\n                      <ng-container\r\n                        *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: row }\">\r\n                      </ng-container>\r\n                    }\r\n                    @default {\r\n                      {{ row[column.key] | translate }}\r\n                    }\r\n                  }\r\n                </td>\r\n              }\r\n            }\r\n          </tr>\r\n        }\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n" }]
+                        NgTemplateOutlet,
+                        PaginationComponent
+                    ], template: "@if (checkbox && selectedRows.size > 0) {\r\n  <div class=\"table-selection-info mb-2\">\r\n    {{ selectedRows.size }} {{ '_COMMON._TABLE._BULK_ACTION.SELECTED_ITEMS_CURRENT_PAGE' | translate }}\r\n  </div>\r\n}\r\n\r\n<div class=\"table-responsive\" appDoubleScroll>\r\n  <table class=\"table\">\r\n    <caption class=\"visually-hidden\" [innerHTML]=\"'_COMMON._TABLE.CAPTION' | translate: { label: title } \"></caption>\r\n    <thead>\r\n      <tr>\r\n        @if(checkbox) {\r\n          <th scope=\"col\" width=\"10\">\r\n            <div class=\"field-check\">\r\n              <input class=\"field-check-input\" type=\"checkbox\" id=\"checkme\" [checked]=\"allSelected\"\r\n                [indeterminate]=\"someSelected\" (change)=\"toggleAll()\">\r\n              <label class=\"field-check-label\" for=\"checkme\">\r\n                <span class=\"visually-hidden\">{{ '_COMMON._TABLE._THEAD.CHECK_LINE' | translate }}</span>\r\n              </label>\r\n            </div>\r\n          </th>\r\n        }\r\n\r\n        @for (column of columns; track column.key) {\r\n           @if (!column.hidden) {\r\n            <th scope=\"col\" [class.p-0]=\"column.sort\">\r\n              @if (column.sort) {\r\n                <button [class]=\"getSortClass(column.key)\" (click)=\"setSortProperty(column.key)\">\r\n                  {{ column.label | translate}}\r\n                  <span class=\"sorting-icons\"></span>\r\n                </button>\r\n              }\r\n              @else {\r\n                {{ column.label | translate }}\r\n              }\r\n            </th>\r\n          }\r\n        }\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      @if (loading) {\r\n        <tr>\r\n          <td colspan=\"100\">\r\n            <cw-loader></cw-loader>\r\n          </td>\r\n        </tr>\r\n      }\r\n      @else if (!data || data.length === 0) {\r\n        <tr>\r\n          <td class=\"table-info no-result\" colspan=\"100\">\r\n            {{ '_COMMON._TABLE.NO_RESULT' | translate }}\r\n          </td>\r\n        </tr>\r\n      }\r\n      @else {\r\n        @for (row of data; track row) {\r\n          <tr [class.tr-selected]=\"isSelected(row)\" [class]=\"getRowClass(row)\">\r\n            @if (checkbox) {\r\n              <td>\r\n                <input class=\"field-check-input\" type=\"checkbox\" [checked]=\"isSelected(row)\" (change)=\"toggleRow(row)\" [id]=\"'check-' + row.id\"\r\n                [attr.aria-label]=\"'S\u00E9lectionner la ligne ' + row.id\">\r\n                <label class=\"visually-hidden\" [for]=\"'check-' + row.id\">S\u00E9lectionner la ligne {{row.id}}</label>\r\n              </td>\r\n            }\r\n            @for (column of columns; track column.key) {\r\n              @if (!column.hidden) {\r\n                <td [class.text-end]=\"column.align === 'right'\" [class.text-center]=\"column.align === 'center'\">\r\n                  @switch (column.type) {\r\n                    @case ('link') {\r\n                      <a href=\"javascript:void(0)\" (click)=\"onCellClick(row)\">\r\n                        {{ row[column.key] | translate }}\r\n                      </a>\r\n                    }\r\n                    @case ('badge') {\r\n                      <cw-badge\r\n                        [type]=\"getBadge(column, row[column.key]).type\"\r\n                        [label]=\"getBadge(column, row[column.key]).label ?? row[column.key]\"\r\n                        [withIcon]=\"getBadge(column, row[column.key]).withIcon\"\r\n                        [iconPosition]=\"getBadge(column, row[column.key]).iconPosition\"></cw-badge>\r\n                    }\r\n                    @case ('actions') {\r\n                      <ng-container\r\n                        *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: row }\">\r\n                      </ng-container>\r\n                    }\r\n                    @default {\r\n                      {{ row[column.key] | translate }}\r\n                    }\r\n                  }\r\n                </td>\r\n              }\r\n            }\r\n          </tr>\r\n        }\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n\r\n@if (pagination) {\r\n  <cw-pagination\r\n    [pagination]=\"pagination\"\r\n    (paginationChange)=\"paginationChange.emit($event)\">\r\n  </cw-pagination>\r\n}\r\n" }]
         }], propDecorators: { checkbox: [{
                 type: Input
             }], title: [{
@@ -249,12 +358,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 type: Input
             }], rowClassFn: [{
                 type: Input
+            }], pagination: [{
+                type: Input
             }], rowClick: [{
                 type: Output
             }], sortChange: [{
                 type: Output
             }], selectionChange: [{
                 type: Output
+            }], paginationChange: [{
+                type: Output
             }], actionsTemplate: [{
                 type: ContentChild,
                 args: ['actionsTemplate']
@@ -326,7 +439,7 @@ class FilterBarComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FilterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: FilterBarComponent, isStandalone: true, selector: "cw-filter-bar", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: true, transformFunction: null }, manual: { classPropertyName: "manual", publicName: "manual", isSignal: true, isRequired: false, transformFunction: null }, applyLabel: { classPropertyName: "applyLabel", publicName: "applyLabel", isSignal: true, isRequired: false, transformFunction: null }, resetLabel: { classPropertyName: "resetLabel", publicName: "resetLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filtersApplied: "filtersApplied", filtersReset: "filtersReset" }, ngImport: i0, template: "<form [formGroup]=\"filterForm\" (ngSubmit)=\"apply()\">\r\n  <div class=\"d-flex-h flex-wrap gap-gutter py-md\">\r\n    @for (field of filters(); track field.key) {\r\n      <div class=\"filter-field\" [class]=\"field.colClass ?? ''\">\r\n        <cw-form-field\r\n          [label]=\"field.label | translate\"\r\n          [displayLabel]=\"false\"\r\n          [type]=\"field.type\"\r\n          [placeholder]=\"(field.placeholder ?? '') | translate\"\r\n          [options]=\"resolveOptions(field)\"\r\n          [control]=\"getControl(field.key)\">\r\n        </cw-form-field>\r\n      </div>\r\n    }\r\n    <div class=\"d-flex-h gap-md\">\r\n      @if (manual()) {\r\n        <cw-button\r\n          [label]=\"applyLabel() | translate\"\r\n          [type]=\"uiType.ghost\"\r\n          (btnAction)=\"apply()\">\r\n        </cw-button>\r\n      }\r\n      <cw-button\r\n        [label]=\"resetLabel() | translate\"\r\n        [type]=\"uiType.ghost\"\r\n        (btnAction)=\"reset()\">\r\n      </cw-button>\r\n    </div>\r\n  </div>\r\n</form>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "cw-form-field", inputs: ["control", "formGroup", "type", "label", "displayLabel", "name", "placeholder", "options", "rangeOptions", "isRequired", "help", "tooltip", "addonLeft", "addonRight", "isInAddon", "isReadonly", "isDisabled", "sliderValue", "sliderOptions", "cssClass", "skeletonMode"], outputs: ["refreshEvent", "textChanged", "valueChange"] }, { kind: "component", type: ButtonComponent, selector: "cw-button", inputs: ["type", "label", "id", "isDropdown", "withIcon", "withOnlyIcon", "iconSize", "iconPosition", "dropdownPosition", "isMinWidth", "isDisabled", "isLoading", "cssClass", "dataTest", "skeletonMode", "withTooltip", "tooltipText", "tooltipTitle", "tooltipTrigger", "tooltipPosition", "tooltipType"], outputs: ["btnAction", "dropDownClicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: FilterBarComponent, isStandalone: true, selector: "cw-filter-bar", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: true, transformFunction: null }, manual: { classPropertyName: "manual", publicName: "manual", isSignal: true, isRequired: false, transformFunction: null }, applyLabel: { classPropertyName: "applyLabel", publicName: "applyLabel", isSignal: true, isRequired: false, transformFunction: null }, resetLabel: { classPropertyName: "resetLabel", publicName: "resetLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filtersApplied: "filtersApplied", filtersReset: "filtersReset" }, ngImport: i0, template: "<form [formGroup]=\"filterForm\" (ngSubmit)=\"apply()\">\r\n  <div class=\"d-flex-h flex-wrap gap-gutter py-md\">\r\n    @for (field of filters(); track field.key) {\r\n      <div class=\"filter-field\" [class]=\"field.colClass ?? ''\">\r\n        <cw-form-field\r\n          [label]=\"field.label | translate\"\r\n          [displayLabel]=\"false\"\r\n          [type]=\"field.type\"\r\n          [placeholder]=\"(field.placeholder ?? '') | translate\"\r\n          [options]=\"resolveOptions(field)\"\r\n          [control]=\"getControl(field.key)\">\r\n        </cw-form-field>\r\n      </div>\r\n    }\r\n    <div class=\"d-flex-h gap-md\">\r\n      @if (manual()) {\r\n        <cw-button\r\n          [label]=\"applyLabel() | translate\"\r\n          [type]=\"uiType.ghost\"\r\n          (btnAction)=\"apply()\">\r\n        </cw-button>\r\n      }\r\n      <cw-button\r\n        [label]=\"resetLabel() | translate\"\r\n        [type]=\"uiType.ghost\"\r\n        (btnAction)=\"reset()\">\r\n      </cw-button>\r\n    </div>\r\n  </div>\r\n</form>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "cw-form-field", inputs: ["control", "formGroup", "type", "label", "displayLabel", "name", "placeholder", "options", "rangeOptions", "isRequired", "help", "tooltip", "addonLeft", "addonRight", "isInAddon", "isReadonly", "isDisabled", "sliderValue", "sliderOptions", "cssClass", "skeletonMode", "clearable"], outputs: ["refreshEvent", "textChanged", "valueChange"] }, { kind: "component", type: ButtonComponent, selector: "cw-button", inputs: ["type", "label", "id", "isDropdown", "withIcon", "withOnlyIcon", "iconSize", "iconPosition", "dropdownPosition", "isMinWidth", "isDisabled", "isLoading", "cssClass", "dataTest", "skeletonMode", "withTooltip", "tooltipText", "tooltipTitle", "tooltipTrigger", "tooltipPosition", "tooltipType"], outputs: ["btnAction", "dropDownClicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FilterBarComponent, decorators: [{
             type: Component,
@@ -370,5 +483,5 @@ function buildFilterParams(filters, keyMap) {
  * Generated bundle index. Do not edit.
  */
 
-export { CustomListComponent, DragNDropListComponent, FilterBarComponent, TableComponent, buildFilterParams };
+export { ArrayAdapter, CustomListComponent, DragNDropListComponent, FilterBarComponent, FormArrayAdapter, PaginationComponent, TableComponent, buildFilterParams };
 //# sourceMappingURL=cityway-bo-ui.mjs.map

package/fesm2022/cityway-bo-ui.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cityway-bo-ui.mjs","sources":["../../../projects/bo-ui/src/lib/components/custom-list/custom-list.component.ts","../../../projects/bo-ui/src/lib/components/custom-list/custom-list.component.html","../../../projects/bo-ui/src/lib/components/drag-n-drop-list/drag-n-drop-list.component.ts","../../../projects/bo-ui/src/lib/components/drag-n-drop-list/drag-n-drop-list.component.html","../../../projects/bo-ui/src/lib/directives/double-scroll.ts","../../../projects/bo-ui/src/lib/components/table/table.component.ts","../../../projects/bo-ui/src/lib/components/table/table.component.html","../../../projects/bo-ui/src/lib/components/filter-bar/filter-bar.component.ts","../../../projects/bo-ui/src/lib/components/filter-bar/filter-bar.component.html","../../../projects/bo-ui/src/lib/utils/filter-params.util.ts","../../../projects/bo-ui/src/public-api.ts","../../../projects/bo-ui/src/cityway-bo-ui.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\r\nimport { DataCustomListGroup } from '../../models/custom-list.model';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'cw-custom-list',\r\n  templateUrl: './custom-list.component.html',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    TranslateModule\r\n  ]\r\n})\r\n\r\nexport class CustomListComponent implements OnInit {\r\n\r\n  @Input() customListData: DataCustomListGroup[] = [];\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n  hasValue(value: any): boolean {\r\n    if (value === null || value === undefined) {\r\n      return false;\r\n    };\r\n    if (typeof value === 'string' && value.trim() === '') {\r\n      return false;\r\n    };\r\n    if (Array.isArray(value) && value.length === 0) {\r\n      return false;\r\n    };\r\n    if (typeof value === 'object' && Object.keys(value).length === 0) {\r\n      return false;\r\n    };\r\n\r\n    return true;\r\n  }\r\n\r\n}\r\n","<div class=\"custom-card-light\">\r\n  @for (group of customListData; track group.title) {\r\n    @if (group.title) {\r\n      <h3>{{ group.title | translate }}</h3>\r\n    }\r\n\r\n    <dl class=\"custom-description-list\">\r\n      @for (field of group.fields; track field.label) {\r\n        @if (!field.hideIfEmpty || hasValue(field.value)) {\r\n          <dt [innerHTML]=\"'_LABEL.COLON' | translate: { label: (field.label | translate) }\"></dt>\r\n          <dd>\r\n            @switch (field.type) {\r\n              @case ('date') {\r\n                {{ field.value | date: 'short' }}\r\n              }\r\n              @case ('boolean') {\r\n                {{ (field.value ? '_COMMON._PRO_SENTENCE.YES' : '_COMMON._PRO_SENTENCE.NO') | translate }}\r\n              }\r\n              @case ('html') {\r\n                <span [innerHTML]=\"field.value\"></span>\r\n              }\r\n              @default {\r\n                {{ field.translateValue ? (field.value | translate) : field.value }}\r\n              }\r\n            }\r\n          </dd>\r\n        }\r\n      }\r\n    </dl>\r\n  }\r\n</div>\r\n","import { CdkDragDrop, DragDropModule, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, Output, TemplateRef } from '@angular/core';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { DragItem } from '../../enum/drag-item.enum';\r\n\r\n@Component({\r\n  selector: 'cw-drag-n-drop-list',\r\n  templateUrl: './drag-n-drop-list.component.html',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    TranslateModule,\r\n    DragDropModule\r\n  ]\r\n})\r\nexport class DragNDropListComponent {\r\n\r\n  @Input() availableItems: DragItem[] = [];\r\n  @Input() activeItems: DragItem[] = [];\r\n  @Input() itemTemplate?: TemplateRef<any>;\r\n\r\n  @Output() availableItemsChange = new EventEmitter<DragItem[]>();\r\n  @Output() activeItemsChange = new EventEmitter<DragItem[]>();\r\n\r\n  drop(event: CdkDragDrop<any[]>) {\r\n    if (event.previousContainer === event.container) {\r\n      moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);\r\n    } else {\r\n      transferArrayItem(\r\n        event.previousContainer.data,\r\n        event.container.data,\r\n        event.previousIndex,\r\n        event.currentIndex\r\n      );\r\n    }\r\n    this.availableItemsChange.emit(this.availableItems);\r\n    this.activeItemsChange.emit(this.activeItems);\r\n  }\r\n}\r\n","<div class=\"drag-drop-list\">\r\n  <div class=\"list-column\" cdkDropList #availableList=\"cdkDropList\" [cdkDropListData]=\"availableItems\"\r\n    [cdkDropListConnectedTo]=\"[activeList]\" (cdkDropListDropped)=\"drop($event)\">\r\n    <h3>Modes disponibles</h3>\r\n    @for (item of availableItems; track item) {\r\n      <div cdkDrag>\r\n        <ng-container *ngTemplateOutlet=\"itemTemplate || defaultTemplate; context: { $implicit: item }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"list-column\" cdkDropList #activeList=\"cdkDropList\" [cdkDropListData]=\"activeItems\"\r\n    [cdkDropListConnectedTo]=\"[availableList]\" (cdkDropListDropped)=\"drop($event)\">\r\n    <h3>Modes activés</h3>\r\n    @for (item of activeItems; track item) {\r\n      <div cdkDrag>\r\n        <ng-container *ngTemplateOutlet=\"itemTemplate || defaultTemplate; context: { $implicit: item }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <ng-template #defaultTemplate let-item>\r\n    <div class=\"default-item\">\r\n      Mode : {{ item.label }} ({{ item.code }} )\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n","import { AfterViewChecked, Directive, ElementRef, HostListener, OnDestroy, OnInit, Renderer2 } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[appDoubleScroll]'\r\n})\r\n\r\nexport class DoubleScrollDirective implements OnInit, AfterViewChecked, OnDestroy {\r\n\r\n  scroll: any;\r\n  div: any;\r\n\r\n  constructor(private el: ElementRef, private renderer: Renderer2) {\r\n  }\r\n\r\n  @HostListener('window:resize', ['$event'])\r\n  onResize() {\r\n    this.adaptScrollWidth();\r\n  }\r\n\r\n  // Si scroll le tableau on scroll aussi div.table-responsive-double-scroll\r\n  @HostListener('scroll', ['$event'])\r\n  onScroll() {\r\n    this.div.scrollLeft = this.el.nativeElement.scrollLeft;\r\n  }\r\n\r\n  ngOnInit() {\r\n\r\n    // On applique un margin-top à 0 à la table.\r\n    this.el.nativeElement.style.marginTop = '0';\r\n\r\n    // On crée le div.table-responsive-double-scroll et on l'insère avant le tableau\r\n    this.div = this.renderer.createElement('div');\r\n    this.renderer.addClass(this.div, 'table-responsive-double-scroll');\r\n    this.renderer.insertBefore(this.el.nativeElement.parentNode, this.div, this.el.nativeElement);\r\n\r\n    // On crée le div.scroll et on l'insère dans le div.table-responsive-double-scroll\r\n    this.scroll = this.renderer.createElement('div');\r\n    this.renderer.addClass(this.scroll, 'scroll');\r\n    this.renderer.appendChild(this.div, this.scroll);\r\n\r\n    // Si on scroll div.table-responsive-double-scroll on scroll aussi le tableau\r\n    this.div.addEventListener('scroll', function() {\r\n      //this.nextSibling.scrollLeft = this.scrollLeft;\r\n      this.nextSibling.style.transform = \"translateX(-\" + this.scrollLeft  + \"px)\";\r\n    });\r\n  }\r\n\r\n  adaptScrollWidth() {\r\n    // On donne à div.scroll la taille du tableau\r\n    if (this.el.nativeElement.firstChild.offsetWidth > this.el.nativeElement.offsetWidth) {\r\n      this.scroll.style.width = (this.el.nativeElement.firstChild.offsetWidth + 17) + 'px';\r\n    } else {\r\n      this.scroll.style.widdth = 'auto';\r\n    }\r\n  }\r\n\r\n  ngAfterViewChecked() {\r\n    this.adaptScrollWidth();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.div.removeEventListener('scroll', null);\r\n  }\r\n}\r\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, ContentChild, EventEmitter, Input, Output, TemplateRef } from '@angular/core';\r\nimport { BadgeComponent, BadgeTypeEnum, LoaderComponent } from '@cityway/basic-ui';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { DoubleScrollDirective } from '../../directives/double-scroll';\r\nimport { BadgeConfig, SortDirection, SortEvent, TableColumn } from '../../models/table.model';\r\n\r\n@Component({\r\n  selector: 'cw-table',\r\n  templateUrl: './table.component.html',\r\n  standalone: true,\r\n  imports: [\r\n    TranslateModule,\r\n    DoubleScrollDirective,\r\n    LoaderComponent,\r\n    BadgeComponent,\r\n    NgTemplateOutlet\r\n  ]\r\n})\r\nexport class TableComponent {\r\n\r\n  @Input() checkbox = false;\r\n  @Input() title: string;\r\n  @Input() columns: TableColumn[] = [];\r\n  @Input() data: any[] = [];\r\n  @Input() loading = false;\r\n  @Input() rowClassFn?: (row: any) => string;\r\n\r\n  //   @Input() actionOnTable?: ActionOnTable[] = [];\r\n\r\n  // @Output() actionClick = new EventEmitter<ActionOnTableType>();\r\n  @Output() rowClick = new EventEmitter<any>();\r\n  @Output() sortChange = new EventEmitter<SortEvent>();\r\n  @Output() selectionChange = new EventEmitter<any[]>();\r\n\r\n  @ContentChild('actionsTemplate') actionsTemplate?: TemplateRef<{ $implicit: any }>;\r\n\r\n  public currentSortKey: string | null = null;\r\n  public currentSortDirection: SortDirection = 'asc';\r\n  public selectedRows = new Set<any>();\r\n\r\n  public getRowClass(row: any): string {\r\n    return this.rowClassFn ? this.rowClassFn(row) : '';\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    // on cherche si une colonne a un defaultSort\r\n    const defaultColumn = this.columns.find(c => c.defaultSort);\r\n    if (defaultColumn) {\r\n      this.currentSortKey = defaultColumn.key;\r\n      this.currentSortDirection = defaultColumn.defaultSort!;\r\n    }\r\n  }\r\n\r\n  get allSelected(): boolean {\r\n    return this.data.length > 0 && this.selectedRows.size === this.data.length;\r\n  }\r\n\r\n  get someSelected(): boolean {\r\n    return this.selectedRows.size > 0 && !this.allSelected;\r\n  }\r\n\r\n  public setSortProperty(key: string): void {\r\n    if (this.currentSortKey === key) {\r\n      this.currentSortDirection = this.currentSortDirection === 'asc' ? 'desc' : 'asc';\r\n    } else {\r\n      this.currentSortKey = key;\r\n      this.currentSortDirection = 'asc';\r\n    }\r\n    this.sortChange.emit({ key: this.currentSortKey, direction: this.currentSortDirection });\r\n  }\r\n\r\n  public getSortClass(key: string): string {\r\n    if (this.currentSortKey !== key) return 'sorting-btn';\r\n    return this.currentSortDirection === 'asc' ? 'sorting-btn sorting-asc' : 'sorting-btn sorting-desc';\r\n  }\r\n\r\n  public getBadge(column: TableColumn, value: string): BadgeConfig {\r\n    return column.badges?.find(b => b.value === value)\r\n      ?? { value, type: BadgeTypeEnum.lightLight };\r\n  }\r\n\r\n  public onCellClick(row: any): void {\r\n    this.rowClick.emit(row);\r\n  }\r\n\r\n  public toggleAll(): void {\r\n    if (this.allSelected) {\r\n      this.selectedRows.clear();\r\n    } else {\r\n      this.data.forEach(row => this.selectedRows.add(row));\r\n    }\r\n    this.selectionChange.emit([...this.selectedRows]);\r\n  }\r\n\r\n  public toggleRow(row: any): void {\r\n    if (this.selectedRows.has(row)) {\r\n      this.selectedRows.delete(row);\r\n    } else {\r\n      this.selectedRows.add(row);\r\n    }\r\n    this.selectionChange.emit([...this.selectedRows]);\r\n  }\r\n\r\n  public isSelected(row: any): boolean {\r\n    return this.selectedRows.has(row);\r\n  }\r\n}\r\n","@if (checkbox && selectedRows.size > 0) {\r\n  <div class=\"table-selection-info mb-2\">\r\n    {{ selectedRows.size }} {{ '_COMMON._TABLE._BULK_ACTION.SELECTED_ITEMS_CURRENT_PAGE' | translate }}\r\n  </div>\r\n}\r\n\r\n<div class=\"table-responsive\" appDoubleScroll>\r\n  <table class=\"table\">\r\n    <caption class=\"visually-hidden\" [innerHTML]=\"'_COMMON._TABLE.CAPTION' | translate: { label: title } \"></caption>\r\n    <thead>\r\n      <tr>\r\n        @if(checkbox) {\r\n          <th scope=\"col\" width=\"10\">\r\n            <div class=\"field-check\">\r\n              <input class=\"field-check-input\" type=\"checkbox\" id=\"checkme\" [checked]=\"allSelected\"\r\n                [indeterminate]=\"someSelected\" (change)=\"toggleAll()\">\r\n              <label class=\"field-check-label\" for=\"checkme\">\r\n                <span class=\"visually-hidden\">{{ '_COMMON._TABLE._THEAD.CHECK_LINE' | translate }}</span>\r\n              </label>\r\n            </div>\r\n          </th>\r\n        }\r\n\r\n        @for (column of columns; track column.key) {\r\n           @if (!column.hidden) {\r\n            <th scope=\"col\" [class.p-0]=\"column.sort\">\r\n              @if (column.sort) {\r\n                <button [class]=\"getSortClass(column.key)\" (click)=\"setSortProperty(column.key)\">\r\n                  {{ column.label | translate}}\r\n                  <span class=\"sorting-icons\"></span>\r\n                </button>\r\n              }\r\n              @else {\r\n                {{ column.label | translate }}\r\n              }\r\n            </th>\r\n          }\r\n        }\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      @if (loading) {\r\n        <tr>\r\n          <td colspan=\"100\">\r\n            <cw-loader></cw-loader>\r\n          </td>\r\n        </tr>\r\n      }\r\n      @else if (!data || data.length === 0) {\r\n        <tr>\r\n          <td class=\"table-info no-result\" colspan=\"100\">\r\n            {{ '_COMMON._TABLE.NO_RESULT' | translate }}\r\n          </td>\r\n        </tr>\r\n      }\r\n      @else {\r\n        @for (row of data; track row) {\r\n          <tr [class.tr-selected]=\"isSelected(row)\" [class]=\"getRowClass(row)\">\r\n            @if (checkbox) {\r\n              <td>\r\n                <input class=\"field-check-input\" type=\"checkbox\" [checked]=\"isSelected(row)\" (change)=\"toggleRow(row)\" [id]=\"'check-' + row.id\"\r\n                [attr.aria-label]=\"'Sélectionner la ligne ' + row.id\">\r\n                <label class=\"visually-hidden\" [for]=\"'check-' + row.id\">Sélectionner la ligne {{row.id}}</label>\r\n              </td>\r\n            }\r\n            @for (column of columns; track column.key) {\r\n              @if (!column.hidden) {\r\n                <td [class.text-end]=\"column.align === 'right'\" [class.text-center]=\"column.align === 'center'\">\r\n                  @switch (column.type) {\r\n                    @case ('link') {\r\n                      <a href=\"javascript:void(0)\" (click)=\"onCellClick(row)\">\r\n                        {{ row[column.key] | translate }}\r\n                      </a>\r\n                    }\r\n                    @case ('badge') {\r\n                      <cw-badge\r\n                        [type]=\"getBadge(column, row[column.key]).type\"\r\n                        [label]=\"getBadge(column, row[column.key]).label ?? row[column.key]\"\r\n                        [withIcon]=\"getBadge(column, row[column.key]).withIcon\"\r\n                        [iconPosition]=\"getBadge(column, row[column.key]).iconPosition\"></cw-badge>\r\n                    }\r\n                    @case ('actions') {\r\n                      <ng-container\r\n                        *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: row }\">\r\n                      </ng-container>\r\n                    }\r\n                    @default {\r\n                      {{ row[column.key] | translate }}\r\n                    }\r\n                  }\r\n                </td>\r\n              }\r\n            }\r\n          </tr>\r\n        }\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n","import { Component, DestroyRef, effect, inject, input, output } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { BoButtonTypeEnum, ButtonComponent, FormFieldComponent, FormFieldOption, FormFieldTypeEnum } from '@cityway/basic-ui';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { debounceTime } from 'rxjs';\r\nimport { FilterFieldConfig, FilterValues } from '../../models/filter-config.model';\r\n\r\nconst RANGE_TYPES = new Set([\r\n  FormFieldTypeEnum.dateToDate,\r\n  FormFieldTypeEnum.dateTimeToDateTime,\r\n  FormFieldTypeEnum.timeToTime\r\n]);\r\n\r\n@Component({\r\n  selector: 'cw-filter-bar',\r\n  templateUrl: './filter-bar.component.html',\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    FormFieldComponent,\r\n    ButtonComponent,\r\n    TranslateModule\r\n  ]\r\n})\r\nexport class FilterBarComponent {\r\n  private readonly destroyRef = inject(DestroyRef);\r\n\r\n  readonly filters = input.required<FilterFieldConfig[]>();\r\n  readonly manual = input(false);\r\n  readonly applyLabel = input('_COMMON._ACTION.FILTER');\r\n  readonly resetLabel = input('_COMMON._ACTION.RESET');\r\n\r\n  readonly filtersApplied = output<FilterValues>();\r\n  readonly filtersReset = output<void>();\r\n\r\n  readonly uiType = BoButtonTypeEnum;\r\n  filterForm = new FormGroup({});\r\n\r\n  private defaults: FilterValues = {};\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this.buildForm(this.filters());\r\n    });\r\n  }\r\n\r\n  private buildForm(configs: FilterFieldConfig[]): void {\r\n    const group: Record<string, FormControl | FormGroup> = {};\r\n    const defaults: FilterValues = {};\r\n\r\n    for (const field of configs) {\r\n      if (RANGE_TYPES.has(field.type)) {\r\n        const def = field.defaultValue ?? { start: '', end: '' };\r\n        group[field.key] = new FormGroup({\r\n          start: new FormControl(def.start ?? ''),\r\n          end: new FormControl(def.end ?? '')\r\n        });\r\n        defaults[field.key] = { ...def };\r\n      } else {\r\n        const def = field.defaultValue ?? '';\r\n        group[field.key] = new FormControl(def);\r\n        defaults[field.key] = def;\r\n      }\r\n    }\r\n\r\n    this.defaults = defaults;\r\n    this.filterForm = new FormGroup(group);\r\n\r\n    if (!this.manual()) {\r\n      this.filterForm.valueChanges\r\n        .pipe(debounceTime(300), takeUntilDestroyed(this.destroyRef))\r\n        .subscribe(values => this.filtersApplied.emit(values as FilterValues));\r\n    }\r\n  }\r\n\r\n  getControl(key: string): FormControl | FormGroup {\r\n    return this.filterForm.get(key) as FormControl | FormGroup;\r\n  }\r\n\r\n  resolveOptions(field: FilterFieldConfig): FormFieldOption[] {\r\n    if (!field.options) return [];\r\n    return typeof field.options === 'function' ? field.options() : field.options;\r\n  }\r\n\r\n  apply(): void {\r\n    this.filtersApplied.emit(this.filterForm.value as FilterValues);\r\n  }\r\n\r\n  reset(): void {\r\n    this.filterForm.reset(this.defaults);\r\n    this.filtersReset.emit();\r\n    if (this.manual()) {\r\n      this.filtersApplied.emit(this.filterForm.value as FilterValues);\r\n    }\r\n  }\r\n}\r\n","<form [formGroup]=\"filterForm\" (ngSubmit)=\"apply()\">\r\n  <div class=\"d-flex-h flex-wrap gap-gutter py-md\">\r\n    @for (field of filters(); track field.key) {\r\n      <div class=\"filter-field\" [class]=\"field.colClass ?? ''\">\r\n        <cw-form-field\r\n          [label]=\"field.label | translate\"\r\n          [displayLabel]=\"false\"\r\n          [type]=\"field.type\"\r\n          [placeholder]=\"(field.placeholder ?? '') | translate\"\r\n          [options]=\"resolveOptions(field)\"\r\n          [control]=\"getControl(field.key)\">\r\n        </cw-form-field>\r\n      </div>\r\n    }\r\n    <div class=\"d-flex-h gap-md\">\r\n      @if (manual()) {\r\n        <cw-button\r\n          [label]=\"applyLabel() | translate\"\r\n          [type]=\"uiType.ghost\"\r\n          (btnAction)=\"apply()\">\r\n        </cw-button>\r\n      }\r\n      <cw-button\r\n        [label]=\"resetLabel() | translate\"\r\n        [type]=\"uiType.ghost\"\r\n        (btnAction)=\"reset()\">\r\n      </cw-button>\r\n    </div>\r\n  </div>\r\n</form>\r\n","import { HttpParams } from '@angular/common/http';\r\nimport { FilterValues } from '../models/filter-config.model';\r\n\r\nexport function buildFilterParams(\r\n  filters: FilterValues,\r\n  keyMap?: Record<string, string | { startKey: string; endKey: string }>\r\n): HttpParams {\r\n  let params = new HttpParams();\r\n\r\n  for (const [key, value] of Object.entries(filters)) {\r\n    if (value == null || value === '') continue;\r\n\r\n    const mapping = keyMap?.[key];\r\n\r\n    if (typeof value === 'object' && 'start' in value && 'end' in value) {\r\n      const rangeMap = mapping as { startKey: string; endKey: string } | undefined;\r\n      if (value.start) params = params.set(rangeMap?.startKey ?? `${key}Start`, value.start);\r\n      if (value.end) params = params.set(rangeMap?.endKey ?? `${key}End`, value.end);\r\n    } else {\r\n      const paramKey = typeof mapping === 'string' ? mapping : key;\r\n      params = params.set(paramKey, String(value));\r\n    }\r\n  }\r\n\r\n  return params;\r\n}\r\n","/*\r\n * Public API Surface of bo-ui\r\n */\r\n\r\n// LIB UI\r\n//---------------------------------------------------------\r\n// Lib ui components\r\nexport * from './lib/components/custom-list/custom-list.component';\r\nexport * from './lib/components/drag-n-drop-list/drag-n-drop-list.component';\r\nexport * from './lib/components/table/table.component';\r\nexport * from './lib/components/filter-bar/filter-bar.component';\r\n// export * from './lib/components/wizard-stepper/wizard-stepper.component';\r\n// export * from './lib/components/wizard-stepper/components/wizard-step.component';\r\n\r\n// Lib UI Enum\r\nexport * from './lib/enum/drag-item.enum';\r\n\r\n// Lib Models\r\nexport * from './lib/models/custom-list.model';\r\nexport * from './lib/models/table.model';\r\nexport * from './lib/models/filter-config.model';\r\n\r\n// Lib Utils\r\nexport * from './lib/utils/filter-params.util';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i1"],"mappings":"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"}
+{"version":3,"file":"cityway-bo-ui.mjs","sources":["../../../projects/bo-ui/src/lib/components/custom-list/custom-list.component.ts","../../../projects/bo-ui/src/lib/components/custom-list/custom-list.component.html","../../../projects/bo-ui/src/lib/components/drag-n-drop-list/drag-drop.adapter.ts","../../../projects/bo-ui/src/lib/components/drag-n-drop-list/drag-n-drop-list.component.ts","../../../projects/bo-ui/src/lib/components/drag-n-drop-list/drag-n-drop-list.component.html","../../../projects/bo-ui/src/lib/directives/double-scroll.ts","../../../projects/bo-ui/src/lib/components/pagination/pagination.component.ts","../../../projects/bo-ui/src/lib/components/pagination/pagination.component.html","../../../projects/bo-ui/src/lib/components/table/table.component.ts","../../../projects/bo-ui/src/lib/components/table/table.component.html","../../../projects/bo-ui/src/lib/components/filter-bar/filter-bar.component.ts","../../../projects/bo-ui/src/lib/components/filter-bar/filter-bar.component.html","../../../projects/bo-ui/src/lib/utils/filter-params.util.ts","../../../projects/bo-ui/src/public-api.ts","../../../projects/bo-ui/src/cityway-bo-ui.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\r\nimport { DataCustomListGroup } from '../../models/custom-list.model';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'cw-custom-list',\r\n  templateUrl: './custom-list.component.html',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    TranslateModule\r\n  ]\r\n})\r\n\r\nexport class CustomListComponent implements OnInit {\r\n\r\n  @Input() customListData: DataCustomListGroup[] = [];\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n  hasValue(value: any): boolean {\r\n    if (value === null || value === undefined) {\r\n      return false;\r\n    };\r\n    if (typeof value === 'string' && value.trim() === '') {\r\n      return false;\r\n    };\r\n    if (Array.isArray(value) && value.length === 0) {\r\n      return false;\r\n    };\r\n    if (typeof value === 'object' && Object.keys(value).length === 0) {\r\n      return false;\r\n    };\r\n\r\n    return true;\r\n  }\r\n\r\n}\r\n","<div class=\"card custom-card-light\">\r\n  <div class=\"card-body d-flex-v gap-md\">\r\n    @for (group of customListData; track group.title) {\r\n      @if (group.title) {\r\n        <h3>{{ group.title | translate }}</h3>\r\n      }\r\n\r\n      <ul class=\"custom-description-list list-unstyled fs fs-sm\">\r\n        @for (field of group.fields; track field.label) {\r\n          @if (!field.hideIfEmpty || hasValue(field.value)) {\r\n            <li>\r\n              <div class=\"fs fw-bold\" [innerHTML]=\"'_LABEL.COLON' | translate: { label: (field.label | translate) }\"></div>\r\n              <div>\r\n                @switch (field.type) {\r\n                  @case ('date') {\r\n                    {{ field.value | date: 'short' }}\r\n                  }\r\n                  @case ('boolean') {\r\n                    {{ (field.value ? '_COMMON._PRO_SENTENCE.YES' : '_COMMON._PRO_SENTENCE.NO') | translate }}\r\n                  }\r\n                  @case ('html') {\r\n                    <span [innerHTML]=\"field.value\"></span>\r\n                  }\r\n                  @default {\r\n                    {{ field.translateValue ? (field.value | translate) : field.value }}\r\n                  }\r\n                }\r\n              </div>\r\n            </li>\r\n          }\r\n        }\r\n      </ul>\r\n    }\r\n  </div>\r\n</div>\r\n","import { AbstractControl, FormArray } from '@angular/forms';\r\nimport { DragItem } from '../../models/drag-item.model';\r\n\r\n\r\nexport interface DragDropAdapter<T = any> {\r\n  toDragItems(source: T): DragItem[];\r\n  fromDragItems(items: DragItem[], source: T): void;\r\n}\r\n\r\n// Adaptateur pour DragItem[] (identité)\r\nexport class ArrayAdapter implements DragDropAdapter<DragItem[]> {\r\n  toDragItems(source: DragItem[]): DragItem[] {\r\n    return source;\r\n  }\r\n  fromDragItems(items: DragItem[], source: DragItem[]): void {\r\n    source.splice(0, source.length, ...items);\r\n  }\r\n}\r\n\r\n// Adaptateur pour FormArray\r\nexport class FormArrayAdapter implements DragDropAdapter<FormArray> {\r\n\r\n  constructor(\r\n    private readonly mapper: (ctrl: AbstractControl, index: number) => DragItem,\r\n    private readonly reorderFn?: (ctrl: AbstractControl, newOrder: number) => void\r\n  ) {}\r\n\r\n  toDragItems(source: FormArray): DragItem[] {\r\n    return source.controls.map((ctrl, i) => this.mapper(ctrl, i));\r\n  }\r\n\r\n  fromDragItems(items: DragItem[], source: FormArray): void {\r\n    // Réordonner les controls selon le nouvel ordre des items\r\n    const controls = items.map(item =>\r\n      source.controls.find(ctrl => this.mapper(ctrl, 0).id === item.id)!\r\n    );\r\n    while (source.length) source.removeAt(0);\r\n    controls.forEach((ctrl, i) => {\r\n      if (this.reorderFn) this.reorderFn(ctrl, i + 1);\r\n      source.push(ctrl);\r\n    });\r\n  }\r\n}\r\n","import {\r\n  CdkDragDrop, DragDropModule,\r\n  moveItemInArray, transferArrayItem\r\n} from '@angular/cdk/drag-drop';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, OnChanges, Output, TemplateRef } from '@angular/core';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { ArrayAdapter, DragDropAdapter } from './drag-drop.adapter';\r\nimport { DragItem, DragListColumn } from '../../models/drag-item.model';\r\nimport { CardComponent } from '@cityway/basic-ui';\r\n\r\n@Component({\r\n  selector: 'cw-drag-n-drop-list',\r\n  templateUrl: './drag-n-drop-list.component.html',\r\n  standalone: true,\r\n  imports: [CommonModule, TranslateModule, DragDropModule, CardComponent]\r\n})\r\nexport class DragNDropListComponent implements OnChanges {\r\n\r\n  @Input() availableItems: any;\r\n  @Input() activeItems: any;\r\n  @Input() adapter: DragDropAdapter = new ArrayAdapter();\r\n  @Input() itemTemplate?: TemplateRef<any>;\r\n\r\n  @Input() availableColumn: DragListColumn = { title: 'Disponibles' };\r\n  @Input() activeColumn: DragListColumn = { title: 'Activés' };\r\n  @Input() reorderOnDrop = false;\r\n\r\n  @Output() availableItemsChange = new EventEmitter<any>();\r\n  @Output() activeItemsChange = new EventEmitter<any>();\r\n\r\n  // Copies internes sur lesquelles le CDK travaille\r\n  _available: DragItem[] = [];\r\n  _active: DragItem[] = [];\r\n\r\n  ngOnChanges(): void {\r\n    this._available = this.adapter.toDragItems(this.availableItems);\r\n    this._active = this.adapter.toDragItems(this.activeItems);\r\n  }\r\n\r\n  drop(event: CdkDragDrop<DragItem[]>): void {\r\n    if (event.previousContainer === event.container) {\r\n      moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);\r\n    } else {\r\n      transferArrayItem(\r\n        event.previousContainer.data,\r\n        event.container.data,\r\n        event.previousIndex,\r\n        event.currentIndex\r\n      );\r\n    }\r\n\r\n    if (this.reorderOnDrop) {\r\n      this._available.forEach((item, i) => item.order = i + 1);\r\n      this._active.forEach((item, i) => item.order = i + 1);\r\n    }\r\n\r\n    // Répercuter sur la source originale via l'adaptateur\r\n    this.adapter.fromDragItems(this._available, this.availableItems);\r\n    this.adapter.fromDragItems(this._active, this.activeItems);\r\n\r\n    this.availableItemsChange.emit(this.availableItems);\r\n    this.activeItemsChange.emit(this.activeItems);\r\n  }\r\n}\r\n","<div class=\"drag-drop-list row\">\r\n  <div class=\"col-lg-6 d-flex-v gap-4xs\">\r\n    <div class=\"fs fs-md fw-bold\">{{ availableColumn.title | translate }}</div>\r\n    @if (availableColumn.description) {\r\n      <p class=\"fs fs-md\">{{ availableColumn.description | translate }}</p>\r\n    }\r\n    @if (availableColumn.descriptionRwd) {\r\n      <p class=\"d-sm-none fs fs-md\" [innerHTML]=\"availableColumn.descriptionRwd | translate\"></p>\r\n    }\r\n    <ul class=\"list-unstyled drag-drop-list-column drag-drop-list-column-available\" [ngClass]=\"availableColumn.cssClass\"\r\n      cdkDropList #availableList=\"cdkDropList\"\r\n      [cdkDropListData]=\"_available\"\r\n      [cdkDropListConnectedTo]=\"[activeList]\"\r\n      (cdkDropListDropped)=\"drop($event)\">\r\n      @for (item of _available; track item.id) {\r\n        <li cdkDrag [cdkDragDisabled]=\"item.disabled ?? false\">\r\n          <cw-card>\r\n            <ng-container *ngTemplateOutlet=\"itemTemplate || defaultTemplate; context: { $implicit: item }\"/>\r\n          </cw-card>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n\r\n  <div class=\"col-lg-6 d-flex-v gap-4xs\">\r\n    <div class=\"fs fs-md fw-bold\">{{ activeColumn.title | translate }}</div>\r\n    @if (activeColumn.description) {\r\n      <p class=\"fs fs-md\">{{ activeColumn.description | translate }}</p>\r\n    }\r\n    @if (activeColumn.descriptionRwd) {\r\n      <p class=\"d-sm-none fs fs-md\" [innerHTML]=\"activeColumn.descriptionRwd | translate\"></p>\r\n    }\r\n    <ul class=\"list-unstyled drag-drop-list-column drag-drop-list-column-active\" [ngClass]=\"activeColumn.cssClass\"\r\n      cdkDropList #activeList=\"cdkDropList\"\r\n      [cdkDropListData]=\"_active\"\r\n      [cdkDropListConnectedTo]=\"[availableList]\"\r\n      (cdkDropListDropped)=\"drop($event)\">\r\n      @for (item of _active; track item.id) {\r\n        <li cdkDrag [cdkDragDisabled]=\"item.disabled ?? false\">\r\n          <cw-card>\r\n            <ng-container *ngTemplateOutlet=\"itemTemplate || defaultTemplate; context: { $implicit: item }\"/>\r\n          </cw-card>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultTemplate let-item>\r\n  <div class=\"default-item d-flex justify-content-between\">\r\n    <span>\r\n      {{ item.label }}\r\n      @if (item.code) { <span class=\"text-muted\">({{ item.code }})</span> }\r\n    </span>\r\n    @if (item.order != null) {\r\n      <span class=\"fw-bold\">#{{ item.order }}</span>\r\n    }\r\n  </div>\r\n</ng-template>\r\n","import { AfterViewChecked, Directive, ElementRef, HostListener, OnDestroy, OnInit, Renderer2 } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[appDoubleScroll]'\r\n})\r\n\r\nexport class DoubleScrollDirective implements OnInit, AfterViewChecked, OnDestroy {\r\n\r\n  scroll: any;\r\n  div: any;\r\n\r\n  constructor(private el: ElementRef, private renderer: Renderer2) {\r\n  }\r\n\r\n  @HostListener('window:resize', ['$event'])\r\n  onResize() {\r\n    this.adaptScrollWidth();\r\n  }\r\n\r\n  // Si scroll le tableau on scroll aussi div.table-responsive-double-scroll\r\n  @HostListener('scroll', ['$event'])\r\n  onScroll() {\r\n    this.div.scrollLeft = this.el.nativeElement.scrollLeft;\r\n  }\r\n\r\n  ngOnInit() {\r\n\r\n    // On applique un margin-top à 0 à la table.\r\n    this.el.nativeElement.style.marginTop = '0';\r\n\r\n    // On crée le div.table-responsive-double-scroll et on l'insère avant le tableau\r\n    this.div = this.renderer.createElement('div');\r\n    this.renderer.addClass(this.div, 'table-responsive-double-scroll');\r\n    this.renderer.insertBefore(this.el.nativeElement.parentNode, this.div, this.el.nativeElement);\r\n\r\n    // On crée le div.scroll et on l'insère dans le div.table-responsive-double-scroll\r\n    this.scroll = this.renderer.createElement('div');\r\n    this.renderer.addClass(this.scroll, 'scroll');\r\n    this.renderer.appendChild(this.div, this.scroll);\r\n\r\n    // Si on scroll div.table-responsive-double-scroll on scroll aussi le tableau\r\n    this.div.addEventListener('scroll', function() {\r\n      //this.nextSibling.scrollLeft = this.scrollLeft;\r\n      this.nextSibling.style.transform = \"translateX(-\" + this.scrollLeft  + \"px)\";\r\n    });\r\n  }\r\n\r\n  adaptScrollWidth() {\r\n    // On donne à div.scroll la taille du tableau\r\n    if (this.el.nativeElement.firstChild.offsetWidth > this.el.nativeElement.offsetWidth) {\r\n      this.scroll.style.width = (this.el.nativeElement.firstChild.offsetWidth + 17) + 'px';\r\n    } else {\r\n      this.scroll.style.widdth = 'auto';\r\n    }\r\n  }\r\n\r\n  ngAfterViewChecked() {\r\n    this.adaptScrollWidth();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.div.removeEventListener('scroll', null);\r\n  }\r\n}\r\n","import { Component, computed, input, output, effect } from '@angular/core';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms'; // Ajouté\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { PaginationChangeEvent, Pagination } from '../../models/pagination.model';\r\nimport {\r\n  BoButtonTypeEnum,\r\n  ButtonComponent,\r\n  FormFieldComponent,\r\n  FormFieldTypeEnum,\r\n  SpriteIconEnum,\r\n  ButtonIconSizeEnum,\r\n  FormFieldOption\r\n} from '@cityway/basic-ui';\r\n\r\n@Component({\r\n  selector: 'cw-pagination',\r\n  standalone: true,\r\n  // Ajout de ReactiveFormsModule pour le control du select\r\n  imports: [TranslateModule, ButtonComponent, FormFieldComponent, ReactiveFormsModule],\r\n  templateUrl: './pagination.component.html',\r\n})\r\nexport class PaginationComponent {\r\n  pagination = input.required<Pagination>();\r\n  paginationChange = output<PaginationChangeEvent>();\r\n\r\n  readonly spriteIcon = SpriteIconEnum;\r\n  readonly typeField = FormFieldTypeEnum;\r\n  readonly typeButton = BoButtonTypeEnum;\r\n  readonly buttonIconSize = ButtonIconSizeEnum;\r\n\r\n  // Préparation des options pour ton FormFieldComponent\r\n  readonly pageSizes = [10, 25, 50, 100];\r\n\r\n  readonly pageSizesOptions: FormFieldOption[] = this.pageSizes.map(size => ({\r\n    label: size.toString(),\r\n    value: size.toString()\r\n  }));\r\n\r\n  // Control interne pour le sélecteur d'items par page\r\n  itemsPerPageControl = new FormControl(10);\r\n\r\n  constructor() {\r\n    // Met à jour le control si la pagination change depuis le parent\r\n    effect(() => {\r\n      this.itemsPerPageControl.setValue(this.pagination().itemsPerPage, { emitEvent: false });\r\n    });\r\n  }\r\n\r\n  readonly visiblePages = computed(() => {\r\n    const { currentPage, totalPages } = this.pagination();\r\n    if (totalPages <= 7) {\r\n      return Array.from({ length: totalPages }, (_, i) => i + 1);\r\n    }\r\n    const pages: number[] = [1];\r\n    if (currentPage > 3) pages.push(-1);\r\n    const start = Math.max(2, currentPage - 1);\r\n    const end = Math.min(totalPages - 1, currentPage + 1);\r\n    for (let i = start; i <= end; i++) pages.push(i);\r\n    if (currentPage < totalPages - 2) pages.push(-1);\r\n    pages.push(totalPages);\r\n    return pages;\r\n  });\r\n\r\n  emit(page: number): void {\r\n    this.paginationChange.emit({\r\n      page,\r\n      itemsPerPage: this.pagination().itemsPerPage\r\n    });\r\n  }\r\n\r\n  onItemsPerPageChange(value: string): void {\r\n    const numValue = Number(value);\r\n    this.paginationChange.emit({\r\n      page: 1,\r\n      itemsPerPage: numValue\r\n    });\r\n  }\r\n}\r\n","@if (pagination().totalPages > 0) {\r\n<div class=\"pagination d-flex-h gap-md justify-between fs fs-sm\">\r\n  <div class=\"d-flex-h gap-sm\">\r\n      {{ '_COMMON._PAGINATION.RESULT_P' | translate: {total: pagination().totalItems } }} - {{ '_COMMON._PAGINATION.DISPLAY' | translate }}\r\n      <cw-form-field\r\n        [label]=\"'_COMMON._PAGINATION.ITEMS_PER_PAGE'\"\r\n        [type]=\"typeField.select\"\r\n        [control]=\"itemsPerPageControl\"\r\n        [options]=\"pageSizesOptions\"\r\n        [displayLabel]=\"false\"\r\n        [clearable]=\"false\"\r\n        (valueChange)=\"onItemsPerPageChange($event)\">\r\n      </cw-form-field>\r\n      {{ '_COMMON._PAGINATION.ITEMS_PER_PAGE' | translate }}\r\n  </div>\r\n\r\n  <ul class=\"list-unstyled d-flex-h gap-none\">\r\n    <li>\r\n      <cw-button\r\n        [label]=\"'_COMMON._PAGINATION.FIRST'\"\r\n        [type]=\"typeButton.ghost\"\r\n        [withOnlyIcon]=\"true\"\r\n        [withIcon]=\"spriteIcon.navFirst\"\r\n        [isDisabled]=\"pagination().currentPage <= 1\"\r\n        [iconSize]=\"buttonIconSize.small\"\r\n        cssClass=\"btn-pagination\"\r\n        (btnAction)=\"emit(1)\">\r\n      </cw-button>\r\n    </li>\r\n    <li>\r\n      <cw-button\r\n        [label]=\"'_COMMON._PAGINATION.PREVIOUS'\"\r\n        [type]=\"typeButton.ghost\"\r\n        [withOnlyIcon]=\"true\"\r\n        [withIcon]=\"spriteIcon.nextLeft\"\r\n        [isDisabled]=\"pagination().currentPage <= 1\"\r\n        [iconSize]=\"buttonIconSize.small\"\r\n        cssClass=\"btn-pagination\"\r\n        (btnAction)=\"emit(pagination().currentPage - 1)\">\r\n      </cw-button>\r\n    </li>\r\n\r\n    @for (page of visiblePages(); track page) {\r\n      @if (page === -1) {\r\n        <li>\r\n          <span class=\"btn btn-ghost btn-pagination\">\r\n            …\r\n          </span>\r\n        </li>\r\n      }\r\n      @else {\r\n        <li>\r\n          <cw-button\r\n            [label]=\"page === pagination().currentPage ? '_COMMON._PAGINATION.CURRENT_PAGE' : '_COMMON._PAGINATION.PAGE'\"\r\n            [type]=\"typeButton.ghost\"\r\n            [label]=\"page.toString()\"\r\n            [cssClass]=\"page === pagination().currentPage ? 'btn-pagination btn-pagination-active' : 'btn-pagination'\"\r\n            (btnAction)=\"emit(page)\">\r\n          </cw-button>\r\n        </li>\r\n      }\r\n    }\r\n    <li>\r\n      <cw-button\r\n        [label]=\"'_COMMON._PAGINATION.NEXT'\"\r\n        [type]=\"typeButton.ghost\"\r\n        [withOnlyIcon]=\"true\"\r\n        [withIcon]=\"spriteIcon.nextRight\"\r\n        [isDisabled]=\"pagination().currentPage >= pagination().totalPages\"\r\n        [iconSize]=\"buttonIconSize.small\"\r\n        cssClass=\"btn-pagination\"\r\n        (btnAction)=\"emit(pagination().currentPage + 1)\">\r\n      </cw-button>\r\n    </li>\r\n    <li>\r\n      <cw-button\r\n        [label]=\"'_COMMON._PAGINATION.LAST'\"\r\n        [type]=\"typeButton.ghost\"\r\n        [withOnlyIcon]=\"true\"\r\n        [withIcon]=\"spriteIcon.navLast\"\r\n        [isDisabled]=\"pagination().currentPage >= pagination().totalPages\"\r\n        [iconSize]=\"buttonIconSize.small\"\r\n        cssClass=\"btn-pagination\"\r\n        (btnAction)=\"emit(pagination().totalPages)\">\r\n      </cw-button>\r\n    </li>\r\n  </ul>\r\n</div>\r\n}\r\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, ContentChild, EventEmitter, Input, Output, TemplateRef } from '@angular/core';\r\nimport { BadgeComponent, BadgeTypeEnum, LoaderComponent } from '@cityway/basic-ui';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { DoubleScrollDirective } from '../../directives/double-scroll';\r\nimport { BadgeConfig, SortDirection, SortEvent, TableColumn } from '../../models/table.model';\r\nimport { PaginationChangeEvent, Pagination } from '../../models/pagination.model';\r\nimport { PaginationComponent } from '../pagination/pagination.component';\r\n\r\n@Component({\r\n  selector: 'cw-table',\r\n  templateUrl: './table.component.html',\r\n  standalone: true,\r\n  imports: [\r\n    TranslateModule,\r\n    DoubleScrollDirective,\r\n    LoaderComponent,\r\n    BadgeComponent,\r\n    NgTemplateOutlet,\r\n    PaginationComponent\r\n  ]\r\n})\r\nexport class TableComponent {\r\n\r\n  @Input() checkbox = false;\r\n  @Input() title: string;\r\n  @Input() columns: TableColumn[] = [];\r\n  @Input() data: any[] = [];\r\n  @Input() loading = false;\r\n  @Input() rowClassFn?: (row: any) => string;\r\n  @Input() pagination?: Pagination;\r\n\r\n  @Output() rowClick = new EventEmitter<any>();\r\n  @Output() sortChange = new EventEmitter<SortEvent>();\r\n  @Output() selectionChange = new EventEmitter<any[]>();\r\n  @Output() paginationChange = new EventEmitter<PaginationChangeEvent>();\r\n\r\n  @ContentChild('actionsTemplate') actionsTemplate?: TemplateRef<{ $implicit: any }>;\r\n\r\n  public currentSortKey: string | null = null;\r\n  public currentSortDirection: SortDirection = 'asc';\r\n  public selectedRows = new Set<any>();\r\n\r\n  public getRowClass(row: any): string {\r\n    return this.rowClassFn ? this.rowClassFn(row) : '';\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    const defaultColumn = this.columns.find(c => c.defaultSort);\r\n    if (defaultColumn) {\r\n      this.currentSortKey = defaultColumn.key;\r\n      this.currentSortDirection = defaultColumn.defaultSort!;\r\n    }\r\n  }\r\n\r\n  get allSelected(): boolean {\r\n    return this.data.length > 0 && this.selectedRows.size === this.data.length;\r\n  }\r\n\r\n  get someSelected(): boolean {\r\n    return this.selectedRows.size > 0 && !this.allSelected;\r\n  }\r\n\r\n  public setSortProperty(key: string): void {\r\n    if (this.currentSortKey === key) {\r\n      this.currentSortDirection = this.currentSortDirection === 'asc' ? 'desc' : 'asc';\r\n    } else {\r\n      this.currentSortKey = key;\r\n      this.currentSortDirection = 'asc';\r\n    }\r\n    this.sortChange.emit({ key: this.currentSortKey, direction: this.currentSortDirection });\r\n  }\r\n\r\n  public getSortClass(key: string): string {\r\n    if (this.currentSortKey !== key) return 'sorting-btn';\r\n    return this.currentSortDirection === 'asc' ? 'sorting-btn sorting-asc' : 'sorting-btn sorting-desc';\r\n  }\r\n\r\n  public getBadge(column: TableColumn, value: string): BadgeConfig {\r\n    return column.badges?.find(b => b.value === value)\r\n      ?? { value, type: BadgeTypeEnum.lightLight };\r\n  }\r\n\r\n  public onCellClick(row: any): void {\r\n    this.rowClick.emit(row);\r\n  }\r\n\r\n  public toggleAll(): void {\r\n    if (this.allSelected) {\r\n      this.selectedRows.clear();\r\n    } else {\r\n      this.data.forEach(row => this.selectedRows.add(row));\r\n    }\r\n    this.selectionChange.emit([...this.selectedRows]);\r\n  }\r\n\r\n  public toggleRow(row: any): void {\r\n    if (this.selectedRows.has(row)) {\r\n      this.selectedRows.delete(row);\r\n    } else {\r\n      this.selectedRows.add(row);\r\n    }\r\n    this.selectionChange.emit([...this.selectedRows]);\r\n  }\r\n\r\n  public isSelected(row: any): boolean {\r\n    return this.selectedRows.has(row);\r\n  }\r\n}\r\n","@if (checkbox && selectedRows.size > 0) {\r\n  <div class=\"table-selection-info mb-2\">\r\n    {{ selectedRows.size }} {{ '_COMMON._TABLE._BULK_ACTION.SELECTED_ITEMS_CURRENT_PAGE' | translate }}\r\n  </div>\r\n}\r\n\r\n<div class=\"table-responsive\" appDoubleScroll>\r\n  <table class=\"table\">\r\n    <caption class=\"visually-hidden\" [innerHTML]=\"'_COMMON._TABLE.CAPTION' | translate: { label: title } \"></caption>\r\n    <thead>\r\n      <tr>\r\n        @if(checkbox) {\r\n          <th scope=\"col\" width=\"10\">\r\n            <div class=\"field-check\">\r\n              <input class=\"field-check-input\" type=\"checkbox\" id=\"checkme\" [checked]=\"allSelected\"\r\n                [indeterminate]=\"someSelected\" (change)=\"toggleAll()\">\r\n              <label class=\"field-check-label\" for=\"checkme\">\r\n                <span class=\"visually-hidden\">{{ '_COMMON._TABLE._THEAD.CHECK_LINE' | translate }}</span>\r\n              </label>\r\n            </div>\r\n          </th>\r\n        }\r\n\r\n        @for (column of columns; track column.key) {\r\n           @if (!column.hidden) {\r\n            <th scope=\"col\" [class.p-0]=\"column.sort\">\r\n              @if (column.sort) {\r\n                <button [class]=\"getSortClass(column.key)\" (click)=\"setSortProperty(column.key)\">\r\n                  {{ column.label | translate}}\r\n                  <span class=\"sorting-icons\"></span>\r\n                </button>\r\n              }\r\n              @else {\r\n                {{ column.label | translate }}\r\n              }\r\n            </th>\r\n          }\r\n        }\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      @if (loading) {\r\n        <tr>\r\n          <td colspan=\"100\">\r\n            <cw-loader></cw-loader>\r\n          </td>\r\n        </tr>\r\n      }\r\n      @else if (!data || data.length === 0) {\r\n        <tr>\r\n          <td class=\"table-info no-result\" colspan=\"100\">\r\n            {{ '_COMMON._TABLE.NO_RESULT' | translate }}\r\n          </td>\r\n        </tr>\r\n      }\r\n      @else {\r\n        @for (row of data; track row) {\r\n          <tr [class.tr-selected]=\"isSelected(row)\" [class]=\"getRowClass(row)\">\r\n            @if (checkbox) {\r\n              <td>\r\n                <input class=\"field-check-input\" type=\"checkbox\" [checked]=\"isSelected(row)\" (change)=\"toggleRow(row)\" [id]=\"'check-' + row.id\"\r\n                [attr.aria-label]=\"'Sélectionner la ligne ' + row.id\">\r\n                <label class=\"visually-hidden\" [for]=\"'check-' + row.id\">Sélectionner la ligne {{row.id}}</label>\r\n              </td>\r\n            }\r\n            @for (column of columns; track column.key) {\r\n              @if (!column.hidden) {\r\n                <td [class.text-end]=\"column.align === 'right'\" [class.text-center]=\"column.align === 'center'\">\r\n                  @switch (column.type) {\r\n                    @case ('link') {\r\n                      <a href=\"javascript:void(0)\" (click)=\"onCellClick(row)\">\r\n                        {{ row[column.key] | translate }}\r\n                      </a>\r\n                    }\r\n                    @case ('badge') {\r\n                      <cw-badge\r\n                        [type]=\"getBadge(column, row[column.key]).type\"\r\n                        [label]=\"getBadge(column, row[column.key]).label ?? row[column.key]\"\r\n                        [withIcon]=\"getBadge(column, row[column.key]).withIcon\"\r\n                        [iconPosition]=\"getBadge(column, row[column.key]).iconPosition\"></cw-badge>\r\n                    }\r\n                    @case ('actions') {\r\n                      <ng-container\r\n                        *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: row }\">\r\n                      </ng-container>\r\n                    }\r\n                    @default {\r\n                      {{ row[column.key] | translate }}\r\n                    }\r\n                  }\r\n                </td>\r\n              }\r\n            }\r\n          </tr>\r\n        }\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n\r\n@if (pagination) {\r\n  <cw-pagination\r\n    [pagination]=\"pagination\"\r\n    (paginationChange)=\"paginationChange.emit($event)\">\r\n  </cw-pagination>\r\n}\r\n","import { Component, DestroyRef, effect, inject, input, output } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { BoButtonTypeEnum, ButtonComponent, FormFieldComponent, FormFieldOption, FormFieldTypeEnum } from '@cityway/basic-ui';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { debounceTime } from 'rxjs';\r\nimport { FilterFieldConfig, FilterValues } from '../../models/filter-config.model';\r\n\r\nconst RANGE_TYPES = new Set([\r\n  FormFieldTypeEnum.dateToDate,\r\n  FormFieldTypeEnum.dateTimeToDateTime,\r\n  FormFieldTypeEnum.timeToTime\r\n]);\r\n\r\n@Component({\r\n  selector: 'cw-filter-bar',\r\n  templateUrl: './filter-bar.component.html',\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    FormFieldComponent,\r\n    ButtonComponent,\r\n    TranslateModule\r\n  ]\r\n})\r\nexport class FilterBarComponent {\r\n  private readonly destroyRef = inject(DestroyRef);\r\n\r\n  readonly filters = input.required<FilterFieldConfig[]>();\r\n  readonly manual = input(false);\r\n  readonly applyLabel = input('_COMMON._ACTION.FILTER');\r\n  readonly resetLabel = input('_COMMON._ACTION.RESET');\r\n\r\n  readonly filtersApplied = output<FilterValues>();\r\n  readonly filtersReset = output<void>();\r\n\r\n  readonly uiType = BoButtonTypeEnum;\r\n  filterForm = new FormGroup({});\r\n\r\n  private defaults: FilterValues = {};\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this.buildForm(this.filters());\r\n    });\r\n  }\r\n\r\n  private buildForm(configs: FilterFieldConfig[]): void {\r\n    const group: Record<string, FormControl | FormGroup> = {};\r\n    const defaults: FilterValues = {};\r\n\r\n    for (const field of configs) {\r\n      if (RANGE_TYPES.has(field.type)) {\r\n        const def = field.defaultValue ?? { start: '', end: '' };\r\n        group[field.key] = new FormGroup({\r\n          start: new FormControl(def.start ?? ''),\r\n          end: new FormControl(def.end ?? '')\r\n        });\r\n        defaults[field.key] = { ...def };\r\n      } else {\r\n        const def = field.defaultValue ?? '';\r\n        group[field.key] = new FormControl(def);\r\n        defaults[field.key] = def;\r\n      }\r\n    }\r\n\r\n    this.defaults = defaults;\r\n    this.filterForm = new FormGroup(group);\r\n\r\n    if (!this.manual()) {\r\n      this.filterForm.valueChanges\r\n        .pipe(debounceTime(300), takeUntilDestroyed(this.destroyRef))\r\n        .subscribe(values => this.filtersApplied.emit(values as FilterValues));\r\n    }\r\n  }\r\n\r\n  getControl(key: string): FormControl | FormGroup {\r\n    return this.filterForm.get(key) as FormControl | FormGroup;\r\n  }\r\n\r\n  resolveOptions(field: FilterFieldConfig): FormFieldOption[] {\r\n    if (!field.options) return [];\r\n    return typeof field.options === 'function' ? field.options() : field.options;\r\n  }\r\n\r\n  apply(): void {\r\n    this.filtersApplied.emit(this.filterForm.value as FilterValues);\r\n  }\r\n\r\n  reset(): void {\r\n    this.filterForm.reset(this.defaults);\r\n    this.filtersReset.emit();\r\n    if (this.manual()) {\r\n      this.filtersApplied.emit(this.filterForm.value as FilterValues);\r\n    }\r\n  }\r\n}\r\n","<form [formGroup]=\"filterForm\" (ngSubmit)=\"apply()\">\r\n  <div class=\"d-flex-h flex-wrap gap-gutter py-md\">\r\n    @for (field of filters(); track field.key) {\r\n      <div class=\"filter-field\" [class]=\"field.colClass ?? ''\">\r\n        <cw-form-field\r\n          [label]=\"field.label | translate\"\r\n          [displayLabel]=\"false\"\r\n          [type]=\"field.type\"\r\n          [placeholder]=\"(field.placeholder ?? '') | translate\"\r\n          [options]=\"resolveOptions(field)\"\r\n          [control]=\"getControl(field.key)\">\r\n        </cw-form-field>\r\n      </div>\r\n    }\r\n    <div class=\"d-flex-h gap-md\">\r\n      @if (manual()) {\r\n        <cw-button\r\n          [label]=\"applyLabel() | translate\"\r\n          [type]=\"uiType.ghost\"\r\n          (btnAction)=\"apply()\">\r\n        </cw-button>\r\n      }\r\n      <cw-button\r\n        [label]=\"resetLabel() | translate\"\r\n        [type]=\"uiType.ghost\"\r\n        (btnAction)=\"reset()\">\r\n      </cw-button>\r\n    </div>\r\n  </div>\r\n</form>\r\n","import { HttpParams } from '@angular/common/http';\r\nimport { FilterValues } from '../models/filter-config.model';\r\n\r\nexport function buildFilterParams(\r\n  filters: FilterValues,\r\n  keyMap?: Record<string, string | { startKey: string; endKey: string }>\r\n): HttpParams {\r\n  let params = new HttpParams();\r\n\r\n  for (const [key, value] of Object.entries(filters)) {\r\n    if (value == null || value === '') continue;\r\n\r\n    const mapping = keyMap?.[key];\r\n\r\n    if (typeof value === 'object' && 'start' in value && 'end' in value) {\r\n      const rangeMap = mapping as { startKey: string; endKey: string } | undefined;\r\n      if (value.start) params = params.set(rangeMap?.startKey ?? `${key}Start`, value.start);\r\n      if (value.end) params = params.set(rangeMap?.endKey ?? `${key}End`, value.end);\r\n    } else {\r\n      const paramKey = typeof mapping === 'string' ? mapping : key;\r\n      params = params.set(paramKey, String(value));\r\n    }\r\n  }\r\n\r\n  return params;\r\n}\r\n","/*\r\n * Public API Surface of bo-ui\r\n */\r\n\r\n// LIB UI\r\n//---------------------------------------------------------\r\n// Lib ui components\r\nexport * from './lib/components/custom-list/custom-list.component';\r\nexport * from './lib/components/drag-n-drop-list/drag-n-drop-list.component';\r\nexport * from './lib/components/drag-n-drop-list/drag-drop.adapter';\r\nexport * from './lib/components/table/table.component';\r\nexport * from './lib/components/filter-bar/filter-bar.component';\r\nexport * from './lib/components/pagination/pagination.component';\r\n// export * from './lib/components/wizard-stepper/wizard-stepper.component';\r\n// export * from './lib/components/wizard-stepper/components/wizard-step.component';\r\n\r\n\r\n// Lib Models\r\nexport * from './lib/models/custom-list.model';\r\nexport * from './lib/models/table.model';\r\nexport * from './lib/models/filter-config.model';\r\nexport * from './lib/models/drag-item.model';\r\nexport * from './lib/models/pagination.model';\r\n\r\n// Lib Utils\r\nexport * from './lib/utils/filter-params.util';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i3","i1"],"mappings":"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"}

package/index.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { OnInit, TemplateRef, EventEmitter, Signal } from '@angular/core';
+import { OnInit, OnChanges, TemplateRef, EventEmitter, Signal } from '@angular/core';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { BadgeTypeEnum, SpriteIconEnum, BadgePositionEnum, FormFieldTypeEnum, FormFieldOption, BoButtonTypeEnum } from '@cityway/basic-ui';
-import { FormGroup, FormControl } from '@angular/forms';
+import { FormArray, AbstractControl, FormGroup, FormControl } from '@angular/forms';
+import { BadgeTypeEnum, SpriteIconEnum, BadgePositionEnum, FormFieldTypeEnum, FormFieldOption, BoButtonTypeEnum, ButtonIconSizeEnum } from '@cityway/basic-ui';
 import { HttpParams } from '@angular/common/http';
 
 interface DataCustomList {
@@ -28,20 +28,52 @@ declare class CustomListComponent implements OnInit {
 }
 
 interface DragItem {
-    id: number;
+    id: number | string;
     label: string;
-    order: number;
+    code?: string;
+    order?: number;
+    disabled?: boolean;
+    [key: string]: any;
+}
+interface DragListColumn {
+    title: string;
+    description?: string;
+    descriptionRwd?: string;
+    cssClass?: string;
+}
+
+interface DragDropAdapter<T = any> {
+    toDragItems(source: T): DragItem[];
+    fromDragItems(items: DragItem[], source: T): void;
+}
+declare class ArrayAdapter implements DragDropAdapter<DragItem[]> {
+    toDragItems(source: DragItem[]): DragItem[];
+    fromDragItems(items: DragItem[], source: DragItem[]): void;
+}
+declare class FormArrayAdapter implements DragDropAdapter<FormArray> {
+    private readonly mapper;
+    private readonly reorderFn?;
+    constructor(mapper: (ctrl: AbstractControl, index: number) => DragItem, reorderFn?: (ctrl: AbstractControl, newOrder: number) => void);
+    toDragItems(source: FormArray): DragItem[];
+    fromDragItems(items: DragItem[], source: FormArray): void;
 }
 
-declare class DragNDropListComponent {
-    availableItems: DragItem[];
-    activeItems: DragItem[];
+declare class DragNDropListComponent implements OnChanges {
+    availableItems: any;
+    activeItems: any;
+    adapter: DragDropAdapter;
     itemTemplate?: TemplateRef<any>;
-    availableItemsChange: EventEmitter<DragItem[]>;
-    activeItemsChange: EventEmitter<DragItem[]>;
-    drop(event: CdkDragDrop<any[]>): void;
+    availableColumn: DragListColumn;
+    activeColumn: DragListColumn;
+    reorderOnDrop: boolean;
+    availableItemsChange: EventEmitter<any>;
+    activeItemsChange: EventEmitter<any>;
+    _available: DragItem[];
+    _active: DragItem[];
+    ngOnChanges(): void;
+    drop(event: CdkDragDrop<DragItem[]>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DragNDropListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DragNDropListComponent, "cw-drag-n-drop-list", never, { "availableItems": { "alias": "availableItems"; "required": false; }; "activeItems": { "alias": "activeItems"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; }, { "availableItemsChange": "availableItemsChange"; "activeItemsChange": "activeItemsChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DragNDropListComponent, "cw-drag-n-drop-list", never, { "availableItems": { "alias": "availableItems"; "required": false; }; "activeItems": { "alias": "activeItems"; "required": false; }; "adapter": { "alias": "adapter"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "availableColumn": { "alias": "availableColumn"; "required": false; }; "activeColumn": { "alias": "activeColumn"; "required": false; }; "reorderOnDrop": { "alias": "reorderOnDrop"; "required": false; }; }, { "availableItemsChange": "availableItemsChange"; "activeItemsChange": "activeItemsChange"; }, never, never, true, never>;
 }
 
 type ColumnType = 'text' | 'badge' | 'link' | 'actions';
@@ -71,6 +103,17 @@ interface TableConfig {
     rowClassFn?: (row: any) => string;
 }
 
+interface Pagination {
+    currentPage: number;
+    totalPages: number;
+    totalItems: number;
+    itemsPerPage: number;
+}
+interface PaginationChangeEvent {
+    page: number;
+    itemsPerPage: number;
+}
+
 declare class TableComponent {
     checkbox: boolean;
     title: string;
@@ -78,9 +121,11 @@ declare class TableComponent {
     data: any[];
     loading: boolean;
     rowClassFn?: (row: any) => string;
+    pagination?: Pagination;
     rowClick: EventEmitter<any>;
     sortChange: EventEmitter<SortEvent>;
     selectionChange: EventEmitter<any[]>;
+    paginationChange: EventEmitter<PaginationChangeEvent>;
     actionsTemplate?: TemplateRef<{
         $implicit: any;
     }>;
@@ -99,7 +144,7 @@ declare class TableComponent {
     toggleRow(row: any): void;
     isSelected(row: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "cw-table", never, { "checkbox": { "alias": "checkbox"; "required": false; }; "title": { "alias": "title"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "rowClassFn": { "alias": "rowClassFn"; "required": false; }; }, { "rowClick": "rowClick"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; }, ["actionsTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "cw-table", never, { "checkbox": { "alias": "checkbox"; "required": false; }; "title": { "alias": "title"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "rowClassFn": { "alias": "rowClassFn"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; }, { "rowClick": "rowClick"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; "paginationChange": "paginationChange"; }, ["actionsTemplate"], never, true, never>;
 }
 
 interface FilterFieldConfig {
@@ -134,10 +179,28 @@ declare class FilterBarComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<FilterBarComponent, "cw-filter-bar", never, { "filters": { "alias": "filters"; "required": true; "isSignal": true; }; "manual": { "alias": "manual"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "resetLabel": { "alias": "resetLabel"; "required": false; "isSignal": true; }; }, { "filtersApplied": "filtersApplied"; "filtersReset": "filtersReset"; }, never, never, true, never>;
 }
 
+declare class PaginationComponent {
+    pagination: i0.InputSignal<Pagination>;
+    paginationChange: i0.OutputEmitterRef<PaginationChangeEvent>;
+    readonly spriteIcon: typeof SpriteIconEnum;
+    readonly typeField: typeof FormFieldTypeEnum;
+    readonly typeButton: typeof BoButtonTypeEnum;
+    readonly buttonIconSize: typeof ButtonIconSizeEnum;
+    readonly pageSizes: number[];
+    readonly pageSizesOptions: FormFieldOption[];
+    itemsPerPageControl: FormControl<number>;
+    constructor();
+    readonly visiblePages: i0.Signal<number[]>;
+    emit(page: number): void;
+    onItemsPerPageChange(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "cw-pagination", never, { "pagination": { "alias": "pagination"; "required": true; "isSignal": true; }; }, { "paginationChange": "paginationChange"; }, never, never, true, never>;
+}
+
 declare function buildFilterParams(filters: FilterValues, keyMap?: Record<string, string | {
     startKey: string;
     endKey: string;
 }>): HttpParams;
 
-export { CustomListComponent, DragNDropListComponent, FilterBarComponent, TableComponent, buildFilterParams };
-export type { BadgeConfig, ColumnType, DataCustomList, DataCustomListGroup, DragItem, FilterFieldConfig, FilterValues, SortDirection, SortEvent, TableColumn, TableConfig };
+export { ArrayAdapter, CustomListComponent, DragNDropListComponent, FilterBarComponent, FormArrayAdapter, PaginationComponent, TableComponent, buildFilterParams };
+export type { BadgeConfig, ColumnType, DataCustomList, DataCustomListGroup, DragDropAdapter, DragItem, DragListColumn, FilterFieldConfig, FilterValues, Pagination, PaginationChangeEvent, SortDirection, SortEvent, TableColumn, TableConfig };

package/lib/assets/styles/scss/bo-ui.styles.scss

@@ -1,2 +1,5 @@
 // Components
 @use "components/table";
+@use "components/drag-n-drop-list";
+@use "components/custom-list";
+@use "components/pagination";

package/lib/assets/styles/scss/components/_custom-list.scss

@@ -0,0 +1,20 @@
+@use "sass:map";
+@use "@cityway/design-tokens/primitives" as p;
+@use "@cityway/design-tokens/functions" as *;
+
+.custom-card-light {
+  --#{p.$prefix}-card-padding: #{size(2xs)};
+  --#{p.$prefix}-card-bg: var(--#{p.$prefix}-body-bg);
+  --#{p.$prefix}-card-br: #{border(br, xs)};
+  --#{p.$prefix}-card-bs: none;
+}
+
+.custom-description-list {
+  display: flex;
+  flex-direction: column;
+
+  li {
+    display: flex;
+    gap: size(3xs);
+  }
+}

package/lib/assets/styles/scss/components/_drag-n-drop-list.scss

@@ -0,0 +1,33 @@
+@use "sass:map";
+@use "@cityway/design-tokens/primitives" as p;
+@use "@cityway/design-tokens/functions" as *;
+
+.drag-drop-list {
+
+  &-column{
+    display: flex;
+    flex-direction: column;
+    gap: size(sm);
+    height: 100%;
+    padding: size(md);
+    border: 1px solid #8996A9;
+    border-radius: var(--#{p.$prefix}-border-radius);
+
+    &-available {
+      background-color: var(--#{p.$prefix}-body-bg);
+    }
+
+    &-active {
+      border-style: dashed;
+      background-color: var(--#{p.$prefix}-base-white);
+    }
+
+    > li {
+      cursor: move;
+    }
+
+    > li.cdk-drag-disabled {
+      cursor: not-allowed;
+    }
+  }
+}

package/lib/assets/styles/scss/components/_pagination.scss

@@ -0,0 +1,56 @@
+@use "sass:map";
+@use "@cityway/design-tokens/primitives" as p;
+@use "@cityway/design-tokens/functions" as *;
+
+.pagination {
+  margin-top: size(md);
+
+  li {
+    margin-right: -1px;
+
+    &:first-child {
+      .btn-pagination {
+        --#{p.$prefix}-btn-br: var(--cw-border-radius-input) 0 0 var(--cw-border-radius-input);
+      }
+    }
+
+    &:last-child {
+      .btn-pagination {
+        --#{p.$prefix}-btn-br: 0 var(--cw-border-radius-input) var(--cw-border-radius-input) 0;
+      }
+    }
+  }
+
+  .field-group {
+    --#{p.$prefix}-field-control-height: 2rem;
+  }
+}
+
+.btn-pagination {
+  --#{p.$prefix}-btn-padding-x: 0;
+  --#{p.$prefix}-btn-padding-y: 0;
+  --#{p.$prefix}-btn-bg: var(--#{p.$prefix}-base-white);
+  --#{p.$prefix}-btn-color: #65747E;
+  --#{p.$prefix}-btn-fs: #{font(fs, sm)};
+  --#{p.$prefix}-btn-lh: #{font(lh, sm)};
+  --#{p.$prefix}-btn-fw: var(--#{p.$prefix}-body-fw);
+  --#{p.$prefix}-btn-border-color: #E6EDF2;
+  --#{p.$prefix}-btn-border-width: 1px;
+  --#{p.$prefix}-btn-br: 0;
+  --#{p.$prefix}-btn-hover-color: var(--#{p.$prefix}-primary-hover);
+  --#{p.$prefix}-btn-hover-bg: var(--#{p.$prefix}-btn-bg);
+  --#{p.$prefix}-btn-hover-border-color: var(--#{p.$prefix}-btn-border-color);
+  --#{p.$prefix}-btn-disabled-color: #A3B6C2;
+  --#{p.$prefix}-btn-disabled-bg: var(--#{p.$prefix}-base-white);
+  --#{p.$prefix}-btn-disabled-border-color: var(--#{p.$prefix}-btn-border-color);
+
+  min-width: size(2xl);
+  height: size(2xl);
+  justify-content: center;
+
+  &-active {
+    --#{p.$prefix}-btn-bg: var(--#{p.$prefix}-primary-base);
+    --#{p.$prefix}-btn-color: var(--#{p.$prefix}-primary-contrasted);
+  }
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cityway/bo-ui",
-  "version": "1.0.10-beta006",
+  "version": "1.0.10-beta008",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0",
@@ -8,7 +8,7 @@
     "@angular/animations": "^20.3.0",
     "@angular/cdk": "^20.2.2",
     "@angular/platform-browser": "^20.3.0",
-    "@cityway/basic-ui": "^1.0.2-beta012"
+    "@cityway/basic-ui": "^1.0.2-beta014"
   },
   "dependencies": {
     "tslib": "^2.8.0"

package/styles/bo-ui.styles.min.css

@@ -1 +1 @@
-.table{font-size:.875rem;line-height:1.43}.table tr{border-top:1px solid #eceef2;border-bottom:1px solid #eceef2}.table thead{font-weight:700;background-color:#f6f7f9}.table td,.table th{gap:.5rem;padding:.625rem .5rem}/*# sourceMappingURL=bo-ui.styles.min.css.map */
+.table{font-size:.875rem;line-height:1.43}.table tr{border-top:1px solid #eceef2;border-bottom:1px solid #eceef2}.table thead{font-weight:700;background-color:#f6f7f9}.table td,.table th{gap:.5rem;padding:.625rem .5rem}.drag-drop-list-column{display:flex;flex-direction:column;gap:.75rem;height:100%;padding:1rem;border:1px solid #8996a9;border-radius:var(--cw-border-radius)}.drag-drop-list-column-available{background-color:var(--cw-body-bg)}.drag-drop-list-column-active{border-style:dashed;background-color:var(--cw-base-white)}.drag-drop-list-column>li{cursor:move}.drag-drop-list-column>li.cdk-drag-disabled{cursor:not-allowed}.custom-card-light{--cw-card-padding: 0.5rem;--cw-card-bg: var(--cw-body-bg);--cw-card-br: 0.25rem;--cw-card-bs: none}.custom-description-list{display:flex;flex-direction:column}.custom-description-list li{display:flex;gap:.375rem}.pagination{margin-top:1rem}.pagination li{margin-right:-1px}.pagination li:first-child .btn-pagination{--cw-btn-br: var(--cw-border-radius-input) 0 0 var(--cw-border-radius-input)}.pagination li:last-child .btn-pagination{--cw-btn-br: 0 var(--cw-border-radius-input) var(--cw-border-radius-input) 0}.pagination .field-group{--cw-field-control-height: 2rem}.btn-pagination{--cw-btn-padding-x: 0;--cw-btn-padding-y: 0;--cw-btn-bg: var(--cw-base-white);--cw-btn-color: #65747E;--cw-btn-fs: 0.875rem;--cw-btn-lh: 1.43;--cw-btn-fw: var(--cw-body-fw);--cw-btn-border-color: #E6EDF2;--cw-btn-border-width: 1px;--cw-btn-br: 0;--cw-btn-hover-color: var(--cw-primary-hover);--cw-btn-hover-bg: var(--cw-btn-bg);--cw-btn-hover-border-color: var(--cw-btn-border-color);--cw-btn-disabled-color: #A3B6C2;--cw-btn-disabled-bg: var(--cw-base-white);--cw-btn-disabled-border-color: var(--cw-btn-border-color);min-width:2rem;height:2rem;justify-content:center}.btn-pagination-active{--cw-btn-bg: var(--cw-primary-base);--cw-btn-color: var(--cw-primary-contrasted)}/*# sourceMappingURL=bo-ui.styles.min.css.map */

package/styles/bo-ui.styles.min.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../projects/bo-ui/src/lib/assets/styles/scss/components/_table.scss"],"names":[],"mappings":"AAIA,OACE,kBACA,iBACA,UACE,6BACA,gCAEF,aACE,gBACA,yBAGF,oBACE,UACA","file":"bo-ui.styles.min.css"}
+{"version":3,"sourceRoot":"","sources":["../../../projects/bo-ui/src/lib/assets/styles/scss/components/_table.scss","../../../projects/bo-ui/src/lib/assets/styles/scss/components/_drag-n-drop-list.scss","../../../projects/bo-ui/src/lib/assets/styles/scss/components/_custom-list.scss","../../../projects/bo-ui/src/lib/assets/styles/scss/components/_pagination.scss"],"names":[],"mappings":"AAIA,OACE,kBACA,iBACA,UACE,6BACA,gCAEF,aACE,gBACA,yBAGF,oBACE,UACA,sBCZF,uBACE,aACA,sBACA,WACA,YACA,aACA,yBACA,sCAEA,iCACE,mCAGF,8BACE,oBACA,sCAGF,0BACE,YAGF,4CACE,mBCzBN,mBACE,0BACA,gCACA,sBACA,mBAGF,yBACE,aACA,sBAEA,4BACE,aACA,YCbJ,YACE,gBAEA,eACE,kBAGE,2CACE,6EAKF,0CACE,6EAKN,yBACE,gCAIJ,gBACE,sBACA,sBACA,kCACA,wBACA,sBACA,kBACA,+BACA,+BACA,2BACA,eACA,8CACA,oCACA,wDACA,iCACA,2CACA,2DAEA,eACA,YACA,uBAEA,uBACE,oCACA","file":"bo-ui.styles.min.css"}