@open-rlb/ng-bootstrap 3.3.19 → 3.3.20

package/fesm2022/open-rlb-ng-bootstrap.mjs

@@ -5173,6 +5173,24 @@ class PaginationItemComponent {
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'disabled', transform: booleanAttribute });
         this.active = input(false, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), alias: 'active', transform: booleanAttribute });
         this.cssClass = input('', { ...(ngDevMode ? { debugName: "cssClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+        this.itemClick = output();
+    }
+    onActivate(event) {
+        if (this.disabled()) {
+            event.preventDefault();
+            return;
+        }
+        this.itemClick.emit();
+    }
+    onKeydown(event) {
+        if (event.key !== 'Enter' && event.key !== ' ' && event.key !== 'Spacebar') {
+            return;
+        }
+        event.preventDefault();
+        if (this.disabled()) {
+            return;
+        }
+        this.itemClick.emit();
     }
     ngOnInit() {
         const templateView = this.viewContainerRef.createEmbeddedView(this.template());
@@ -5180,7 +5198,7 @@ class PaginationItemComponent {
         this.viewContainerRef.element.nativeElement.remove();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PaginationItemComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: PaginationItemComponent, isStandalone: true, selector: "rlb-pagination-item", inputs: { isIcon: { classPropertyName: "isIcon", publicName: "isIcon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: PaginationItemComponent, isStandalone: true, selector: "rlb-pagination-item", inputs: { isIcon: { classPropertyName: "isIcon", publicName: "isIcon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-template #template>
       <li
         class="page-item {{ cssClass() }}"
@@ -5189,7 +5207,13 @@ class PaginationItemComponent {
       >
         <a
           class="page-link d-block"
+          role="button"
+          [attr.tabindex]="disabled() ? -1 : 0"
+          [attr.aria-disabled]="disabled() ? true : null"
+          [attr.aria-current]="active() ? 'page' : null"
           [style.cursor]="disabled() ? 'default' : 'pointer'"
+          (click)="onActivate($event)"
+          (keydown)="onKeydown($event)"
         >
           <ng-container *ngTemplateOutlet="content"></ng-container>
         </a>
@@ -5211,7 +5235,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
       >
         <a
           class="page-link d-block"
+          role="button"
+          [attr.tabindex]="disabled() ? -1 : 0"
+          [attr.aria-disabled]="disabled() ? true : null"
+          [attr.aria-current]="active() ? 'page' : null"
           [style.cursor]="disabled() ? 'default' : 'pointer'"
+          (click)="onActivate($event)"
+          (keydown)="onKeydown($event)"
         >
           <ng-container *ngTemplateOutlet="content"></ng-container>
         </a>
@@ -5222,7 +5252,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [NgTemplateOutlet],
                 }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { template: [{ type: i0.ViewChild, args: ['template', { isSignal: true }] }], isIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "isIcon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { template: [{ type: i0.ViewChild, args: ['template', { isSignal: true }] }], isIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "isIcon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
 
 class PaginationComponent {
     constructor(viewContainerRef) {