@softpak/components 0.1.8-beta.10 → 0.1.8-beta.11

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.
@@ -1,8 +1,11 @@
1
1
  import { Component, EventEmitter, Input, Output } from '@angular/core';
2
2
  import { SpxButtonComponent } from '@softpak/components/spx-button';
3
3
  import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
4
+ import { TranslateModule } from '@ngx-translate/core';
5
+ import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
4
6
  import * as i0 from "@angular/core";
5
7
  import * as i1 from "@fortawesome/angular-fontawesome";
8
+ import * as i2 from "@ngx-translate/core";
6
9
  export class SpxPaginationComponent {
7
10
  constructor() {
8
11
  this.spxPageChange = new EventEmitter();
@@ -11,14 +14,16 @@ export class SpxPaginationComponent {
11
14
  this.spxPageChange.emit(page);
12
15
  }
13
16
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SpxPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: SpxPaginationComponent, isStandalone: true, selector: "spx-pagination", inputs: { faArrowLeft: "faArrowLeft", faArrowRight: "faArrowRight", spxPage: "spxPage", spxMaxPages: "spxMaxPages" }, outputs: { spxPageChange: "spxPageChange" }, ngImport: i0, template: "<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n <spx-button (click)=\"onPageChange(spxPage - 1)\" [spxDisabled]=\"spxPage === 1\">\n <fa-icon [icon]=\"faArrowLeft\"></fa-icon> Previous\n </spx-button>\n Page {{ spxPage }}\n <spx-button [spxDisabled]=\"spxMaxPages < (spxPage + 1)\" (click)=\"onPageChange(spxPage + 1)\">\n Next <fa-icon [icon]=\"faArrowRight\"></fa-icon>\n </spx-button>\n</div>", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }] }); }
17
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: SpxPaginationComponent, isStandalone: true, selector: "spx-pagination", inputs: { faArrowLeft: "faArrowLeft", faArrowRight: "faArrowRight", spxPage: "spxPage", spxMaxPages: "spxMaxPages", textNext: "textNext", textPage: "textPage", textPrevious: "textPrevious" }, outputs: { spxPageChange: "spxPageChange" }, ngImport: i0, template: "<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n <spx-button (click)=\"onPageChange(spxPage - 1)\" [spxDisabled]=\"spxPage === 1\">\n <fa-icon [icon]=\"faArrowLeft\"></fa-icon> {{ textPrevious | translate | capitalize }}\n </spx-button>\n {{ textPage | translate | capitalize }} {{ spxPage }}\n <spx-button [spxDisabled]=\"spxMaxPages > spxPage\" (click)=\"onPageChange(spxPage + 1)\">\n {{ textNext | translate | capitalize }} <fa-icon [icon]=\"faArrowRight\"></fa-icon>\n </spx-button>\n</div>", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
15
18
  }
16
19
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SpxPaginationComponent, decorators: [{
17
20
  type: Component,
18
21
  args: [{ selector: 'spx-pagination', standalone: true, imports: [
19
22
  FontAwesomeModule,
20
23
  SpxButtonComponent,
21
- ], template: "<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n <spx-button (click)=\"onPageChange(spxPage - 1)\" [spxDisabled]=\"spxPage === 1\">\n <fa-icon [icon]=\"faArrowLeft\"></fa-icon> Previous\n </spx-button>\n Page {{ spxPage }}\n <spx-button [spxDisabled]=\"spxMaxPages < (spxPage + 1)\" (click)=\"onPageChange(spxPage + 1)\">\n Next <fa-icon [icon]=\"faArrowRight\"></fa-icon>\n </spx-button>\n</div>" }]
24
+ SpxCapitalizePipe,
25
+ TranslateModule,
26
+ ], template: "<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n <spx-button (click)=\"onPageChange(spxPage - 1)\" [spxDisabled]=\"spxPage === 1\">\n <fa-icon [icon]=\"faArrowLeft\"></fa-icon> {{ textPrevious | translate | capitalize }}\n </spx-button>\n {{ textPage | translate | capitalize }} {{ spxPage }}\n <spx-button [spxDisabled]=\"spxMaxPages > spxPage\" (click)=\"onPageChange(spxPage + 1)\">\n {{ textNext | translate | capitalize }} <fa-icon [icon]=\"faArrowRight\"></fa-icon>\n </spx-button>\n</div>" }]
22
27
  }], propDecorators: { faArrowLeft: [{
23
28
  type: Input
24
29
  }], faArrowRight: [{
@@ -27,7 +32,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
27
32
  type: Input
28
33
  }], spxMaxPages: [{
29
34
  type: Input
35
+ }], textNext: [{
36
+ type: Input
37
+ }], textPage: [{
38
+ type: Input
39
+ }], textPrevious: [{
40
+ type: Input
30
41
  }], spxPageChange: [{
31
42
  type: Output
32
43
  }] } });
