otimus-library 0.3.40 → 0.3.42
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.
- package/fesm2022/otimus-library.mjs +47 -23
- package/fesm2022/otimus-library.mjs.map +1 -1
- package/index.d.ts +15 -2
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component, Input, Directive,
|
|
2
|
+
import { Injectable, Component, Input, Directive, input, EventEmitter, Output, HostBinding, ContentChild, ViewEncapsulation, ViewChildren, ViewChild, ChangeDetectionStrategy, forwardRef, ContentChildren } from '@angular/core';
|
|
3
3
|
import * as i2$1 from '@angular/cdk/menu';
|
|
4
4
|
import { CdkMenuModule } from '@angular/cdk/menu';
|
|
5
5
|
import * as i1 from '@angular/common';
|
|
@@ -539,6 +539,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
539
539
|
type: Input
|
|
540
540
|
}] } });
|
|
541
541
|
|
|
542
|
+
class OcCardComponent {
|
|
543
|
+
constructor() {
|
|
544
|
+
this.ocSelected = input(false, ...(ngDevMode ? [{ debugName: "ocSelected" }] : []));
|
|
545
|
+
this.ocColor = input('default', ...(ngDevMode ? [{ debugName: "ocColor" }] : []));
|
|
546
|
+
this.ocClickable = input(false, ...(ngDevMode ? [{ debugName: "ocClickable" }] : []));
|
|
547
|
+
this.ocClick = new EventEmitter();
|
|
548
|
+
}
|
|
549
|
+
onClick() {
|
|
550
|
+
this.ocClick.emit();
|
|
551
|
+
}
|
|
552
|
+
get color() {
|
|
553
|
+
return 'oc-' + this.ocColor();
|
|
554
|
+
}
|
|
555
|
+
get isSelected() {
|
|
556
|
+
return this.ocSelected() ? 'oc-card-selected' : '';
|
|
557
|
+
}
|
|
558
|
+
get isClickable() {
|
|
559
|
+
return this.ocClickable() ? 'oc-card-clickable' : '';
|
|
560
|
+
}
|
|
561
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: OcCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
562
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.9", type: OcCardComponent, isStandalone: true, selector: "oc-card", inputs: { ocSelected: { classPropertyName: "ocSelected", publicName: "ocSelected", isSignal: true, isRequired: false, transformFunction: null }, ocColor: { classPropertyName: "ocColor", publicName: "ocColor", isSignal: true, isRequired: false, transformFunction: null }, ocClickable: { classPropertyName: "ocClickable", publicName: "ocClickable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ocClick: "ocClick" }, ngImport: i0, template: "<div\n class=\"oc-card\"\n [ngClass]=\"[color, isSelected, isClickable]\"\n (click)=\"onClick()\"\n>\n <div class=\"oc-card-header\">\n <ng-content select=\"[header]\"></ng-content>\n </div>\n <div class=\"oc-card-body\">\n <ng-content></ng-content>\n </div>\n <div class=\"oc-card-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";.oc-card{border-radius:4px 8px 8px 4px;padding:1.5rem;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;grid-row-gap:.5rem}.oc-card .oc-card-header{grid-area:1/1/1/1}.oc-card .oc-card-body{grid-area:2/1/2/1}.oc-card .oc-card-footer{grid-area:3/1/3/1}.oc-default{background-color:#f7f7f7;border-left:4px solid #8f9596;color:#8f9596}.oc-red{background-color:#fff3f3;border-left:4px solid #ed3a3a;color:#ed3a3a}.oc-green{background-color:#eefff7fc;border-left:4px solid #00dda3;color:#00dda3}.oc-card-selected{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 30px #0000001f,0 6px 12px #0000000f,inset 0 1px #ffffff05;border-left-width:6px;outline:3px solid rgba(0,0,0,.04);outline-offset:6px;position:relative;z-index:1}.oc-card-selected:after{content:\"\\2713\";position:absolute;top:10px;right:10px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;font-size:12px;font-weight:700;color:#fff;background:#00dda3;box-shadow:0 3px 6px #0000001f}.oc-card-clickable{transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s,border-left-width .18s,outline-offset .18s,background-color .18s;cursor:pointer}.oc-card-clickable:active{transform:translateY(1px) scale(.998)}.oc-card-clickable:focus-visible{outline:3px solid rgba(0,0,0,.06);outline-offset:4px}.oc-card-clickable:not(.oc-card-selected):hover{transform:translateY(-6px) scale(1.01);box-shadow:0 26px 40px #00000024,0 8px 18px #0000000f}.oc-card-clickable.oc-card-selected:hover{transform:translateY(-8px) scale(1.012);box-shadow:0 30px 48px #00000026,0 10px 20px #0000000f}.oc-card.disabled{cursor:default;pointer-events:none;opacity:.7}@media (prefers-reduced-motion: reduce){.oc-card-clickable,.oc-card-clickable:not(.oc-card-selected):hover,.oc-card-clickable.oc-card-selected:hover{transition:none!important;transform:none!important;box-shadow:none!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
563
|
+
}
|
|
564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: OcCardComponent, decorators: [{
|
|
565
|
+
type: Component,
|
|
566
|
+
args: [{ selector: 'oc-card', standalone: true, imports: [CommonModule], template: "<div\n class=\"oc-card\"\n [ngClass]=\"[color, isSelected, isClickable]\"\n (click)=\"onClick()\"\n>\n <div class=\"oc-card-header\">\n <ng-content select=\"[header]\"></ng-content>\n </div>\n <div class=\"oc-card-body\">\n <ng-content></ng-content>\n </div>\n <div class=\"oc-card-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";.oc-card{border-radius:4px 8px 8px 4px;padding:1.5rem;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;grid-row-gap:.5rem}.oc-card .oc-card-header{grid-area:1/1/1/1}.oc-card .oc-card-body{grid-area:2/1/2/1}.oc-card .oc-card-footer{grid-area:3/1/3/1}.oc-default{background-color:#f7f7f7;border-left:4px solid #8f9596;color:#8f9596}.oc-red{background-color:#fff3f3;border-left:4px solid #ed3a3a;color:#ed3a3a}.oc-green{background-color:#eefff7fc;border-left:4px solid #00dda3;color:#00dda3}.oc-card-selected{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 30px #0000001f,0 6px 12px #0000000f,inset 0 1px #ffffff05;border-left-width:6px;outline:3px solid rgba(0,0,0,.04);outline-offset:6px;position:relative;z-index:1}.oc-card-selected:after{content:\"\\2713\";position:absolute;top:10px;right:10px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;font-size:12px;font-weight:700;color:#fff;background:#00dda3;box-shadow:0 3px 6px #0000001f}.oc-card-clickable{transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s,border-left-width .18s,outline-offset .18s,background-color .18s;cursor:pointer}.oc-card-clickable:active{transform:translateY(1px) scale(.998)}.oc-card-clickable:focus-visible{outline:3px solid rgba(0,0,0,.06);outline-offset:4px}.oc-card-clickable:not(.oc-card-selected):hover{transform:translateY(-6px) scale(1.01);box-shadow:0 26px 40px #00000024,0 8px 18px #0000000f}.oc-card-clickable.oc-card-selected:hover{transform:translateY(-8px) scale(1.012);box-shadow:0 30px 48px #00000026,0 10px 20px #0000000f}.oc-card.disabled{cursor:default;pointer-events:none;opacity:.7}@media (prefers-reduced-motion: reduce){.oc-card-clickable,.oc-card-clickable:not(.oc-card-selected):hover,.oc-card-clickable.oc-card-selected:hover{transition:none!important;transform:none!important;box-shadow:none!important}}\n"] }]
|
|
567
|
+
}], propDecorators: { ocSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "ocSelected", required: false }] }], ocColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "ocColor", required: false }] }], ocClickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "ocClickable", required: false }] }], ocClick: [{
|
|
568
|
+
type: Output
|
|
569
|
+
}] } });
|
|
570
|
+
|
|
542
571
|
class OcFilterComponent {
|
|
543
572
|
constructor(styleThemeService) {
|
|
544
573
|
this.styleThemeService = styleThemeService;
|
|
@@ -1576,11 +1605,11 @@ class OcPaginationComponent {
|
|
|
1576
1605
|
this.ocGetPage.emit(this.ocPage);
|
|
1577
1606
|
}
|
|
1578
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 }); }
|
|
1579
|
-
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:hover{border-color:#ec6602}.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"] }] }); }
|
|
1580
1609
|
}
|
|
1581
1610
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: OcPaginationComponent, decorators: [{
|
|
1582
1611
|
type: Component,
|
|
1583
|
-
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:hover{border-color:#ec6602}.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"] }]
|
|
1584
1613
|
}], ctorParameters: () => [{ type: StyleThemeService }], propDecorators: { ocPage: [{
|
|
1585
1614
|
type: Input
|
|
1586
1615
|
}], ocMaxPage: [{
|
|
@@ -2707,7 +2736,8 @@ class OcOverlayComponent {
|
|
|
2707
2736
|
this.ocToggle.emit(false);
|
|
2708
2737
|
}
|
|
2709
2738
|
getOverlayConfig() {
|
|
2710
|
-
const positionStrategy = this.overlay
|
|
2739
|
+
const positionStrategy = this.overlay
|
|
2740
|
+
.position()
|
|
2711
2741
|
.flexibleConnectedTo(this.trigger.nativeElement)
|
|
2712
2742
|
.withPositions(this.getPositions())
|
|
2713
2743
|
.withFlexibleDimensions(true)
|
|
@@ -2719,7 +2749,7 @@ class OcOverlayComponent {
|
|
|
2719
2749
|
panelClass: ['oc-overlay-panel', `oc-overlay-${this.ocStyle}`],
|
|
2720
2750
|
width: this.parseSize(this.ocWidth),
|
|
2721
2751
|
height: this.parseSize(this.ocHeight),
|
|
2722
|
-
disposeOnNavigation: true
|
|
2752
|
+
disposeOnNavigation: true,
|
|
2723
2753
|
};
|
|
2724
2754
|
}
|
|
2725
2755
|
getPositions() {
|
|
@@ -2730,7 +2760,7 @@ class OcOverlayComponent {
|
|
|
2730
2760
|
overlayX: 'center',
|
|
2731
2761
|
overlayY: 'top',
|
|
2732
2762
|
offsetX: 0,
|
|
2733
|
-
offsetY: 8
|
|
2763
|
+
offsetY: 8,
|
|
2734
2764
|
},
|
|
2735
2765
|
{
|
|
2736
2766
|
originX: 'center',
|
|
@@ -2738,7 +2768,7 @@ class OcOverlayComponent {
|
|
|
2738
2768
|
overlayX: 'center',
|
|
2739
2769
|
overlayY: 'bottom',
|
|
2740
2770
|
offsetX: 0,
|
|
2741
|
-
offsetY: -8
|
|
2771
|
+
offsetY: -8,
|
|
2742
2772
|
},
|
|
2743
2773
|
{
|
|
2744
2774
|
originX: 'end',
|
|
@@ -2746,7 +2776,7 @@ class OcOverlayComponent {
|
|
|
2746
2776
|
overlayX: 'start',
|
|
2747
2777
|
overlayY: 'center',
|
|
2748
2778
|
offsetX: -8,
|
|
2749
|
-
offsetY: 0
|
|
2779
|
+
offsetY: 0,
|
|
2750
2780
|
},
|
|
2751
2781
|
{
|
|
2752
2782
|
originX: 'start',
|
|
@@ -2754,8 +2784,8 @@ class OcOverlayComponent {
|
|
|
2754
2784
|
overlayX: 'end',
|
|
2755
2785
|
overlayY: 'center',
|
|
2756
2786
|
offsetX: 8,
|
|
2757
|
-
offsetY: 0
|
|
2758
|
-
}
|
|
2787
|
+
offsetY: 0,
|
|
2788
|
+
},
|
|
2759
2789
|
];
|
|
2760
2790
|
// Position-specific configurations
|
|
2761
2791
|
switch (this.ocPosition) {
|
|
@@ -2767,15 +2797,12 @@ class OcOverlayComponent {
|
|
|
2767
2797
|
overlayX: 'center',
|
|
2768
2798
|
overlayY: 'bottom',
|
|
2769
2799
|
offsetX: 0,
|
|
2770
|
-
offsetY: -8
|
|
2800
|
+
offsetY: -8,
|
|
2771
2801
|
},
|
|
2772
|
-
basePositions[0]
|
|
2773
|
-
];
|
|
2774
|
-
case 'bottom':
|
|
2775
|
-
return [
|
|
2776
2802
|
basePositions[0],
|
|
2777
|
-
basePositions[1]
|
|
2778
2803
|
];
|
|
2804
|
+
case 'bottom':
|
|
2805
|
+
return [basePositions[0], basePositions[1]];
|
|
2779
2806
|
case 'left':
|
|
2780
2807
|
return [
|
|
2781
2808
|
{
|
|
@@ -2784,15 +2811,12 @@ class OcOverlayComponent {
|
|
|
2784
2811
|
overlayX: 'end',
|
|
2785
2812
|
overlayY: 'center',
|
|
2786
2813
|
offsetX: -8,
|
|
2787
|
-
offsetY: 0
|
|
2814
|
+
offsetY: 0,
|
|
2788
2815
|
},
|
|
2789
|
-
basePositions[2]
|
|
2790
|
-
];
|
|
2791
|
-
case 'right':
|
|
2792
|
-
return [
|
|
2793
2816
|
basePositions[2],
|
|
2794
|
-
basePositions[3]
|
|
2795
2817
|
];
|
|
2818
|
+
case 'right':
|
|
2819
|
+
return [basePositions[2], basePositions[3]];
|
|
2796
2820
|
case 'center':
|
|
2797
2821
|
default:
|
|
2798
2822
|
return basePositions;
|
|
@@ -2852,5 +2876,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
2852
2876
|
* Generated bundle index. Do not edit.
|
|
2853
2877
|
*/
|
|
2854
2878
|
|
|
2855
|
-
export { OcAccordionComponent, OcAccordionItemComponent, OcAutocompleteComponent, OcBadgeComponent, OcButtonMenuComponent, OcCheckboxComponent, OcChipComponent, OcDateSelectComponent, OcFilterComponent, OcInputComponent, OcKeyValueComponent, OcLogComponent, OcMenuComponent, OcMenuHorizComponent, OcMenuHorizDirective, OcMessageComponent, OcModalComponent, OcModalFooterComponent, OcNotFoundComponent, OcOverlayComponent, OcPaginationComponent, OcProfileComponent, OcProgressComponent, OcStepComponent, OcStepperComponent, OcTabComponent, OcTabsComponent, OcToastComponent, OcToastService, OcToggleComponent, OcTooltipDirective, OtimusLibraryComponent, OtimusLibraryService, StyleThemeService };
|
|
2879
|
+
export { OcAccordionComponent, OcAccordionItemComponent, OcAutocompleteComponent, OcBadgeComponent, OcButtonMenuComponent, OcCardComponent, OcCheckboxComponent, OcChipComponent, OcDateSelectComponent, OcFilterComponent, OcInputComponent, OcKeyValueComponent, OcLogComponent, OcMenuComponent, OcMenuHorizComponent, OcMenuHorizDirective, OcMessageComponent, OcModalComponent, OcModalFooterComponent, OcNotFoundComponent, OcOverlayComponent, OcPaginationComponent, OcProfileComponent, OcProgressComponent, OcStepComponent, OcStepperComponent, OcTabComponent, OcTabsComponent, OcToastComponent, OcToastService, OcToggleComponent, OcTooltipDirective, OtimusLibraryComponent, OtimusLibraryService, StyleThemeService };
|
|
2856
2880
|
//# sourceMappingURL=otimus-library.mjs.map
|