npm - @sebgroup/green-angular - Versions diffs - 10.0.3 → 10.0.4 - Mend

@sebgroup/green-angular 10.0.3 → 10.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (469) hide show

package/fesm2022/sebgroup-green-angular-src-v-angular-pagination.mjs CHANGED Viewed

@@ -110,10 +110,10 @@ class PaginationComponent {
         this.showEllipsisEnd = pagingEnd < this.pagingSize - 1;
         this.list = genList.slice(start, end);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: PaginationComponent, isStandalone: false, selector: "nggv-pagination", inputs: { size: "size", value: "value", firstText: "firstText", lastText: "lastText", nextText: "nextText", offset: "offset", pagingLength: "pagingLength", previousText: "previousText", useFirstAndLast: "useFirstAndLast", useTextNav: "useTextNav", useDotNav: "useDotNav", showGoToPage: "showGoToPage", className: "className", id: "id" }, outputs: { pageNumberChange: "pageNumberChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pagination-wrapper\" [ngClass]=\"className\" [attr.id]=\"id\">\n  <nav class=\"custom-pagination\">\n    <ng-container *ngIf=\"useDotNav; else numNav\">\n      <ul class=\"pagination dotnav\">\n        <ng-container *ngFor=\"let num of dotnavList\">\n          <li class=\"page-item\" (click)=\"handleOnChange(num)\" [value]=\"num\">\n            <span\n              class=\"page-dot-link\"\n              [ngClass]=\"{ active: value === num }\"\n            ></span>\n          </li>\n        </ng-container>\n      </ul>\n    </ng-container>\n\n    <ng-template #numNav>\n      <ul class=\"pagination\">\n        <ng-container>\n          <li class=\"page-item\" (click)=\"handleOnChange(value - 1)\">\n            <button\n              class=\"page-link\"\n              [attr.title]=\"previousText\"\n              [attr.disabled]=\"value === 1 ? 'disabled' : null\"\n            >\n              <span class=\"nav-action\">\n                <ng-container *ngIf=\"useTextNav; else angleLeftIcon\">\n                  {{ previousText ? previousText : 'Previous' }}\n                </ng-container>\n                <ng-template #angleLeftIcon>\n                  <gds-icon-chevron-left\n                    *nggCoreElement\n                  ></gds-icon-chevron-left>\n                </ng-template>\n              </span>\n            </button>\n          </li>\n        </ng-container>\n\n        <ng-container *ngIf=\"useFirstAndLast\">\n          <li class=\"page-item\" (click)=\"handleOnChange(1)\">\n            <button\n              class=\"page-link\"\n              [ngClass]=\"{ active: value === 1 }\"\n              [attr.title]=\"firstText\"\n            >\n              <span class=\"nav-num\">{{ 1 }}</span>\n            </button>\n          </li>\n\n          <li class=\"page-item\" *ngIf=\"showEllipsisStart\">\n            <span class=\"page-link\" [attr.title]=\"'...'\">\n              <span class=\"nav-num\">...</span>\n            </span>\n          </li>\n        </ng-container>\n\n        <ng-container *ngFor=\"let num of list\">\n          <li\n            class=\"page-item\"\n            [ngClass]=\"{ active: value === num }\"\n            (click)=\"handleOnChange(num)\"\n            value=\"num\"\n          >\n            <button class=\"page-link\" [ngClass]=\"{ active: value === num }\">\n              <span class=\"nav-num\">{{ num }}</span>\n            </button>\n          </li>\n        </ng-container>\n\n        <ng-container *ngIf=\"useFirstAndLast\">\n          <li class=\"page-item\" *ngIf=\"showEllipsisEnd\">\n            <span class=\"page-link\" [attr.title]=\"'...'\">\n              <span class=\"nav-num\">...</span>\n            </span>\n          </li>\n\n          <li\n            class=\"page-item\"\n            (click)=\"handleOnChange(pagingSize)\"\n            *ngIf=\"pagingSize > 1\"\n          >\n            <button\n              class=\"page-link\"\n              [ngClass]=\"{ active: value === pagingSize }\"\n              [attr.title]=\"lastText\"\n            >\n              <span class=\"nav-num\">{{ pagingSize }}</span>\n            </button>\n          </li>\n        </ng-container>\n\n        <ng-container>\n          <li class=\"page-item\" (click)=\"handleOnChange(value + 1)\">\n            <button class=\"page-link\" [attr.title]=\"nextText\">\n              <span class=\"nav-action\">\n                <ng-container *ngIf=\"useTextNav; else angleRightIcon\">\n                  {{ nextText ? nextText : 'Next' }}\n                </ng-container>\n                <ng-template #angleRightIcon>\n                  <gds-icon-chevron-right\n                    *nggCoreElement\n                  ></gds-icon-chevron-right>\n                </ng-template>\n              </span>\n            </button>\n          </li>\n        </ng-container>\n\n        <ng-container *ngIf=\"showGoToPage\">\n          <li>\n            <div class=\"paging-input-wrapper\">\n              <div class=\"label-wrapper\">\n                <label for=\"pageInput\" *transloco=\"let t\">\n                  {{ t('label.gotopage') }}\n                </label>\n              </div>\n              <div class=\"input-wrapper\">\n                <input\n                  #pageInput\n                  data-thook=\"pagination-go-to-input\"\n                  min=\"1\"\n                  [max]=\"pagingSize\"\n                  id=\"pageInput\"\n                  class=\"gds-field\"\n                  type=\"number\"\n                  (keydown.enter)=\"handlePageInput(pageInput.value)\"\n                  [ngModel]=\"value\"\n                />\n                <button\n                  type=\"button\"\n                  data-thook=\"pagination-go-to-button\"\n                  (click)=\"handlePageInput(pageInput.value)\"\n                >\n                  <gds-icon-chevron-right\n                    *nggCoreElement\n                  ></gds-icon-chevron-right>\n                </button>\n              </div>\n            </div>\n          </li>\n        </ng-container>\n      </ul>\n    </ng-template>\n  </nav>\n</div>\n", styles: [":host .pagination-wrapper .paging-input-wrapper{display:flex}:host .pagination-wrapper .paging-input-wrapper .label-wrapper{margin:auto;padding:0 1em}:host .pagination-wrapper .paging-input-wrapper .input-wrapper{display:flex;border:.0625em solid #868686;border-radius:4px;height:100%}:host .pagination-wrapper .paging-input-wrapper .input-wrapper input{border:0;padding:.5em;min-height:2.5rem;width:60px;box-sizing:border-box;border-radius:3px;font-size:1rem;font-family:inherit}:host .pagination-wrapper .paging-input-wrapper .input-wrapper input:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper .paging-input-wrapper .input-wrapper>button{border:0;color:#1a1a1a;background-color:transparent;font-size:1rem;font-family:inherit}:host .pagination-wrapper .paging-input-wrapper .input-wrapper>button:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper>.custom-pagination>.pagination{display:flex;list-style:none;margin-top:10px;margin-bottom:10px}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link{position:relative;text-align:center;padding-top:0;padding-bottom:0;min-width:38px;height:40px;display:inline-flex;align-items:center;background-color:transparent;color:#1a1a1a;border:none;border-radius:4px;font-size:1rem;font-family:inherit}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link.active{background-color:#1a1a1a;color:#eee}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link>.nav-num{margin:0 auto}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link>.nav-action{margin:0 auto;display:inline-flex}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link:hover{box-shadow:0 2px 6px #eee}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item{width:20px;height:25px}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;cursor:pointer;background-color:#a2ddfe;transition:all var(--gds-sys-transition);margin:0 auto;will-change:transform}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link.active{background-color:#007ac7;cursor:default;transform:scale(1.3)}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link:hover:not(.active){background-color:#41b0ee}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: PaginationComponent, isStandalone: false, selector: "nggv-pagination", inputs: { size: "size", value: "value", firstText: "firstText", lastText: "lastText", nextText: "nextText", offset: "offset", pagingLength: "pagingLength", previousText: "previousText", useFirstAndLast: "useFirstAndLast", useTextNav: "useTextNav", useDotNav: "useDotNav", showGoToPage: "showGoToPage", className: "className", id: "id" }, outputs: { pageNumberChange: "pageNumberChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pagination-wrapper\" [ngClass]=\"className\" [attr.id]=\"id\">\n  <nav class=\"custom-pagination\">\n    <ng-container *ngIf=\"useDotNav; else numNav\">\n      <ul class=\"pagination dotnav\">\n        <ng-container *ngFor=\"let num of dotnavList\">\n          <li class=\"page-item\" (click)=\"handleOnChange(num)\" [value]=\"num\">\n            <span\n              class=\"page-dot-link\"\n              [ngClass]=\"{ active: value === num }\"\n            ></span>\n          </li>\n        </ng-container>\n      </ul>\n    </ng-container>\n\n    <ng-template #numNav>\n      <ul class=\"pagination\">\n        <ng-container>\n          <li class=\"page-item\" (click)=\"handleOnChange(value - 1)\">\n            <button\n              class=\"page-link\"\n              [attr.title]=\"previousText\"\n              [attr.disabled]=\"value === 1 ? 'disabled' : null\"\n            >\n              <span class=\"nav-action\">\n                <ng-container *ngIf=\"useTextNav; else angleLeftIcon\">\n                  {{ previousText ? previousText : 'Previous' }}\n                </ng-container>\n                <ng-template #angleLeftIcon>\n                  <gds-icon-chevron-left\n                    *nggCoreElement\n                  ></gds-icon-chevron-left>\n                </ng-template>\n              </span>\n            </button>\n          </li>\n        </ng-container>\n\n        <ng-container *ngIf=\"useFirstAndLast\">\n          <li class=\"page-item\" (click)=\"handleOnChange(1)\">\n            <button\n              class=\"page-link\"\n              [ngClass]=\"{ active: value === 1 }\"\n              [attr.title]=\"firstText\"\n            >\n              <span class=\"nav-num\">{{ 1 }}</span>\n            </button>\n          </li>\n\n          <li class=\"page-item\" *ngIf=\"showEllipsisStart\">\n            <span class=\"page-link\" [attr.title]=\"'...'\">\n              <span class=\"nav-num\">...</span>\n            </span>\n          </li>\n        </ng-container>\n\n        <ng-container *ngFor=\"let num of list\">\n          <li\n            class=\"page-item\"\n            [ngClass]=\"{ active: value === num }\"\n            (click)=\"handleOnChange(num)\"\n            value=\"num\"\n          >\n            <button class=\"page-link\" [ngClass]=\"{ active: value === num }\">\n              <span class=\"nav-num\">{{ num }}</span>\n            </button>\n          </li>\n        </ng-container>\n\n        <ng-container *ngIf=\"useFirstAndLast\">\n          <li class=\"page-item\" *ngIf=\"showEllipsisEnd\">\n            <span class=\"page-link\" [attr.title]=\"'...'\">\n              <span class=\"nav-num\">...</span>\n            </span>\n          </li>\n\n          <li\n            class=\"page-item\"\n            (click)=\"handleOnChange(pagingSize)\"\n            *ngIf=\"pagingSize > 1\"\n          >\n            <button\n              class=\"page-link\"\n              [ngClass]=\"{ active: value === pagingSize }\"\n              [attr.title]=\"lastText\"\n            >\n              <span class=\"nav-num\">{{ pagingSize }}</span>\n            </button>\n          </li>\n        </ng-container>\n\n        <ng-container>\n          <li class=\"page-item\" (click)=\"handleOnChange(value + 1)\">\n            <button class=\"page-link\" [attr.title]=\"nextText\">\n              <span class=\"nav-action\">\n                <ng-container *ngIf=\"useTextNav; else angleRightIcon\">\n                  {{ nextText ? nextText : 'Next' }}\n                </ng-container>\n                <ng-template #angleRightIcon>\n                  <gds-icon-chevron-right\n                    *nggCoreElement\n                  ></gds-icon-chevron-right>\n                </ng-template>\n              </span>\n            </button>\n          </li>\n        </ng-container>\n\n        <ng-container *ngIf=\"showGoToPage\">\n          <li>\n            <div class=\"paging-input-wrapper\">\n              <div class=\"label-wrapper\">\n                <label for=\"pageInput\" *transloco=\"let t\">\n                  {{ t('label.gotopage') }}\n                </label>\n              </div>\n              <div class=\"input-wrapper\">\n                <input\n                  #pageInput\n                  data-thook=\"pagination-go-to-input\"\n                  min=\"1\"\n                  [max]=\"pagingSize\"\n                  id=\"pageInput\"\n                  class=\"gds-field\"\n                  type=\"number\"\n                  (keydown.enter)=\"handlePageInput(pageInput.value)\"\n                  [ngModel]=\"value\"\n                />\n                <button\n                  type=\"button\"\n                  data-thook=\"pagination-go-to-button\"\n                  (click)=\"handlePageInput(pageInput.value)\"\n                >\n                  <gds-icon-chevron-right\n                    *nggCoreElement\n                  ></gds-icon-chevron-right>\n                </button>\n              </div>\n            </div>\n          </li>\n        </ng-container>\n      </ul>\n    </ng-template>\n  </nav>\n</div>\n", styles: [":host .pagination-wrapper .paging-input-wrapper{display:flex}:host .pagination-wrapper .paging-input-wrapper .label-wrapper{margin:auto;padding:0 1em}:host .pagination-wrapper .paging-input-wrapper .input-wrapper{display:flex;border:.0625em solid #868686;border-radius:4px;height:100%}:host .pagination-wrapper .paging-input-wrapper .input-wrapper input{border:0;padding:.5em;min-height:2.5rem;width:60px;box-sizing:border-box;border-radius:3px;font-size:1rem;font-family:inherit}:host .pagination-wrapper .paging-input-wrapper .input-wrapper input:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper .paging-input-wrapper .input-wrapper>button{border:0;color:#1a1a1a;background-color:transparent;font-size:1rem;font-family:inherit}:host .pagination-wrapper .paging-input-wrapper .input-wrapper>button:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper>.custom-pagination>.pagination{display:flex;list-style:none;margin-top:10px;margin-bottom:10px}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link{position:relative;text-align:center;padding-top:0;padding-bottom:0;min-width:38px;height:40px;display:inline-flex;align-items:center;background-color:transparent;color:#1a1a1a;border:none;border-radius:4px;font-size:1rem;font-family:inherit}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link.active{background-color:#1a1a1a;color:#eee}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link>.nav-num{margin:0 auto}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link>.nav-action{margin:0 auto;display:inline-flex}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link:hover{box-shadow:0 2px 6px #eee}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item{width:20px;height:25px}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;cursor:pointer;background-color:#a2ddfe;transition:all var(--gds-sys-transition);margin:0 auto;will-change:transform}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link.active{background-color:#007ac7;cursor:default;transform:scale(1.3)}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link:hover:not(.active){background-color:#41b0ee}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: PaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nggv-pagination', standalone: false, template: "<div class=\"pagination-wrapper\" [ngClass]=\"className\" [attr.id]=\"id\">\n  <nav class=\"custom-pagination\">\n    <ng-container *ngIf=\"useDotNav; else numNav\">\n      <ul class=\"pagination dotnav\">\n        <ng-container *ngFor=\"let num of dotnavList\">\n          <li class=\"page-item\" (click)=\"handleOnChange(num)\" [value]=\"num\">\n            <span\n              class=\"page-dot-link\"\n              [ngClass]=\"{ active: value === num }\"\n            ></span>\n          </li>\n        </ng-container>\n      </ul>\n    </ng-container>\n\n    <ng-template #numNav>\n      <ul class=\"pagination\">\n        <ng-container>\n          <li class=\"page-item\" (click)=\"handleOnChange(value - 1)\">\n            <button\n              class=\"page-link\"\n              [attr.title]=\"previousText\"\n              [attr.disabled]=\"value === 1 ? 'disabled' : null\"\n            >\n              <span class=\"nav-action\">\n                <ng-container *ngIf=\"useTextNav; else angleLeftIcon\">\n                  {{ previousText ? previousText : 'Previous' }}\n                </ng-container>\n                <ng-template #angleLeftIcon>\n                  <gds-icon-chevron-left\n                    *nggCoreElement\n                  ></gds-icon-chevron-left>\n                </ng-template>\n              </span>\n            </button>\n          </li>\n        </ng-container>\n\n        <ng-container *ngIf=\"useFirstAndLast\">\n          <li class=\"page-item\" (click)=\"handleOnChange(1)\">\n            <button\n              class=\"page-link\"\n              [ngClass]=\"{ active: value === 1 }\"\n              [attr.title]=\"firstText\"\n            >\n              <span class=\"nav-num\">{{ 1 }}</span>\n            </button>\n          </li>\n\n          <li class=\"page-item\" *ngIf=\"showEllipsisStart\">\n            <span class=\"page-link\" [attr.title]=\"'...'\">\n              <span class=\"nav-num\">...</span>\n            </span>\n          </li>\n        </ng-container>\n\n        <ng-container *ngFor=\"let num of list\">\n          <li\n            class=\"page-item\"\n            [ngClass]=\"{ active: value === num }\"\n            (click)=\"handleOnChange(num)\"\n            value=\"num\"\n          >\n            <button class=\"page-link\" [ngClass]=\"{ active: value === num }\">\n              <span class=\"nav-num\">{{ num }}</span>\n            </button>\n          </li>\n        </ng-container>\n\n        <ng-container *ngIf=\"useFirstAndLast\">\n          <li class=\"page-item\" *ngIf=\"showEllipsisEnd\">\n            <span class=\"page-link\" [attr.title]=\"'...'\">\n              <span class=\"nav-num\">...</span>\n            </span>\n          </li>\n\n          <li\n            class=\"page-item\"\n            (click)=\"handleOnChange(pagingSize)\"\n            *ngIf=\"pagingSize > 1\"\n          >\n            <button\n              class=\"page-link\"\n              [ngClass]=\"{ active: value === pagingSize }\"\n              [attr.title]=\"lastText\"\n            >\n              <span class=\"nav-num\">{{ pagingSize }}</span>\n            </button>\n          </li>\n        </ng-container>\n\n        <ng-container>\n          <li class=\"page-item\" (click)=\"handleOnChange(value + 1)\">\n            <button class=\"page-link\" [attr.title]=\"nextText\">\n              <span class=\"nav-action\">\n                <ng-container *ngIf=\"useTextNav; else angleRightIcon\">\n                  {{ nextText ? nextText : 'Next' }}\n                </ng-container>\n                <ng-template #angleRightIcon>\n                  <gds-icon-chevron-right\n                    *nggCoreElement\n                  ></gds-icon-chevron-right>\n                </ng-template>\n              </span>\n            </button>\n          </li>\n        </ng-container>\n\n        <ng-container *ngIf=\"showGoToPage\">\n          <li>\n            <div class=\"paging-input-wrapper\">\n              <div class=\"label-wrapper\">\n                <label for=\"pageInput\" *transloco=\"let t\">\n                  {{ t('label.gotopage') }}\n                </label>\n              </div>\n              <div class=\"input-wrapper\">\n                <input\n                  #pageInput\n                  data-thook=\"pagination-go-to-input\"\n                  min=\"1\"\n                  [max]=\"pagingSize\"\n                  id=\"pageInput\"\n                  class=\"gds-field\"\n                  type=\"number\"\n                  (keydown.enter)=\"handlePageInput(pageInput.value)\"\n                  [ngModel]=\"value\"\n                />\n                <button\n                  type=\"button\"\n                  data-thook=\"pagination-go-to-button\"\n                  (click)=\"handlePageInput(pageInput.value)\"\n                >\n                  <gds-icon-chevron-right\n                    *nggCoreElement\n                  ></gds-icon-chevron-right>\n                </button>\n              </div>\n            </div>\n          </li>\n        </ng-container>\n      </ul>\n    </ng-template>\n  </nav>\n</div>\n", styles: [":host .pagination-wrapper .paging-input-wrapper{display:flex}:host .pagination-wrapper .paging-input-wrapper .label-wrapper{margin:auto;padding:0 1em}:host .pagination-wrapper .paging-input-wrapper .input-wrapper{display:flex;border:.0625em solid #868686;border-radius:4px;height:100%}:host .pagination-wrapper .paging-input-wrapper .input-wrapper input{border:0;padding:.5em;min-height:2.5rem;width:60px;box-sizing:border-box;border-radius:3px;font-size:1rem;font-family:inherit}:host .pagination-wrapper .paging-input-wrapper .input-wrapper input:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper .paging-input-wrapper .input-wrapper>button{border:0;color:#1a1a1a;background-color:transparent;font-size:1rem;font-family:inherit}:host .pagination-wrapper .paging-input-wrapper .input-wrapper>button:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper>.custom-pagination>.pagination{display:flex;list-style:none;margin-top:10px;margin-bottom:10px}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link{position:relative;text-align:center;padding-top:0;padding-bottom:0;min-width:38px;height:40px;display:inline-flex;align-items:center;background-color:transparent;color:#1a1a1a;border:none;border-radius:4px;font-size:1rem;font-family:inherit}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link.active{background-color:#1a1a1a;color:#eee}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link>.nav-num{margin:0 auto}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link>.nav-action{margin:0 auto;display:inline-flex}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link:hover{box-shadow:0 2px 6px #eee}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item{width:20px;height:25px}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;cursor:pointer;background-color:#a2ddfe;transition:all var(--gds-sys-transition);margin:0 auto;will-change:transform}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link.active{background-color:#007ac7;cursor:default;transform:scale(1.3)}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link:hover:not(.active){background-color:#41b0ee}\n"] }]
         }], propDecorators: { size: [{
@@ -149,19 +149,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             }] } });
 class NggvPaginationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: NggvPaginationModule, declarations: [PaginationComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NggvPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: NggvPaginationModule, declarations: [PaginationComponent], imports: [CommonModule,
             FormsModule,
             NggvI18nModule,
             TranslocoModule,
             NggCoreWrapperModule], exports: [PaginationComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvPaginationModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NggvPaginationModule, imports: [CommonModule,
             FormsModule,
             NggvI18nModule,
             TranslocoModule,
             NggCoreWrapperModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvPaginationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NggvPaginationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PaginationComponent],

package/fesm2022/sebgroup-green-angular-src-v-angular-pagination.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sebgroup-green-angular-src-v-angular-pagination.mjs","sources":["../../../../libs/angular/src/v-angular/pagination/pagination.component.ts","../../../../libs/angular/src/v-angular/pagination/pagination.component.html","../../../../libs/angular/src/v-angular/pagination/pagination.module.ts","../../../../libs/angular/src/v-angular/pagination/sebgroup-green-angular-src-v-angular-pagination.ts"],"sourcesContent":["import {\n Component,\n EventEmitter,\n Input,\n OnChanges,\n Output,\n SimpleChanges,\n} from '@angular/core'\n\nimport '@sebgroup/green-core/components/icon/icons/chevron-left.js'\nimport '@sebgroup/green-core/components/icon/icons/chevron-right.js'\nimport '@sebgroup/green-core/components/icon/icons/arrow-left.js'\n\n/** The Pagination component is used to separate long sets of data so that it is easier for a user to consume information. To change the current page simply click on the page number. /\n@Component({\n selector: 'nggv-pagination',\n templateUrl: './pagination.component.html',\n styleUrls: ['./pagination.component.scss'],\n standalone: false\n})\nexport class PaginationComponent implements OnChanges {\n /* Total size of pagination /\n @Input() size = 0\n /* Selected page /\n @Input() value = 1\n /* First page text /\n @Input() firstText?: string\n /* Last page text /\n @Input() lastText?: string\n /* Next page text /\n @Input() nextText?: string\n /* Offset per page /\n @Input() offset?: number\n /* Number of pages to display/\n @Input() pagingLength?: number\n /* Previous page text /\n @Input() previousText?: string\n /* Use first and last navigation buttons/\n @Input() useFirstAndLast?: boolean = true\n /* Use text-based navigation buttons/\n @Input() useTextNav?: boolean\n /* Use dot-navigation /\n @Input() useDotNav?: boolean\n /* Use 'Go to page' input field /\n @Input() showGoToPage = true\n /* Element class name /\n @Input() className = ''\n /* Element ID /\n @Input() id?: string\n /* Callback on page change /\n @Output() pageNumberChange: EventEmitter<number> = new EventEmitter<number>()\n\n /* @internal /\n pageNumber = 0\n /* @internal /\n list: Array<number> = []\n /* @internal /\n dotnavList: Array<number> = []\n /* @internal /\n pagingSize = 0\n /* @internal /\n showEllipsisStart = false\n /* @internal /\n showEllipsisEnd = false\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes?.offset \|\| changes?.size) {\n this.setPagingSize()\n }\n\n if (changes?.pagingLength \|\| changes?.value) {\n this.generateList()\n }\n }\n\n /* @internal /\n setPagingSize() {\n const initialOffset: number = this.offset ? this.offset : 10\n this.pagingSize = Math.ceil(Number(this.size) / initialOffset)\n this.generateList()\n }\n\n /* @internal /\n handleOnChange(value: number): void {\n if (value <= 0) {\n this.pageNumberChange.emit(1)\n } else if (value > this.pagingSize) {\n this.pageNumberChange.emit(this.pagingSize)\n } else {\n this.pageNumberChange.emit(value)\n }\n }\n\n /* @internal /\n handlePageInput(pageInput: string) {\n this.handleOnChange(Number(pageInput))\n }\n\n /\n Generates an array of the pages that needs to be displayed\n * It depends on the size, offset, and the current value\n /\n private generateList(): void {\n const genList: Array<number> = []\n const length: number = this.pagingLength ? this.pagingLength : 5\n\n for (let i = 1; i <= this.pagingSize; i++) {\n genList.push(i)\n }\n\n const medianValue: number = Math.ceil(length / 2)\n let start = 0\n let end = this.pagingSize\n\n if (length < this.pagingSize) {\n if (this.pagingSize - this.value < medianValue) {\n start = this.pagingSize - length\n } else if (this.value - medianValue > -1) {\n start = this.value - medianValue\n }\n end = start + length\n }\n if (this.useFirstAndLast) {\n if (start == 0) {\n start = 1\n end = start + length\n }\n\n if (end > this.pagingSize - 1) {\n end = this.pagingSize - 1\n start = Math.max(1, end - length)\n }\n }\n\n this.dotnavList = genList\n const pagingStart = genList[start]\n const pagingEnd = genList[end - 1]\n this.showEllipsisStart = pagingStart > 2\n this.showEllipsisEnd = pagingEnd < this.pagingSize - 1\n this.list = genList.slice(start, end)\n }\n}\n","<div class=\"pagination-wrapper\" [ngClass]=\"className\" [attr.id]=\"id\">\n <nav class=\"custom-pagination\">\n <ng-container ngIf=\"useDotNav; else numNav\">\n <ul class=\"pagination dotnav\">\n <ng-container ngFor=\"let num of dotnavList\">\n <li class=\"page-item\" (click)=\"handleOnChange(num)\" [value]=\"num\">\n <span\n class=\"page-dot-link\"\n [ngClass]=\"{ active: value === num }\"\n ></span>\n </li>\n </ng-container>\n </ul>\n </ng-container>\n\n <ng-template #numNav>\n <ul class=\"pagination\">\n <ng-container>\n <li class=\"page-item\" (click)=\"handleOnChange(value - 1)\">\n <button\n class=\"page-link\"\n [attr.title]=\"previousText\"\n [attr.disabled]=\"value === 1 ? 'disabled' : null\"\n >\n <span class=\"nav-action\">\n <ng-container ngIf=\"useTextNav; else angleLeftIcon\">\n {{ previousText ? previousText : 'Previous' }}\n </ng-container>\n <ng-template #angleLeftIcon>\n <gds-icon-chevron-left\n nggCoreElement\n ></gds-icon-chevron-left>\n </ng-template>\n </span>\n </button>\n </li>\n </ng-container>\n\n <ng-container ngIf=\"useFirstAndLast\">\n <li class=\"page-item\" (click)=\"handleOnChange(1)\">\n <button\n class=\"page-link\"\n [ngClass]=\"{ active: value === 1 }\"\n [attr.title]=\"firstText\"\n >\n <span class=\"nav-num\">{{ 1 }}</span>\n </button>\n </li>\n\n <li class=\"page-item\" ngIf=\"showEllipsisStart\">\n <span class=\"page-link\" [attr.title]=\"'...'\">\n <span class=\"nav-num\">...</span>\n </span>\n </li>\n </ng-container>\n\n <ng-container ngFor=\"let num of list\">\n <li\n class=\"page-item\"\n [ngClass]=\"{ active: value === num }\"\n (click)=\"handleOnChange(num)\"\n value=\"num\"\n >\n <button class=\"page-link\" [ngClass]=\"{ active: value === num }\">\n <span class=\"nav-num\">{{ num }}</span>\n </button>\n </li>\n </ng-container>\n\n <ng-container ngIf=\"useFirstAndLast\">\n <li class=\"page-item\" ngIf=\"showEllipsisEnd\">\n <span class=\"page-link\" [attr.title]=\"'...'\">\n <span class=\"nav-num\">...</span>\n </span>\n </li>\n\n <li\n class=\"page-item\"\n (click)=\"handleOnChange(pagingSize)\"\n ngIf=\"pagingSize > 1\"\n >\n <button\n class=\"page-link\"\n [ngClass]=\"{ active: value === pagingSize }\"\n [attr.title]=\"lastText\"\n >\n <span class=\"nav-num\">{{ pagingSize }}</span>\n </button>\n </li>\n </ng-container>\n\n <ng-container>\n <li class=\"page-item\" (click)=\"handleOnChange(value + 1)\">\n <button class=\"page-link\" [attr.title]=\"nextText\">\n <span class=\"nav-action\">\n <ng-container ngIf=\"useTextNav; else angleRightIcon\">\n {{ nextText ? nextText : 'Next' }}\n </ng-container>\n <ng-template #angleRightIcon>\n <gds-icon-chevron-right\n nggCoreElement\n ></gds-icon-chevron-right>\n </ng-template>\n </span>\n </button>\n </li>\n </ng-container>\n\n <ng-container ngIf=\"showGoToPage\">\n <li>\n <div class=\"paging-input-wrapper\">\n <div class=\"label-wrapper\">\n <label for=\"pageInput\" transloco=\"let t\">\n {{ t('label.gotopage') }}\n </label>\n </div>\n <div class=\"input-wrapper\">\n <input\n #pageInput\n data-thook=\"pagination-go-to-input\"\n min=\"1\"\n [max]=\"pagingSize\"\n id=\"pageInput\"\n class=\"gds-field\"\n type=\"number\"\n (keydown.enter)=\"handlePageInput(pageInput.value)\"\n [ngModel]=\"value\"\n />\n <button\n type=\"button\"\n data-thook=\"pagination-go-to-button\"\n (click)=\"handlePageInput(pageInput.value)\"\n >\n <gds-icon-chevron-right\n nggCoreElement\n ></gds-icon-chevron-right>\n </button>\n </div>\n </div>\n </li>\n </ng-container>\n </ul>\n </ng-template>\n </nav>\n</div>\n","import { CommonModule } from '@angular/common'\nimport { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'\nimport { FormsModule } from '@angular/forms'\nimport { TranslocoModule } from '@jsverse/transloco'\n\nimport { NggCoreWrapperModule } from '@sebgroup/green-angular/src/lib/shared'\nimport { NggvI18nModule } from '@sebgroup/green-angular/src/v-angular/i18n'\nimport { PaginationComponent } from './pagination.component'\n\n@NgModule({\n declarations: [PaginationComponent],\n imports: [\n CommonModule,\n FormsModule,\n NggvI18nModule,\n TranslocoModule,\n NggCoreWrapperModule,\n ],\n exports: [PaginationComponent],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class NggvPaginationModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"sebgroup-green-angular-src-v-angular-pagination.mjs","sources":["../tmp-esm2022/src/v-angular/pagination/pagination.component.js","../tmp-esm2022/src/v-angular/pagination/pagination.module.js","../tmp-esm2022/src/v-angular/pagination/sebgroup-green-angular-src-v-angular-pagination.js"],"sourcesContent":["import { Component, EventEmitter, Input, Output, } from '@angular/core';\nimport '@sebgroup/green-core/components/icon/icons/chevron-left.js';\nimport '@sebgroup/green-core/components/icon/icons/chevron-right.js';\nimport '@sebgroup/green-core/components/icon/icons/arrow-left.js';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nimport * as i2 from \"@angular/forms\";\nimport * as i3 from \"@jsverse/transloco\";\nimport * as i4 from \"@sebgroup/green-angular/src/lib/shared\";\n/** The Pagination component is used to separate long sets of data so that it is easier for a user to consume information. To change the current page simply click on the page number. /\nexport class PaginationComponent {\n constructor() {\n /* Total size of pagination /\n this.size = 0;\n /* Selected page /\n this.value = 1;\n /* Use first and last navigation buttons/\n this.useFirstAndLast = true;\n /* Use 'Go to page' input field /\n this.showGoToPage = true;\n /* Element class name /\n this.className = '';\n /* Callback on page change /\n this.pageNumberChange = new EventEmitter();\n /* @internal /\n this.pageNumber = 0;\n /* @internal /\n this.list = [];\n /* @internal /\n this.dotnavList = [];\n /* @internal /\n this.pagingSize = 0;\n /* @internal /\n this.showEllipsisStart = false;\n /* @internal /\n this.showEllipsisEnd = false;\n }\n ngOnChanges(changes) {\n if (changes?.offset \|\| changes?.size) {\n this.setPagingSize();\n }\n if (changes?.pagingLength \|\| changes?.value) {\n this.generateList();\n }\n }\n /* @internal /\n setPagingSize() {\n const initialOffset = this.offset ? this.offset : 10;\n this.pagingSize = Math.ceil(Number(this.size) / initialOffset);\n this.generateList();\n }\n /* @internal /\n handleOnChange(value) {\n if (value <= 0) {\n this.pageNumberChange.emit(1);\n }\n else if (value > this.pagingSize) {\n this.pageNumberChange.emit(this.pagingSize);\n }\n else {\n this.pageNumberChange.emit(value);\n }\n }\n /* @internal /\n handlePageInput(pageInput) {\n this.handleOnChange(Number(pageInput));\n }\n /\n Generates an array of the pages that needs to be displayed\n * It depends on the size, offset, and the current value\n /\n generateList() {\n const genList = [];\n const length = this.pagingLength ? this.pagingLength : 5;\n for (let i = 1; i <= this.pagingSize; i++) {\n genList.push(i);\n }\n const medianValue = Math.ceil(length / 2);\n let start = 0;\n let end = this.pagingSize;\n if (length < this.pagingSize) {\n if (this.pagingSize - this.value < medianValue) {\n start = this.pagingSize - length;\n }\n else if (this.value - medianValue > -1) {\n start = this.value - medianValue;\n }\n end = start + length;\n }\n if (this.useFirstAndLast) {\n if (start == 0) {\n start = 1;\n end = start + length;\n }\n if (end > this.pagingSize - 1) {\n end = this.pagingSize - 1;\n start = Math.max(1, end - length);\n }\n }\n this.dotnavList = genList;\n const pagingStart = genList[start];\n const pagingEnd = genList[end - 1];\n this.showEllipsisStart = pagingStart > 2;\n this.showEllipsisEnd = pagingEnd < this.pagingSize - 1;\n this.list = genList.slice(start, end);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.3.9\", type: PaginationComponent, isStandalone: false, selector: \"nggv-pagination\", inputs: { size: \"size\", value: \"value\", firstText: \"firstText\", lastText: \"lastText\", nextText: \"nextText\", offset: \"offset\", pagingLength: \"pagingLength\", previousText: \"previousText\", useFirstAndLast: \"useFirstAndLast\", useTextNav: \"useTextNav\", useDotNav: \"useDotNav\", showGoToPage: \"showGoToPage\", className: \"className\", id: \"id\" }, outputs: { pageNumberChange: \"pageNumberChange\" }, usesOnChanges: true, ngImport: i0, template: \"<div class=\\\"pagination-wrapper\\\" [ngClass]=\\\"className\\\" [attr.id]=\\\"id\\\">\\n <nav class=\\\"custom-pagination\\\">\\n <ng-container ngIf=\\\"useDotNav; else numNav\\\">\\n <ul class=\\\"pagination dotnav\\\">\\n <ng-container ngFor=\\\"let num of dotnavList\\\">\\n <li class=\\\"page-item\\\" (click)=\\\"handleOnChange(num)\\\" [value]=\\\"num\\\">\\n <span\\n class=\\\"page-dot-link\\\"\\n [ngClass]=\\\"{ active: value === num }\\\"\\n ></span>\\n </li>\\n </ng-container>\\n </ul>\\n </ng-container>\\n\\n <ng-template #numNav>\\n <ul class=\\\"pagination\\\">\\n <ng-container>\\n <li class=\\\"page-item\\\" (click)=\\\"handleOnChange(value - 1)\\\">\\n <button\\n class=\\\"page-link\\\"\\n [attr.title]=\\\"previousText\\\"\\n [attr.disabled]=\\\"value === 1 ? 'disabled' : null\\\"\\n >\\n <span class=\\\"nav-action\\\">\\n <ng-container ngIf=\\\"useTextNav; else angleLeftIcon\\\">\\n {{ previousText ? previousText : 'Previous' }}\\n </ng-container>\\n <ng-template #angleLeftIcon>\\n <gds-icon-chevron-left\\n nggCoreElement\\n ></gds-icon-chevron-left>\\n </ng-template>\\n </span>\\n </button>\\n </li>\\n </ng-container>\\n\\n <ng-container ngIf=\\\"useFirstAndLast\\\">\\n <li class=\\\"page-item\\\" (click)=\\\"handleOnChange(1)\\\">\\n <button\\n class=\\\"page-link\\\"\\n [ngClass]=\\\"{ active: value === 1 }\\\"\\n [attr.title]=\\\"firstText\\\"\\n >\\n <span class=\\\"nav-num\\\">{{ 1 }}</span>\\n </button>\\n </li>\\n\\n <li class=\\\"page-item\\\" ngIf=\\\"showEllipsisStart\\\">\\n <span class=\\\"page-link\\\" [attr.title]=\\\"'...'\\\">\\n <span class=\\\"nav-num\\\">...</span>\\n </span>\\n </li>\\n </ng-container>\\n\\n <ng-container ngFor=\\\"let num of list\\\">\\n <li\\n class=\\\"page-item\\\"\\n [ngClass]=\\\"{ active: value === num }\\\"\\n (click)=\\\"handleOnChange(num)\\\"\\n value=\\\"num\\\"\\n >\\n <button class=\\\"page-link\\\" [ngClass]=\\\"{ active: value === num }\\\">\\n <span class=\\\"nav-num\\\">{{ num }}</span>\\n </button>\\n </li>\\n </ng-container>\\n\\n <ng-container ngIf=\\\"useFirstAndLast\\\">\\n <li class=\\\"page-item\\\" ngIf=\\\"showEllipsisEnd\\\">\\n <span class=\\\"page-link\\\" [attr.title]=\\\"'...'\\\">\\n <span class=\\\"nav-num\\\">...</span>\\n </span>\\n </li>\\n\\n <li\\n class=\\\"page-item\\\"\\n (click)=\\\"handleOnChange(pagingSize)\\\"\\n ngIf=\\\"pagingSize > 1\\\"\\n >\\n <button\\n class=\\\"page-link\\\"\\n [ngClass]=\\\"{ active: value === pagingSize }\\\"\\n [attr.title]=\\\"lastText\\\"\\n >\\n <span class=\\\"nav-num\\\">{{ pagingSize }}</span>\\n </button>\\n </li>\\n </ng-container>\\n\\n <ng-container>\\n <li class=\\\"page-item\\\" (click)=\\\"handleOnChange(value + 1)\\\">\\n <button class=\\\"page-link\\\" [attr.title]=\\\"nextText\\\">\\n <span class=\\\"nav-action\\\">\\n <ng-container ngIf=\\\"useTextNav; else angleRightIcon\\\">\\n {{ nextText ? nextText : 'Next' }}\\n </ng-container>\\n <ng-template #angleRightIcon>\\n <gds-icon-chevron-right\\n nggCoreElement\\n ></gds-icon-chevron-right>\\n </ng-template>\\n </span>\\n </button>\\n </li>\\n </ng-container>\\n\\n <ng-container ngIf=\\\"showGoToPage\\\">\\n <li>\\n <div class=\\\"paging-input-wrapper\\\">\\n <div class=\\\"label-wrapper\\\">\\n <label for=\\\"pageInput\\\" transloco=\\\"let t\\\">\\n {{ t('label.gotopage') }}\\n </label>\\n </div>\\n <div class=\\\"input-wrapper\\\">\\n <input\\n #pageInput\\n data-thook=\\\"pagination-go-to-input\\\"\\n min=\\\"1\\\"\\n [max]=\\\"pagingSize\\\"\\n id=\\\"pageInput\\\"\\n class=\\\"gds-field\\\"\\n type=\\\"number\\\"\\n (keydown.enter)=\\\"handlePageInput(pageInput.value)\\\"\\n [ngModel]=\\\"value\\\"\\n />\\n <button\\n type=\\\"button\\\"\\n data-thook=\\\"pagination-go-to-button\\\"\\n (click)=\\\"handlePageInput(pageInput.value)\\\"\\n >\\n <gds-icon-chevron-right\\n nggCoreElement\\n ></gds-icon-chevron-right>\\n </button>\\n </div>\\n </div>\\n </li>\\n </ng-container>\\n </ul>\\n </ng-template>\\n </nav>\\n</div>\\n\", styles: [\":host .pagination-wrapper .paging-input-wrapper{display:flex}:host .pagination-wrapper .paging-input-wrapper .label-wrapper{margin:auto;padding:0 1em}:host .pagination-wrapper .paging-input-wrapper .input-wrapper{display:flex;border:.0625em solid #868686;border-radius:4px;height:100%}:host .pagination-wrapper .paging-input-wrapper .input-wrapper input{border:0;padding:.5em;min-height:2.5rem;width:60px;box-sizing:border-box;border-radius:3px;font-size:1rem;font-family:inherit}:host .pagination-wrapper .paging-input-wrapper .input-wrapper input:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper .paging-input-wrapper .input-wrapper>button{border:0;color:#1a1a1a;background-color:transparent;font-size:1rem;font-family:inherit}:host .pagination-wrapper .paging-input-wrapper .input-wrapper>button:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper>.custom-pagination>.pagination{display:flex;list-style:none;margin-top:10px;margin-bottom:10px}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link{position:relative;text-align:center;padding-top:0;padding-bottom:0;min-width:38px;height:40px;display:inline-flex;align-items:center;background-color:transparent;color:#1a1a1a;border:none;border-radius:4px;font-size:1rem;font-family:inherit}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link.active{background-color:#1a1a1a;color:#eee}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link>.nav-num{margin:0 auto}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link>.nav-action{margin:0 auto;display:inline-flex}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link:hover{box-shadow:0 2px 6px #eee}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item{width:20px;height:25px}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;cursor:pointer;background-color:#a2ddfe;transition:all var(--gds-sys-transition);margin:0 auto;will-change:transform}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link.active{background-color:#007ac7;cursor:default;transform:scale(1.3)}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link:hover:not(.active){background-color:#41b0ee}\\n\"], dependencies: [{ kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i1.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i2.NumberValueAccessor, selector: \"input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]\" }, { kind: \"directive\", type: i2.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i2.MinValidator, selector: \"input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]\", inputs: [\"min\"] }, { kind: \"directive\", type: i2.MaxValidator, selector: \"input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]\", inputs: [\"max\"] }, { kind: \"directive\", type: i2.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"directive\", type: i3.TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"directive\", type: i4.NggCoreElementDirective, selector: \"[nggCoreElement]\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: PaginationComponent, decorators: [{\n type: Component,\n args: [{ selector: 'nggv-pagination', standalone: false, template: \"<div class=\\\"pagination-wrapper\\\" [ngClass]=\\\"className\\\" [attr.id]=\\\"id\\\">\\n <nav class=\\\"custom-pagination\\\">\\n <ng-container ngIf=\\\"useDotNav; else numNav\\\">\\n <ul class=\\\"pagination dotnav\\\">\\n <ng-container ngFor=\\\"let num of dotnavList\\\">\\n <li class=\\\"page-item\\\" (click)=\\\"handleOnChange(num)\\\" [value]=\\\"num\\\">\\n <span\\n class=\\\"page-dot-link\\\"\\n [ngClass]=\\\"{ active: value === num }\\\"\\n ></span>\\n </li>\\n </ng-container>\\n </ul>\\n </ng-container>\\n\\n <ng-template #numNav>\\n <ul class=\\\"pagination\\\">\\n <ng-container>\\n <li class=\\\"page-item\\\" (click)=\\\"handleOnChange(value - 1)\\\">\\n <button\\n class=\\\"page-link\\\"\\n [attr.title]=\\\"previousText\\\"\\n [attr.disabled]=\\\"value === 1 ? 'disabled' : null\\\"\\n >\\n <span class=\\\"nav-action\\\">\\n <ng-container ngIf=\\\"useTextNav; else angleLeftIcon\\\">\\n {{ previousText ? previousText : 'Previous' }}\\n </ng-container>\\n <ng-template #angleLeftIcon>\\n <gds-icon-chevron-left\\n nggCoreElement\\n ></gds-icon-chevron-left>\\n </ng-template>\\n </span>\\n </button>\\n </li>\\n </ng-container>\\n\\n <ng-container ngIf=\\\"useFirstAndLast\\\">\\n <li class=\\\"page-item\\\" (click)=\\\"handleOnChange(1)\\\">\\n <button\\n class=\\\"page-link\\\"\\n [ngClass]=\\\"{ active: value === 1 }\\\"\\n [attr.title]=\\\"firstText\\\"\\n >\\n <span class=\\\"nav-num\\\">{{ 1 }}</span>\\n </button>\\n </li>\\n\\n <li class=\\\"page-item\\\" ngIf=\\\"showEllipsisStart\\\">\\n <span class=\\\"page-link\\\" [attr.title]=\\\"'...'\\\">\\n <span class=\\\"nav-num\\\">...</span>\\n </span>\\n </li>\\n </ng-container>\\n\\n <ng-container ngFor=\\\"let num of list\\\">\\n <li\\n class=\\\"page-item\\\"\\n [ngClass]=\\\"{ active: value === num }\\\"\\n (click)=\\\"handleOnChange(num)\\\"\\n value=\\\"num\\\"\\n >\\n <button class=\\\"page-link\\\" [ngClass]=\\\"{ active: value === num }\\\">\\n <span class=\\\"nav-num\\\">{{ num }}</span>\\n </button>\\n </li>\\n </ng-container>\\n\\n <ng-container ngIf=\\\"useFirstAndLast\\\">\\n <li class=\\\"page-item\\\" ngIf=\\\"showEllipsisEnd\\\">\\n <span class=\\\"page-link\\\" [attr.title]=\\\"'...'\\\">\\n <span class=\\\"nav-num\\\">...</span>\\n </span>\\n </li>\\n\\n <li\\n class=\\\"page-item\\\"\\n (click)=\\\"handleOnChange(pagingSize)\\\"\\n ngIf=\\\"pagingSize > 1\\\"\\n >\\n <button\\n class=\\\"page-link\\\"\\n [ngClass]=\\\"{ active: value === pagingSize }\\\"\\n [attr.title]=\\\"lastText\\\"\\n >\\n <span class=\\\"nav-num\\\">{{ pagingSize }}</span>\\n </button>\\n </li>\\n </ng-container>\\n\\n <ng-container>\\n <li class=\\\"page-item\\\" (click)=\\\"handleOnChange(value + 1)\\\">\\n <button class=\\\"page-link\\\" [attr.title]=\\\"nextText\\\">\\n <span class=\\\"nav-action\\\">\\n <ng-container ngIf=\\\"useTextNav; else angleRightIcon\\\">\\n {{ nextText ? nextText : 'Next' }}\\n </ng-container>\\n <ng-template #angleRightIcon>\\n <gds-icon-chevron-right\\n nggCoreElement\\n ></gds-icon-chevron-right>\\n </ng-template>\\n </span>\\n </button>\\n </li>\\n </ng-container>\\n\\n <ng-container ngIf=\\\"showGoToPage\\\">\\n <li>\\n <div class=\\\"paging-input-wrapper\\\">\\n <div class=\\\"label-wrapper\\\">\\n <label for=\\\"pageInput\\\" transloco=\\\"let t\\\">\\n {{ t('label.gotopage') }}\\n </label>\\n </div>\\n <div class=\\\"input-wrapper\\\">\\n <input\\n #pageInput\\n data-thook=\\\"pagination-go-to-input\\\"\\n min=\\\"1\\\"\\n [max]=\\\"pagingSize\\\"\\n id=\\\"pageInput\\\"\\n class=\\\"gds-field\\\"\\n type=\\\"number\\\"\\n (keydown.enter)=\\\"handlePageInput(pageInput.value)\\\"\\n [ngModel]=\\\"value\\\"\\n />\\n <button\\n type=\\\"button\\\"\\n data-thook=\\\"pagination-go-to-button\\\"\\n (click)=\\\"handlePageInput(pageInput.value)\\\"\\n >\\n <gds-icon-chevron-right\\n nggCoreElement\\n ></gds-icon-chevron-right>\\n </button>\\n </div>\\n </div>\\n </li>\\n </ng-container>\\n </ul>\\n </ng-template>\\n </nav>\\n</div>\\n\", styles: [\":host .pagination-wrapper .paging-input-wrapper{display:flex}:host .pagination-wrapper .paging-input-wrapper .label-wrapper{margin:auto;padding:0 1em}:host .pagination-wrapper .paging-input-wrapper .input-wrapper{display:flex;border:.0625em solid #868686;border-radius:4px;height:100%}:host .pagination-wrapper .paging-input-wrapper .input-wrapper input{border:0;padding:.5em;min-height:2.5rem;width:60px;box-sizing:border-box;border-radius:3px;font-size:1rem;font-family:inherit}:host .pagination-wrapper .paging-input-wrapper .input-wrapper input:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper .paging-input-wrapper .input-wrapper>button{border:0;color:#1a1a1a;background-color:transparent;font-size:1rem;font-family:inherit}:host .pagination-wrapper .paging-input-wrapper .input-wrapper>button:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper>.custom-pagination>.pagination{display:flex;list-style:none;margin-top:10px;margin-bottom:10px}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link{position:relative;text-align:center;padding-top:0;padding-bottom:0;min-width:38px;height:40px;display:inline-flex;align-items:center;background-color:transparent;color:#1a1a1a;border:none;border-radius:4px;font-size:1rem;font-family:inherit}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link.active{background-color:#1a1a1a;color:#eee}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link>.nav-num{margin:0 auto}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link>.nav-action{margin:0 auto;display:inline-flex}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .pagination-wrapper>.custom-pagination>.pagination>.page-item>.page-link:hover{box-shadow:0 2px 6px #eee}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item{width:20px;height:25px}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;cursor:pointer;background-color:#a2ddfe;transition:all var(--gds-sys-transition);margin:0 auto;will-change:transform}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link.active{background-color:#007ac7;cursor:default;transform:scale(1.3)}:host .pagination-wrapper>.custom-pagination>.pagination.dotnav .page-item .page-dot-link:hover:not(.active){background-color:#41b0ee}\\n\"] }]\n }], propDecorators: { size: [{\n type: Input\n }], value: [{\n type: Input\n }], firstText: [{\n type: Input\n }], lastText: [{\n type: Input\n }], nextText: [{\n type: Input\n }], offset: [{\n type: Input\n }], pagingLength: [{\n type: Input\n }], previousText: [{\n type: Input\n }], useFirstAndLast: [{\n type: Input\n }], useTextNav: [{\n type: Input\n }], useDotNav: [{\n type: Input\n }], showGoToPage: [{\n type: Input\n }], className: [{\n type: Input\n }], id: [{\n type: Input\n }], pageNumberChange: [{\n type: Output\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL3YtYW5ndWxhci9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUE7QUFFdEIsT0FBTyw0REFBNEQsQ0FBQTtBQUNuRSxPQUFPLDZEQUE2RCxDQUFBO0FBQ3BFLE9BQU8sMERBQTBELENBQUE7Ozs7OztBQUVqRSx5TEFBeUw7QUFPekwsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQU9FLCtCQUErQjtRQUN0QixTQUFJLEdBQUcsQ0FBQyxDQUFBO1FBQ2pCLG9CQUFvQjtRQUNYLFVBQUssR0FBRyxDQUFDLENBQUE7UUFhbEIsMkNBQTJDO1FBQ2xDLG9CQUFlLEdBQWEsSUFBSSxDQUFBO1FBS3pDLG1DQUFtQztRQUMxQixpQkFBWSxHQUFHLElBQUksQ0FBQTtRQUM1Qix5QkFBeUI7UUFDaEIsY0FBUyxHQUFHLEVBQUUsQ0FBQTtRQUd2Qiw4QkFBOEI7UUFDcEIscUJBQWdCLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUE7UUFFN0UsZ0JBQWdCO1FBQ2hCLGVBQVUsR0FBRyxDQUFDLENBQUE7UUFDZCxnQkFBZ0I7UUFDaEIsU0FBSSxHQUFrQixFQUFFLENBQUE7UUFDeEIsZ0JBQWdCO1FBQ2hCLGVBQVUsR0FBa0IsRUFBRSxDQUFBO1FBQzlCLGdCQUFnQjtRQUNoQixlQUFVLEdBQUcsQ0FBQyxDQUFBO1FBQ2QsZ0JBQWdCO1FBQ2hCLHNCQUFpQixHQUFHLEtBQUssQ0FBQTtR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dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbmltcG9ydCAnQHNlYmdyb3VwL2dyZWVuLWNvcmUvY29tcG9uZW50cy9pY29uL2ljb25zL2NoZXZyb24tbGVmdC5qcydcbmltcG9ydCAnQHNlYmdyb3VwL2dyZWVuLWNvcmUvY29tcG9uZW50cy9pY29uL2ljb25zL2NoZXZyb24tcmlnaHQuanMnXG5pbXBvcnQgJ0BzZWJncm91cC9ncmVlbi1jb3JlL2NvbXBvbmVudHMvaWNvbi9pY29ucy9hcnJvdy1sZWZ0LmpzJ1xuXG4vKiogVGhlIFBhZ2luYXRpb24gY29tcG9uZW50IGlzIHVzZWQgdG8gc2VwYXJhdGUgbG9uZyBzZXRzIG9mIGRhdGEgc28gdGhhdCBpdCBpcyBlYXNpZXIgZm9yIGEgdXNlciB0byBjb25zdW1lIGluZm9ybWF0aW9uLiBUbyBjaGFuZ2UgdGhlIGN1cnJlbnQgcGFnZSBzaW1wbHkgY2xpY2sgb24gdGhlIHBhZ2UgbnVtYmVyLiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduZ2d2LXBhZ2luYXRpb24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogZmFsc2Vcbn0pXG5leHBvcnQgY2xhc3MgUGFnaW5hdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIC8qKiBUb3RhbCBzaXplIG9mIHBhZ2luYXRpb24gKi9cbiAgQElucHV0KCkgc2l6ZSA9IDBcbiAgLyoqIFNlbGVjdGVkIHBhZ2UgKi9cbiAgQElucHV0KCkgdmFsdWUgPSAxXG4gIC8qKiBGaXJzdCBwYWdlIHRleHQgKi9cbiAgQElucHV0KCkgZmlyc3RUZXh0Pzogc3RyaW5nXG4gIC8qKiBMYXN0IHBhZ2UgdGV4dCAqL1xuICBASW5wdXQoKSBsYXN0VGV4dD86IHN0cmluZ1xuICAvKiogTmV4dCBwYWdlIHRleHQgKi9cbiAgQElucHV0KCkgbmV4dFRleHQ/OiBzdHJpbmdcbiAgLyoqIE9mZnNldCBwZXIgcGFnZSAqL1xuICBASW5wdXQoKSBvZmZzZXQ/OiBudW1iZXJcbiAgLyoqIE51bWJlciBvZiBwYWdlcyB0byBkaXNwbGF5Ki9cbiAgQElucHV0KCkgcGFnaW5nTGVuZ3RoPzogbnVtYmVyXG4gIC8qKiBQcmV2aW91cyBwYWdlIHRleHQgKi9cbiAgQElucHV0KCkgcHJldmlvdXNUZXh0Pzogc3RyaW5nXG4gIC8qKiBVc2UgZmlyc3QgYW5kIGxhc3QgbmF2aWdhdGlvbiBidXR0b25zKi9cbiAgQElucHV0KCkgdXNlRmlyc3RBbmRMYXN0PzogYm9vbGVhbiA9IHRydWVcbiAgLyoqIFVzZSB0ZXh0LWJhc2VkIG5hdmlnYXRpb24gYnV0dG9ucyovXG4gIEBJbnB1dCgpIHVzZVRleHROYXY/OiBib29sZWFuXG4gIC8qKiBVc2UgZG90LW5hdmlnYXRpb24gKi9cbiAgQElucHV0KCkgdXNlRG90TmF2PzogYm9vbGVhblxuICAvKiogVXNlICdHbyB0byBwYWdlJyBpbnB1dCBmaWVsZCAqL1xuICBASW5wdXQoKSBzaG93R29Ub1BhZ2UgPSB0cnVlXG4gIC8qKiBFbGVtZW50IGNsYXNzIG5hbWUgKi9cbiAgQElucHV0KCkgY2xhc3NOYW1lID0gJydcbiAgLyoqIEVsZW1lbnQgSUQgKi9cbiAgQElucHV0KCkgaWQ/OiBzdHJpbmdcbiAgLyoqIENhbGxiYWNrIG9uIHBhZ2UgY2hhbmdlICovXG4gIEBPdXRwdXQoKSBwYWdlTnVtYmVyQ2hhbmdlOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpXG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBwYWdlTnVtYmVyID0gMFxuICAvKiogQGludGVybmFsICovXG4gIGxpc3Q6IEFycmF5PG51bWJlcj4gPSBbXVxuICAvKiogQGludGVybmFsICovXG4gIGRvdG5hdkxpc3Q6IEFycmF5PG51bWJlcj4gPSBbXVxuICAvKiogQGludGVybmFsICovXG4gIHBhZ2luZ1NpemUgPSAwXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgc2hvd0VsbGlwc2lzU3RhcnQgPSBmYWxzZVxuICAvKiogQGludGVybmFsICovXG4gIHNob3dFbGxpcHNpc0VuZCA9IGZhbHNlXG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzPy5vZmZzZXQgfHwgY2hhbmdlcz8uc2l6ZSkge1xuICAgICAgdGhpcy5zZXRQYWdpbmdTaXplKClcbiAgICB9XG5cbiAgICBpZiAoY2hhbmdlcz8ucGFnaW5nTGVuZ3RoIHx8IGNoYW5nZXM/LnZhbHVlKSB7XG4gICAgICB0aGlzLmdlbmVyYXRlTGlzdCgpXG4gICAgfVxuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBzZXRQYWdpbmdTaXplKCkge1xuICAgIGNvbnN0IGluaXRpYWxPZmZzZXQ6IG51bWJlciA9IHRoaXMub2Zmc2V0ID8gdGhpcy5vZmZzZXQgOiAxMFxuICAgIHRoaXMucGFnaW5nU2l6ZSA9IE1hdGguY2VpbChOdW1iZXIodGhpcy5zaXplKSAvIGluaXRpYWxPZmZzZXQpXG4gICAgdGhpcy5nZW5lcmF0ZUxpc3QoKVxuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBoYW5kbGVPbkNoYW5nZSh2YWx1ZTogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKHZhbHVlIDw9IDApIHtcbiAgICAgIHRoaXMucGFnZU51bWJlckNoYW5nZS5lbWl0KDEpXG4gICAgfSBlbHNlIGlmICh2YWx1ZSA+IHRoaXMucGFnaW5nU2l6ZSkge1xuICAgICAgdGhpcy5wYWdlTnVtYmVyQ2hhbmdlLmVtaXQodGhpcy5wYWdpbmdTaXplKVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnBhZ2VOdW1iZXJDaGFuZ2UuZW1pdCh2YWx1ZSlcbiAgICB9XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIGhhbmRsZVBhZ2VJbnB1dChwYWdlSW5wdXQ6IHN0cmluZykge1xuICAgIHRoaXMuaGFuZGxlT25DaGFuZ2UoTnVtYmVyKHBhZ2VJbnB1dCkpXG4gIH1cblxuICAvKipcbiAgICogR2VuZXJhdGVzIGFuIGFycmF5IG9mIHRoZSBwYWdlcyB0aGF0IG5lZWRzIHRvIGJlIGRpc3BsYXllZFxuICAgKiBJdCBkZXBlbmRzIG9uIHRoZSBzaXplLCBvZmZzZXQsIGFuZCB0aGUgY3VycmVudCB2YWx1ZVxuICAgKi9cbiAgcHJpdmF0ZSBnZW5lcmF0ZUxpc3QoKTogdm9pZCB7XG4gICAgY29uc3QgZ2VuTGlzdDogQXJyYXk8bnVtYmVyPiA9IFtdXG4gICAgY29uc3QgbGVuZ3RoOiBudW1iZXIgPSB0aGlzLnBhZ2luZ0xlbmd0aCA/IHRoaXMucGFnaW5nTGVuZ3RoIDogNVxuXG4gICAgZm9yIChsZXQgaSA9IDE7IGkgPD0gdGhpcy5wYWdpbmdTaXplOyBpKyspIHtcbiAgICAgIGdlbkxpc3QucHVzaChpKVxuICAgIH1cblxuICAgIGNvbnN0IG1lZGlhblZhbHVlOiBudW1iZXIgPSBNYXRoLmNlaWwobGVuZ3RoIC8gMilcbiAgICBsZXQgc3RhcnQgPSAwXG4gICAgbGV0IGVuZCA9IHRoaXMucGFnaW5nU2l6ZVxuXG4gICAgaWYgKGxlbmd0aCA8IHRoaXMucGFnaW5nU2l6ZSkge1xuICAgICAgaWYgKHRoaXMucGFnaW5nU2l6ZSAtIHRoaXMudmFsdWUgPCBtZWRpYW5WYWx1ZSkge1xuICAgICAgICBzdGFydCA9IHRoaXMucGFnaW5nU2l6ZSAtIGxlbmd0aFxuICAgICAgfSBlbHNlIGlmICh0aGlzLnZhbHVlIC0gbWVkaWFuVmFsdWUgPiAtMSkge1xuICAgICAgICBzdGFydCA9IHRoaXMudmFsdWUgLSBtZWRpYW5WYWx1ZVxuICAgICAgfVxuICAgICAgZW5kID0gc3RhcnQgKyBsZW5ndGhcbiAgICB9XG4gICAgaWYgKHRoaXMudXNlRmlyc3RBbmRMYXN0KSB7XG4gICAgICBpZiAoc3RhcnQgPT0gMCkge1xuICAgICAgICBzdGFydCA9IDFcbiAgICAgICAgZW5kID0gc3RhcnQgKyBsZW5ndGhcbiAgICAgIH1cblxuICAgICAgaWYgKGVuZCA+IHRoaXMucGFnaW5nU2l6ZSAtIDEpIHtcbiAgICAgICAgZW5kID0gdGhpcy5wYWdpbmdTaXplIC0gMVxuICAgICAgICBzdGFydCA9IE1hdGgubWF4KDEsIGVuZCAtIGxlbmd0aClcbiAgICAgIH1cbiAgICB9XG5cbiAgICB0aGlzLmRvdG5hdkxpc3QgPSBnZW5MaXN0XG4gICAgY29uc3QgcGFnaW5nU3RhcnQgPSBnZW5MaXN0W3N0YXJ0XVxuICAgIGNvbnN0IHBhZ2luZ0VuZCA9IGdlbkxpc3RbZW5kIC0gMV1cbiAgICB0aGlzLnNob3dFbGxpcHNpc1N0YXJ0ID0gcGFnaW5nU3RhcnQgPiAyXG4gICAgdGhpcy5zaG93RWxsaXBzaXNFbmQgPSBwYWdpbmdFbmQgPCB0aGlzLnBhZ2luZ1NpemUgLSAxXG4gICAgdGhpcy5saXN0ID0gZ2VuTGlzdC5zbGljZShzdGFydCwgZW5kKVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicGFnaW5hdGlvbi13cmFwcGVyXCIgW25nQ2xhc3NdPVwiY2xhc3NOYW1lXCIgW2F0dHIuaWRdPVwiaWRcIj5cbiAgPG5hdiBjbGFzcz1cImN1c3RvbS1wYWdpbmF0aW9uXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInVzZURvdE5hdjsgZWxzZSBudW1OYXZcIj5cbiAgICAgIDx1bCBjbGFzcz1cInBhZ2luYXRpb24gZG90bmF2XCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG51bSBvZiBkb3RuYXZMaXN0XCI+XG4gICAgICAgICAgPGxpIGNsYXNzPVwicGFnZS1pdGVtXCIgKGNsaWNrKT1cImhhbmRsZU9uQ2hhbmdlKG51bSlcIiBbdmFsdWVdPVwibnVtXCI+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICBjbGFzcz1cInBhZ2UtZG90LWxpbmtcIlxuICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7IGFjdGl2ZTogdmFsdWUgPT09IG51bSB9XCJcbiAgICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L3VsPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLXRlbXBsYXRlICNudW1OYXY+XG4gICAgICA8dWwgY2xhc3M9XCJwYWdpbmF0aW9uXCI+XG4gICAgICAgIDxuZy1jb250YWluZXI+XG4gICAgICAgICAgPGxpIGNsYXNzPVwicGFnZS1pdGVtXCIgKGNsaWNrKT1cImhhbmRsZU9uQ2hhbmdlKHZhbHVlIC0gMSlcIj5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgY2xhc3M9XCJwYWdlLWxpbmtcIlxuICAgICAgICAgICAgICBbYXR0ci50aXRsZV09XCJwcmV2aW91c1RleHRcIlxuICAgICAgICAgICAgICBbYXR0ci5kaXNhYmxlZF09XCJ2YWx1ZSA9PT0gMSA/ICdkaXNhYmxlZCcgOiBudWxsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuYXYtYWN0aW9uXCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInVzZVRleHROYXY7IGVsc2UgYW5nbGVMZWZ0SWNvblwiPlxuICAgICAgICAgICAgICAgICAge3sgcHJldmlvdXNUZXh0ID8gcHJldmlvdXNUZXh0IDogJ1ByZXZpb3VzJyB9fVxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjYW5nbGVMZWZ0SWNvbj5cbiAgICAgICAgICAgICAgICAgIDxnZHMtaWNvbi1jaGV2cm9uLWxlZnRcbiAgICAgICAgICAgICAgICAgICAgKm5nZ0NvcmVFbGVtZW50XG4gICAgICAgICAgICAgICAgICA+PC9nZHMtaWNvbi1jaGV2cm9uLWxlZnQ+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInVzZUZpcnN0QW5kTGFzdFwiPlxuICAgICAgICAgIDxsaSBjbGFzcz1cInBhZ2UtaXRlbVwiIChjbGljayk9XCJoYW5kbGVPbkNoYW5nZSgxKVwiPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICBjbGFzcz1cInBhZ2UtbGlua1wiXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiB2YWx1ZSA9PT0gMSB9XCJcbiAgICAgICAgICAgICAgW2F0dHIudGl0bGVdPVwiZmlyc3RUZXh0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuYXYtbnVtXCI+e3sgMSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDwvbGk+XG5cbiAgICAgICAgICA8bGkgY2xhc3M9XCJwYWdlLWl0ZW1cIiAqbmdJZj1cInNob3dFbGxpcHNpc1N0YXJ0XCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInBhZ2UtbGlua1wiIFthdHRyLnRpdGxlXT1cIicuLi4nXCI+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibmF2LW51bVwiPi4uLjwvc3Bhbj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L2xpPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBudW0gb2YgbGlzdFwiPlxuICAgICAgICAgIDxsaVxuICAgICAgICAgICAgY2xhc3M9XCJwYWdlLWl0ZW1cIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwieyBhY3RpdmU6IHZhbHVlID09PSBudW0gfVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiaGFuZGxlT25DaGFuZ2UobnVtKVwiXG4gICAgICAgICAgICB2YWx1ZT1cIm51bVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInBhZ2UtbGlua1wiIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiB2YWx1ZSA9PT0gbnVtIH1cIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuYXYtbnVtXCI+e3sgbnVtIH19PC9zcGFuPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInVzZUZpcnN0QW5kTGFzdFwiPlxuICAgICAgICAgIDxsaSBjbGFzcz1cInBhZ2UtaXRlbVwiICpuZ0lmPVwic2hvd0VsbGlwc2lzRW5kXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInBhZ2UtbGlua1wiIFthdHRyLnRpdGxlXT1cIicuLi4nXCI+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibmF2LW51bVwiPi4uLjwvc3Bhbj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L2xpPlxuXG4gICAgICAgICAgPGxpXG4gICAgICAgICAgICBjbGFzcz1cInBhZ2UtaXRlbVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiaGFuZGxlT25DaGFuZ2UocGFnaW5nU2l6ZSlcIlxuICAgICAgICAgICAgKm5nSWY9XCJwYWdpbmdTaXplID4gMVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICBjbGFzcz1cInBhZ2UtbGlua1wiXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiB2YWx1ZSA9PT0gcGFnaW5nU2l6ZSB9XCJcbiAgICAgICAgICAgICAgW2F0dHIudGl0bGVdPVwibGFzdFRleHRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm5hdi1udW1cIj57eyBwYWdpbmdTaXplIH19PC9zcGFuPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8bGkgY2xhc3M9XCJwYWdlLWl0ZW1cIiAoY2xpY2spPVwiaGFuZGxlT25DaGFuZ2UodmFsdWUgKyAxKVwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInBhZ2UtbGlua1wiIFthdHRyLnRpdGxlXT1cIm5leHRUZXh0XCI+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibmF2LWFjdGlvblwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ1c2VUZXh0TmF2OyBlbHNlIGFuZ2xlUmlnaHRJY29uXCI+XG4gICAgICAgICAgICAgICAgICB7eyBuZXh0VGV4dCA/IG5leHRUZXh0IDogJ05leHQnIH19XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNhbmdsZVJpZ2h0SWNvbj5cbiAgICAgICAgICAgICAgICAgIDxnZHMtaWNvbi1jaGV2cm9uLXJpZ2h0XG4gICAgICAgICAgICAgICAgICAgICpuZ2dDb3JlRWxlbWVudFxuICAgICAgICAgICAgICAgICAgPjwvZ2RzLWljb24tY2hldnJvbi1yaWdodD5cbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICA8L2xpPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd0dvVG9QYWdlXCI+XG4gICAgICAgICAgPGxpPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBhZ2luZy1pbnB1dC13cmFwcGVyXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYWJlbC13cmFwcGVyXCI+XG4gICAgICAgICAgICAgICAgPGxhYmVsIGZvcj1cInBhZ2VJbnB1dFwiICp0cmFuc2xvY289XCJsZXQgdFwiPlxuICAgICAgICAgICAgICAgICAge3sgdCgnbGFiZWwuZ290b3BhZ2UnKSB9fVxuICAgICAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgI3BhZ2VJbnB1dFxuICAgICAgICAgICAgICAgICAgZGF0YS10aG9vaz1cInBhZ2luYXRpb24tZ28tdG8taW5wdXRcIlxuICAgICAgICAgICAgICAgICAgbWluPVwiMVwiXG4gICAgICAgICAgICAgICAgICBbbWF4XT1cInBhZ2luZ1NpemVcIlxuICAgICAgICAgICAgICAgICAgaWQ9XCJwYWdlSW5wdXRcIlxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJnZHMtZmllbGRcIlxuICAgICAgICAgICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJoYW5kbGVQYWdlSW5wdXQocGFnZUlucHV0LnZhbHVlKVwiXG4gICAgICAgICAgICAgICAgICBbbmdNb2RlbF09XCJ2YWx1ZVwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgIGRhdGEtdGhvb2s9XCJwYWdpbmF0aW9uLWdvLXRvLWJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICAoY2xpY2spPVwiaGFuZGxlUGFnZUlucHV0KHBhZ2VJbnB1dC52YWx1ZSlcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxnZHMtaWNvbi1jaGV2cm9uLXJpZ2h0XG4gICAgICAgICAgICAgICAgICAgICpuZ2dDb3JlRWxlbWVudFxuICAgICAgICAgICAgICAgICAgPjwvZ2RzLWljb24tY2hldnJvbi1yaWdodD5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2xpPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvdWw+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9uYXY+XG48L2Rpdj5cbiJdfQ==","import { CommonModule } from '@angular/common';\nimport { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { TranslocoModule } from '@jsverse/transloco';\nimport { NggCoreWrapperModule } from '@sebgroup/green-angular/src/lib/shared';\nimport { NggvI18nModule } from '@sebgroup/green-angular/src/v-angular/i18n';\nimport { PaginationComponent } from './pagination.component';\nimport as i0 from \"@angular/core\";\nexport class NggvPaginationModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: NggvPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.9\", ngImport: i0, type: NggvPaginationModule, declarations: [PaginationComponent], imports: [CommonModule,\n FormsModule,\n NggvI18nModule,\n TranslocoModule,\n NggCoreWrapperModule], exports: [PaginationComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: NggvPaginationModule, imports: [CommonModule,\n FormsModule,\n NggvI18nModule,\n TranslocoModule,\n NggCoreWrapperModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: NggvPaginationModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [PaginationComponent],\n imports: [\n CommonModule,\n FormsModule,\n NggvI18nModule,\n TranslocoModule,\n NggCoreWrapperModule,\n ],\n exports: [PaginationComponent],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL3YtYW5ndWxhci9wYWdpbmF0aW9uL3BhZ2luYXRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFFcEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUE7QUFDN0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDRDQUE0QyxDQUFBO0FBQzNFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBOztBQWM1RCxNQUFNLE9BQU8sb0JBQW9COzhHQUFwQixvQkFBb0I7K0dBQXBCLG9CQUFvQixpQkFYaEIsbUJBQW1CLGFBRWhDLFlBQVk7WUFDWixXQUFXO1lBQ1gsY0FBYztZQUNkLGVBQWU7WUFDZixvQkFBb0IsYUFFWixtQkFBbUI7K0dBR2xCLG9CQUFvQixZQVQ3QixZQUFZO1lBQ1osV0FBVztZQUNYLGNBQWM7WUFDZCxlQUFlO1lBQ2Ysb0JBQW9COzsyRkFLWCxvQkFBb0I7a0JBWmhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQ25DLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLG9CQUFvQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQzlCLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcbmltcG9ydCB7IENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnXG5pbXBvcnQgeyBUcmFuc2xvY29Nb2R1bGUgfSBmcm9tICdAanN2ZXJzZS90cmFuc2xvY28nXG5cbmltcG9ydCB7IE5nZ0NvcmVXcmFwcGVyTW9kdWxlIH0gZnJvbSAnQHNlYmdyb3VwL2dyZWVuLWFuZ3VsYXIvc3JjL2xpYi9zaGFyZWQnXG5pbXBvcnQgeyBOZ2d2STE4bk1vZHVsZSB9IGZyb20gJ0BzZWJncm91cC9ncmVlbi1hbmd1bGFyL3NyYy92LWFuZ3VsYXIvaTE4bidcbmltcG9ydCB7IFBhZ2luYXRpb25Db21wb25lbnQgfSBmcm9tICcuL3BhZ2luYXRpb24uY29tcG9uZW50J1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtQYWdpbmF0aW9uQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBOZ2d2STE4bk1vZHVsZSxcbiAgICBUcmFuc2xvY29Nb2R1bGUsXG4gICAgTmdnQ29yZVdyYXBwZXJNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtQYWdpbmF0aW9uQ29tcG9uZW50XSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ2d2UGFnaW5hdGlvbk1vZHVsZSB7fVxuIl19","/*\n Generated bundle index. Do not edit.\n /\nexport from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ViZ3JvdXAtZ3JlZW4tYW5ndWxhci1zcmMtdi1hbmd1bGFyLXBhZ2luYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL3YtYW5ndWxhci9wYWdpbmF0aW9uL3NlYmdyb3VwLWdyZWVuLWFuZ3VsYXItc3JjLXYtYW5ndWxhci1wYWdpbmF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19"],"names":[],"mappings":"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"}

package/fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs CHANGED Viewed

@@ -42,10 +42,10 @@ class NggvRadioControlRegistry {
         controlPair[0]._parent === radio.ngControl._parent &&
             controlPair[1].name === radio.name);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvRadioControlRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvRadioControlRegistry }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NggvRadioControlRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NggvRadioControlRegistry }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvRadioControlRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NggvRadioControlRegistry, decorators: [{
             type: Injectable
         }] });
 /**
@@ -125,12 +125,12 @@ class NggvRadioComponent extends NggvBaseControlValueAccessorComponent {
         if (!this.name && this.formControlName)
             this.name = this.formControlName;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvRadioComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: NggvRadioControlRegistry }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: NggvRadioComponent, isStandalone: false, selector: "nggv-radio", inputs: { thook: "thook", size: "size", formControlName: "formControlName" }, host: { properties: { "attr.data-thook": "this.thook", "class": "this.size" } }, providers: [NggvRadioControlRegistry], usesInheritance: true, ngImport: i0, template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\">\n  <div\n    [id]=\"id + '-radio'\"\n    class=\"nggv-field--locked\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n  >\n    {{ label }}\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n    ></ng-template>\n  </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n  <div>\n    <!-- RADIO BUTTON FIELD -->\n    <label [attr.for]=\"id + '-radio'\" class=\"gds-form-control\">\n      <input\n        #input\n        type=\"radio\"\n        [attr.id]=\"id + '-radio'\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [attr.required]=\"required || null\"\n        [disabled]=\"disabled\"\n        [autofocus]=\"autofocus\"\n        [attr.aria-label]=\"description\"\n        [checked]=\"state\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"onInputChange($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n      />\n\n      <!-- LABEL -->\n      {{ label }}\n      <ng-template\n        *ngTemplateOutlet=\"\n          labelContentTpl ?? null;\n          context: { $implicit: value }\n        \"\n      ></ng-template>\n      <i></i>\n    </label>\n  </div>\n\n  <!-- ERRORS -->\n  <!-- if no nggv-radio-group is present -->\n  @if (!isGroup) {\n    <ng-container *transloco=\"let t; read: scope\">\n      <div\n        class=\"form-info form-info--error\"\n        [attr.for]=\"id + '-radio'\"\n        *ngIf=\"invalid && (error || ngControl?.invalid)\"\n      >\n        <span class=\"error-icon\">\n          <gds-icon-triangle-exclamation\n            width=\"16\"\n            height=\"16\"\n            [solid]=\"true\"\n            *nggCoreElement\n          ></gds-icon-triangle-exclamation>\n        </span>\n        <span\n          *ngIf=\"error; else errorsRef\"\n          [attr.data-thook]=\"thook + '-errorlabel'\"\n        >\n          {{ error }}\n        </span>\n        <ng-template #errorsRef>\n          <span\n            *ngIf=\"firstError as error\"\n            [attr.data-thook]=\"thook + '-errorlabel'\"\n          >\n            {{ t('error.field' + error?.code, error?.params) }}\n          </span>\n        </ng-template>\n      </div>\n    </ng-container>\n  }\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2);--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-z-index-deep: -9999;--gds-z-index-dropdown-backdrop: 990;--gds-z-index-datepicker: 995;--gds-z-index-dropdown: 995;--gds-z-index-sticky: 1020;--gds-z-index-fixed: 1030;--gds-z-index-modal-backdrop: 1040;--gds-z-index-modal: 1050;--gds-z-index-popover: 1060;--gds-z-index-tooltip: 1070;--gds-z-index-top: 9999}:host .nggv-field--locked{display:inline-block;border-radius:.25em;position:relative;min-height:2em;padding:.5em .75em .5em 0}:host .gds-form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .gds-form-control:has(input:disabled){cursor:not-allowed}:host label.gds-form-control input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.gds-form-control:has(input[type=radio]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.gds-form-control:has(input[type=radio]:focus-visible):focus,:host label.gds-form-control:has(input[type=radio]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.gds-form-control input[type=radio]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;position:relative;border-radius:var(--gds-sys-shape-corner-round);display:flex;height:1rem;width:1rem;box-shadow:inset 0 0 0 .05rem var(--gds-sys-color-text-primary)}:host label.gds-form-control input[type=radio]~i:after{content:\"\";width:100%;height:100%;border-radius:var(--gds-sys-shape-corner-round);background-color:transparent;transform:scale(.5)}:host label.gds-form-control:hover input[type=radio]:not(.disabled,:disabled)~i{background-color:var(--gds-sys-color-base-200)}:host label.gds-form-control input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-sys-color-text-primary)}:host label.gds-form-control input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-sys-color-text-primary)}:host label.gds-form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-sys-color-base-700)}:host .was-validated label.gds-form-control input[type=radio]:not(.is-invalid):valid~i,:host label.gds-form-control input[type=radio].is-valid~i{--border-color: var(--gds-sys-color-dark-green-2)}:host .was-validated label.gds-form-control input[type=radio]:not(.is-valid):invalid~i,:host label.gds-form-control input[type=radio].is-invalid~i{--border-color: var(--gds-sys-color-text-error)}:host label.gds-form-control input[type=radio]:disabled~i,:host label.gds-form-control input[type=radio].disabled~i{background-color:var(--gds-comp-radio-container-background-disabled);box-shadow:inset 0 0 0 .05rem var(--gds-sys-color-base-500)}:host label.gds-form-control input[type=radio]:disabled~span,:host label.gds-form-control input[type=radio].disabled~span{color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host label.gds-form-control input[type=radio]:disabled~span::placeholder,:host label.gds-form-control input[type=radio].disabled~span::placeholder{color:var(--gds-sys-color-text-disabled)}:host label.gds-form-control input[type=radio]:disabled:checked~i:after,:host label.gds-form-control input[type=radio]:checked.disabled~i:after{background-color:var(--gds-sys-color-base-600)}:host.small .form-control{padding:.25rem}:host.small .form-control input[type=radio]~i{margin-right:.5rem}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .form-info{font-weight:500;padding-left:1rem;margin-top:-.25rem}:host .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .form-info--error .error-icon{margin-top:.128rem;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NggvRadioComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: NggvRadioControlRegistry }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: NggvRadioComponent, isStandalone: false, selector: "nggv-radio", inputs: { thook: "thook", size: "size", formControlName: "formControlName" }, host: { properties: { "attr.data-thook": "this.thook", "class": "this.size" } }, providers: [NggvRadioControlRegistry], usesInheritance: true, ngImport: i0, template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\">\n  <div\n    [id]=\"id + '-radio'\"\n    class=\"nggv-field--locked\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n  >\n    {{ label }}\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n    ></ng-template>\n  </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n  <div>\n    <!-- RADIO BUTTON FIELD -->\n    <label [attr.for]=\"id + '-radio'\" class=\"gds-form-control\">\n      <input\n        #input\n        type=\"radio\"\n        [attr.id]=\"id + '-radio'\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [attr.required]=\"required || null\"\n        [disabled]=\"disabled\"\n        [autofocus]=\"autofocus\"\n        [attr.aria-label]=\"description\"\n        [checked]=\"state\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"onInputChange($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n      />\n\n      <!-- LABEL -->\n      {{ label }}\n      <ng-template\n        *ngTemplateOutlet=\"\n          labelContentTpl ?? null;\n          context: { $implicit: value }\n        \"\n      ></ng-template>\n      <i></i>\n    </label>\n  </div>\n\n  <!-- ERRORS -->\n  <!-- if no nggv-radio-group is present -->\n  @if (!isGroup) {\n    <ng-container *transloco=\"let t; read: scope\">\n      <div\n        class=\"form-info form-info--error\"\n        [attr.for]=\"id + '-radio'\"\n        *ngIf=\"invalid && (error || ngControl?.invalid)\"\n      >\n        <span class=\"error-icon\">\n          <gds-icon-triangle-exclamation\n            width=\"16\"\n            height=\"16\"\n            [solid]=\"true\"\n            *nggCoreElement\n          ></gds-icon-triangle-exclamation>\n        </span>\n        <span\n          *ngIf=\"error; else errorsRef\"\n          [attr.data-thook]=\"thook + '-errorlabel'\"\n        >\n          {{ error }}\n        </span>\n        <ng-template #errorsRef>\n          <span\n            *ngIf=\"firstError as error\"\n            [attr.data-thook]=\"thook + '-errorlabel'\"\n          >\n            {{ t('error.field' + error?.code, error?.params) }}\n          </span>\n        </ng-template>\n      </div>\n    </ng-container>\n  }\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2);--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-z-index-deep: -9999;--gds-z-index-dropdown-backdrop: 990;--gds-z-index-datepicker: 995;--gds-z-index-dropdown: 995;--gds-z-index-sticky: 1020;--gds-z-index-fixed: 1030;--gds-z-index-modal-backdrop: 1040;--gds-z-index-modal: 1050;--gds-z-index-popover: 1060;--gds-z-index-tooltip: 1070;--gds-z-index-top: 9999}:host .nggv-field--locked{display:inline-block;border-radius:.25em;position:relative;min-height:2em;padding:.5em .75em .5em 0}:host .gds-form-control{padding-bottom:.75rem \"\";padding-top:.75rem \"\";padding-left:1rem \"\";padding-right:1rem \"\";border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .gds-form-control:has(input:disabled){cursor:not-allowed}:host label.gds-form-control input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.gds-form-control:has(input[type=radio]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.gds-form-control:has(input[type=radio]:focus-visible):focus,:host label.gds-form-control:has(input[type=radio]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.gds-form-control input[type=radio]~i{margin-right:.75rem \"\";margin-top:.0625rem;flex-shrink:0;position:relative;border-radius:var(--gds-sys-shape-corner-round);display:flex;height:1rem;width:1rem;box-shadow:inset 0 0 0 .05rem var(--gds-sys-color-text-primary)}:host label.gds-form-control input[type=radio]~i:after{content:\"\";width:100%;height:100%;border-radius:var(--gds-sys-shape-corner-round);background-color:transparent;transform:scale(.5)}:host label.gds-form-control:hover input[type=radio]:not(.disabled,:disabled)~i{background-color:var(--gds-sys-color-base-200)}:host label.gds-form-control input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-sys-color-text-primary)}:host label.gds-form-control input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-sys-color-text-primary)}:host label.gds-form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-sys-color-base-700)}:host .was-validated label.gds-form-control input[type=radio]:not(.is-invalid):valid~i,:host label.gds-form-control input[type=radio].is-valid~i{--border-color: var(--gds-sys-color-dark-green-2)}:host .was-validated label.gds-form-control input[type=radio]:not(.is-valid):invalid~i,:host label.gds-form-control input[type=radio].is-invalid~i{--border-color: var(--gds-sys-color-text-error)}:host label.gds-form-control input[type=radio]:disabled~i,:host label.gds-form-control input[type=radio].disabled~i{background-color:var(--gds-comp-radio-container-background-disabled);box-shadow:inset 0 0 0 .05rem var(--gds-sys-color-base-500)}:host label.gds-form-control input[type=radio]:disabled~span,:host label.gds-form-control input[type=radio].disabled~span{color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host label.gds-form-control input[type=radio]:disabled~span::placeholder,:host label.gds-form-control input[type=radio].disabled~span::placeholder{color:var(--gds-sys-color-text-disabled)}:host label.gds-form-control input[type=radio]:disabled:checked~i:after,:host label.gds-form-control input[type=radio]:checked.disabled~i:after{background-color:var(--gds-sys-color-base-600)}:host.small .form-control{padding:.25rem}:host.small .form-control input[type=radio]~i{margin-right:.5rem}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .form-info{font-weight:500;padding-left:1rem;margin-top:-.25rem}:host .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .form-info--error .error-icon{margin-top:.128rem;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NggvRadioComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nggv-radio', providers: [NggvRadioControlRegistry], standalone: false, template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\">\n  <div\n    [id]=\"id + '-radio'\"\n    class=\"nggv-field--locked\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n  >\n    {{ label }}\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n    ></ng-template>\n  </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n  <div>\n    <!-- RADIO BUTTON FIELD -->\n    <label [attr.for]=\"id + '-radio'\" class=\"gds-form-control\">\n      <input\n        #input\n        type=\"radio\"\n        [attr.id]=\"id + '-radio'\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [attr.required]=\"required || null\"\n        [disabled]=\"disabled\"\n        [autofocus]=\"autofocus\"\n        [attr.aria-label]=\"description\"\n        [checked]=\"state\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"onInputChange($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n      />\n\n      <!-- LABEL -->\n      {{ label }}\n      <ng-template\n        *ngTemplateOutlet=\"\n          labelContentTpl ?? null;\n          context: { $implicit: value }\n        \"\n      ></ng-template>\n      <i></i>\n    </label>\n  </div>\n\n  <!-- ERRORS -->\n  <!-- if no nggv-radio-group is present -->\n  @if (!isGroup) {\n    <ng-container *transloco=\"let t; read: scope\">\n      <div\n        class=\"form-info form-info--error\"\n        [attr.for]=\"id + '-radio'\"\n        *ngIf=\"invalid && (error || ngControl?.invalid)\"\n      >\n        <span class=\"error-icon\">\n          <gds-icon-triangle-exclamation\n            width=\"16\"\n            height=\"16\"\n            [solid]=\"true\"\n            *nggCoreElement\n          ></gds-icon-triangle-exclamation>\n        </span>\n        <span\n          *ngIf=\"error; else errorsRef\"\n          [attr.data-thook]=\"thook + '-errorlabel'\"\n        >\n          {{ error }}\n        </span>\n        <ng-template #errorsRef>\n          <span\n            *ngIf=\"firstError as error\"\n            [attr.data-thook]=\"thook + '-errorlabel'\"\n          >\n            {{ t('error.field' + error?.code, error?.params) }}\n          </span>\n        </ng-template>\n      </div>\n    </ng-container>\n  }\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2);--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-z-index-deep: -9999;--gds-z-index-dropdown-backdrop: 990;--gds-z-index-datepicker: 995;--gds-z-index-dropdown: 995;--gds-z-index-sticky: 1020;--gds-z-index-fixed: 1030;--gds-z-index-modal-backdrop: 1040;--gds-z-index-modal: 1050;--gds-z-index-popover: 1060;--gds-z-index-tooltip: 1070;--gds-z-index-top: 9999}:host .nggv-field--locked{display:inline-block;border-radius:.25em;position:relative;min-height:2em;padding:.5em .75em .5em 0}:host .gds-form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .gds-form-control:has(input:disabled){cursor:not-allowed}:host label.gds-form-control input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.gds-form-control:has(input[type=radio]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.gds-form-control:has(input[type=radio]:focus-visible):focus,:host label.gds-form-control:has(input[type=radio]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.gds-form-control input[type=radio]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;position:relative;border-radius:var(--gds-sys-shape-corner-round);display:flex;height:1rem;width:1rem;box-shadow:inset 0 0 0 .05rem var(--gds-sys-color-text-primary)}:host label.gds-form-control input[type=radio]~i:after{content:\"\";width:100%;height:100%;border-radius:var(--gds-sys-shape-corner-round);background-color:transparent;transform:scale(.5)}:host label.gds-form-control:hover input[type=radio]:not(.disabled,:disabled)~i{background-color:var(--gds-sys-color-base-200)}:host label.gds-form-control input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-sys-color-text-primary)}:host label.gds-form-control input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-sys-color-text-primary)}:host label.gds-form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-sys-color-base-700)}:host .was-validated label.gds-form-control input[type=radio]:not(.is-invalid):valid~i,:host label.gds-form-control input[type=radio].is-valid~i{--border-color: var(--gds-sys-color-dark-green-2)}:host .was-validated label.gds-form-control input[type=radio]:not(.is-valid):invalid~i,:host label.gds-form-control input[type=radio].is-invalid~i{--border-color: var(--gds-sys-color-text-error)}:host label.gds-form-control input[type=radio]:disabled~i,:host label.gds-form-control input[type=radio].disabled~i{background-color:var(--gds-comp-radio-container-background-disabled);box-shadow:inset 0 0 0 .05rem var(--gds-sys-color-base-500)}:host label.gds-form-control input[type=radio]:disabled~span,:host label.gds-form-control input[type=radio].disabled~span{color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host label.gds-form-control input[type=radio]:disabled~span::placeholder,:host label.gds-form-control input[type=radio].disabled~span::placeholder{color:var(--gds-sys-color-text-disabled)}:host label.gds-form-control input[type=radio]:disabled:checked~i:after,:host label.gds-form-control input[type=radio]:checked.disabled~i:after{background-color:var(--gds-sys-color-base-600)}:host.small .form-control{padding:.25rem}:host.small .form-control input[type=radio]~i{margin-right:.5rem}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .form-info{font-weight:500;padding-left:1rem;margin-top:-.25rem}:host .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .form-info--error .error-icon{margin-top:.128rem;align-items:center}\n"] }]
+            args: [{ selector: 'nggv-radio', providers: [NggvRadioControlRegistry], standalone: false, template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\">\n  <div\n    [id]=\"id + '-radio'\"\n    class=\"nggv-field--locked\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n  >\n    {{ label }}\n    <ng-template\n      *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n    ></ng-template>\n  </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n  <div>\n    <!-- RADIO BUTTON FIELD -->\n    <label [attr.for]=\"id + '-radio'\" class=\"gds-form-control\">\n      <input\n        #input\n        type=\"radio\"\n        [attr.id]=\"id + '-radio'\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [attr.required]=\"required || null\"\n        [disabled]=\"disabled\"\n        [autofocus]=\"autofocus\"\n        [attr.aria-label]=\"description\"\n        [checked]=\"state\"\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"onInputChange($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n      />\n\n      <!-- LABEL -->\n      {{ label }}\n      <ng-template\n        *ngTemplateOutlet=\"\n          labelContentTpl ?? null;\n          context: { $implicit: value }\n        \"\n      ></ng-template>\n      <i></i>\n    </label>\n  </div>\n\n  <!-- ERRORS -->\n  <!-- if no nggv-radio-group is present -->\n  @if (!isGroup) {\n    <ng-container *transloco=\"let t; read: scope\">\n      <div\n        class=\"form-info form-info--error\"\n        [attr.for]=\"id + '-radio'\"\n        *ngIf=\"invalid && (error || ngControl?.invalid)\"\n      >\n        <span class=\"error-icon\">\n          <gds-icon-triangle-exclamation\n            width=\"16\"\n            height=\"16\"\n            [solid]=\"true\"\n            *nggCoreElement\n          ></gds-icon-triangle-exclamation>\n        </span>\n        <span\n          *ngIf=\"error; else errorsRef\"\n          [attr.data-thook]=\"thook + '-errorlabel'\"\n        >\n          {{ error }}\n        </span>\n        <ng-template #errorsRef>\n          <span\n            *ngIf=\"firstError as error\"\n            [attr.data-thook]=\"thook + '-errorlabel'\"\n          >\n            {{ t('error.field' + error?.code, error?.params) }}\n          </span>\n        </ng-template>\n      </div>\n    </ng-container>\n  }\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2);--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-z-index-deep: -9999;--gds-z-index-dropdown-backdrop: 990;--gds-z-index-datepicker: 995;--gds-z-index-dropdown: 995;--gds-z-index-sticky: 1020;--gds-z-index-fixed: 1030;--gds-z-index-modal-backdrop: 1040;--gds-z-index-modal: 1050;--gds-z-index-popover: 1060;--gds-z-index-tooltip: 1070;--gds-z-index-top: 9999}:host .nggv-field--locked{display:inline-block;border-radius:.25em;position:relative;min-height:2em;padding:.5em .75em .5em 0}:host .gds-form-control{padding-bottom:.75rem \"\";padding-top:.75rem \"\";padding-left:1rem \"\";padding-right:1rem \"\";border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .gds-form-control:has(input:disabled){cursor:not-allowed}:host label.gds-form-control input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.gds-form-control:has(input[type=radio]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.gds-form-control:has(input[type=radio]:focus-visible):focus,:host label.gds-form-control:has(input[type=radio]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.gds-form-control input[type=radio]~i{margin-right:.75rem \"\";margin-top:.0625rem;flex-shrink:0;position:relative;border-radius:var(--gds-sys-shape-corner-round);display:flex;height:1rem;width:1rem;box-shadow:inset 0 0 0 .05rem var(--gds-sys-color-text-primary)}:host label.gds-form-control input[type=radio]~i:after{content:\"\";width:100%;height:100%;border-radius:var(--gds-sys-shape-corner-round);background-color:transparent;transform:scale(.5)}:host label.gds-form-control:hover input[type=radio]:not(.disabled,:disabled)~i{background-color:var(--gds-sys-color-base-200)}:host label.gds-form-control input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-sys-color-text-primary)}:host label.gds-form-control input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-sys-color-text-primary)}:host label.gds-form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-sys-color-base-700)}:host .was-validated label.gds-form-control input[type=radio]:not(.is-invalid):valid~i,:host label.gds-form-control input[type=radio].is-valid~i{--border-color: var(--gds-sys-color-dark-green-2)}:host .was-validated label.gds-form-control input[type=radio]:not(.is-valid):invalid~i,:host label.gds-form-control input[type=radio].is-invalid~i{--border-color: var(--gds-sys-color-text-error)}:host label.gds-form-control input[type=radio]:disabled~i,:host label.gds-form-control input[type=radio].disabled~i{background-color:var(--gds-comp-radio-container-background-disabled);box-shadow:inset 0 0 0 .05rem var(--gds-sys-color-base-500)}:host label.gds-form-control input[type=radio]:disabled~span,:host label.gds-form-control input[type=radio].disabled~span{color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host label.gds-form-control input[type=radio]:disabled~span::placeholder,:host label.gds-form-control input[type=radio].disabled~span::placeholder{color:var(--gds-sys-color-text-disabled)}:host label.gds-form-control input[type=radio]:disabled:checked~i:after,:host label.gds-form-control input[type=radio]:checked.disabled~i:after{background-color:var(--gds-sys-color-base-600)}:host.small .form-control{padding:.25rem}:host.small .form-control input[type=radio]~i{margin-right:.5rem}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .form-info{font-weight:500;padding-left:1rem;margin-top:-.25rem}:host .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .form-info--error .error-icon{margin-top:.128rem;align-items:center}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Self
                 }, {
@@ -199,10 +199,10 @@ class NggvRadioGroupComponent extends NggvBaseControlValueAccessorComponent {
         if (!this.name && this.formControlName)
             this.name = this.formControlName;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvRadioGroupComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: NggvRadioGroupComponent, isStandalone: false, selector: "nggv-radio-group", inputs: { thook: "thook", size: "size", formControlName: "formControlName", direction: "direction" }, host: { properties: { "attr.data-thook": "this.thook", "class": "this.size" } }, usesInheritance: true, ngImport: i0, template: "<!-- RADIO BUTTONS -->\n<div [ngClass]=\"direction === 'column' ? 'direction-column' : 'direction-row'\">\n  <ng-content></ng-content>\n</div>\n<!-- ERRORS -->\n<ng-container *transloco=\"let t; read: scope\">\n  <div\n    class=\"form-info form-info--error\"\n    [attr.for]=\"ngControl?.name + '-radio-group'\"\n    *ngIf=\"invalid && (error || ngControl?.invalid)\"\n  >\n    <span class=\"error-icon\">\n      <gds-icon-triangle-exclamation\n        size=\"16px\"\n        [solid]=\"true\"\n        *nggCoreElement\n      ></gds-icon-triangle-exclamation>\n    </span>\n    <span\n      *ngIf=\"error; else errorsRef\"\n      [attr.data-thook]=\"thook + '-errorlabel'\"\n    >\n      {{ error }}\n    </span>\n    <ng-template #errorsRef>\n      <span\n        *ngIf=\"firstError as error\"\n        [attr.data-thook]=\"thook + '-errorlabel'\"\n      >\n        {{ t('error.field' + error?.code, error?.params) }}\n      </span>\n    </ng-template>\n  </div>\n</ng-container>\n", styles: [":host .direction-column{display:flex;flex-direction:column}:host .direction-row{display:flex;flex-direction:row}:host.small .form-control{padding:.25rem}:host.small .form-control input[type=radio]~i{margin-right:.5rem}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%;font-weight:500}:host .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .form-info--error .error-icon{margin-top:.128rem;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NggvRadioGroupComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: NggvRadioGroupComponent, isStandalone: false, selector: "nggv-radio-group", inputs: { thook: "thook", size: "size", formControlName: "formControlName", direction: "direction" }, host: { properties: { "attr.data-thook": "this.thook", "class": "this.size" } }, usesInheritance: true, ngImport: i0, template: "<!-- RADIO BUTTONS -->\n<div [ngClass]=\"direction === 'column' ? 'direction-column' : 'direction-row'\">\n  <ng-content></ng-content>\n</div>\n<!-- ERRORS -->\n<ng-container *transloco=\"let t; read: scope\">\n  <div\n    class=\"form-info form-info--error\"\n    [attr.for]=\"ngControl?.name + '-radio-group'\"\n    *ngIf=\"invalid && (error || ngControl?.invalid)\"\n  >\n    <span class=\"error-icon\">\n      <gds-icon-triangle-exclamation\n        size=\"16px\"\n        [solid]=\"true\"\n        *nggCoreElement\n      ></gds-icon-triangle-exclamation>\n    </span>\n    <span\n      *ngIf=\"error; else errorsRef\"\n      [attr.data-thook]=\"thook + '-errorlabel'\"\n    >\n      {{ error }}\n    </span>\n    <ng-template #errorsRef>\n      <span\n        *ngIf=\"firstError as error\"\n        [attr.data-thook]=\"thook + '-errorlabel'\"\n      >\n        {{ t('error.field' + error?.code, error?.params) }}\n      </span>\n    </ng-template>\n  </div>\n</ng-container>\n", styles: [":host .direction-column{display:flex;flex-direction:column}:host .direction-row{display:flex;flex-direction:row}:host.small .form-control{padding:.25rem}:host.small .form-control input[type=radio]~i{margin-right:.5rem}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%;font-weight:500}:host .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .form-info--error .error-icon{margin-top:.128rem;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvRadioGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NggvRadioGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nggv-radio-group', standalone: false, template: "<!-- RADIO BUTTONS -->\n<div [ngClass]=\"direction === 'column' ? 'direction-column' : 'direction-row'\">\n  <ng-content></ng-content>\n</div>\n<!-- ERRORS -->\n<ng-container *transloco=\"let t; read: scope\">\n  <div\n    class=\"form-info form-info--error\"\n    [attr.for]=\"ngControl?.name + '-radio-group'\"\n    *ngIf=\"invalid && (error || ngControl?.invalid)\"\n  >\n    <span class=\"error-icon\">\n      <gds-icon-triangle-exclamation\n        size=\"16px\"\n        [solid]=\"true\"\n        *nggCoreElement\n      ></gds-icon-triangle-exclamation>\n    </span>\n    <span\n      *ngIf=\"error; else errorsRef\"\n      [attr.data-thook]=\"thook + '-errorlabel'\"\n    >\n      {{ error }}\n    </span>\n    <ng-template #errorsRef>\n      <span\n        *ngIf=\"firstError as error\"\n        [attr.data-thook]=\"thook + '-errorlabel'\"\n      >\n        {{ t('error.field' + error?.code, error?.params) }}\n      </span>\n    </ng-template>\n  </div>\n</ng-container>\n", styles: [":host .direction-column{display:flex;flex-direction:column}:host .direction-row{display:flex;flex-direction:row}:host.small .form-control{padding:.25rem}:host.small .form-control input[type=radio]~i{margin-right:.5rem}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%;font-weight:500}:host .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .form-info--error .error-icon{margin-top:.128rem;align-items:center}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
@@ -231,11 +231,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             }] } });
 class NggvRadioModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: NggvRadioModule, declarations: [NggvRadioComponent, NggvRadioGroupComponent], imports: [CommonModule, NggvI18nModule, NggCoreWrapperModule], exports: [NggvRadioComponent, NggvRadioGroupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvRadioModule, imports: [CommonModule, NggvI18nModule, NggCoreWrapperModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NggvRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: NggvRadioModule, declarations: [NggvRadioComponent, NggvRadioGroupComponent], imports: [CommonModule, NggvI18nModule, NggCoreWrapperModule], exports: [NggvRadioComponent, NggvRadioGroupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NggvRadioModule, imports: [CommonModule, NggvI18nModule, NggCoreWrapperModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NggvRadioModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NggvRadioModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NggvRadioComponent, NggvRadioGroupComponent],