33
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LXBhZ2luYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1wYWdpbmF0aW9uL3NweC1wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtcGFnaW5hdGlvbi9zcHgtcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7QUFZckUsTUFBTSxPQUFPLHNCQUFzQjtJQVRuQztRQWVZLGtCQUFhLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7S0FLNUU7SUFIQyxZQUFZLENBQUMsSUFBWTtRQUN2QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOzhHQVZVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLDZPQ2RuQywyYUFRTSwyQ0RFRixpQkFBaUIsNlBBQ2pCLGtCQUFrQjs7MkZBR1Qsc0JBQXNCO2tCQVRsQyxTQUFTOytCQUNFLGdCQUFnQixjQUVkLElBQUksV0FDUDt3QkFDUCxpQkFBaUI7d0JBQ2pCLGtCQUFrQjtxQkFDbkI7OEJBR1EsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3B4QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtYnV0dG9uJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgSWNvblByb3AgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZS90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NweC1wYWdpbmF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NweC1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIEZvbnRBd2Vzb21lTW9kdWxlLFxuICAgIFNweEJ1dHRvbkNvbXBvbmVudCxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTcHhQYWdpbmF0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZmFBcnJvd0xlZnQhOiBJY29uUHJvcDtcblxuICBASW5wdXQoKSBmYUFycm93UmlnaHQhOiBJY29uUHJvcDtcbiAgQElucHV0KCkgc3B4UGFnZSE6IG51bWJlcjtcbiAgQElucHV0KCkgc3B4TWF4UGFnZXMhOiBudW1iZXI7XG4gIEBPdXRwdXQoKSBzcHhQYWdlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIG9uUGFnZUNoYW5nZShwYWdlOiBudW1iZXIpIHtcbiAgICB0aGlzLnNweFBhZ2VDaGFuZ2UuZW1pdChwYWdlKTtcbiAgfVxufSIsIjxkaXYgY2xhc3M9XCJpbmxpbmUgbXgtYXV0byBmbGV4IGdhcC0zIGl0ZW1zLWNlbnRlciBmb250LWJvbGRcIj5cbiAgPHNweC1idXR0b24gKGNsaWNrKT1cIm9uUGFnZUNoYW5nZShzcHhQYWdlIC0gMSlcIiBbc3B4RGlzYWJsZWRdPVwic3B4UGFnZSA9PT0gMVwiPlxuICAgIDxmYS1pY29uIFtpY29uXT1cImZhQXJyb3dMZWZ0XCI+PC9mYS1pY29uPiBQcmV2aW91c1xuICA8L3NweC1idXR0b24+XG4gIFBhZ2Uge3sgc3B4UGFnZSB9fVxuICA8c3B4LWJ1dHRvbiBbc3B4RGlzYWJsZWRdPVwic3B4TWF4UGFnZXMgPCAoc3B4UGFnZSArIDEpXCIgKGNsaWNrKT1cIm9uUGFnZUNoYW5nZShzcHhQYWdlICsgMSlcIj5cbiAgICBOZXh0IDxmYS1pY29uIFtpY29uXT1cImZhQXJyb3dSaWdodFwiPjwvZmEtaWNvbj5cbiAgPC9zcHgtYnV0dG9uPlxuPC9kaXY+Il19
44
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LXBhZ2luYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1wYWdpbmF0aW9uL3NweC1wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtcGFnaW5hdGlvbi9zcHgtcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7OztBQWF2RSxNQUFNLE9BQU8sc0JBQXNCO0lBWG5DO1FBb0JZLGtCQUFhLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7S0FLNUU7SUFIQyxZQUFZLENBQUMsSUFBWTtRQUN2QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOzhHQWJVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLHVUQ2xCbkMsOGdCQVFNLDJDRElGLGlCQUFpQiw2UEFDakIsa0JBQWtCLGdPQUNsQixpQkFBaUIsa0RBQ2pCLGVBQWU7OzJGQUdOLHNCQUFzQjtrQkFYbEMsU0FBUzsrQkFDRSxnQkFBZ0IsY0FFZCxJQUFJLFdBQ1A7d0JBQ1AsaUJBQWlCO3dCQUNqQixrQkFBa0I7d0JBQ2xCLGlCQUFpQjt3QkFDakIsZUFBZTtxQkFDaEI7OEJBR1EsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3B4QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtYnV0dG9uJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgSWNvblByb3AgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZS90eXBlcyc7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IFNweENhcGl0YWxpemVQaXBlIH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtY2FwaXRhbGl6ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NweC1wYWdpbmF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NweC1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIEZvbnRBd2Vzb21lTW9kdWxlLFxuICAgIFNweEJ1dHRvbkNvbXBvbmVudCxcbiAgICBTcHhDYXBpdGFsaXplUGlwZSxcbiAgICBUcmFuc2xhdGVNb2R1bGUsXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU3B4UGFnaW5hdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZhQXJyb3dMZWZ0ITogSWNvblByb3A7XG4gIEBJbnB1dCgpIGZhQXJyb3dSaWdodCE6IEljb25Qcm9wO1xuICBASW5wdXQoKSBzcHhQYWdlITogbnVtYmVyO1xuICBASW5wdXQoKSBzcHhNYXhQYWdlcyE6IG51bWJlcjtcbiAgQElucHV0KCkgdGV4dE5leHQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRleHRQYWdlITogc3RyaW5nO1xuICBASW5wdXQoKSB0ZXh0UHJldmlvdXMhOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIHNweFBhZ2VDaGFuZ2U6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgb25QYWdlQ2hhbmdlKHBhZ2U6IG51bWJlcikge1xuICAgIHRoaXMuc3B4UGFnZUNoYW5nZS5lbWl0KHBhZ2UpO1xuICB9XG59IiwiPGRpdiBjbGFzcz1cImlubGluZSBteC1hdXRvIGZsZXggZ2FwLTMgaXRlbXMtY2VudGVyIGZvbnQtYm9sZFwiPlxuICA8c3B4LWJ1dHRvbiAoY2xpY2spPVwib25QYWdlQ2hhbmdlKHNweFBhZ2UgLSAxKVwiIFtzcHhEaXNhYmxlZF09XCJzcHhQYWdlID09PSAxXCI+XG4gICAgPGZhLWljb24gW2ljb25dPVwiZmFBcnJvd0xlZnRcIj48L2ZhLWljb24+IHt7IHRleHRQcmV2aW91cyB8IHRyYW5zbGF0ZSB8IGNhcGl0YWxpemUgfX1cbiAgPC9zcHgtYnV0dG9uPlxuICB7eyB0ZXh0UGFnZSB8IHRyYW5zbGF0ZSB8IGNhcGl0YWxpemUgfX0ge3sgc3B4UGFnZSB9fVxuICA8c3B4LWJ1dHRvbiBbc3B4RGlzYWJsZWRdPVwic3B4TWF4UGFnZXMgPiBzcHhQYWdlXCIgKGNsaWNrKT1cIm9uUGFnZUNoYW5nZShzcHhQYWdlICsgMSlcIj5cbiAgICB7eyB0ZXh0TmV4dCB8IHRyYW5zbGF0ZSB8IGNhcGl0YWxpemUgfX0gPGZhLWljb24gW2ljb25dPVwiZmFBcnJvd1JpZ2h0XCI+PC9mYS1pY29uPlxuICA8L3NweC1idXR0b24+XG48L2Rpdj4iXX0=
@@ -3,6 +3,9 @@ import { EventEmitter, Component, Input, Output } from '@angular/core';
3
3
  import { SpxButtonComponent } from '@softpak/components/spx-button';
