quang 20.3.1 → 20.3.3

package/fesm2022/quang-components-table.mjs

@@ -21,38 +21,38 @@ var SortTable;
  */
 class QuangTableComponent {
     constructor() {
-        this.clickableRow = input(false);
-        this.selectedRows = input();
-        this.stickyTable = input(true);
+        this.clickableRow = input(false, ...(ngDevMode ? [{ debugName: "clickableRow" }] : []));
+        this.selectedRows = input(...(ngDevMode ? [undefined, { debugName: "selectedRows" }] : []));
+        this.stickyTable = input(true, ...(ngDevMode ? [{ debugName: "stickyTable" }] : []));
         this.selectedRow = output();
         this.sortChanged = output();
         this.SortTable = SortTable;
         this.destroyRef = inject(DestroyRef);
         this._resizeObservableService = inject(ResizeObservableService);
-        this._tableHeader = viewChild('tableHeader');
-        this._tableHeaderElement = viewChild('tableHeader');
-        this.noResultsText = input('quangTable.noResults');
+        this._tableHeader = viewChild('tableHeader', ...(ngDevMode ? [{ debugName: "_tableHeader" }] : []));
+        this._tableHeaderElement = viewChild('tableHeader', ...(ngDevMode ? [{ debugName: "_tableHeaderElement" }] : []));
+        this.noResultsText = input('quangTable.noResults', ...(ngDevMode ? [{ debugName: "noResultsText" }] : []));
         this._tableHeaderEffect = effect(() => {
             if (this._tableHeader()) {
                 this.fixTableHeaderWidth();
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "_tableHeaderEffect" }] : []));
         this._tableHeaderElementEffect = effect(() => {
             if (this._tableHeaderElement()) {
                 this.fixTableHeaderWidth();
             }
-        });
-        this._fakeTableHeader = viewChild('fakeTableHeader');
+        }, ...(ngDevMode ? [{ debugName: "_tableHeaderElementEffect" }] : []));
+        this._fakeTableHeader = viewChild('fakeTableHeader', ...(ngDevMode ? [{ debugName: "_fakeTableHeader" }] : []));
         this._fakeTableHeaderEffect = effect(() => {
             if (this._fakeTableHeader()) {
                 this.fixTableHeaderWidth();
             }
-        });
-        this.tableConfigurations = input.required();
+        }, ...(ngDevMode ? [{ debugName: "_fakeTableHeaderEffect" }] : []));
+        this.tableConfigurations = input.required(...(ngDevMode ? [{ debugName: "tableConfigurations" }] : []));
         this._tableConfigurations = signal({
             headers: [],
             rows: [],
-        });
+        }, ...(ngDevMode ? [{ debugName: "_tableConfigurations" }] : []));
         this.tableConfigurations$ = toObservable(this.tableConfigurations)
             .pipe(takeUntilDestroyed())
             .subscribe((data) => {
@@ -73,7 +73,7 @@ class QuangTableComponent {
             if (this._tableConfigurations()) {
                 this.fixTableHeaderWidth();
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "effectTableConfigurations" }] : []));
         this.hiddenColumnsObservable = undefined;
         this.lastWidth = -1;
     }
