otimus-library 0.3.41 → 0.3.43
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.
|
@@ -1605,11 +1605,11 @@ class OcPaginationComponent {
|
|
|
1605
1605
|
this.ocGetPage.emit(this.ocPage);
|
|
1606
1606
|
}
|
|
1607
1607
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: OcPaginationComponent, deps: [{ token: StyleThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1608
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: OcPaginationComponent, isStandalone: true, selector: "oc-pagination", inputs: { ocPage: "ocPage", ocMaxPage: "ocMaxPage", ocStyle: "ocStyle" }, outputs: { ocGetPage: "ocGetPage" }, ngImport: i0, template: "<div\n class=\"oc-pagination\"\n [ngClass]=\"ocStyle\"\n>\n <p class=\"oc-pagination-text\">\n P\u00E1gina\n <span>{{ ocPage }}</span>\n de\n <span>{{ ocMaxPage }}</span>\n </p>\n <div class=\"oc-pagination-buttons\">\n <button\n (click)=\"firstPage()\"\n [ngClass]=\"{\n disabled: ocPage === 1,\n }\"\n >\n <span class=\"material-symbols-outlined\">keyboard_double_arrow_left</span>\n </button>\n <button\n (click)=\"decrementPage()\"\n [ngClass]=\"{\n disabled: ocPage === 1,\n }\"\n >\n <span class=\"material-symbols-outlined\">navigate_before</span>\n </button>\n <button\n (click)=\"incrementPage()\"\n [ngClass]=\"{\n disabled: ocPage === ocMaxPage,\n }\"\n >\n <span class=\"material-symbols-outlined\">navigate_next</span>\n </button>\n <button\n (click)=\"lastPage()\"\n [ngClass]=\"{\n disabled: ocPage === ocMaxPage,\n }\"\n >\n <span class=\"material-symbols-outlined\"> keyboard_double_arrow_right </span>\n </button>\n </div>\n</div>\n", styles: [".oc-pagination{display:flex;align-items:center;justify-content:flex-end;gap:1rem;border:none;overflow:hidden}.oc-pagination .oc-pagination-buttons{display:flex;align-items:center;gap:0;border:2px solid #f7f7f7;border-radius:.5rem;transition:.3s ease}.oc-pagination .oc-pagination-buttons:hover{border-color:#d1d5db}.oc-pagination .oc-pagination-buttons button{margin:0;transition:.15s ease;border-radius:.5rem;cursor:pointer;border:none;height:3rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#7e8485;font-weight:700}.oc-pagination .oc-pagination-buttons button:hover{background-color:#f7f7f7;color:#7737b5}.oc-pagination .oc-pagination-buttons button:active{transform:translateY(2px)}.oc-pagination .oc-pagination-text{font-weight:500;font-size:1rem;margin:0;color:#8f9596}.oc-pagination .oc-pagination-text span{font-weight:700;color:#5505a2}.disabled{cursor:not-allowed!important;opacity:.4;pointer-events:none}.oc-pagination.shui .oc-pagination-buttons{border
|
|
1608
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: OcPaginationComponent, isStandalone: true, selector: "oc-pagination", inputs: { ocPage: "ocPage", ocMaxPage: "ocMaxPage", ocStyle: "ocStyle" }, outputs: { ocGetPage: "ocGetPage" }, ngImport: i0, template: "<div\n class=\"oc-pagination\"\n [ngClass]=\"ocStyle\"\n>\n <p class=\"oc-pagination-text\">\n P\u00E1gina\n <span>{{ ocPage }}</span>\n de\n <span>{{ ocMaxPage }}</span>\n </p>\n <div class=\"oc-pagination-buttons\">\n <button\n (click)=\"firstPage()\"\n [ngClass]=\"{\n disabled: ocPage === 1,\n }\"\n >\n <span class=\"material-symbols-outlined\">keyboard_double_arrow_left</span>\n </button>\n <button\n (click)=\"decrementPage()\"\n [ngClass]=\"{\n disabled: ocPage === 1,\n }\"\n >\n <span class=\"material-symbols-outlined\">navigate_before</span>\n </button>\n <button\n (click)=\"incrementPage()\"\n [ngClass]=\"{\n disabled: ocPage === ocMaxPage,\n }\"\n >\n <span class=\"material-symbols-outlined\">navigate_next</span>\n </button>\n <button\n (click)=\"lastPage()\"\n [ngClass]=\"{\n disabled: ocPage === ocMaxPage,\n }\"\n >\n <span class=\"material-symbols-outlined\"> keyboard_double_arrow_right </span>\n </button>\n </div>\n</div>\n", styles: [".oc-pagination{display:flex;align-items:center;justify-content:flex-end;gap:1rem;border:none;overflow:hidden}.oc-pagination .oc-pagination-buttons{display:flex;align-items:center;gap:0;border:2px solid #f7f7f7;border-radius:.5rem;transition:.3s ease}.oc-pagination .oc-pagination-buttons:hover{border-color:#d1d5db}.oc-pagination .oc-pagination-buttons button{margin:0;transition:.15s ease;border-radius:.5rem;cursor:pointer;border:none;height:3rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#7e8485;font-weight:700}.oc-pagination .oc-pagination-buttons button:hover{background-color:#f7f7f7;color:#7737b5}.oc-pagination .oc-pagination-buttons button:active{transform:translateY(2px)}.oc-pagination .oc-pagination-text{font-weight:500;font-size:1rem;margin:0;color:#8f9596}.oc-pagination .oc-pagination-text span{font-weight:700;color:#5505a2}.disabled{cursor:not-allowed!important;opacity:.4;pointer-events:none}.oc-pagination.shui .oc-pagination-buttons{border-radius:.25rem}.oc-pagination.shui .oc-pagination-buttons button{border-radius:.25rem;background-color:transparent;color:#000000bf}.oc-pagination.shui .oc-pagination-buttons button:hover{background-color:#c8c8c8;color:#099}.oc-pagination.shui .oc-pagination-buttons button:active{transform:translateY(1px)}.oc-pagination.shui .oc-pagination-text{color:#000000bf}.oc-pagination.shui .oc-pagination-text span{color:#099}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1609
1609
|
}
|
|
1610
1610
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: OcPaginationComponent, decorators: [{
|
|
1611
1611
|
type: Component,
|
|
1612
|
-
args: [{ selector: 'oc-pagination', imports: [CommonModule], template: "<div\n class=\"oc-pagination\"\n [ngClass]=\"ocStyle\"\n>\n <p class=\"oc-pagination-text\">\n P\u00E1gina\n <span>{{ ocPage }}</span>\n de\n <span>{{ ocMaxPage }}</span>\n </p>\n <div class=\"oc-pagination-buttons\">\n <button\n (click)=\"firstPage()\"\n [ngClass]=\"{\n disabled: ocPage === 1,\n }\"\n >\n <span class=\"material-symbols-outlined\">keyboard_double_arrow_left</span>\n </button>\n <button\n (click)=\"decrementPage()\"\n [ngClass]=\"{\n disabled: ocPage === 1,\n }\"\n >\n <span class=\"material-symbols-outlined\">navigate_before</span>\n </button>\n <button\n (click)=\"incrementPage()\"\n [ngClass]=\"{\n disabled: ocPage === ocMaxPage,\n }\"\n >\n <span class=\"material-symbols-outlined\">navigate_next</span>\n </button>\n <button\n (click)=\"lastPage()\"\n [ngClass]=\"{\n disabled: ocPage === ocMaxPage,\n }\"\n >\n <span class=\"material-symbols-outlined\"> keyboard_double_arrow_right </span>\n </button>\n </div>\n</div>\n", styles: [".oc-pagination{display:flex;align-items:center;justify-content:flex-end;gap:1rem;border:none;overflow:hidden}.oc-pagination .oc-pagination-buttons{display:flex;align-items:center;gap:0;border:2px solid #f7f7f7;border-radius:.5rem;transition:.3s ease}.oc-pagination .oc-pagination-buttons:hover{border-color:#d1d5db}.oc-pagination .oc-pagination-buttons button{margin:0;transition:.15s ease;border-radius:.5rem;cursor:pointer;border:none;height:3rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#7e8485;font-weight:700}.oc-pagination .oc-pagination-buttons button:hover{background-color:#f7f7f7;color:#7737b5}.oc-pagination .oc-pagination-buttons button:active{transform:translateY(2px)}.oc-pagination .oc-pagination-text{font-weight:500;font-size:1rem;margin:0;color:#8f9596}.oc-pagination .oc-pagination-text span{font-weight:700;color:#5505a2}.disabled{cursor:not-allowed!important;opacity:.4;pointer-events:none}.oc-pagination.shui .oc-pagination-buttons{border
|
|
1612
|
+
args: [{ selector: 'oc-pagination', imports: [CommonModule], template: "<div\n class=\"oc-pagination\"\n [ngClass]=\"ocStyle\"\n>\n <p class=\"oc-pagination-text\">\n P\u00E1gina\n <span>{{ ocPage }}</span>\n de\n <span>{{ ocMaxPage }}</span>\n </p>\n <div class=\"oc-pagination-buttons\">\n <button\n (click)=\"firstPage()\"\n [ngClass]=\"{\n disabled: ocPage === 1,\n }\"\n >\n <span class=\"material-symbols-outlined\">keyboard_double_arrow_left</span>\n </button>\n <button\n (click)=\"decrementPage()\"\n [ngClass]=\"{\n disabled: ocPage === 1,\n }\"\n >\n <span class=\"material-symbols-outlined\">navigate_before</span>\n </button>\n <button\n (click)=\"incrementPage()\"\n [ngClass]=\"{\n disabled: ocPage === ocMaxPage,\n }\"\n >\n <span class=\"material-symbols-outlined\">navigate_next</span>\n </button>\n <button\n (click)=\"lastPage()\"\n [ngClass]=\"{\n disabled: ocPage === ocMaxPage,\n }\"\n >\n <span class=\"material-symbols-outlined\"> keyboard_double_arrow_right </span>\n </button>\n </div>\n</div>\n", styles: [".oc-pagination{display:flex;align-items:center;justify-content:flex-end;gap:1rem;border:none;overflow:hidden}.oc-pagination .oc-pagination-buttons{display:flex;align-items:center;gap:0;border:2px solid #f7f7f7;border-radius:.5rem;transition:.3s ease}.oc-pagination .oc-pagination-buttons:hover{border-color:#d1d5db}.oc-pagination .oc-pagination-buttons button{margin:0;transition:.15s ease;border-radius:.5rem;cursor:pointer;border:none;height:3rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#7e8485;font-weight:700}.oc-pagination .oc-pagination-buttons button:hover{background-color:#f7f7f7;color:#7737b5}.oc-pagination .oc-pagination-buttons button:active{transform:translateY(2px)}.oc-pagination .oc-pagination-text{font-weight:500;font-size:1rem;margin:0;color:#8f9596}.oc-pagination .oc-pagination-text span{font-weight:700;color:#5505a2}.disabled{cursor:not-allowed!important;opacity:.4;pointer-events:none}.oc-pagination.shui .oc-pagination-buttons{border-radius:.25rem}.oc-pagination.shui .oc-pagination-buttons button{border-radius:.25rem;background-color:transparent;color:#000000bf}.oc-pagination.shui .oc-pagination-buttons button:hover{background-color:#c8c8c8;color:#099}.oc-pagination.shui .oc-pagination-buttons button:active{transform:translateY(1px)}.oc-pagination.shui .oc-pagination-text{color:#000000bf}.oc-pagination.shui .oc-pagination-text span{color:#099}\n"] }]
|
|
1613
1613
|
}], ctorParameters: () => [{ type: StyleThemeService }], propDecorators: { ocPage: [{
|
|
1614
1614
|
type: Input
|
|
1615
1615
|
}], ocMaxPage: [{
|
|
@@ -2736,7 +2736,8 @@ class OcOverlayComponent {
|
|
|
2736
2736
|
this.ocToggle.emit(false);
|
|
2737
2737
|
}
|
|
2738
2738
|
getOverlayConfig() {
|
|
2739
|
-
const positionStrategy = this.overlay
|
|
2739
|
+
const positionStrategy = this.overlay
|
|
2740
|
+
.position()
|
|
2740
2741
|
.flexibleConnectedTo(this.trigger.nativeElement)
|
|
2741
2742
|
.withPositions(this.getPositions())
|
|
2742
2743
|
.withFlexibleDimensions(true)
|
|
@@ -2748,7 +2749,7 @@ class OcOverlayComponent {
|
|
|
2748
2749
|
panelClass: ['oc-overlay-panel', `oc-overlay-${this.ocStyle}`],
|
|
2749
2750
|
width: this.parseSize(this.ocWidth),
|
|
2750
2751
|
height: this.parseSize(this.ocHeight),
|
|
2751
|
-
disposeOnNavigation: true
|
|
2752
|
+
disposeOnNavigation: true,
|
|
2752
2753
|
};
|
|
2753
2754
|
}
|
|
2754
2755
|
getPositions() {
|
|
@@ -2759,7 +2760,7 @@ class OcOverlayComponent {
|
|
|
2759
2760
|
overlayX: 'center',
|
|
2760
2761
|
overlayY: 'top',
|
|
2761
2762
|
offsetX: 0,
|
|
2762
|
-
offsetY: 8
|
|
2763
|
+
offsetY: 8,
|
|
2763
2764
|
},
|
|
2764
2765
|
{
|
|
2765
2766
|
originX: 'center',
|
|
@@ -2767,7 +2768,7 @@ class OcOverlayComponent {
|
|
|
2767
2768
|
overlayX: 'center',
|
|
2768
2769
|
overlayY: 'bottom',
|
|
2769
2770
|
offsetX: 0,
|
|
2770
|
-
offsetY: -8
|
|
2771
|
+
offsetY: -8,
|
|
2771
2772
|
},
|
|
2772
2773
|
{
|
|
2773
2774
|
originX: 'end',
|
|
@@ -2775,7 +2776,7 @@ class OcOverlayComponent {
|
|
|
2775
2776
|
overlayX: 'start',
|
|
2776
2777
|
overlayY: 'center',
|
|
2777
2778
|
offsetX: -8,
|
|
2778
|
-
offsetY: 0
|
|
2779
|
+
offsetY: 0,
|
|
2779
2780
|
},
|
|
2780
2781
|
{
|
|
2781
2782
|
originX: 'start',
|
|
@@ -2783,8 +2784,8 @@ class OcOverlayComponent {
|
|
|
2783
2784
|
overlayX: 'end',
|
|
2784
2785
|
overlayY: 'center',
|
|
2785
2786
|
offsetX: 8,
|
|
2786
|
-
offsetY: 0
|
|
2787
|
-
}
|
|
2787
|
+
offsetY: 0,
|
|
2788
|
+
},
|
|
2788
2789
|
];
|
|
2789
2790
|
// Position-specific configurations
|
|
2790
2791
|
switch (this.ocPosition) {
|
|
@@ -2796,15 +2797,12 @@ class OcOverlayComponent {
|
|
|
2796
2797
|
overlayX: 'center',
|
|
2797
2798
|
overlayY: 'bottom',
|
|
2798
2799
|
offsetX: 0,
|
|
2799
|
-
offsetY: -8
|
|
2800
|
+
offsetY: -8,
|
|
2800
2801
|
},
|
|
2801
|
-
basePositions[0]
|
|
2802
|
-
];
|
|
2803
|
-
case 'bottom':
|
|
2804
|
-
return [
|
|
2805
2802
|
basePositions[0],
|
|
2806
|
-
basePositions[1]
|
|
2807
2803
|
];
|
|
2804
|
+
case 'bottom':
|
|
2805
|
+
return [basePositions[0], basePositions[1]];
|
|
2808
2806
|
case 'left':
|
|
2809
2807
|
return [
|
|
2810
2808
|
{
|
|
@@ -2813,15 +2811,12 @@ class OcOverlayComponent {
|
|
|
2813
2811
|
overlayX: 'end',
|
|
2814
2812
|
overlayY: 'center',
|
|
2815
2813
|
offsetX: -8,
|
|
2816
|
-
offsetY: 0
|
|
2814
|
+
offsetY: 0,
|
|
2817
2815
|
},
|
|
2818
|
-
basePositions[2]
|
|
2819
|
-
];
|
|
2820
|
-
case 'right':
|
|
2821
|
-
return [
|
|
2822
2816
|
basePositions[2],
|
|
2823
|
-
basePositions[3]
|
|
2824
2817
|
];
|
|
2818
|
+
case 'right':
|
|
2819
|
+
return [basePositions[2], basePositions[3]];
|
|
2825
2820
|
case 'center':
|
|
2826
2821
|
default:
|
|
2827
2822
|
return basePositions;
|