4
4
  import * as i1 from '@fortawesome/angular-fontawesome';
5
5
  import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
6
+ import * as i2 from '@ngx-translate/core';
7
+ import { TranslateModule } from '@ngx-translate/core';
8
+ import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
6
9
 
7
10
  class SpxPaginationComponent {
8
11
  constructor() {
@@ -12,14 +15,16 @@ class SpxPaginationComponent {
12
15
  this.spxPageChange.emit(page);
13
16
  }
14
17
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SpxPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: SpxPaginationComponent, isStandalone: true, selector: "spx-pagination", inputs: { faArrowLeft: "faArrowLeft", faArrowRight: "faArrowRight", spxPage: "spxPage", spxMaxPages: "spxMaxPages" }, outputs: { spxPageChange: "spxPageChange" }, ngImport: i0, template: "<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n <spx-button (click)=\"onPageChange(spxPage - 1)\" [spxDisabled]=\"spxPage === 1\">\n <fa-icon [icon]=\"faArrowLeft\"></fa-icon> Previous\n </spx-button>\n Page {{ spxPage }}\n <spx-button [spxDisabled]=\"spxMaxPages < (spxPage + 1)\" (click)=\"onPageChange(spxPage + 1)\">\n Next <fa-icon [icon]=\"faArrowRight\"></fa-icon>\n </spx-button>\n</div>", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }] }); }
18
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: SpxPaginationComponent, isStandalone: true, selector: "spx-pagination", inputs: { faArrowLeft: "faArrowLeft", faArrowRight: "faArrowRight", spxPage: "spxPage", spxMaxPages: "spxMaxPages", textNext: "textNext", textPage: "textPage", textPrevious: "textPrevious" }, outputs: { spxPageChange: "spxPageChange" }, ngImport: i0, template: "<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n <spx-button (click)=\"onPageChange(spxPage - 1)\" [spxDisabled]=\"spxPage === 1\">\n <fa-icon [icon]=\"faArrowLeft\"></fa-icon> {{ textPrevious | translate | capitalize }}\n </spx-button>\n {{ textPage | translate | capitalize }} {{ spxPage }}\n <spx-button [spxDisabled]=\"spxMaxPages > spxPage\" (click)=\"onPageChange(spxPage + 1)\">\n {{ textNext | translate | capitalize }} <fa-icon [icon]=\"faArrowRight\"></fa-icon>\n </spx-button>\n</div>", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
16
19
  }