@@ -146,10 +146,10 @@ class QuangTableComponent {
         this._tableConfigurations.set({ ...this._tableConfigurations(), headers: tableHeaders });
         this.sortChanged.emit([sort]); // it's an array to handle multisort in the future
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: QuangTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: QuangTableComponent, isStandalone: true, selector: "quang-table", inputs: { clickableRow: { classPropertyName: "clickableRow", publicName: "clickableRow", isSignal: true, isRequired: false, transformFunction: null }, selectedRows: { classPropertyName: "selectedRows", publicName: "selectedRows", isSignal: true, isRequired: false, transformFunction: null }, stickyTable: { classPropertyName: "stickyTable", publicName: "stickyTable", isSignal: true, isRequired: false, transformFunction: null }, noResultsText: { classPropertyName: "noResultsText", publicName: "noResultsText", isSignal: true, isRequired: false, transformFunction: null }, tableConfigurations: { classPropertyName: "tableConfigurations", publicName: "tableConfigurations", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectedRow: "selectedRow", sortChanged: "sortChanged" }, viewQueries: [{ propertyName: "_tableHeader", first: true, predicate: ["tableHeader"], descendants: true, isSignal: true }, { propertyName: "_tableHeaderElement", first: true, predicate: ["tableHeader"], descendants: true, isSignal: true }, { propertyName: "_fakeTableHeader", first: true, predicate: ["fakeTableHeader"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  [class.sticky-table]=\"stickyTable()\"\n  class=\"table-responsive\"\n>\n  @if (_tableConfigurations().rows.length) {\n    <div\n      (scroll)=\"tableContainer.scrollLeft = tableHeaderContainer.scrollLeft\"\n      #tableHeaderContainer\n      class=\"table-header-container\"\n      id=\"tableHeaderContainer\"\n    >\n      <table\n        #tableHeader\n        id=\"tableHeader\"\n      >\n        <thead>\n          <tr>\n            @for (header of _tableConfigurations().headers; track $index) {\n              <th\n                [class.sort-btn]=\"header?.sort\"\n                (click)=\"header?.sort ? onSortColumn(header.sort!) : null\"\n                class=\"align-bottom\"\n              >\n                <div\n                  [ngClass]=\"header?.css\"\n                  class=\"align-self-end d-flex gap-1\"\n                >\n                  {{ !header.renderer ? (header.text | transloco) : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"header?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: header.payload,\n                    }\"\n                  ></ng-container>\n                  @if (header.sort?.key) {\n                    <div class=\"d-flex justify-content-between\">\n                      <ng-container\n                        [ngTemplateOutlet]=\"orderBtns\"\n                        [ngTemplateOutletContext]=\"{ $implicit: header.sort }\"\n                      ></ng-container>\n                    </div>\n                  }\n                </div>\n              </th>\n            }\n          </tr>\n        </thead>\n      </table>\n    </div>\n    <div\n      (scroll)=\"tableHeaderContainer.scrollLeft = tableContainer.scrollLeft\"\n      #tableContainer\n      class=\"table-container\"\n    >\n      <table\n        class=\"table\"\n        id=\"table-content\"\n      >\n        <thead\n          #fakeTableHeader\n          class=\"fake-table-header\"\n          id=\"fakeTableHeader\"\n        >\n          <tr>\n            @for (header of _tableConfigurations().headers; track $index) {\n              <th\n                [class.sort-btn]=\"header?.sort\"\n                (click)=\"header?.sort ? onSortColumn(header.sort!) : null\"\n                class=\"align-bottom\"\n              >\n                <div\n                  [ngClass]=\"header?.css\"\n                  class=\"align-self-end d-flex gap-1\"\n                >\n                  {{ !header.renderer ? (header.text | transloco) : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"header?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: header.payload,\n                    }\"\n                  ></ng-container>\n                  @if (header.sort?.key) {\n                    <div class=\"d-flex justify-content-between\">\n                      <ng-container\n                        [ngTemplateOutlet]=\"orderBtns\"\n                        [ngTemplateOutletContext]=\"{ $implicit: header.sort }\"\n                      ></ng-container>\n                    </div>\n                  }\n                </div>\n              </th>\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of _tableConfigurations().rows; track $index) {\n            <tr\n              [class.hover-table]=\"clickableRow()\"\n              [class.selectedRow]=\"row?.rowId ? isSelected(row.rowId!) : null\"\n              [ngClass]=\"row.css\"\n              (click)=\"clickableRow() ? onClickRow(row) : null\"\n            >\n              @for (cell of row.cellData; track $index) {\n                <td\n                  [attr.colspan]=\"cell?.fullWidth ? _tableConfigurations().headers.length : undefined\"\n                  [ngClass]=\"cell.css!\"\n                >\n                  {{ !cell.renderer ? cell.text : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"cell?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: cell.payload,\n                    }\"\n                  ></ng-container>\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  }\n  @if (!_tableConfigurations().rows.length) {\n    <h6 class=\"text-center mt-3\">\n      {{ noResultsText() | transloco }}\n    </h6>\n  }\n</div>\n\n<ng-template\n  #orderBtns\n  let-order\n>\n  <div\n    [class.sort-asc]=\"order.sort === SortTable.ASC\"\n    [class.sort-default]=\"order.sort === SortTable.DEFAULT\"\n    [class.sort-desc]=\"order.sort === SortTable.DESC\"\n    class=\"sort-arrows\"\n  >\n    <svg\n      class=\"arrow-up\"\n      fill=\"currentColor\"\n      height=\"10\"\n      stroke=\"currentColor\"\n      viewBox=\"279.5 -600.5 401 201\"\n      width=\"10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"m280-400 200-200 200 200H280Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n      ></path>\n    </svg>\n    <svg\n      class=\"arrow-down\"\n      fill=\"currentColor\"\n      height=\"10\"\n      stroke=\"currentColor\"\n      viewBox=\"279.5 -560.5 401 201\"\n      width=\"10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M480-360 280-560h400L480-360Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n      ></path>\n    </svg>\n  </div>\n</ng-template>\n", styles: [":host{display:block;--table-header-container-top: 0;--table-header-bg: var(--bs-body-bg);--table-header-border-color: var(--bs-border-color);--table-header-border-width: 4px;--table-row-hover-brightness: 90%;--table-row-selected-brightness: 95%}.table-responsive{overflow:initial}.table-responsive .fake-table-header{height:0!important;overflow:hidden!important;line-height:0!important;visibility:collapse!important}.table-responsive .fake-table-header *{padding:0!important;margin:0!important;background-color:var(--table-header-bg);border:unset!important;height:0!important;overflow:hidden!important;line-height:0!important;visibility:collapse!important}.table-responsive .table-header-container{overflow-x:hidden;z-index:1}.table-responsive .table-container{overflow-x:auto}.table-responsive table{width:100%;font-size:16px;overflow-y:auto;margin-bottom:unset}.table-responsive table thead{text-transform:uppercase}.table-responsive table thead th{padding:1rem .5rem;z-index:999;background-color:var(--table-header-bg);box-shadow:inset 0 calc(var(--table-header-border-width) * -1) 0 0 var(--table-header-border-color)}.table-responsive table tbody tr:first-child td{border-top:0}.table-responsive table tbody tr.hover-table:hover{cursor:pointer;filter:brightness(var(--table-row-hover-brightness))}.table-responsive table tbody tr.selectedRow{filter:brightness(var(--table-row-selected-brightness))}.table-responsive table tbody tr td{padding:1rem .5rem;font-weight:300;vertical-align:middle}.table-responsive table tbody tr:last-child{border-bottom:transparent}.table-responsive.sticky-table{position:relative}.table-responsive.sticky-table .table-header-container{position:sticky;top:var(--table-header-container-top, 0)}.sort-arrows{display:flex;flex-direction:column;justify-content:center}.sort-default{opacity:30%}.sort-asc .arrow-up{opacity:100%}.sort-asc .arrow-down,.sort-desc .arrow-up{display:none}.sort-desc .arrow-down{opacity:100%}.sort-btn:hover{cursor:pointer}\n"], dependencies: [{ kind: "pipe", type: TranslocoPipe, name: "transloco" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: QuangTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: QuangTableComponent, isStandalone: true, selector: "quang-table", inputs: { clickableRow: { classPropertyName: "clickableRow", publicName: "clickableRow", isSignal: true, isRequired: false, transformFunction: null }, selectedRows: { classPropertyName: "selectedRows", publicName: "selectedRows", isSignal: true, isRequired: false, transformFunction: null }, stickyTable: { classPropertyName: "stickyTable", publicName: "stickyTable", isSignal: true, isRequired: false, transformFunction: null }, noResultsText: { classPropertyName: "noResultsText", publicName: "noResultsText", isSignal: true, isRequired: false, transformFunction: null }, tableConfigurations: { classPropertyName: "tableConfigurations", publicName: "tableConfigurations", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectedRow: "selectedRow", sortChanged: "sortChanged" }, viewQueries: [{ propertyName: "_tableHeader", first: true, predicate: ["tableHeader"], descendants: true, isSignal: true }, { propertyName: "_tableHeaderElement", first: true, predicate: ["tableHeader"], descendants: true, isSignal: true }, { propertyName: "_fakeTableHeader", first: true, predicate: ["fakeTableHeader"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  [class.sticky-table]=\"stickyTable()\"\n  class=\"table-responsive\"\n>\n  @if (_tableConfigurations().rows.length) {\n    <div\n      (scroll)=\"tableContainer.scrollLeft = tableHeaderContainer.scrollLeft\"\n      #tableHeaderContainer\n      class=\"table-header-container\"\n      id=\"tableHeaderContainer\"\n    >\n      <table\n        #tableHeader\n        id=\"tableHeader\"\n      >\n        <thead>\n          <tr>\n            @for (header of _tableConfigurations().headers; track $index) {\n              <th\n                [class.sort-btn]=\"header?.sort\"\n                (click)=\"header?.sort ? onSortColumn(header.sort!) : null\"\n                class=\"align-bottom\"\n              >\n                <div\n                  [ngClass]=\"header?.css\"\n                  class=\"align-self-end d-flex gap-1\"\n                >\n                  {{ !header.renderer ? (header.text | transloco) : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"header?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: header.payload,\n                    }\"\n                  ></ng-container>\n                  @if (header.sort?.key) {\n                    <div class=\"d-flex justify-content-between\">\n                      <ng-container\n                        [ngTemplateOutlet]=\"orderBtns\"\n                        [ngTemplateOutletContext]=\"{ $implicit: header.sort }\"\n                      ></ng-container>\n                    </div>\n                  }\n                </div>\n              </th>\n            }\n          </tr>\n        </thead>\n      </table>\n    </div>\n    <div\n      (scroll)=\"tableHeaderContainer.scrollLeft = tableContainer.scrollLeft\"\n      #tableContainer\n      class=\"table-container\"\n    >\n      <table\n        class=\"table\"\n        id=\"table-content\"\n      >\n        <thead\n          #fakeTableHeader\n          class=\"fake-table-header\"\n          id=\"fakeTableHeader\"\n        >\n          <tr>\n            @for (header of _tableConfigurations().headers; track $index) {\n              <th\n                [class.sort-btn]=\"header?.sort\"\n                (click)=\"header?.sort ? onSortColumn(header.sort!) : null\"\n                class=\"align-bottom\"\n              >\n                <div\n                  [ngClass]=\"header?.css\"\n                  class=\"align-self-end d-flex gap-1\"\n                >\n                  {{ !header.renderer ? (header.text | transloco) : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"header?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: header.payload,\n                    }\"\n                  ></ng-container>\n                  @if (header.sort?.key) {\n                    <div class=\"d-flex justify-content-between\">\n                      <ng-container\n                        [ngTemplateOutlet]=\"orderBtns\"\n                        [ngTemplateOutletContext]=\"{ $implicit: header.sort }\"\n                      ></ng-container>\n                    </div>\n                  }\n                </div>\n              </th>\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of _tableConfigurations().rows; track $index) {\n            <tr\n              [class.hover-table]=\"clickableRow()\"\n              [class.selectedRow]=\"row?.rowId ? isSelected(row.rowId!) : null\"\n              [ngClass]=\"row.css\"\n              (click)=\"clickableRow() ? onClickRow(row) : null\"\n            >\n              @for (cell of row.cellData; track $index) {\n                <td\n                  [attr.colspan]=\"cell?.fullWidth ? _tableConfigurations().headers.length : undefined\"\n                  [ngClass]=\"cell.css!\"\n                >\n                  {{ !cell.renderer ? cell.text : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"cell?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: cell.payload,\n                    }\"\n                  ></ng-container>\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  }\n  @if (!_tableConfigurations().rows.length) {\n    <h6 class=\"text-center mt-3\">\n      {{ noResultsText() | transloco }}\n    </h6>\n  }\n</div>\n\n<ng-template\n  #orderBtns\n  let-order\n>\n  <div\n    [class.sort-asc]=\"order.sort === SortTable.ASC\"\n    [class.sort-default]=\"order.sort === SortTable.DEFAULT\"\n    [class.sort-desc]=\"order.sort === SortTable.DESC\"\n    class=\"sort-arrows\"\n  >\n    <svg\n      class=\"arrow-up\"\n      fill=\"currentColor\"\n      height=\"10\"\n      stroke=\"currentColor\"\n      viewBox=\"279.5 -600.5 401 201\"\n      width=\"10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"m280-400 200-200 200 200H280Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n      ></path>\n    </svg>\n    <svg\n      class=\"arrow-down\"\n      fill=\"currentColor\"\n      height=\"10\"\n      stroke=\"currentColor\"\n      viewBox=\"279.5 -560.5 401 201\"\n      width=\"10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M480-360 280-560h400L480-360Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n      ></path>\n    </svg>\n  </div>\n</ng-template>\n", styles: [":host{display:block;--table-header-container-top: 0;--table-header-bg: var(--bs-body-bg);--table-header-border-color: var(--bs-border-color);--table-header-border-width: 4px;--table-row-hover-brightness: 90%;--table-row-selected-brightness: 95%}.table-responsive{overflow:initial}.table-responsive .fake-table-header{height:0!important;overflow:hidden!important;line-height:0!important;visibility:collapse!important}.table-responsive .fake-table-header *{padding:0!important;margin:0!important;background-color:var(--table-header-bg);border:unset!important;height:0!important;overflow:hidden!important;line-height:0!important;visibility:collapse!important}.table-responsive .table-header-container{overflow-x:hidden;z-index:1}.table-responsive .table-container{overflow-x:auto}.table-responsive table{width:100%;font-size:16px;overflow-y:auto;margin-bottom:unset}.table-responsive table thead{text-transform:uppercase}.table-responsive table thead th{padding:1rem .5rem;z-index:999;background-color:var(--table-header-bg);box-shadow:inset 0 calc(var(--table-header-border-width) * -1) 0 0 var(--table-header-border-color)}.table-responsive table tbody tr:first-child td{border-top:0}.table-responsive table tbody tr.hover-table:hover{cursor:pointer;filter:brightness(var(--table-row-hover-brightness))}.table-responsive table tbody tr.selectedRow{filter:brightness(var(--table-row-selected-brightness))}.table-responsive table tbody tr td{padding:1rem .5rem;font-weight:300;vertical-align:middle}.table-responsive table tbody tr:last-child{border-bottom:transparent}.table-responsive.sticky-table{position:relative}.table-responsive.sticky-table .table-header-container{position:sticky;top:var(--table-header-container-top, 0)}.sort-arrows{display:flex;flex-direction:column;justify-content:center}.sort-default{opacity:30%}.sort-asc .arrow-up{opacity:100%}.sort-asc .arrow-down,.sort-desc .arrow-up{display:none}.sort-desc .arrow-down{opacity:100%}.sort-btn:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: QuangTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: QuangTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'quang-table', imports: [TranslocoPipe, NgClass, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  [class.sticky-table]=\"stickyTable()\"\n  class=\"table-responsive\"\n>\n  @if (_tableConfigurations().rows.length) {\n    <div\n      (scroll)=\"tableContainer.scrollLeft = tableHeaderContainer.scrollLeft\"\n      #tableHeaderContainer\n      class=\"table-header-container\"\n      id=\"tableHeaderContainer\"\n    >\n      <table\n        #tableHeader\n        id=\"tableHeader\"\n      >\n        <thead>\n          <tr>\n            @for (header of _tableConfigurations().headers; track $index) {\n              <th\n                [class.sort-btn]=\"header?.sort\"\n                (click)=\"header?.sort ? onSortColumn(header.sort!) : null\"\n                class=\"align-bottom\"\n              >\n                <div\n                  [ngClass]=\"header?.css\"\n                  class=\"align-self-end d-flex gap-1\"\n                >\n                  {{ !header.renderer ? (header.text | transloco) : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"header?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: header.payload,\n                    }\"\n                  ></ng-container>\n                  @if (header.sort?.key) {\n                    <div class=\"d-flex justify-content-between\">\n                      <ng-container\n                        [ngTemplateOutlet]=\"orderBtns\"\n                        [ngTemplateOutletContext]=\"{ $implicit: header.sort }\"\n                      ></ng-container>\n                    </div>\n                  }\n                </div>\n              </th>\n            }\n          </tr>\n        </thead>\n      </table>\n    </div>\n    <div\n      (scroll)=\"tableHeaderContainer.scrollLeft = tableContainer.scrollLeft\"\n      #tableContainer\n      class=\"table-container\"\n    >\n      <table\n        class=\"table\"\n        id=\"table-content\"\n      >\n        <thead\n          #fakeTableHeader\n          class=\"fake-table-header\"\n          id=\"fakeTableHeader\"\n        >\n          <tr>\n            @for (header of _tableConfigurations().headers; track $index) {\n              <th\n                [class.sort-btn]=\"header?.sort\"\n                (click)=\"header?.sort ? onSortColumn(header.sort!) : null\"\n                class=\"align-bottom\"\n              >\n                <div\n                  [ngClass]=\"header?.css\"\n                  class=\"align-self-end d-flex gap-1\"\n                >\n                  {{ !header.renderer ? (header.text | transloco) : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"header?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: header.payload,\n                    }\"\n                  ></ng-container>\n                  @if (header.sort?.key) {\n                    <div class=\"d-flex justify-content-between\">\n                      <ng-container\n                        [ngTemplateOutlet]=\"orderBtns\"\n                        [ngTemplateOutletContext]=\"{ $implicit: header.sort }\"\n                      ></ng-container>\n                    </div>\n                  }\n                </div>\n              </th>\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of _tableConfigurations().rows; track $index) {\n            <tr\n              [class.hover-table]=\"clickableRow()\"\n              [class.selectedRow]=\"row?.rowId ? isSelected(row.rowId!) : null\"\n              [ngClass]=\"row.css\"\n              (click)=\"clickableRow() ? onClickRow(row) : null\"\n            >\n              @for (cell of row.cellData; track $index) {\n                <td\n                  [attr.colspan]=\"cell?.fullWidth ? _tableConfigurations().headers.length : undefined\"\n                  [ngClass]=\"cell.css!\"\n                >\n                  {{ !cell.renderer ? cell.text : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"cell?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: cell.payload,\n                    }\"\n                  ></ng-container>\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  }\n  @if (!_tableConfigurations().rows.length) {\n    <h6 class=\"text-center mt-3\">\n      {{ noResultsText() | transloco }}\n    </h6>\n  }\n</div>\n\n<ng-template\n  #orderBtns\n  let-order\n>\n  <div\n    [class.sort-asc]=\"order.sort === SortTable.ASC\"\n    [class.sort-default]=\"order.sort === SortTable.DEFAULT\"\n    [class.sort-desc]=\"order.sort === SortTable.DESC\"\n    class=\"sort-arrows\"\n  >\n    <svg\n      class=\"arrow-up\"\n      fill=\"currentColor\"\n      height=\"10\"\n      stroke=\"currentColor\"\n      viewBox=\"279.5 -600.5 401 201\"\n      width=\"10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"m280-400 200-200 200 200H280Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n      ></path>\n    </svg>\n    <svg\n      class=\"arrow-down\"\n      fill=\"currentColor\"\n      height=\"10\"\n      stroke=\"currentColor\"\n      viewBox=\"279.5 -560.5 401 201\"\n      width=\"10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M480-360 280-560h400L480-360Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n      ></path>\n    </svg>\n  </div>\n</ng-template>\n", styles: [":host{display:block;--table-header-container-top: 0;--table-header-bg: var(--bs-body-bg);--table-header-border-color: var(--bs-border-color);--table-header-border-width: 4px;--table-row-hover-brightness: 90%;--table-row-selected-brightness: 95%}.table-responsive{overflow:initial}.table-responsive .fake-table-header{height:0!important;overflow:hidden!important;line-height:0!important;visibility:collapse!important}.table-responsive .fake-table-header *{padding:0!important;margin:0!important;background-color:var(--table-header-bg);border:unset!important;height:0!important;overflow:hidden!important;line-height:0!important;visibility:collapse!important}.table-responsive .table-header-container{overflow-x:hidden;z-index:1}.table-responsive .table-container{overflow-x:auto}.table-responsive table{width:100%;font-size:16px;overflow-y:auto;margin-bottom:unset}.table-responsive table thead{text-transform:uppercase}.table-responsive table thead th{padding:1rem .5rem;z-index:999;background-color:var(--table-header-bg);box-shadow:inset 0 calc(var(--table-header-border-width) * -1) 0 0 var(--table-header-border-color)}.table-responsive table tbody tr:first-child td{border-top:0}.table-responsive table tbody tr.hover-table:hover{cursor:pointer;filter:brightness(var(--table-row-hover-brightness))}.table-responsive table tbody tr.selectedRow{filter:brightness(var(--table-row-selected-brightness))}.table-responsive table tbody tr td{padding:1rem .5rem;font-weight:300;vertical-align:middle}.table-responsive table tbody tr:last-child{border-bottom:transparent}.table-responsive.sticky-table{position:relative}.table-responsive.sticky-table .table-header-container{position:sticky;top:var(--table-header-container-top, 0)}.sort-arrows{display:flex;flex-direction:column;justify-content:center}.sort-default{opacity:30%}.sort-asc .arrow-up{opacity:100%}.sort-asc .arrow-down,.sort-desc .arrow-up{display:none}.sort-desc .arrow-down{opacity:100%}.sort-btn:hover{cursor:pointer}\n"] }]
         }] });