17
20
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SpxPaginationComponent, decorators: [{
18
21
  type: Component,
19
22
  args: [{ selector: 'spx-pagination', standalone: true, imports: [
20
23
  FontAwesomeModule,
21
24
  SpxButtonComponent,
22
- ], template: "<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n <spx-button (click)=\"onPageChange(spxPage - 1)\" [spxDisabled]=\"spxPage === 1\">\n <fa-icon [icon]=\"faArrowLeft\"></fa-icon> Previous\n </spx-button>\n Page {{ spxPage }}\n <spx-button [spxDisabled]=\"spxMaxPages < (spxPage + 1)\" (click)=\"onPageChange(spxPage + 1)\">\n Next <fa-icon [icon]=\"faArrowRight\"></fa-icon>\n </spx-button>\n</div>" }]
25
+ SpxCapitalizePipe,
26
+ TranslateModule,
27
+ ], template: "<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n <spx-button (click)=\"onPageChange(spxPage - 1)\" [spxDisabled]=\"spxPage === 1\">\n <fa-icon [icon]=\"faArrowLeft\"></fa-icon> {{ textPrevious | translate | capitalize }}\n </spx-button>\n {{ textPage | translate | capitalize }} {{ spxPage }}\n <spx-button [spxDisabled]=\"spxMaxPages > spxPage\" (click)=\"onPageChange(spxPage + 1)\">\n {{ textNext | translate | capitalize }} <fa-icon [icon]=\"faArrowRight\"></fa-icon>\n </spx-button>\n</div>" }]
23
28
  }], propDecorators: { faArrowLeft: [{
24
29
  type: Input
25
30
  }], faArrowRight: [{
@@ -28,6 +33,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
28
33
  type: Input
29
34
  }], spxMaxPages: [{
30
35
  type: Input
36
+ }], textNext: [{
37
+ type: Input
38
+ }], textPage: [{
39
+ type: Input
40
+ }], textPrevious: [{
41
+ type: Input
31
42
  }], spxPageChange: [{
32
43
  type: Output
33
44
  }] } });
@@ -1 +1 @@
1
- {"version":3,"file":"softpak-components-spx-pagination.mjs","sources":["../../../../projects/softpak/components/spx-pagination/spx-pagination.component.ts","../../../../projects/softpak/components/spx-pagination/spx-pagination.component.html","../../../../projects/softpak/components/spx-pagination/softpak-components-spx-pagination.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { IconProp } from '@fortawesome/angular-fontawesome/types';\n\n@Component({\n selector: 'spx-pagination',\n templateUrl: './spx-pagination.component.html',\n standalone: true,\n imports: [\n FontAwesomeModule,\n SpxButtonComponent,\n ]\n})\nexport class SpxPaginationComponent {\n @Input() faArrowLeft!: IconProp;\n\n @Input() faArrowRight!: IconProp;\n @Input() spxPage!: number;\n @Input() spxMaxPages!: number;\n @Output() spxPageChange: EventEmitter<number> = new EventEmitter<number>();\n\n onPageChange(page: number) {\n this.spxPageChange.emit(page);\n }\n}","<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n <spx-button (click)=\"onPageChange(spxPage - 1)\" [spxDisabled]=\"spxPage === 1\">\n <fa-icon [icon]=\"faArrowLeft\"></fa-icon> Previous\n </spx-button>\n Page {{ spxPage }}\n <spx-button [spxDisabled]=\"spxMaxPages < (spxPage + 1)\" (click)=\"onPageChange(spxPage + 1)\">\n Next <fa-icon [icon]=\"faArrowRight\"></fa-icon>\n </spx-button>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAca,sBAAsB,CAAA;AATnC,IAAA,WAAA,GAAA;AAeY,QAAA,IAAA,CAAA,aAAa,GAAyB,IAAI,YAAY,EAAU,CAAC;AAK5E,KAAA;AAHC,IAAA,YAAY,CAAC,IAAY,EAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC/B;8GAVU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,ECdnC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,2aAQM,EDEF,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,6PACjB,kBAAkB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,eAAA,EAAA,cAAA,EAAA,aAAA,EAAA,SAAA,EAAA,aAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGT,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBATlC,SAAS;+BACE,gBAAgB,EAAA,UAAA,EAEd,IAAI,EACP,OAAA,EAAA;wBACP,iBAAiB;wBACjB,kBAAkB;AACnB,qBAAA,EAAA,QAAA,EAAA,2aAAA,EAAA,CAAA;8BAGQ,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAEG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACI,aAAa,EAAA,CAAA;sBAAtB,MAAM;;;AEpBT;;AAEG;;;;"}
1
+ {"version":3,"file":"softpak-components-spx-pagination.mjs","sources":["../../../../projects/softpak/components/spx-pagination/spx-pagination.component.ts","../../../../projects/softpak/components/spx-pagination/spx-pagination.component.html","../../../../projects/softpak/components/spx-pagination/softpak-components-spx-pagination.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { IconProp } from '@fortawesome/angular-fontawesome/types';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\n\n@Component({\n selector: 'spx-pagination',\n templateUrl: './spx-pagination.component.html',\n standalone: true,\n imports: [\n FontAwesomeModule,\n SpxButtonComponent,\n SpxCapitalizePipe,\n TranslateModule,\n ]\n})\nexport class SpxPaginationComponent {\n @Input() faArrowLeft!: IconProp;\n @Input() faArrowRight!: IconProp;\n @Input() spxPage!: number;\n @Input() spxMaxPages!: number;\n @Input() textNext!: string;\n @Input() textPage!: string;\n @Input() textPrevious!: string;\n\n @Output() spxPageChange: EventEmitter<number> = new EventEmitter<number>();\n\n onPageChange(page: number) {\n this.spxPageChange.emit(page);\n }\n}","<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n <spx-button (click)=\"onPageChange(spxPage - 1)\" [spxDisabled]=\"spxPage === 1\">\n <fa-icon [icon]=\"faArrowLeft\"></fa-icon> {{ textPrevious | translate | capitalize }}\n </spx-button>\n {{ textPage | translate | capitalize }} {{ spxPage }}\n <spx-button [spxDisabled]=\"spxMaxPages > spxPage\" (click)=\"onPageChange(spxPage + 1)\">\n {{ textNext | translate | capitalize }} <fa-icon [icon]=\"faArrowRight\"></fa-icon>\n </spx-button>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAkBa,sBAAsB,CAAA;AAXnC,IAAA,WAAA,GAAA;AAoBY,QAAA,IAAA,CAAA,aAAa,GAAyB,IAAI,YAAY,EAAU,CAAC;AAK5E,KAAA;AAHC,IAAA,YAAY,CAAC,IAAY,EAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC/B;8GAbU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBnC,8gBAQM,EDIF,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,6PACjB,kBAAkB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,eAAA,EAAA,cAAA,EAAA,aAAA,EAAA,SAAA,EAAA,aAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAClB,iBAAiB,EAAA,IAAA,EAAA,YAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGN,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAXlC,SAAS;+BACE,gBAAgB,EAAA,UAAA,EAEd,IAAI,EACP,OAAA,EAAA;wBACP,iBAAiB;wBACjB,kBAAkB;wBAClB,iBAAiB;wBACjB,eAAe;AAChB,qBAAA,EAAA,QAAA,EAAA,8gBAAA,EAAA,CAAA;8BAGQ,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBAEI,aAAa,EAAA,CAAA;sBAAtB,MAAM;;;AE3BT;;AAEG;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@softpak/components",
3
- "version": "0.1.8-beta.10",
3
+ "version": "0.1.8-beta.11",
4
4
  "private": false,
5
5
  "peerDependencies": {
6
6
  "@angular/common": "15.x.x || 18.x.x",
@@ -58,24 +58,12 @@
58
58
  "esm": "./esm2022/spx-button/softpak-components-spx-button.mjs",
59
59
  "default": "./fesm2022/softpak-components-spx-button.mjs"
60
60
  },
61
- "./spx-change-details": {
62
- "types": "./spx-change-details/index.d.ts",
63
- "esm2022": "./esm2022/spx-change-details/softpak-components-spx-change-details.mjs",
64
- "esm": "./esm2022/spx-change-details/softpak-components-spx-change-details.mjs",
65
- "default": "./fesm2022/softpak-components-spx-change-details.mjs"
66
- },
67
61
  "./spx-capitalize": {
68
62
  "types": "./spx-capitalize/index.d.ts",
69
63
  "esm2022": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
70
64
  "esm": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
71
65
  "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
72
66
  },
73
- "./spx-channel-selection": {
74
- "types": "./spx-channel-selection/index.d.ts",
75
- "esm2022": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
76
- "esm": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
77
- "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
78
- },
79
67
  "./spx-check-digit": {
80
68
  "types": "./spx-check-digit/index.d.ts",
81
69
  "esm2022": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
@@ -88,6 +76,18 @@
88
76
  "esm": "./esm2022/spx-form-section/softpak-components-spx-form-section.mjs",
89
77
  "default": "./fesm2022/softpak-components-spx-form-section.mjs"
90
78
  },
79
+ "./spx-channel-selection": {
80
+ "types": "./spx-channel-selection/index.d.ts",
81
+ "esm2022": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
82
+ "esm": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
83
+ "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
84
+ },
85
+ "./spx-change-details": {
86
+ "types": "./spx-change-details/index.d.ts",
87
+ "esm2022": "./esm2022/spx-change-details/softpak-components-spx-change-details.mjs",
88
+ "esm": "./esm2022/spx-change-details/softpak-components-spx-change-details.mjs",
89
+ "default": "./fesm2022/softpak-components-spx-change-details.mjs"
90
+ },
91
91
  "./spx-form-view": {
92
92
  "types": "./spx-form-view/index.d.ts",
93
93
  "esm2022": "./esm2022/spx-form-view/softpak-components-spx-form-view.mjs",
@@ -148,18 +148,18 @@
148
148
  "esm": "./esm2022/spx-stock-info/softpak-components-spx-stock-info.mjs",
149
149
  "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
150
150
  },
151
- "./spx-storage": {
152
- "types": "./spx-storage/index.d.ts",
153
- "esm2022": "./esm2022/spx-storage/softpak-components-spx-storage.mjs",
154
- "esm": "./esm2022/spx-storage/softpak-components-spx-storage.mjs",
155
- "default": "./fesm2022/softpak-components-spx-storage.mjs"
156
- },
157
151
  "./spx-suggestion": {
158
152
  "types": "./spx-suggestion/index.d.ts",
159
153
  "esm2022": "./esm2022/spx-suggestion/softpak-components-spx-suggestion.mjs",
160
154
  "esm": "./esm2022/spx-suggestion/softpak-components-spx-suggestion.mjs",
161
155
  "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
162
156
  },
157
+ "./spx-storage": {
158
+ "types": "./spx-storage/index.d.ts",
159
+ "esm2022": "./esm2022/spx-storage/softpak-components-spx-storage.mjs",
160
+ "esm": "./esm2022/spx-storage/softpak-components-spx-storage.mjs",
161
+ "default": "./fesm2022/softpak-components-spx-storage.mjs"
162
+ },
163
163
  "./spx-toaster": {
164
164
  "types": "./spx-toaster/index.d.ts",
165
165
  "esm2022": "./esm2022/spx-toaster/softpak-components-spx-toaster.mjs",
@@ -6,8 +6,11 @@ export declare class SpxPaginationComponent {
6
6
  faArrowRight: IconProp;
7
7
  spxPage: number;
8
8
  spxMaxPages: number;
9
+ textNext: string;
10
+ textPage: string;
11
+ textPrevious: string;
9
12
  spxPageChange: EventEmitter<number>;
10
13
  onPageChange(page: number): void;
11
14
  static ɵfac: i0.ɵɵFactoryDeclaration<SpxPaginationComponent, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<SpxPaginationComponent, "spx-pagination", never, { "faArrowLeft": { "alias": "faArrowLeft"; "required": false; }; "faArrowRight": { "alias": "faArrowRight"; "required": false; }; "spxPage": { "alias": "spxPage"; "required": false; }; "spxMaxPages": { "alias": "spxMaxPages"; "required": false; }; }, { "spxPageChange": "spxPageChange"; }, never, never, true, never>;
15
+ static ɵcmp: i0.ɵɵComponentDeclaration<SpxPaginationComponent, "spx-pagination", never, { "faArrowLeft": { "alias": "faArrowLeft"; "required": false; }; "faArrowRight": { "alias": "faArrowRight"; "required": false; }; "spxPage": { "alias": "spxPage"; "required": false; }; "spxMaxPages": { "alias": "spxMaxPages"; "required": false; }; "textNext": { "alias": "textNext"; "required": false; }; "textPage": { "alias": "textPage"; "required": false; }; "textPrevious": { "alias": "textPrevious"; "required": false; }; }, { "spxPageChange": "spxPageChange"; }, never, never, true, never>;
13
16
  }