package/fesm2022/quang-components-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"quang-components-table.mjs","sources":["../../../projects/quang/components/table/table.component.ts","../../../projects/quang/components/table/table.component.html","../../../projects/quang/components/table/quang-components-table.ts"],"sourcesContent":["import { NgClass, NgTemplateOutlet } from '@angular/common'\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  TemplateRef,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core'\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop'\n\nimport { TranslocoPipe } from '@jsverse/transloco'\nimport { ResizeObservableService } from 'quang/device'\nimport { Subscription } from 'rxjs'\n\nexport interface TableHeader {\n  text?: string\n  sort?: SortCol\n  css?: string[]\n  renderer?: TemplateRef<any>\n  payload?: any\n}\n\nexport interface TableConfiguration<T> {\n  headers: TableHeader[]\n  rows: TableRow<T>[]\n}\n\nexport interface TableCell {\n  renderer?: TemplateRef<any>\n  payload?: any\n  text?: string\n  css?: string[]\n  fullWidth?: boolean\n}\n\nexport interface TableRow<T> {\n  payload?: T\n  rowId?: string | number\n  css?: string[]\n  cellData: TableCell[]\n}\n\nexport enum SortTable {\n  DEFAULT = 'DEFAULT',\n  ASC = 'ASC',\n  DESC = 'DESC',\n}\n\nexport interface SortCol {\n  key: string\n  sort: SortTable\n}\n\n@Component({\n  selector: 'quang-table',\n  templateUrl: './table.component.html',\n  styleUrl: './table.component.scss',\n  imports: [TranslocoPipe, NgClass, NgTemplateOutlet],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * Table component for displaying data in a tabular format.\n *\n * It supports customizable column cells template and sorting rows by column headers.\n *\n * @usageNotes\n * The component must be configured using the {@link TableConfiguration} object\n */\nexport class QuangTableComponent<T> {\n  clickableRow = input<boolean>(false)\n\n  selectedRows = input<string[] | number[]>()\n\n  stickyTable = input<boolean>(true)\n\n  selectedRow = output<TableRow<T>>()\n\n  sortChanged = output<SortCol[]>()\n\n  public SortTable = SortTable\n\n  destroyRef = inject(DestroyRef)\n\n  _resizeObservableService = inject(ResizeObservableService)\n\n  _tableHeader = viewChild<ElementRef>('tableHeader')\n\n  _tableHeaderElement = viewChild<Element>('tableHeader')\n\n  noResultsText = input<string>('quangTable.noResults')\n\n  _tableHeaderEffect = effect(() => {\n    if (this._tableHeader()) {\n      this.fixTableHeaderWidth()\n    }\n  })\n\n  _tableHeaderElementEffect = effect(() => {\n    if (this._tableHeaderElement()) {\n      this.fixTableHeaderWidth()\n    }\n  })\n\n  _fakeTableHeader = viewChild<ElementRef>('fakeTableHeader')\n\n  _fakeTableHeaderEffect = effect(() => {\n    if (this._fakeTableHeader()) {\n      this.fixTableHeaderWidth()\n    }\n  })\n\n  tableConfigurations = input.required<TableConfiguration<T>>()\n\n  _tableConfigurations = signal<TableConfiguration<T>>({\n    headers: [],\n    rows: [],\n  })\n\n  tableConfigurations$ = toObservable(this.tableConfigurations)\n    .pipe(takeUntilDestroyed())\n    .subscribe((data) => {\n      const headers: TableHeader[] = []\n      const rows: TableRow<T>[] = []\n      for (const header of data.headers) {\n        headers.push({ ...header })\n      }\n      for (const row of data.rows) {\n        rows.push({ ...row })\n      }\n      this._tableConfigurations.set({\n        headers,\n        rows,\n      })\n    })\n\n  effectTableConfigurations = effect(() => {\n    if (this._tableConfigurations()) {\n      this.fixTableHeaderWidth()\n    }\n  })\n\n  hiddenColumnsObservable?: Subscription = undefined\n\n  onClickRow(row: TableRow<T>): void {\n    if (this.clickableRow()) {\n      this.selectedRow.emit(row)\n    }\n  }\n\n  isSelected(rowId: string | number): boolean {\n    return !!this.selectedRows()?.some((x) => x === rowId)\n  }\n\n  lastWidth = -1\n\n  fixTableHeaderWidth() {\n    setTimeout(() => {\n      const stickyColumns = this._tableHeader()?.nativeElement?.querySelectorAll('th')\n\n      // Copy the column widths from our hidden Primary table header to our Sticky Table header.\n      const hiddenColumns = this._fakeTableHeader()?.nativeElement?.querySelectorAll('th')\n\n      if (stickyColumns?.length > 0 && hiddenColumns?.length > 0) {\n        if (this.hiddenColumnsObservable) {\n          this.hiddenColumnsObservable.unsubscribe()\n        }\n        this.hiddenColumnsObservable = this._resizeObservableService\n          .widthResizeObservable(hiddenColumns[0])\n          .pipe(takeUntilDestroyed(this.destroyRef))\n          .subscribe((data) => {\n            if (data !== this.lastWidth) {\n              this.lastWidth = data\n              this.fixTableHeaderWidth()\n            }\n          })\n        for (let i = 0; i < hiddenColumns?.length; i++) {\n          const th = hiddenColumns[i]\n          // Since the Sticky Table header is expected to be an exact copy of the Primary Table, we know their indices will be the same.\n          stickyColumns[i].style.minWidth = `${th.offsetWidth}px`\n          stickyColumns[i].style.maxWidth = `${th.offsetWidth}px`\n        }\n      }\n    })\n  }\n\n  onSortColumn(sort: SortCol): void {\n    const tableHeaders: TableHeader[] = []\n    for (const header of this._tableConfigurations().headers) {\n      tableHeaders.push({\n        ...header,\n      })\n    }\n    tableHeaders.forEach((header) => {\n      if (!header.sort?.key) return\n\n      if (header.sort?.key === sort.key) {\n        switch (sort.sort) {\n          case SortTable.ASC:\n            header.sort.sort = SortTable.DESC\n            break\n          case SortTable.DESC:\n            header.sort.sort = SortTable.DEFAULT\n            break\n          case SortTable.DEFAULT:\n          default:\n            header.sort.sort = SortTable.ASC\n            break\n        }\n      } else {\n        header.sort = {\n          ...header.sort,\n          sort: SortTable.DEFAULT,\n        }\n      }\n    })\n    this._tableConfigurations.set({ ...this._tableConfigurations(), headers: tableHeaders })\n    this.sortChanged.emit([sort]) // it's an array to handle multisort in the future\n  }\n}\n","<div\n  [class.sticky-table]=\"stickyTable()\"\n  class=\"table-responsive\"\n>\n  @if (_tableConfigurations().rows.length) {\n    <div\n      (scroll)=\"tableContainer.scrollLeft = tableHeaderContainer.scrollLeft\"\n      #tableHeaderContainer\n      class=\"table-header-container\"\n      id=\"tableHeaderContainer\"\n    >\n      <table\n        #tableHeader\n        id=\"tableHeader\"\n      >\n        <thead>\n          <tr>\n            @for (header of _tableConfigurations().headers; track $index) {\n              <th\n                [class.sort-btn]=\"header?.sort\"\n                (click)=\"header?.sort ? onSortColumn(header.sort!) : null\"\n                class=\"align-bottom\"\n              >\n                <div\n                  [ngClass]=\"header?.css\"\n                  class=\"align-self-end d-flex gap-1\"\n                >\n                  {{ !header.renderer ? (header.text | transloco) : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"header?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: header.payload,\n                    }\"\n                  ></ng-container>\n                  @if (header.sort?.key) {\n                    <div class=\"d-flex justify-content-between\">\n                      <ng-container\n                        [ngTemplateOutlet]=\"orderBtns\"\n                        [ngTemplateOutletContext]=\"{ $implicit: header.sort }\"\n                      ></ng-container>\n                    </div>\n                  }\n                </div>\n              </th>\n            }\n          </tr>\n        </thead>\n      </table>\n    </div>\n    <div\n      (scroll)=\"tableHeaderContainer.scrollLeft = tableContainer.scrollLeft\"\n      #tableContainer\n      class=\"table-container\"\n    >\n      <table\n        class=\"table\"\n        id=\"table-content\"\n      >\n        <thead\n          #fakeTableHeader\n          class=\"fake-table-header\"\n          id=\"fakeTableHeader\"\n        >\n          <tr>\n            @for (header of _tableConfigurations().headers; track $index) {\n              <th\n                [class.sort-btn]=\"header?.sort\"\n                (click)=\"header?.sort ? onSortColumn(header.sort!) : null\"\n                class=\"align-bottom\"\n              >\n                <div\n                  [ngClass]=\"header?.css\"\n                  class=\"align-self-end d-flex gap-1\"\n                >\n                  {{ !header.renderer ? (header.text | transloco) : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"header?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: header.payload,\n                    }\"\n                  ></ng-container>\n                  @if (header.sort?.key) {\n                    <div class=\"d-flex justify-content-between\">\n                      <ng-container\n                        [ngTemplateOutlet]=\"orderBtns\"\n                        [ngTemplateOutletContext]=\"{ $implicit: header.sort }\"\n                      ></ng-container>\n                    </div>\n                  }\n                </div>\n              </th>\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of _tableConfigurations().rows; track $index) {\n            <tr\n              [class.hover-table]=\"clickableRow()\"\n              [class.selectedRow]=\"row?.rowId ? isSelected(row.rowId!) : null\"\n              [ngClass]=\"row.css\"\n              (click)=\"clickableRow() ? onClickRow(row) : null\"\n            >\n              @for (cell of row.cellData; track $index) {\n                <td\n                  [attr.colspan]=\"cell?.fullWidth ? _tableConfigurations().headers.length : undefined\"\n                  [ngClass]=\"cell.css!\"\n                >\n                  {{ !cell.renderer ? cell.text : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"cell?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: cell.payload,\n                    }\"\n                  ></ng-container>\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  }\n  @if (!_tableConfigurations().rows.length) {\n    <h6 class=\"text-center mt-3\">\n      {{ noResultsText() | transloco }}\n    </h6>\n  }\n</div>\n\n<ng-template\n  #orderBtns\n  let-order\n>\n  <div\n    [class.sort-asc]=\"order.sort === SortTable.ASC\"\n    [class.sort-default]=\"order.sort === SortTable.DEFAULT\"\n    [class.sort-desc]=\"order.sort === SortTable.DESC\"\n    class=\"sort-arrows\"\n  >\n    <svg\n      class=\"arrow-up\"\n      fill=\"currentColor\"\n      height=\"10\"\n      stroke=\"currentColor\"\n      viewBox=\"279.5 -600.5 401 201\"\n      width=\"10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"m280-400 200-200 200 200H280Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n      ></path>\n    </svg>\n    <svg\n      class=\"arrow-down\"\n      fill=\"currentColor\"\n      height=\"10\"\n      stroke=\"currentColor\"\n      viewBox=\"279.5 -560.5 401 201\"\n      width=\"10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M480-360 280-560h400L480-360Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n      ></path>\n    </svg>\n  </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"quang-components-table.mjs","sources":["../../../projects/quang/components/table/table.component.ts","../../../projects/quang/components/table/table.component.html","../../../projects/quang/components/table/quang-components-table.ts"],"sourcesContent":["import { NgClass, NgTemplateOutlet } from '@angular/common'\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  TemplateRef,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core'\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop'\n\nimport { TranslocoPipe } from '@jsverse/transloco'\nimport { ResizeObservableService } from 'quang/device'\nimport { Subscription } from 'rxjs'\n\nexport interface TableHeader {\n  text?: string\n  sort?: SortCol\n  css?: string[]\n  renderer?: TemplateRef<any>\n  payload?: any\n}\n\nexport interface TableConfiguration<T> {\n  headers: TableHeader[]\n  rows: TableRow<T>[]\n}\n\nexport interface TableCell {\n  renderer?: TemplateRef<any>\n  payload?: any\n  text?: string\n  css?: string[]\n  fullWidth?: boolean\n}\n\nexport interface TableRow<T> {\n  payload?: T\n  rowId?: string | number\n  css?: string[]\n  cellData: TableCell[]\n}\n\nexport enum SortTable {\n  DEFAULT = 'DEFAULT',\n  ASC = 'ASC',\n  DESC = 'DESC',\n}\n\nexport interface SortCol {\n  key: string\n  sort: SortTable\n}\n\n@Component({\n  selector: 'quang-table',\n  templateUrl: './table.component.html',\n  styleUrl: './table.component.scss',\n  imports: [TranslocoPipe, NgClass, NgTemplateOutlet],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * Table component for displaying data in a tabular format.\n *\n * It supports customizable column cells template and sorting rows by column headers.\n *\n * @usageNotes\n * The component must be configured using the {@link TableConfiguration} object\n */\nexport class QuangTableComponent<T> {\n  clickableRow = input<boolean>(false)\n\n  selectedRows = input<string[] | number[]>()\n\n  stickyTable = input<boolean>(true)\n\n  selectedRow = output<TableRow<T>>()\n\n  sortChanged = output<SortCol[]>()\n\n  public SortTable = SortTable\n\n  destroyRef = inject(DestroyRef)\n\n  _resizeObservableService = inject(ResizeObservableService)\n\n  _tableHeader = viewChild<ElementRef>('tableHeader')\n\n  _tableHeaderElement = viewChild<Element>('tableHeader')\n\n  noResultsText = input<string>('quangTable.noResults')\n\n  _tableHeaderEffect = effect(() => {\n    if (this._tableHeader()) {\n      this.fixTableHeaderWidth()\n    }\n  })\n\n  _tableHeaderElementEffect = effect(() => {\n    if (this._tableHeaderElement()) {\n      this.fixTableHeaderWidth()\n    }\n  })\n\n  _fakeTableHeader = viewChild<ElementRef>('fakeTableHeader')\n\n  _fakeTableHeaderEffect = effect(() => {\n    if (this._fakeTableHeader()) {\n      this.fixTableHeaderWidth()\n    }\n  })\n\n  tableConfigurations = input.required<TableConfiguration<T>>()\n\n  _tableConfigurations = signal<TableConfiguration<T>>({\n    headers: [],\n    rows: [],\n  })\n\n  tableConfigurations$ = toObservable(this.tableConfigurations)\n    .pipe(takeUntilDestroyed())\n    .subscribe((data) => {\n      const headers: TableHeader[] = []\n      const rows: TableRow<T>[] = []\n      for (const header of data.headers) {\n        headers.push({ ...header })\n      }\n      for (const row of data.rows) {\n        rows.push({ ...row })\n      }\n      this._tableConfigurations.set({\n        headers,\n        rows,\n      })\n    })\n\n  effectTableConfigurations = effect(() => {\n    if (this._tableConfigurations()) {\n      this.fixTableHeaderWidth()\n    }\n  })\n\n  hiddenColumnsObservable?: Subscription = undefined\n\n  onClickRow(row: TableRow<T>): void {\n    if (this.clickableRow()) {\n      this.selectedRow.emit(row)\n    }\n  }\n\n  isSelected(rowId: string | number): boolean {\n    return !!this.selectedRows()?.some((x) => x === rowId)\n  }\n\n  lastWidth = -1\n\n  fixTableHeaderWidth() {\n    setTimeout(() => {\n      const stickyColumns = this._tableHeader()?.nativeElement?.querySelectorAll('th')\n\n      // Copy the column widths from our hidden Primary table header to our Sticky Table header.\n      const hiddenColumns = this._fakeTableHeader()?.nativeElement?.querySelectorAll('th')\n\n      if (stickyColumns?.length > 0 && hiddenColumns?.length > 0) {\n        if (this.hiddenColumnsObservable) {\n          this.hiddenColumnsObservable.unsubscribe()\n        }\n        this.hiddenColumnsObservable = this._resizeObservableService\n          .widthResizeObservable(hiddenColumns[0])\n          .pipe(takeUntilDestroyed(this.destroyRef))\n          .subscribe((data) => {\n            if (data !== this.lastWidth) {\n              this.lastWidth = data\n              this.fixTableHeaderWidth()\n            }\n          })\n        for (let i = 0; i < hiddenColumns?.length; i++) {\n          const th = hiddenColumns[i]\n          // Since the Sticky Table header is expected to be an exact copy of the Primary Table, we know their indices will be the same.\n          stickyColumns[i].style.minWidth = `${th.offsetWidth}px`\n          stickyColumns[i].style.maxWidth = `${th.offsetWidth}px`\n        }\n      }\n    })\n  }\n\n  onSortColumn(sort: SortCol): void {\n    const tableHeaders: TableHeader[] = []\n    for (const header of this._tableConfigurations().headers) {\n      tableHeaders.push({\n        ...header,\n      })\n    }\n    tableHeaders.forEach((header) => {\n      if (!header.sort?.key) return\n\n      if (header.sort?.key === sort.key) {\n        switch (sort.sort) {\n          case SortTable.ASC:\n            header.sort.sort = SortTable.DESC\n            break\n          case SortTable.DESC:\n            header.sort.sort = SortTable.DEFAULT\n            break\n          case SortTable.DEFAULT:\n          default:\n            header.sort.sort = SortTable.ASC\n            break\n        }\n      } else {\n        header.sort = {\n          ...header.sort,\n          sort: SortTable.DEFAULT,\n        }\n      }\n    })\n    this._tableConfigurations.set({ ...this._tableConfigurations(), headers: tableHeaders })\n    this.sortChanged.emit([sort]) // it's an array to handle multisort in the future\n  }\n}\n","<div\n  [class.sticky-table]=\"stickyTable()\"\n  class=\"table-responsive\"\n>\n  @if (_tableConfigurations().rows.length) {\n    <div\n      (scroll)=\"tableContainer.scrollLeft = tableHeaderContainer.scrollLeft\"\n      #tableHeaderContainer\n      class=\"table-header-container\"\n      id=\"tableHeaderContainer\"\n    >\n      <table\n        #tableHeader\n        id=\"tableHeader\"\n      >\n        <thead>\n          <tr>\n            @for (header of _tableConfigurations().headers; track $index) {\n              <th\n                [class.sort-btn]=\"header?.sort\"\n                (click)=\"header?.sort ? onSortColumn(header.sort!) : null\"\n                class=\"align-bottom\"\n              >\n                <div\n                  [ngClass]=\"header?.css\"\n                  class=\"align-self-end d-flex gap-1\"\n                >\n                  {{ !header.renderer ? (header.text | transloco) : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"header?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: header.payload,\n                    }\"\n                  ></ng-container>\n                  @if (header.sort?.key) {\n                    <div class=\"d-flex justify-content-between\">\n                      <ng-container\n                        [ngTemplateOutlet]=\"orderBtns\"\n                        [ngTemplateOutletContext]=\"{ $implicit: header.sort }\"\n                      ></ng-container>\n                    </div>\n                  }\n                </div>\n              </th>\n            }\n          </tr>\n        </thead>\n      </table>\n    </div>\n    <div\n      (scroll)=\"tableHeaderContainer.scrollLeft = tableContainer.scrollLeft\"\n      #tableContainer\n      class=\"table-container\"\n    >\n      <table\n        class=\"table\"\n        id=\"table-content\"\n      >\n        <thead\n          #fakeTableHeader\n          class=\"fake-table-header\"\n          id=\"fakeTableHeader\"\n        >\n          <tr>\n            @for (header of _tableConfigurations().headers; track $index) {\n              <th\n                [class.sort-btn]=\"header?.sort\"\n                (click)=\"header?.sort ? onSortColumn(header.sort!) : null\"\n                class=\"align-bottom\"\n              >\n                <div\n                  [ngClass]=\"header?.css\"\n                  class=\"align-self-end d-flex gap-1\"\n                >\n                  {{ !header.renderer ? (header.text | transloco) : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"header?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: header.payload,\n                    }\"\n                  ></ng-container>\n                  @if (header.sort?.key) {\n                    <div class=\"d-flex justify-content-between\">\n                      <ng-container\n                        [ngTemplateOutlet]=\"orderBtns\"\n                        [ngTemplateOutletContext]=\"{ $implicit: header.sort }\"\n                      ></ng-container>\n                    </div>\n                  }\n                </div>\n              </th>\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of _tableConfigurations().rows; track $index) {\n            <tr\n              [class.hover-table]=\"clickableRow()\"\n              [class.selectedRow]=\"row?.rowId ? isSelected(row.rowId!) : null\"\n              [ngClass]=\"row.css\"\n              (click)=\"clickableRow() ? onClickRow(row) : null\"\n            >\n              @for (cell of row.cellData; track $index) {\n                <td\n                  [attr.colspan]=\"cell?.fullWidth ? _tableConfigurations().headers.length : undefined\"\n                  [ngClass]=\"cell.css!\"\n                >\n                  {{ !cell.renderer ? cell.text : null }}\n                  <ng-container\n                    [ngTemplateOutlet]=\"cell?.renderer ?? null\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: cell.payload,\n                    }\"\n                  ></ng-container>\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  }\n  @if (!_tableConfigurations().rows.length) {\n    <h6 class=\"text-center mt-3\">\n      {{ noResultsText() | transloco }}\n    </h6>\n  }\n</div>\n\n<ng-template\n  #orderBtns\n  let-order\n>\n  <div\n    [class.sort-asc]=\"order.sort === SortTable.ASC\"\n    [class.sort-default]=\"order.sort === SortTable.DEFAULT\"\n    [class.sort-desc]=\"order.sort === SortTable.DESC\"\n    class=\"sort-arrows\"\n  >\n    <svg\n      class=\"arrow-up\"\n      fill=\"currentColor\"\n      height=\"10\"\n      stroke=\"currentColor\"\n      viewBox=\"279.5 -600.5 401 201\"\n      width=\"10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"m280-400 200-200 200 200H280Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n      ></path>\n    </svg>\n    <svg\n      class=\"arrow-down\"\n      fill=\"currentColor\"\n      height=\"10\"\n      stroke=\"currentColor\"\n      viewBox=\"279.5 -560.5 401 201\"\n      width=\"10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M480-360 280-560h400L480-360Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n      ></path>\n    </svg>\n  </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/quang-components-wysiwyg.mjs

@@ -25,34 +25,34 @@ import { QuangBaseComponent } from 'quang/components/shared';
 class QuangWysiwygComponent extends QuangBaseComponent {
     constructor() {
         super(...arguments);
-        this._inputForWysiwyg = viewChild('inputForWysiwyg');
-        this.minHeight = input('200px');
-        this.font = input(true);
-        this.fontSize = input(true);
-        this.formatBlock = input(true);
-        this.paragraphStyle = input(true);
-        this.blockquote = input(true);
-        this.bold = input(true);
-        this.underline = input(true);
-        this.italic = input(true);
-        this.strike = input(true);
-        this.fontColor = input(true);
-        this.highlightColor = input(true);
-        this.textStyle = input(true);
-        this.removeFormat = input(true);
-        this.align = input(true);
-        this.list = input(true);
-        this.table = input(true);
-        this.link = input(true);
-        this.image = input(true);
-        this.fullScreen = input(true);
-        this.showBlocks = input(true);
-        this.onImageUploadError = input();
-        this.onFileDrop = input();
-        this.wysiwygOptions = input(undefined);
-        this._sunEditorWysiwygInstance = signal(undefined);
+        this._inputForWysiwyg = viewChild('inputForWysiwyg', ...(ngDevMode ? [{ debugName: "_inputForWysiwyg" }] : []));
+        this.minHeight = input('200px', ...(ngDevMode ? [{ debugName: "minHeight" }] : []));
+        this.font = input(true, ...(ngDevMode ? [{ debugName: "font" }] : []));
+        this.fontSize = input(true, ...(ngDevMode ? [{ debugName: "fontSize" }] : []));
+        this.formatBlock = input(true, ...(ngDevMode ? [{ debugName: "formatBlock" }] : []));
+        this.paragraphStyle = input(true, ...(ngDevMode ? [{ debugName: "paragraphStyle" }] : []));
+        this.blockquote = input(true, ...(ngDevMode ? [{ debugName: "blockquote" }] : []));
+        this.bold = input(true, ...(ngDevMode ? [{ debugName: "bold" }] : []));
+        this.underline = input(true, ...(ngDevMode ? [{ debugName: "underline" }] : []));
+        this.italic = input(true, ...(ngDevMode ? [{ debugName: "italic" }] : []));
+        this.strike = input(true, ...(ngDevMode ? [{ debugName: "strike" }] : []));
+        this.fontColor = input(true, ...(ngDevMode ? [{ debugName: "fontColor" }] : []));
+        this.highlightColor = input(true, ...(ngDevMode ? [{ debugName: "highlightColor" }] : []));
+        this.textStyle = input(true, ...(ngDevMode ? [{ debugName: "textStyle" }] : []));
+        this.removeFormat = input(true, ...(ngDevMode ? [{ debugName: "removeFormat" }] : []));
+        this.align = input(true, ...(ngDevMode ? [{ debugName: "align" }] : []));
+        this.list = input(true, ...(ngDevMode ? [{ debugName: "list" }] : []));
+        this.table = input(true, ...(ngDevMode ? [{ debugName: "table" }] : []));
+        this.link = input(true, ...(ngDevMode ? [{ debugName: "link" }] : []));
+        this.image = input(true, ...(ngDevMode ? [{ debugName: "image" }] : []));
+        this.fullScreen = input(true, ...(ngDevMode ? [{ debugName: "fullScreen" }] : []));
+        this.showBlocks = input(true, ...(ngDevMode ? [{ debugName: "showBlocks" }] : []));
+        this.onImageUploadError = input(...(ngDevMode ? [undefined, { debugName: "onImageUploadError" }] : []));
+        this.onFileDrop = input(...(ngDevMode ? [undefined, { debugName: "onFileDrop" }] : []));
+        this.wysiwygOptions = input(undefined, ...(ngDevMode ? [{ debugName: "wysiwygOptions" }] : []));
+        this._sunEditorWysiwygInstance = signal(undefined, ...(ngDevMode ? [{ debugName: "_sunEditorWysiwygInstance" }] : []));
         this._sunEditorWysiwygInstance$ = toObservable(this._sunEditorWysiwygInstance);
-        this.changeDetectorRef = signal(inject(ChangeDetectorRef));
+        this.changeDetectorRef = signal(inject(ChangeDetectorRef), ...(ngDevMode ? [{ debugName: "changeDetectorRef" }] : []));
         this._generateSunEditorWysiwygEffect = effect(() => {
             try {
                 const inputForWysiwyg = this._inputForWysiwyg()?.nativeElement;
@@ -91,7 +91,7 @@ class QuangWysiwygComponent extends QuangBaseComponent {
             catch (_) {
                 // we usually end up here when we are in a modal and then it starts in the right way
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "_generateSunEditorWysiwygEffect" }] : []));
         this.STRIP_HTML_REGEX = /<[^>]*>/g;
     }
     registerEvents() {
@@ -202,16 +202,16 @@ class QuangWysiwygComponent extends QuangBaseComponent {
         }
         return buttonList;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: QuangWysiwygComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: QuangWysiwygComponent, isStandalone: true, selector: "quang-wysiwyg", inputs: { minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, font: { classPropertyName: "font", publicName: "font", isSignal: true, isRequired: false, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: true, isRequired: false, transformFunction: null }, formatBlock: { classPropertyName: "formatBlock", publicName: "formatBlock", isSignal: true, isRequired: false, transformFunction: null }, paragraphStyle: { classPropertyName: "paragraphStyle", publicName: "paragraphStyle", isSignal: true, isRequired: false, transformFunction: null }, blockquote: { classPropertyName: "blockquote", publicName: "blockquote", isSignal: true, isRequired: false, transformFunction: null }, bold: { classPropertyName: "bold", publicName: "bold", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, italic: { classPropertyName: "italic", publicName: "italic", isSignal: true, isRequired: false, transformFunction: null }, strike: { classPropertyName: "strike", publicName: "strike", isSignal: true, isRequired: false, transformFunction: null }, fontColor: { classPropertyName: "fontColor", publicName: "fontColor", isSignal: true, isRequired: false, transformFunction: null }, highlightColor: { classPropertyName: "highlightColor", publicName: "highlightColor", isSignal: true, isRequired: false, transformFunction: null }, textStyle: { classPropertyName: "textStyle", publicName: "textStyle", isSignal: true, isRequired: false, transformFunction: null }, removeFormat: { classPropertyName: "removeFormat", publicName: "removeFormat", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, list: { classPropertyName: "list", publicName: "list", isSignal: true, isRequired: false, transformFunction: null }, table: { classPropertyName: "table", publicName: "table", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null }, showBlocks: { classPropertyName: "showBlocks", publicName: "showBlocks", isSignal: true, isRequired: false, transformFunction: null }, onImageUploadError: { classPropertyName: "onImageUploadError", publicName: "onImageUploadError", isSignal: true, isRequired: false, transformFunction: null }, onFileDrop: { classPropertyName: "onFileDrop", publicName: "onFileDrop", isSignal: true, isRequired: false, transformFunction: null }, wysiwygOptions: { classPropertyName: "wysiwygOptions", publicName: "wysiwygOptions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: QuangWysiwygComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: QuangWysiwygComponent, isStandalone: true, selector: "quang-wysiwyg", inputs: { minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, font: { classPropertyName: "font", publicName: "font", isSignal: true, isRequired: false, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: true, isRequired: false, transformFunction: null }, formatBlock: { classPropertyName: "formatBlock", publicName: "formatBlock", isSignal: true, isRequired: false, transformFunction: null }, paragraphStyle: { classPropertyName: "paragraphStyle", publicName: "paragraphStyle", isSignal: true, isRequired: false, transformFunction: null }, blockquote: { classPropertyName: "blockquote", publicName: "blockquote", isSignal: true, isRequired: false, transformFunction: null }, bold: { classPropertyName: "bold", publicName: "bold", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, italic: { classPropertyName: "italic", publicName: "italic", isSignal: true, isRequired: false, transformFunction: null }, strike: { classPropertyName: "strike", publicName: "strike", isSignal: true, isRequired: false, transformFunction: null }, fontColor: { classPropertyName: "fontColor", publicName: "fontColor", isSignal: true, isRequired: false, transformFunction: null }, highlightColor: { classPropertyName: "highlightColor", publicName: "highlightColor", isSignal: true, isRequired: false, transformFunction: null }, textStyle: { classPropertyName: "textStyle", publicName: "textStyle", isSignal: true, isRequired: false, transformFunction: null }, removeFormat: { classPropertyName: "removeFormat", publicName: "removeFormat", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, list: { classPropertyName: "list", publicName: "list", isSignal: true, isRequired: false, transformFunction: null }, table: { classPropertyName: "table", publicName: "table", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null }, showBlocks: { classPropertyName: "showBlocks", publicName: "showBlocks", isSignal: true, isRequired: false, transformFunction: null }, onImageUploadError: { classPropertyName: "onImageUploadError", publicName: "onImageUploadError", isSignal: true, isRequired: false, transformFunction: null }, onFileDrop: { classPropertyName: "onFileDrop", publicName: "onFileDrop", isSignal: true, isRequired: false, transformFunction: null }, wysiwygOptions: { classPropertyName: "wysiwygOptions", publicName: "wysiwygOptions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => QuangWysiwygComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "_inputForWysiwyg", first: true, predicate: ["inputForWysiwyg"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"mb-3\">\n  @if (componentLabel()) {\n    <label\n      [htmlFor]=\"componentId()\"\n      class=\"form-label d-flex gap-2\"\n    >\n      <div>\n        <span>{{ componentLabel() | transloco }}</span>\n        <span [hidden]=\"!_isRequired()\">*</span>\n      </div>\n      @if (helpMessage() && helpMessageTooltip()) {\n        <div [quangTooltip]=\"helpMessage() | transloco\">\n          <ng-content select=\"[help-icon]\" />\n        </div>\n      }\n    </label>\n  }\n  <div\n    [class.is-invalid]=\"_showErrors()\"\n    [class.is-valid]=\"_showSuccess()\"\n    class=\"input-wysiwyg-container is-invalid\"\n  >\n    <textarea\n      [disabled]=\"_isDisabled()\"\n      [id]=\"componentId()\"\n      [ngClass]=\"componentClass()\"\n      [placeholder]=\"componentPlaceholder() | transloco\"\n      [readOnly]=\"isReadonly()\"\n      [tabIndex]=\"componentTabIndex()\"\n      [value]=\"_value()\"\n      #inputForWysiwyg\n      class=\"form-control\"\n    ></textarea>\n  </div>\n  <div class=\"valid-feedback\">\n    {{ successMessage() | transloco }}\n  </div>\n  <div class=\"invalid-feedback\">\n    {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n  </div>\n  @if (helpMessage() && !helpMessageTooltip()) {\n    <small\n      [hidden]=\"_showSuccess() || _showErrors()\"\n      aria-live=\"assertive\"\n      class=\"form-text text-muted\"\n    >\n      {{ helpMessage() | transloco }}\n    </small>\n  }\n</div>\n", styles: [":host{display:block}::ng-deep .se-toolbar{color:var(--bs-body-color)!important;background-color:var(--bs-body-bg)!important;z-index:unset!important}::ng-deep .se-wrapper-inner{color:var(--bs-body-color)!important;background-color:var(--bs-body-bg)!important}::ng-deep .se-btn{color:var(--bs-body-color)!important}::ng-deep .se-btn:enabled.active{color:var(--bs-primary)!important}::ng-deep .se-btn:hover{background-color:var(--bs-secondary-bg)!important}::ng-deep .se-resizing-bar{color:var(--bs-body-color)!important;background-color:var(--bs-body-bg)!important}::ng-deep .se-navigation{color:var(--bs-body-color)!important;background-color:var(--bs-body-bg)!important}::ng-deep .sun-editor input{display:none}::ng-deep .sun-editor .se-container{border-radius:var(--bs-border-radius)}::ng-deep .se-wrapper{z-index:unset!important}::ng-deep .se-wrapper textarea:disabled+.se-wrapper-wysiwyg{background-color:var(--bs-secondary-bg)}::ng-deep .se-wrapper .se-wrapper-inner{border-top:1px solid var(--bs-border-color)}::ng-deep .is-invalid .sun-editor .se-container .se-toolbar{border-bottom:1px solid var(--bs-danger)}::ng-deep .is-invalid .sun-editor .se-container .se-wrapper .se-wrapper-inner{--bs-form-bg-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\");border:1px solid var(--bs-danger);padding-right:3rem;background-position:right .75rem center,center right 2.25rem;background-size:1.5rem,calc(.75em + .375rem) calc(.75em + .375rem);background-image:var(--bs-form-bg-icon);background-repeat:no-repeat}::ng-deep .is-valid .sun-editor .se-container .se-toolbar{border-bottom:1px solid var(--bs-success)}::ng-deep .is-valid .sun-editor .se-container .se-wrapper .se-wrapper-inner{--bs-form-bg-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");border:1px solid var(--bs-success);padding-right:3rem;background-position:right .75rem center,center right 2.25rem;background-size:1.5rem,calc(.75em + .375rem) calc(.75em + .375rem);background-image:var(--bs-form-bg-icon);background-repeat:no-repeat}\n"], dependencies: [{ kind: "pipe", type: TranslocoPipe, name: "transloco" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: QuangTooltipDirective, selector: "[quangTooltip]", inputs: ["quangTooltip", "showMethod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "_inputForWysiwyg", first: true, predicate: ["inputForWysiwyg"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"mb-3\">\n  @if (componentLabel()) {\n    <label\n      [htmlFor]=\"componentId()\"\n      class=\"form-label d-flex gap-2\"\n    >\n      <div>\n        <span>{{ componentLabel() | transloco }}</span>\n        <span [hidden]=\"!_isRequired()\">*</span>\n      </div>\n      @if (helpMessage() && helpMessageTooltip()) {\n        <div [quangTooltip]=\"helpMessage() | transloco\">\n          <ng-content select=\"[help-icon]\" />\n        </div>\n      }\n    </label>\n  }\n  <div\n    [class.is-invalid]=\"_showErrors()\"\n    [class.is-valid]=\"_showSuccess()\"\n    class=\"input-wysiwyg-container is-invalid\"\n  >\n    <textarea\n      [disabled]=\"_isDisabled()\"\n      [id]=\"componentId()\"\n      [ngClass]=\"componentClass()\"\n      [placeholder]=\"componentPlaceholder() | transloco\"\n      [readOnly]=\"isReadonly()\"\n      [tabIndex]=\"componentTabIndex()\"\n      [value]=\"_value()\"\n      #inputForWysiwyg\n      class=\"form-control\"\n    ></textarea>\n  </div>\n  <div class=\"valid-feedback\">\n    {{ successMessage() | transloco }}\n  </div>\n  <div class=\"invalid-feedback\">\n    {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n  </div>\n  @if (helpMessage() && !helpMessageTooltip()) {\n    <small\n      [hidden]=\"_showSuccess() || _showErrors()\"\n      aria-live=\"assertive\"\n      class=\"form-text text-muted\"\n    >\n      {{ helpMessage() | transloco }}\n    </small>\n  }\n</div>\n", styles: [":host{display:block}::ng-deep .se-toolbar{color:var(--bs-body-color)!important;background-color:var(--bs-body-bg)!important;z-index:unset!important}::ng-deep .se-wrapper-inner{color:var(--bs-body-color)!important;background-color:var(--bs-body-bg)!important}::ng-deep .se-btn{color:var(--bs-body-color)!important}::ng-deep .se-btn:enabled.active{color:var(--bs-primary)!important}::ng-deep .se-btn:hover{background-color:var(--bs-secondary-bg)!important}::ng-deep .se-resizing-bar{color:var(--bs-body-color)!important;background-color:var(--bs-body-bg)!important}::ng-deep .se-navigation{color:var(--bs-body-color)!important;background-color:var(--bs-body-bg)!important}::ng-deep .sun-editor input{display:none}::ng-deep .sun-editor .se-container{border-radius:var(--bs-border-radius)}::ng-deep .se-wrapper{z-index:unset!important}::ng-deep .se-wrapper textarea:disabled+.se-wrapper-wysiwyg{background-color:var(--bs-secondary-bg)}::ng-deep .se-wrapper .se-wrapper-inner{border-top:1px solid var(--bs-border-color)}::ng-deep .is-invalid .sun-editor .se-container .se-toolbar{border-bottom:1px solid var(--bs-danger)}::ng-deep .is-invalid .sun-editor .se-container .se-wrapper .se-wrapper-inner{--bs-form-bg-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\");border:1px solid var(--bs-danger);padding-right:3rem;background-position:right .75rem center,center right 2.25rem;background-size:1.5rem,calc(.75em + .375rem) calc(.75em + .375rem);background-image:var(--bs-form-bg-icon);background-repeat:no-repeat}::ng-deep .is-valid .sun-editor .se-container .se-toolbar{border-bottom:1px solid var(--bs-success)}::ng-deep .is-valid .sun-editor .se-container .se-wrapper .se-wrapper-inner{--bs-form-bg-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");border:1px solid var(--bs-success);padding-right:3rem;background-position:right .75rem center,center right 2.25rem;background-size:1.5rem,calc(.75em + .375rem) calc(.75em + .375rem);background-image:var(--bs-form-bg-icon);background-repeat:no-repeat}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: QuangTooltipDirective, selector: "[quangTooltip]", inputs: ["quangTooltip", "showMethod"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: QuangWysiwygComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: QuangWysiwygComponent, decorators: [{
             type: Component,
             args: [{ selector: 'quang-wysiwyg', providers: [
                         {

package/fesm2022/quang-components-wysiwyg.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"quang-components-wysiwyg.mjs","sources":["../../../projects/quang/components/wysiwyg/wysiwyg.component.ts","../../../projects/quang/components/wysiwyg/wysiwyg.component.html","../../../projects/quang/components/wysiwyg/quang-components-wysiwyg.ts"],"sourcesContent":["import { NgClass } from '@angular/common'\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core'\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop'\nimport { AbstractControl, NG_VALUE_ACCESSOR, ValidationErrors, Validators } from '@angular/forms'\n\nimport { TranslocoPipe } from '@jsverse/transloco'\nimport { QuangTooltipDirective } from 'quang/overlay/tooltip'\nimport { filter, take } from 'rxjs'\nimport sunEditor from 'suneditor'\nimport SunEditorCore from 'suneditor/src/lib/core'\nimport { SunEditorOptions } from 'suneditor/src/options'\nimport plugins from 'suneditor/src/plugins'\n\nimport { QuangBaseComponent } from 'quang/components/shared'\n\nexport type QuangWysiwygOptions = SunEditorOptions\n\n@Component({\n  selector: 'quang-wysiwyg',\n  templateUrl: './wysiwyg.component.html',\n  styleUrl: './wysiwyg.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => QuangWysiwygComponent),\n      multi: true,\n    },\n  ],\n  imports: [TranslocoPipe, NgClass, QuangTooltipDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * WYSIWYG (What You See Is What You Get) component based on {@link https://github.com/JiHong88/SunEditor}.\n *\n * This component provides a rich text editor for users to create and edit HTML content.\n * It supports a wide range of formatting options.\n *\n * @usageNotes\n * The component allows you to show or hide buttons from the WYSIWYG editor.\n * By default, all the available buttons are shown in the editor bar.\n *\n * The height of the editor can be customized by setting the `minHeight` property. By default, it is `200px`.\n */\nexport class QuangWysiwygComponent extends QuangBaseComponent<string> implements AfterViewInit {\n  _inputForWysiwyg = viewChild<ElementRef>('inputForWysiwyg')\n\n  minHeight = input<string | undefined>('200px')\n\n  font = input<boolean>(true)\n\n  fontSize = input<boolean>(true)\n\n  formatBlock = input<boolean>(true)\n\n  paragraphStyle = input<boolean>(true)\n\n  blockquote = input<boolean>(true)\n\n  bold = input<boolean>(true)\n\n  underline = input<boolean>(true)\n\n  italic = input<boolean>(true)\n\n  strike = input<boolean>(true)\n\n  fontColor = input<boolean>(true)\n\n  highlightColor = input<boolean>(true)\n\n  textStyle = input<boolean>(true)\n\n  removeFormat = input<boolean>(true)\n\n  align = input<boolean>(true)\n\n  list = input<boolean>(true)\n\n  table = input<boolean>(true)\n\n  link = input<boolean>(true)\n\n  image = input<boolean>(true)\n\n  fullScreen = input<boolean>(true)\n\n  showBlocks = input<boolean>(true)\n\n  onImageUploadError = input<(errorMessage: any, result: any, core: any) => boolean>()\n  onFileDrop = input<(e: any, cleanData: any, maxCharCount: any, core: any) => boolean>()\n\n  wysiwygOptions = input<QuangWysiwygOptions | undefined>(undefined)\n\n  _sunEditorWysiwygInstance = signal<SunEditorCore | undefined>(undefined)\n  _sunEditorWysiwygInstance$ = toObservable(this._sunEditorWysiwygInstance)\n\n  changeDetectorRef = signal(inject(ChangeDetectorRef))\n\n  _generateSunEditorWysiwygEffect = effect(() => {\n    try {\n      const inputForWysiwyg = this._inputForWysiwyg()?.nativeElement\n      if (inputForWysiwyg) {\n        const sunEditorOptions: SunEditorOptions = {\n          plugins,\n          defaultTag: 'div',\n          buttonList: this._ngControl()?.control?.enabled && !this.isReadonly() ? [this.getButtonList()] : [],\n          minHeight: this.minHeight(),\n          width: '100%',\n          ...(this.wysiwygOptions() ?? {}),\n        }\n\n        let sunEditorWysiwygInstance = this._sunEditorWysiwygInstance()\n        const ngControl = this._ngControl()\n\n        if (sunEditorWysiwygInstance) {\n          if (ngControl?.control?.enabled) {\n            sunEditorWysiwygInstance.enable()\n          }\n          sunEditorWysiwygInstance.setOptions(sunEditorOptions)\n        } else {\n          sunEditorWysiwygInstance = sunEditor.create(inputForWysiwyg, sunEditorOptions)\n          this._sunEditorWysiwygInstance.set(sunEditorWysiwygInstance)\n        }\n\n        const imageUploadError = this.onImageUploadError()\n        const onFileDrop = this.onFileDrop()\n\n        if (imageUploadError && sunEditorWysiwygInstance) {\n          sunEditorWysiwygInstance.onImageUploadError = imageUploadError\n        }\n        if (onFileDrop && sunEditorWysiwygInstance) {\n          sunEditorWysiwygInstance.onDrop = onFileDrop\n        }\n\n        this.registerEvents()\n      }\n    } catch (_) {\n      // we usually end up here when we are in a modal and then it starts in the right way\n    }\n  })\n\n  STRIP_HTML_REGEX = /<[^>]*>/g\n\n  registerEvents(): void {\n    const sunEditorInstance = this._sunEditorWysiwygInstance()\n    if (sunEditorInstance) {\n      sunEditorInstance.onChange = (contents) => {\n        this.onChangedHandler(contents)\n        this.changeDetectorRef().markForCheck()\n      }\n      sunEditorInstance.onBlur = () => {\n        this.onBlurHandler()\n      }\n      if (this._isDisabled()) {\n        sunEditorInstance.disable()\n      }\n    }\n  }\n\n  override writeValue(val: string): void {\n    super.writeValue(val)\n    this._sunEditorWysiwygInstance$\n      .pipe(\n        takeUntilDestroyed(this.destroyRef),\n        filter((x) => !!x),\n        take(1)\n      )\n      .subscribe((sunEditorWysiwygInstance) => {\n        if (sunEditorWysiwygInstance) {\n          try {\n            sunEditorWysiwygInstance.setContents(val)\n          } catch (_) {\n            // we usually end up here when we are in a modal and then it starts in the right way\n          }\n        }\n      })\n  }\n\n  validate(control: AbstractControl): ValidationErrors | null {\n    if (control.hasValidator(Validators.required) && control.value?.replace(this.STRIP_HTML_REGEX, '') === '') {\n      return { required: true }\n    }\n    return null\n  }\n\n  override onChangedHandler(value: string): void {\n    super.onChangedHandler(value)\n    const control = this._ngControl()\n    if (control?.control) {\n      if (this.validate(control.control)) control.control.setErrors(this.validate(control.control))\n    }\n  }\n\n  getButtonList(): string[] {\n    const buttonList: string[] = []\n    if (this.font()) {\n      buttonList.push('font')\n    }\n    if (this.fontSize()) {\n      buttonList.push('fontSize')\n    }\n    if (this.formatBlock()) {\n      buttonList.push('formatBlock')\n    }\n    if (this.paragraphStyle()) {\n      buttonList.push('paragraphStyle')\n    }\n    if (this.blockquote()) {\n      buttonList.push('blockquote')\n    }\n    if (this.bold()) {\n      buttonList.push('bold')\n    }\n    if (this.underline()) {\n      buttonList.push('underline')\n    }\n    if (this.italic()) {\n      buttonList.push('italic')\n    }\n    if (this.strike()) {\n      buttonList.push('strike')\n    }\n    if (this.fontColor()) {\n      buttonList.push('fontColor')\n    }\n    if (this.highlightColor()) {\n      buttonList.push('hiliteColor')\n    }\n    if (this.textStyle()) {\n      buttonList.push('textStyle')\n    }\n    if (this.removeFormat()) {\n      buttonList.push('removeFormat')\n    }\n    if (this.align()) {\n      buttonList.push('align')\n    }\n    if (this.list()) {\n      buttonList.push('list')\n    }\n    if (this.table()) {\n      buttonList.push('table')\n    }\n    if (this.link()) {\n      buttonList.push('link')\n    }\n    if (this.image()) {\n      buttonList.push('image')\n    }\n    if (this.fullScreen()) {\n      buttonList.push('fullScreen')\n    }\n    if (this.showBlocks()) {\n      buttonList.push('showBlocks')\n    }\n    return buttonList\n  }\n}\n","<div class=\"mb-3\">\n  @if (componentLabel()) {\n    <label\n      [htmlFor]=\"componentId()\"\n      class=\"form-label d-flex gap-2\"\n    >\n      <div>\n        <span>{{ componentLabel() | transloco }}</span>\n        <span [hidden]=\"!_isRequired()\">*</span>\n      </div>\n      @if (helpMessage() && helpMessageTooltip()) {\n        <div [quangTooltip]=\"helpMessage() | transloco\">\n          <ng-content select=\"[help-icon]\" />\n        </div>\n      }\n    </label>\n  }\n  <div\n    [class.is-invalid]=\"_showErrors()\"\n    [class.is-valid]=\"_showSuccess()\"\n    class=\"input-wysiwyg-container is-invalid\"\n  >\n    <textarea\n      [disabled]=\"_isDisabled()\"\n      [id]=\"componentId()\"\n      [ngClass]=\"componentClass()\"\n      [placeholder]=\"componentPlaceholder() | transloco\"\n      [readOnly]=\"isReadonly()\"\n      [tabIndex]=\"componentTabIndex()\"\n      [value]=\"_value()\"\n      #inputForWysiwyg\n      class=\"form-control\"\n    ></textarea>\n  </div>\n  <div class=\"valid-feedback\">\n    {{ successMessage() | transloco }}\n  </div>\n  <div class=\"invalid-feedback\">\n    {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n  </div>\n  @if (helpMessage() && !helpMessageTooltip()) {\n    <small\n      [hidden]=\"_showSuccess() || _showErrors()\"\n      aria-live=\"assertive\"\n      class=\"form-text text-muted\"\n    >\n      {{ helpMessage() | transloco }}\n    </small>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"quang-components-wysiwyg.mjs","sources":["../../../projects/quang/components/wysiwyg/wysiwyg.component.ts","../../../projects/quang/components/wysiwyg/wysiwyg.component.html","../../../projects/quang/components/wysiwyg/quang-components-wysiwyg.ts"],"sourcesContent":["import { NgClass } from '@angular/common'\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core'\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop'\nimport { AbstractControl, NG_VALUE_ACCESSOR, ValidationErrors, Validators } from '@angular/forms'\n\nimport { TranslocoPipe } from '@jsverse/transloco'\nimport { QuangTooltipDirective } from 'quang/overlay/tooltip'\nimport { filter, take } from 'rxjs'\nimport sunEditor from 'suneditor'\nimport SunEditorCore from 'suneditor/src/lib/core'\nimport { SunEditorOptions } from 'suneditor/src/options'\nimport plugins from 'suneditor/src/plugins'\n\nimport { QuangBaseComponent } from 'quang/components/shared'\n\nexport type QuangWysiwygOptions = SunEditorOptions\n\n@Component({\n  selector: 'quang-wysiwyg',\n  templateUrl: './wysiwyg.component.html',\n  styleUrl: './wysiwyg.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => QuangWysiwygComponent),\n      multi: true,\n    },\n  ],\n  imports: [TranslocoPipe, NgClass, QuangTooltipDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * WYSIWYG (What You See Is What You Get) component based on {@link https://github.com/JiHong88/SunEditor}.\n *\n * This component provides a rich text editor for users to create and edit HTML content.\n * It supports a wide range of formatting options.\n *\n * @usageNotes\n * The component allows you to show or hide buttons from the WYSIWYG editor.\n * By default, all the available buttons are shown in the editor bar.\n *\n * The height of the editor can be customized by setting the `minHeight` property. By default, it is `200px`.\n */\nexport class QuangWysiwygComponent extends QuangBaseComponent<string> implements AfterViewInit {\n  _inputForWysiwyg = viewChild<ElementRef>('inputForWysiwyg')\n\n  minHeight = input<string | undefined>('200px')\n\n  font = input<boolean>(true)\n\n  fontSize = input<boolean>(true)\n\n  formatBlock = input<boolean>(true)\n\n  paragraphStyle = input<boolean>(true)\n\n  blockquote = input<boolean>(true)\n\n  bold = input<boolean>(true)\n\n  underline = input<boolean>(true)\n\n  italic = input<boolean>(true)\n\n  strike = input<boolean>(true)\n\n  fontColor = input<boolean>(true)\n\n  highlightColor = input<boolean>(true)\n\n  textStyle = input<boolean>(true)\n\n  removeFormat = input<boolean>(true)\n\n  align = input<boolean>(true)\n\n  list = input<boolean>(true)\n\n  table = input<boolean>(true)\n\n  link = input<boolean>(true)\n\n  image = input<boolean>(true)\n\n  fullScreen = input<boolean>(true)\n\n  showBlocks = input<boolean>(true)\n\n  onImageUploadError = input<(errorMessage: any, result: any, core: any) => boolean>()\n  onFileDrop = input<(e: any, cleanData: any, maxCharCount: any, core: any) => boolean>()\n\n  wysiwygOptions = input<QuangWysiwygOptions | undefined>(undefined)\n\n  _sunEditorWysiwygInstance = signal<SunEditorCore | undefined>(undefined)\n  _sunEditorWysiwygInstance$ = toObservable(this._sunEditorWysiwygInstance)\n\n  changeDetectorRef = signal(inject(ChangeDetectorRef))\n\n  _generateSunEditorWysiwygEffect = effect(() => {\n    try {\n      const inputForWysiwyg = this._inputForWysiwyg()?.nativeElement\n      if (inputForWysiwyg) {\n        const sunEditorOptions: SunEditorOptions = {\n          plugins,\n          defaultTag: 'div',\n          buttonList: this._ngControl()?.control?.enabled && !this.isReadonly() ? [this.getButtonList()] : [],\n          minHeight: this.minHeight(),\n          width: '100%',\n          ...(this.wysiwygOptions() ?? {}),\n        }\n\n        let sunEditorWysiwygInstance = this._sunEditorWysiwygInstance()\n        const ngControl = this._ngControl()\n\n        if (sunEditorWysiwygInstance) {\n          if (ngControl?.control?.enabled) {\n            sunEditorWysiwygInstance.enable()\n          }\n          sunEditorWysiwygInstance.setOptions(sunEditorOptions)\n        } else {\n          sunEditorWysiwygInstance = sunEditor.create(inputForWysiwyg, sunEditorOptions)\n          this._sunEditorWysiwygInstance.set(sunEditorWysiwygInstance)\n        }\n\n        const imageUploadError = this.onImageUploadError()\n        const onFileDrop = this.onFileDrop()\n\n        if (imageUploadError && sunEditorWysiwygInstance) {\n          sunEditorWysiwygInstance.onImageUploadError = imageUploadError\n        }\n        if (onFileDrop && sunEditorWysiwygInstance) {\n          sunEditorWysiwygInstance.onDrop = onFileDrop\n        }\n\n        this.registerEvents()\n      }\n    } catch (_) {\n      // we usually end up here when we are in a modal and then it starts in the right way\n    }\n  })\n\n  STRIP_HTML_REGEX = /<[^>]*>/g\n\n  registerEvents(): void {\n    const sunEditorInstance = this._sunEditorWysiwygInstance()\n    if (sunEditorInstance) {\n      sunEditorInstance.onChange = (contents) => {\n        this.onChangedHandler(contents)\n        this.changeDetectorRef().markForCheck()\n      }\n      sunEditorInstance.onBlur = () => {\n        this.onBlurHandler()\n      }\n      if (this._isDisabled()) {\n        sunEditorInstance.disable()\n      }\n    }\n  }\n\n  override writeValue(val: string): void {\n    super.writeValue(val)\n    this._sunEditorWysiwygInstance$\n      .pipe(\n        takeUntilDestroyed(this.destroyRef),\n        filter((x) => !!x),\n        take(1)\n      )\n      .subscribe((sunEditorWysiwygInstance) => {\n        if (sunEditorWysiwygInstance) {\n          try {\n            sunEditorWysiwygInstance.setContents(val)\n          } catch (_) {\n            // we usually end up here when we are in a modal and then it starts in the right way\n          }\n        }\n      })\n  }\n\n  validate(control: AbstractControl): ValidationErrors | null {\n    if (control.hasValidator(Validators.required) && control.value?.replace(this.STRIP_HTML_REGEX, '') === '') {\n      return { required: true }\n    }\n    return null\n  }\n\n  override onChangedHandler(value: string): void {\n    super.onChangedHandler(value)\n    const control = this._ngControl()\n    if (control?.control) {\n      if (this.validate(control.control)) control.control.setErrors(this.validate(control.control))\n    }\n  }\n\n  getButtonList(): string[] {\n    const buttonList: string[] = []\n    if (this.font()) {\n      buttonList.push('font')\n    }\n    if (this.fontSize()) {\n      buttonList.push('fontSize')\n    }\n    if (this.formatBlock()) {\n      buttonList.push('formatBlock')\n    }\n    if (this.paragraphStyle()) {\n      buttonList.push('paragraphStyle')\n    }\n    if (this.blockquote()) {\n      buttonList.push('blockquote')\n    }\n    if (this.bold()) {\n      buttonList.push('bold')\n    }\n    if (this.underline()) {\n      buttonList.push('underline')\n    }\n    if (this.italic()) {\n      buttonList.push('italic')\n    }\n    if (this.strike()) {\n      buttonList.push('strike')\n    }\n    if (this.fontColor()) {\n      buttonList.push('fontColor')\n    }\n    if (this.highlightColor()) {\n      buttonList.push('hiliteColor')\n    }\n    if (this.textStyle()) {\n      buttonList.push('textStyle')\n    }\n    if (this.removeFormat()) {\n      buttonList.push('removeFormat')\n    }\n    if (this.align()) {\n      buttonList.push('align')\n    }\n    if (this.list()) {\n      buttonList.push('list')\n    }\n    if (this.table()) {\n      buttonList.push('table')\n    }\n    if (this.link()) {\n      buttonList.push('link')\n    }\n    if (this.image()) {\n      buttonList.push('image')\n    }\n    if (this.fullScreen()) {\n      buttonList.push('fullScreen')\n    }\n    if (this.showBlocks()) {\n      buttonList.push('showBlocks')\n    }\n    return buttonList\n  }\n}\n","<div class=\"mb-3\">\n  @if (componentLabel()) {\n    <label\n      [htmlFor]=\"componentId()\"\n      class=\"form-label d-flex gap-2\"\n    >\n      <div>\n        <span>{{ componentLabel() | transloco }}</span>\n        <span [hidden]=\"!_isRequired()\">*</span>\n      </div>\n      @if (helpMessage() && helpMessageTooltip()) {\n        <div [quangTooltip]=\"helpMessage() | transloco\">\n          <ng-content select=\"[help-icon]\" />\n        </div>\n      }\n    </label>\n  }\n  <div\n    [class.is-invalid]=\"_showErrors()\"\n    [class.is-valid]=\"_showSuccess()\"\n    class=\"input-wysiwyg-container is-invalid\"\n  >\n    <textarea\n      [disabled]=\"_isDisabled()\"\n      [id]=\"componentId()\"\n      [ngClass]=\"componentClass()\"\n      [placeholder]=\"componentPlaceholder() | transloco\"\n      [readOnly]=\"isReadonly()\"\n      [tabIndex]=\"componentTabIndex()\"\n      [value]=\"_value()\"\n      #inputForWysiwyg\n      class=\"form-control\"\n    ></textarea>\n  </div>\n  <div class=\"valid-feedback\">\n    {{ successMessage() | transloco }}\n  </div>\n  <div class=\"invalid-feedback\">\n    {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n  </div>\n  @if (helpMessage() && !helpMessageTooltip()) {\n    <small\n      [hidden]=\"_showSuccess() || _showErrors()\"\n      aria-live=\"assertive\"\n      class=\"form-text text-muted\"\n    >\n      {{ helpMessage() | transloco }}\n    </small>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/quang-data-handling.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"quang-data-handling.mjs","sources":["../../../projects/quang/data-handling/conversion.ts","../../../projects/quang/data-handling/download.ts","../../../projects/quang/data-handling/quang-data-handling.ts"],"sourcesContent":["export async function blobToBase64(blob: Blob): Promise<string | ArrayBuffer | null> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onloadend = () => {\n      resolve(reader.result)\n    }\n    reader.onerror = (error) => {\n      reject(error)\n    }\n    reader.readAsDataURL(blob)\n  })\n}\n\nexport async function base64ToDataUri(base64: string, type = 'application/octet-stream') {\n  return `data:${type};base64,${base64}`\n}\n\nexport async function dataUriToBlob(dataUri: string): Promise<Blob> {\n  return (await fetch(dataUri)).blob()\n}\n","import { HttpResponse } from '@angular/common/http'\n\nexport function downloadFile(file: File, filename: string): void {\n  const a = document.createElement('a')\n  const url = window.URL.createObjectURL(file)\n  a.href = url\n  a.download = filename\n  a.click()\n  window.URL.revokeObjectURL(url)\n  a.remove()\n}\n\nexport function handleDownload(response: HttpResponse<Blob>, defaultExtension = 'xls'): void {\n  const { body, headers } = response\n  if (!body) throw new Error('No body')\n  let filename: string\n  try {\n    const contentDisposition = headers.get('content-disposition') ?? ''\n    const r = /filename[^;=\\n]*=((['\"]).*?\\2|[^;\\n]*)/\n\n    filename = r.exec(contentDisposition)![1]\n    filename = filename.replace(/['\"]/g, '')\n  } catch (_error) {\n    filename = `download-${new Date().getTime()}.${defaultExtension}`\n  }\n  const file = new File([body], filename, {\n    type: headers.get('content-type') ?? 'blob',\n  })\n  downloadFile(file, filename)\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAO,eAAe,YAAY,CAAC,IAAU,EAAA;IAC3C,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;AACrC,QAAA,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE;AAC/B,QAAA,MAAM,CAAC,SAAS,GAAG,MAAK;AACtB,YAAA,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;AACxB,SAAC;AACD,QAAA,MAAM,CAAC,OAAO,GAAG,CAAC,KAAK,KAAI;YACzB,MAAM,CAAC,KAAK,CAAC;AACf,SAAC;AACD,QAAA,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC;AAC5B,KAAC,CAAC;AACJ;AAEO,eAAe,eAAe,CAAC,MAAc,EAAE,IAAI,GAAG,0BAA0B,EAAA;AACrF,IAAA,OAAO,CAAQ,KAAA,EAAA,IAAI,CAAW,QAAA,EAAA,MAAM,EAAE;AACxC;AAEO,eAAe,aAAa,CAAC,OAAe,EAAA;IACjD,OAAO,CAAC,MAAM,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE;AACtC;;ACjBgB,SAAA,YAAY,CAAC,IAAU,EAAE,QAAgB,EAAA;IACvD,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;IACrC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;AAC5C,IAAA,CAAC,CAAC,IAAI,GAAG,GAAG;AACZ,IAAA,CAAC,CAAC,QAAQ,GAAG,QAAQ;IACrB,CAAC,CAAC,KAAK,EAAE;AACT,IAAA,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;IAC/B,CAAC,CAAC,MAAM,EAAE;AACZ;SAEgB,cAAc,CAAC,QAA4B,EAAE,gBAAgB,GAAG,KAAK,EAAA;AACnF,IAAA,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,QAAQ;AAClC,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC;AACrC,IAAA,IAAI,QAAgB;AACpB,IAAA,IAAI;QACF,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,IAAI,EAAE;QACnE,MAAM,CAAC,GAAG,wCAAwC;QAElD,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAE,CAAC,CAAC,CAAC;QACzC,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;;IACxC,OAAO,MAAM,EAAE;QACf,QAAQ,GAAG,CAAY,SAAA,EAAA,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAA,CAAA,EAAI,gBAAgB,CAAA,CAAE;;IAEnE,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE;QACtC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,MAAM;AAC5C,KAAA,CAAC;AACF,IAAA,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC;AAC9B;;AC7BA;;AAEG;;;;"}
+{"version":3,"file":"quang-data-handling.mjs","sources":["../../../projects/quang/data-handling/conversion.ts","../../../projects/quang/data-handling/download.ts","../../../projects/quang/data-handling/quang-data-handling.ts"],"sourcesContent":["export async function blobToBase64(blob: Blob): Promise<string | ArrayBuffer | null> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onloadend = () => {\n      resolve(reader.result)\n    }\n    reader.onerror = (error) => {\n      reject(error)\n    }\n    reader.readAsDataURL(blob)\n  })\n}\n\nexport async function base64ToDataUri(base64: string, type = 'application/octet-stream') {\n  return `data:${type};base64,${base64}`\n}\n\nexport async function dataUriToBlob(dataUri: string): Promise<Blob> {\n  return (await fetch(dataUri)).blob()\n}\n","import { HttpResponse } from '@angular/common/http'\n\nexport function downloadFile(file: File, filename: string): void {\n  const a = document.createElement('a')\n  const url = window.URL.createObjectURL(file)\n  a.href = url\n  a.download = filename\n  a.click()\n  window.URL.revokeObjectURL(url)\n  a.remove()\n}\n\nexport function handleDownload(response: HttpResponse<Blob>, defaultExtension = 'xls'): void {\n  const { body, headers } = response\n  if (!body) throw new Error('No body')\n  let filename: string\n  try {\n    const contentDisposition = headers.get('content-disposition') ?? ''\n    const r = /filename[^;=\\n]*=((['\"]).*?\\2|[^;\\n]*)/\n\n    filename = r.exec(contentDisposition)![1]\n    filename = filename.replace(/['\"]/g, '')\n  } catch (_error) {\n    filename = `download-${new Date().getTime()}.${defaultExtension}`\n  }\n  const file = new File([body], filename, {\n    type: headers.get('content-type') ?? 'blob',\n  })\n  downloadFile(file, filename)\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAO,eAAe,YAAY,CAAC,IAAU,EAAA;IAC3C,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;AACrC,QAAA,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE;AAC/B,QAAA,MAAM,CAAC,SAAS,GAAG,MAAK;AACtB,YAAA,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;AACxB,QAAA,CAAC;AACD,QAAA,MAAM,CAAC,OAAO,GAAG,CAAC,KAAK,KAAI;YACzB,MAAM,CAAC,KAAK,CAAC;AACf,QAAA,CAAC;AACD,QAAA,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC;AAC5B,IAAA,CAAC,CAAC;AACJ;AAEO,eAAe,eAAe,CAAC,MAAc,EAAE,IAAI,GAAG,0BAA0B,EAAA;AACrF,IAAA,OAAO,CAAA,KAAA,EAAQ,IAAI,CAAA,QAAA,EAAW,MAAM,EAAE;AACxC;AAEO,eAAe,aAAa,CAAC,OAAe,EAAA;IACjD,OAAO,CAAC,MAAM,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE;AACtC;;ACjBM,SAAU,YAAY,CAAC,IAAU,EAAE,QAAgB,EAAA;IACvD,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;IACrC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;AAC5C,IAAA,CAAC,CAAC,IAAI,GAAG,GAAG;AACZ,IAAA,CAAC,CAAC,QAAQ,GAAG,QAAQ;IACrB,CAAC,CAAC,KAAK,EAAE;AACT,IAAA,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;IAC/B,CAAC,CAAC,MAAM,EAAE;AACZ;SAEgB,cAAc,CAAC,QAA4B,EAAE,gBAAgB,GAAG,KAAK,EAAA;AACnF,IAAA,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,QAAQ;AAClC,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC;AACrC,IAAA,IAAI,QAAgB;AACpB,IAAA,IAAI;QACF,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,IAAI,EAAE;QACnE,MAAM,CAAC,GAAG,wCAAwC;QAElD,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAE,CAAC,CAAC,CAAC;QACzC,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;IAC1C;IAAE,OAAO,MAAM,EAAE;QACf,QAAQ,GAAG,CAAA,SAAA,EAAY,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAA,CAAA,EAAI,gBAAgB,CAAA,CAAE;IACnE;IACA,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE;QACtC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,MAAM;AAC5C,KAAA,CAAC;AACF,IAAA,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC;AAC9B;;AC7BA;;AAEG;;;;"}

package/fesm2022/quang-device.mjs

@@ -24,10 +24,10 @@ class ResizeObservableService {
     widthResizeObservable(elem) {
         return this.resizeObservable(elem).pipe(map((entry) => entry.borderBoxSize[0].inlineSize), filter(Boolean));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: ResizeObservableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: ResizeObservableService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ResizeObservableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ResizeObservableService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: ResizeObservableService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ResizeObservableService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/quang-device.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"quang-device.mjs","sources":["../../../projects/quang/device/resize-observable.service.ts","../../../projects/quang/device/quang-device.ts"],"sourcesContent":["import { Injectable } from '@angular/core'\n\nimport { NextObserver, Observable, Subscriber, filter, map, throttleTime } from 'rxjs'\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ResizeObservableService {\n  private resizeObserver: ResizeObserver\n\n  private notifiers: NextObserver<ResizeObserverEntry[]>[] = []\n\n  constructor() {\n    this.resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n      this.notifiers.forEach((obs) => obs.next(entries))\n    })\n  }\n\n  resizeObservable(elem: Element): Observable<ResizeObserverEntry> {\n    this.resizeObserver.observe(elem)\n    const newObserverCandidate = new Observable<ResizeObserverEntry[]>(\n      (subscriber: Subscriber<ResizeObserverEntry[]>) => {\n        this.notifiers.push(subscriber)\n\n        return () => {\n          const idx = this.notifiers.findIndex((val) => val === subscriber)\n          this.notifiers.splice(idx, 1)\n          this.resizeObserver.unobserve(elem)\n        }\n      }\n    )\n\n    return newObserverCandidate.pipe(\n      map((entries) => entries.find((entry) => entry.target === elem)),\n      filter(Boolean),\n      throttleTime(30)\n    )\n  }\n\n  widthResizeObservable(elem: Element): Observable<number> {\n    return this.resizeObservable(elem).pipe(\n      map((entry) => entry.borderBoxSize[0].inlineSize),\n      filter(Boolean)\n    )\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAOa,uBAAuB,CAAA;AAKlC,IAAA,WAAA,GAAA;QAFQ,IAAS,CAAA,SAAA,GAA0C,EAAE;QAG3D,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAA8B,KAAI;AAC1E,YAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACpD,SAAC,CAAC;;AAGJ,IAAA,gBAAgB,CAAC,IAAa,EAAA;AAC5B,QAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,MAAM,oBAAoB,GAAG,IAAI,UAAU,CACzC,CAAC,UAA6C,KAAI;AAChD,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;AAE/B,YAAA,OAAO,MAAK;AACV,gBAAA,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,GAAG,KAAK,UAAU,CAAC;gBACjE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC;AAC7B,gBAAA,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC;AACrC,aAAC;AACH,SAAC,CACF;AAED,QAAA,OAAO,oBAAoB,CAAC,IAAI,CAC9B,GAAG,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,EAChE,MAAM,CAAC,OAAO,CAAC,EACf,YAAY,CAAC,EAAE,CAAC,CACjB;;AAGH,IAAA,qBAAqB,CAAC,IAAa,EAAA;AACjC,QAAA,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,CACrC,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EACjD,MAAM,CAAC,OAAO,CAAC,CAChB;;8GApCQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,cAFtB,MAAM,EAAA,CAAA,CAAA;;2FAEP,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"quang-device.mjs","sources":["../../../projects/quang/device/resize-observable.service.ts","../../../projects/quang/device/quang-device.ts"],"sourcesContent":["import { Injectable } from '@angular/core'\n\nimport { NextObserver, Observable, Subscriber, filter, map, throttleTime } from 'rxjs'\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ResizeObservableService {\n  private resizeObserver: ResizeObserver\n\n  private notifiers: NextObserver<ResizeObserverEntry[]>[] = []\n\n  constructor() {\n    this.resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n      this.notifiers.forEach((obs) => obs.next(entries))\n    })\n  }\n\n  resizeObservable(elem: Element): Observable<ResizeObserverEntry> {\n    this.resizeObserver.observe(elem)\n    const newObserverCandidate = new Observable<ResizeObserverEntry[]>(\n      (subscriber: Subscriber<ResizeObserverEntry[]>) => {\n        this.notifiers.push(subscriber)\n\n        return () => {\n          const idx = this.notifiers.findIndex((val) => val === subscriber)\n          this.notifiers.splice(idx, 1)\n          this.resizeObserver.unobserve(elem)\n        }\n      }\n    )\n\n    return newObserverCandidate.pipe(\n      map((entries) => entries.find((entry) => entry.target === elem)),\n      filter(Boolean),\n      throttleTime(30)\n    )\n  }\n\n  widthResizeObservable(elem: Element): Observable<number> {\n    return this.resizeObservable(elem).pipe(\n      map((entry) => entry.borderBoxSize[0].inlineSize),\n      filter(Boolean)\n    )\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAOa,uBAAuB,CAAA;AAKlC,IAAA,WAAA,GAAA;QAFQ,IAAA,CAAA,SAAS,GAA0C,EAAE;QAG3D,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAA8B,KAAI;AAC1E,YAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACpD,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,gBAAgB,CAAC,IAAa,EAAA;AAC5B,QAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,MAAM,oBAAoB,GAAG,IAAI,UAAU,CACzC,CAAC,UAA6C,KAAI;AAChD,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;AAE/B,YAAA,OAAO,MAAK;AACV,gBAAA,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,GAAG,KAAK,UAAU,CAAC;gBACjE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC;AAC7B,gBAAA,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC;AACrC,YAAA,CAAC;AACH,QAAA,CAAC,CACF;AAED,QAAA,OAAO,oBAAoB,CAAC,IAAI,CAC9B,GAAG,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,EAChE,MAAM,CAAC,OAAO,CAAC,EACf,YAAY,CAAC,EAAE,CAAC,CACjB;IACH;AAEA,IAAA,qBAAqB,CAAC,IAAa,EAAA;AACjC,QAAA,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,CACrC,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EACjD,MAAM,CAAC,OAAO,CAAC,CAChB;IACH;8GArCW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,cAFtB,MAAM,EAAA,CAAA,CAAA;;2FAEP,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACND;;AAEG;;;;"}

package/fesm2022/quang-forms.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"quang-forms.mjs","sources":["../../../projects/quang/forms/validators.ts","../../../projects/quang/forms/form-group-model.ts","../../../projects/quang/forms/quang-forms.ts"],"sourcesContent":["import { AbstractControl, ValidatorFn } from '@angular/forms'\n\nimport { isAfter, isBefore, isWithinInterval } from 'date-fns'\n\nexport enum EuroLocale {\n  AT = 'AT',\n  BE = 'BE',\n  BG = 'BG',\n  CY = 'CY',\n  CZ = 'CZ',\n  DE = 'DE',\n  DK = 'DK',\n  EE = 'EE',\n  GR = 'GR',\n  ES = 'ES',\n  FI = 'FI',\n  FR = 'FR',\n  GB = 'GB',\n  HU = 'HU',\n  IE = 'IE',\n  IT = 'IT',\n  LT = 'LT',\n  LU = 'LU',\n  LV = 'LV',\n  MT = 'MT',\n  NL = 'NL',\n  PL = 'PL',\n  PT = 'PT',\n  RO = 'RO',\n  SE = 'SE',\n  SI = 'SI',\n  SK = 'SK',\n}\n\nexport const europeanVatNumber: Record<EuroLocale, RegExp> = {\n  [EuroLocale.AT]: /U[0-9]{8}/gm,\n  [EuroLocale.BE]: /0[0-9]{9}/gm,\n  [EuroLocale.BG]: /[0-9]{9,10}/gm,\n  [EuroLocale.CY]: /[0-9]{8}L/gm,\n  [EuroLocale.CZ]: /[0-9]{8,10}/gm,\n  [EuroLocale.DE]: /[0-9]{9}/gm,\n  [EuroLocale.DK]: /[0-9]{8}/gm,\n  [EuroLocale.EE]: /[0-9]{9}/gm,\n  [EuroLocale.GR]: /[0-9]{9}/gm,\n  [EuroLocale.ES]: /[0-9A-Z][0-9]{7}[0-9A-Z]/gm,\n  [EuroLocale.FI]: /[0-9]{8}/gm,\n  [EuroLocale.FR]: /[0-9A-Z]{2}[0-9]{9}/gm,\n  [EuroLocale.GB]: /([0-9]{9}([0-9]{3})?|[A-Z]{2}[0-9]{3})/gm,\n  [EuroLocale.HU]: /[0-9]{8}/gm,\n  [EuroLocale.IE]: /[0-9]S[0-9]{5}L/gm,\n  [EuroLocale.IT]: /[0-9]{11}/gm,\n  [EuroLocale.LT]: /([0-9]{9}|[0-9]{12})/gm,\n  [EuroLocale.LU]: /[0-9]{8}/gm,\n  [EuroLocale.LV]: /[0-9]{11}/gm,\n  [EuroLocale.MT]: /[0-9]{8}/gm,\n  [EuroLocale.NL]: /[0-9]{9}B[0-9]{2}/gm,\n  [EuroLocale.PL]: /[0-9]{10}/gm,\n  [EuroLocale.PT]: /[0-9]{9}/gm,\n  [EuroLocale.RO]: /[0-9]{2,10}/gm,\n  [EuroLocale.SE]: /[0-9]{12}/gm,\n  [EuroLocale.SI]: /[0-9]{8}/gm,\n  [EuroLocale.SK]: /[0-9]{10}/gm,\n}\nexport function fileMaxSize(maxSize: number): ValidatorFn {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (control.value && control.value instanceof File && control.value?.size > maxSize) {\n      return { maxSize: { requiredValue: maxSize } }\n    }\n    return null\n  }\n}\n\nexport function fileMinSize(minSize: number): ValidatorFn {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (control.value && control.value instanceof File && control.value?.size < minSize) {\n      return { minSize: { requiredValue: minSize } }\n    }\n    return null\n  }\n}\n\nexport function isFile(): ValidatorFn {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (control.value && control.value instanceof File) {\n      return null\n    }\n    return { isFile: {} }\n  }\n}\n\nexport function fileType(fileTypes: string[]) {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (control.value && !fileTypes.includes(control.value?.type)) {\n      return { fileType: { requiredValue: fileTypes.toString() } }\n    }\n    return null\n  }\n}\n\nexport function fileExtensions(list: string[]) {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (control.value && !list.includes(control.value?.name?.match(/(?:\\.([^.]+))?$/g)[0])) {\n      return { fileExtension: { requiredValue: list.toString() } }\n    }\n    return null\n  }\n}\n\nexport function requiredCheckbox() {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (!control.value) {\n      return { required: { requiredValue: control.value } }\n    }\n    return null\n  }\n}\n\nexport function minDate(dateToCompare: Date) {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (isBefore(new Date(control.value), dateToCompare)) {\n      return { minDate: { requiredValue: dateToCompare } }\n    }\n    return null\n  }\n}\n\nexport function maxDate(dateToCompare: Date) {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (isAfter(new Date(control.value), dateToCompare)) {\n      return { maxDate: { requiredValue: dateToCompare } }\n    }\n    return null\n  }\n}\n\nexport function dateBetween(start: Date, end: Date) {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (\n      !isWithinInterval(new Date(control.value), {\n        start,\n        end,\n      })\n    ) {\n      return { dateBetween: { requiredValue: [start, end] } }\n    }\n    return null\n  }\n}\n\nexport function isFiscalCode() {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (\n      control?.value &&\n      !/^([A-Z]{6}[0-9LMNPQRSTUV]{2}[ABCDEHLMPRST]{1}[0-9LMNPQRSTUV]{2}[A-Z]{1}[0-9LMNPQRSTUV]{3}[A-Z]{1})$|([0-9]{11})$/gm.test(\n        control.value.toUpperCase()\n      )\n    ) {\n      return { fiscalCode: true }\n    }\n    return null\n  }\n}\n\nexport function isVatNumber(localeList: EuroLocale[]) {\n  return (control: AbstractControl): Record<string, any> | null => {\n    let isInvalidVat = true\n    for (const locale of localeList) {\n      if (europeanVatNumber[locale]?.test(control?.value)) {\n        isInvalidVat = false\n        break\n      }\n    }\n    return isInvalidVat ? { vatNumber: false } : null\n  }\n}\n\nexport function wysiwygRequired() {\n  return (control: AbstractControl): Record<string, any> | null => {\n    const cleanHTML = control.value.replace(/<\\/?[^>]+(>|$)/g, '')\n    if (!cleanHTML?.length) {\n      return { required: { required: true } }\n    }\n    return null\n  }\n}\n","import { FormControl, FormGroup } from '@angular/forms'\n\nexport type FormGroupModel<T> = FormGroup<{\n  [K in keyof T]: FormControl<T[K]>\n}>\n\n/**\n * @example\n * interface Person {\n *   name: string\n *   lastName: string\n *   age: number\n * }\n *\n * myForm: FormGroupModel<Person> = this.formBuilder.group({\n *   name: this.formBuilder.control<string>('', Validators.required),\n *   lastName: this.formBuilder.control<string>(''),\n *   age: this.formBuilder.control<number>({value: 20, disabled: true})\n * })\n */\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"quang-forms.mjs","sources":["../../../projects/quang/forms/validators.ts","../../../projects/quang/forms/form-group-model.ts","../../../projects/quang/forms/quang-forms.ts"],"sourcesContent":["import { AbstractControl, ValidatorFn } from '@angular/forms'\n\nimport { isAfter, isBefore, isWithinInterval } from 'date-fns'\n\nexport enum EuroLocale {\n  AT = 'AT',\n  BE = 'BE',\n  BG = 'BG',\n  CY = 'CY',\n  CZ = 'CZ',\n  DE = 'DE',\n  DK = 'DK',\n  EE = 'EE',\n  GR = 'GR',\n  ES = 'ES',\n  FI = 'FI',\n  FR = 'FR',\n  GB = 'GB',\n  HU = 'HU',\n  IE = 'IE',\n  IT = 'IT',\n  LT = 'LT',\n  LU = 'LU',\n  LV = 'LV',\n  MT = 'MT',\n  NL = 'NL',\n  PL = 'PL',\n  PT = 'PT',\n  RO = 'RO',\n  SE = 'SE',\n  SI = 'SI',\n  SK = 'SK',\n}\n\nexport const europeanVatNumber: Record<EuroLocale, RegExp> = {\n  [EuroLocale.AT]: /U[0-9]{8}/gm,\n  [EuroLocale.BE]: /0[0-9]{9}/gm,\n  [EuroLocale.BG]: /[0-9]{9,10}/gm,\n  [EuroLocale.CY]: /[0-9]{8}L/gm,\n  [EuroLocale.CZ]: /[0-9]{8,10}/gm,\n  [EuroLocale.DE]: /[0-9]{9}/gm,\n  [EuroLocale.DK]: /[0-9]{8}/gm,\n  [EuroLocale.EE]: /[0-9]{9}/gm,\n  [EuroLocale.GR]: /[0-9]{9}/gm,\n  [EuroLocale.ES]: /[0-9A-Z][0-9]{7}[0-9A-Z]/gm,\n  [EuroLocale.FI]: /[0-9]{8}/gm,\n  [EuroLocale.FR]: /[0-9A-Z]{2}[0-9]{9}/gm,\n  [EuroLocale.GB]: /([0-9]{9}([0-9]{3})?|[A-Z]{2}[0-9]{3})/gm,\n  [EuroLocale.HU]: /[0-9]{8}/gm,\n  [EuroLocale.IE]: /[0-9]S[0-9]{5}L/gm,\n  [EuroLocale.IT]: /[0-9]{11}/gm,\n  [EuroLocale.LT]: /([0-9]{9}|[0-9]{12})/gm,\n  [EuroLocale.LU]: /[0-9]{8}/gm,\n  [EuroLocale.LV]: /[0-9]{11}/gm,\n  [EuroLocale.MT]: /[0-9]{8}/gm,\n  [EuroLocale.NL]: /[0-9]{9}B[0-9]{2}/gm,\n  [EuroLocale.PL]: /[0-9]{10}/gm,\n  [EuroLocale.PT]: /[0-9]{9}/gm,\n  [EuroLocale.RO]: /[0-9]{2,10}/gm,\n  [EuroLocale.SE]: /[0-9]{12}/gm,\n  [EuroLocale.SI]: /[0-9]{8}/gm,\n  [EuroLocale.SK]: /[0-9]{10}/gm,\n}\nexport function fileMaxSize(maxSize: number): ValidatorFn {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (control.value && control.value instanceof File && control.value?.size > maxSize) {\n      return { maxSize: { requiredValue: maxSize } }\n    }\n    return null\n  }\n}\n\nexport function fileMinSize(minSize: number): ValidatorFn {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (control.value && control.value instanceof File && control.value?.size < minSize) {\n      return { minSize: { requiredValue: minSize } }\n    }\n    return null\n  }\n}\n\nexport function isFile(): ValidatorFn {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (control.value && control.value instanceof File) {\n      return null\n    }\n    return { isFile: {} }\n  }\n}\n\nexport function fileType(fileTypes: string[]) {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (control.value && !fileTypes.includes(control.value?.type)) {\n      return { fileType: { requiredValue: fileTypes.toString() } }\n    }\n    return null\n  }\n}\n\nexport function fileExtensions(list: string[]) {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (control.value && !list.includes(control.value?.name?.match(/(?:\\.([^.]+))?$/g)[0])) {\n      return { fileExtension: { requiredValue: list.toString() } }\n    }\n    return null\n  }\n}\n\nexport function requiredCheckbox() {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (!control.value) {\n      return { required: { requiredValue: control.value } }\n    }\n    return null\n  }\n}\n\nexport function minDate(dateToCompare: Date) {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (isBefore(new Date(control.value), dateToCompare)) {\n      return { minDate: { requiredValue: dateToCompare } }\n    }\n    return null\n  }\n}\n\nexport function maxDate(dateToCompare: Date) {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (isAfter(new Date(control.value), dateToCompare)) {\n      return { maxDate: { requiredValue: dateToCompare } }\n    }\n    return null\n  }\n}\n\nexport function dateBetween(start: Date, end: Date) {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (\n      !isWithinInterval(new Date(control.value), {\n        start,\n        end,\n      })\n    ) {\n      return { dateBetween: { requiredValue: [start, end] } }\n    }\n    return null\n  }\n}\n\nexport function isFiscalCode() {\n  return (control: AbstractControl): Record<string, any> | null => {\n    if (\n      control?.value &&\n      !/^([A-Z]{6}[0-9LMNPQRSTUV]{2}[ABCDEHLMPRST]{1}[0-9LMNPQRSTUV]{2}[A-Z]{1}[0-9LMNPQRSTUV]{3}[A-Z]{1})$|([0-9]{11})$/gm.test(\n        control.value.toUpperCase()\n      )\n    ) {\n      return { fiscalCode: true }\n    }\n    return null\n  }\n}\n\nexport function isVatNumber(localeList: EuroLocale[]) {\n  return (control: AbstractControl): Record<string, any> | null => {\n    let isInvalidVat = true\n    for (const locale of localeList) {\n      if (europeanVatNumber[locale]?.test(control?.value)) {\n        isInvalidVat = false\n        break\n      }\n    }\n    return isInvalidVat ? { vatNumber: false } : null\n  }\n}\n\nexport function wysiwygRequired() {\n  return (control: AbstractControl): Record<string, any> | null => {\n    const cleanHTML = control.value.replace(/<\\/?[^>]+(>|$)/g, '')\n    if (!cleanHTML?.length) {\n      return { required: { required: true } }\n    }\n    return null\n  }\n}\n","import { FormControl, FormGroup } from '@angular/forms'\n\nexport type FormGroupModel<T> = FormGroup<{\n  [K in keyof T]: FormControl<T[K]>\n}>\n\n/**\n * @example\n * interface Person {\n *   name: string\n *   lastName: string\n *   age: number\n * }\n *\n * myForm: FormGroupModel<Person> = this.formBuilder.group({\n *   name: this.formBuilder.control<string>('', Validators.required),\n *   lastName: this.formBuilder.control<string>(''),\n *   age: this.formBuilder.control<number>({value: 20, disabled: true})\n * })\n */\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}