otimus-library 0.2.24 → 0.2.26
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/esm2022/lib/components/oc-accordion/oc-accordion.component.mjs +3 -3
- package/esm2022/lib/components/oc-accordion-item/oc-accordion-item.component.mjs +3 -3
- package/esm2022/lib/components/oc-autocomplete/oc-autocomplete.component.mjs +3 -3
- package/esm2022/lib/components/oc-badge/oc-badge.component.mjs +3 -3
- package/esm2022/lib/components/oc-checkbox/oc-checkbox.component.mjs +3 -3
- package/esm2022/lib/components/oc-chip/oc-chip.component.mjs +3 -3
- package/esm2022/lib/components/oc-filter/oc-filter.component.mjs +3 -3
- package/esm2022/lib/components/oc-input/oc-input.component.mjs +3 -3
- package/esm2022/lib/components/oc-key-value/oc-key-value.component.mjs +3 -3
- package/esm2022/lib/components/oc-log/oc-log.component.mjs +3 -3
- package/esm2022/lib/components/oc-menu/oc-menu.component.mjs +3 -3
- package/esm2022/lib/components/oc-modal/oc-modal.component.mjs +3 -3
- package/esm2022/lib/components/oc-modal-footer/oc-modal-footer.component.mjs +3 -3
- package/esm2022/lib/components/oc-not-found/oc-not-found.component.mjs +3 -3
- package/esm2022/lib/components/oc-pagination/oc-pagination.component.mjs +3 -3
- package/esm2022/lib/components/oc-profile/oc-profile.component.mjs +3 -3
- package/esm2022/lib/components/oc-step/oc-step.component.mjs +3 -3
- package/esm2022/lib/components/oc-stepper/oc-stepper.component.mjs +3 -3
- package/esm2022/lib/components/oc-tab/oc-tab.component.mjs +3 -3
- package/esm2022/lib/components/oc-tabs/oc-tabs.component.mjs +3 -3
- package/esm2022/lib/components/oc-toast/oc-toast.component.mjs +3 -3
- package/esm2022/lib/components/oc-toggle/oc-toggle.component.mjs +3 -3
- package/esm2022/lib/directives/oc-tooltip/oc-tooltip.directive.mjs +3 -3
- package/esm2022/lib/otimus-library.component.mjs +3 -3
- package/esm2022/lib/otimus-library.service.mjs +3 -3
- package/esm2022/lib/services/internationalization.service.mjs +3 -3
- package/esm2022/lib/services/oc-toast.service.mjs +3 -3
- package/esm2022/lib/services/style-theme.service.mjs +3 -3
- package/fesm2022/otimus-library.mjs +84 -84
- package/package.json +9 -5
|
@@ -33,10 +33,10 @@ export class OcPaginationComponent {
|
|
|
33
33
|
this.ocPage = this.ocMaxPage;
|
|
34
34
|
this.ocGetPage.emit(this.ocPage);
|
|
35
35
|
}
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OcPaginationComponent, isStandalone: true, selector: "oc-pagination", inputs: { ocPage: "ocPage", ocMaxPage: "ocMaxPage" }, outputs: { ocGetPage: "ocGetPage" }, ngImport: i0, template: "<div class=\"oc-pagination\">\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 (click)=\"firstPage()\" [ngClass]=\"{\n disabled: ocPage === 1\n }\">\n <span class=\"material-symbols-outlined\">keyboard_double_arrow_left</span>\n </button>\n <button (click)=\"decrementPage()\" [ngClass]=\"{\n disabled: ocPage === 1\n }\">\n <span class=\"material-symbols-outlined\">navigate_before</span>\n </button>\n <button (click)=\"incrementPage()\" [ngClass]=\"{\n disabled: ocPage === ocMaxPage\n }\"> \n <span class=\"material-symbols-outlined\">navigate_next</span>\n </button>\n <button (click)=\"lastPage()\" [ngClass]=\"{\n disabled: ocPage === ocMaxPage\n }\"> \n <span class=\"material-symbols-outlined\">\n keyboard_double_arrow_right\n </span>\n </button>\n </div>\n</div>", 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}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
38
38
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcPaginationComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
41
|
args: [{ selector: 'oc-pagination', standalone: true, imports: [CommonModule], template: "<div class=\"oc-pagination\">\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 (click)=\"firstPage()\" [ngClass]=\"{\n disabled: ocPage === 1\n }\">\n <span class=\"material-symbols-outlined\">keyboard_double_arrow_left</span>\n </button>\n <button (click)=\"decrementPage()\" [ngClass]=\"{\n disabled: ocPage === 1\n }\">\n <span class=\"material-symbols-outlined\">navigate_before</span>\n </button>\n <button (click)=\"incrementPage()\" [ngClass]=\"{\n disabled: ocPage === ocMaxPage\n }\"> \n <span class=\"material-symbols-outlined\">navigate_next</span>\n </button>\n <button (click)=\"lastPage()\" [ngClass]=\"{\n disabled: ocPage === ocMaxPage\n }\"> \n <span class=\"material-symbols-outlined\">\n keyboard_double_arrow_right\n </span>\n </button>\n </div>\n</div>", 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}\n"] }]
|
|
42
42
|
}], propDecorators: { ocPage: [{
|
|
@@ -22,10 +22,10 @@ export class OcProfileComponent {
|
|
|
22
22
|
}
|
|
23
23
|
this.nameInitials = (firstLetter + lastLetter).toUpperCase();
|
|
24
24
|
}
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcProfileComponent, isStandalone: true, selector: "oc-profile", inputs: { ocUserName: "ocUserName", ocProfilePic: "ocProfilePic", ocSize: "ocSize" }, ngImport: i0, template: "<div class=\"oc-profile\"\n [ngClass]=\"{\n small: ocSize === 'small',\n tiny: ocSize === 'tiny',\n large: ocSize === 'large'\n }\"\n>\n <div class=\"content\">\n @if(ocProfilePic){\n <img [src]=\"ocProfilePic\" [alt]=\"ocUserName || 'Foto de perfil do usu\u00E1rio'\">\n }@else {\n <span>\n {{nameInitials}}\n </span>\n }\n </div>\n</div>", styles: [".oc-profile{transform:rotate(45deg);width:50px;height:50px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background-color:#5505a2;border-radius:.7rem;overflow:hidden}.oc-profile.small{width:40px;height:40px;border-radius:.55rem}.oc-profile.small .content{font-size:1.2rem}.oc-profile.tiny{width:30px;height:30px;border-radius:.4rem}.oc-profile.tiny .content{font-size:.9rem}.oc-profile.large{width:60px;height:60px}.oc-profile.large .content{font-size:2rem}.oc-profile .content{transform:rotate(-45deg);color:#f8f9ff;font-weight:500;font-size:1.5rem;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.oc-profile .content:hover img{transform:scale(2.1)}.oc-profile img{max-width:100%;max-height:100%;transform:scale(1.95);transition:.3s ease;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
27
27
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcProfileComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
30
|
args: [{ selector: 'oc-profile', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-profile\"\n [ngClass]=\"{\n small: ocSize === 'small',\n tiny: ocSize === 'tiny',\n large: ocSize === 'large'\n }\"\n>\n <div class=\"content\">\n @if(ocProfilePic){\n <img [src]=\"ocProfilePic\" [alt]=\"ocUserName || 'Foto de perfil do usu\u00E1rio'\">\n }@else {\n <span>\n {{nameInitials}}\n </span>\n }\n </div>\n</div>", styles: [".oc-profile{transform:rotate(45deg);width:50px;height:50px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background-color:#5505a2;border-radius:.7rem;overflow:hidden}.oc-profile.small{width:40px;height:40px;border-radius:.55rem}.oc-profile.small .content{font-size:1.2rem}.oc-profile.tiny{width:30px;height:30px;border-radius:.4rem}.oc-profile.tiny .content{font-size:.9rem}.oc-profile.large{width:60px;height:60px}.oc-profile.large .content{font-size:2rem}.oc-profile .content{transform:rotate(-45deg);color:#f8f9ff;font-weight:500;font-size:1.5rem;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.oc-profile .content:hover img{transform:scale(2.1)}.oc-profile img{max-width:100%;max-height:100%;transform:scale(1.95);transition:.3s ease;object-fit:cover}\n"] }]
|
|
31
31
|
}], propDecorators: { ocUserName: [{
|
|
@@ -25,10 +25,10 @@ export class OcStepComponent {
|
|
|
25
25
|
this.ocClick.emit();
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcStepComponent, deps: [{ token: i1.StyleThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcStepComponent, isStandalone: true, selector: "oc-step", inputs: { ocIsActive: "ocIsActive", ocTitle: "ocTitle", ocColor: "ocColor", ocCompleted: "ocCompleted", ocStyle: "ocStyle", selectStep: "selectStep" }, outputs: { ocClick: "ocClick" }, ngImport: i0, template: "<div class=\"oc-step\" (click)=\"\n handleStepClick(stepIndex)\n \" [ngClass]=\"{\n 'oc-not-selected': stepIndex !== selectedIndex,\n 'shui': ocStyle === 'shui',\n 'shui-step': ocStyle === 'shui'\n}\">\n <div class=\"left-side\">\n <div class=\"step-number\" [ngClass]=\"{\n 'oc-selected-p': selectedIndex === stepIndex && ocColor === 'purple',\n 'oc-selected-g': selectedIndex === stepIndex && ocColor === 'green',\n 'oc-purple': (stepIndex! <= selectedIndex || ocCompleted) && ocColor === 'purple',\n 'oc-green': (stepIndex! <= selectedIndex || ocCompleted) && ocColor === 'green'\n }\">\n <span>{{stepIndex! + 1}}</span>\n </div>\n <h2 [ngClass]=\"{\n 'oc-selected-p-title': selectedIndex === stepIndex && ocColor === 'purple',\n 'oc-selected-g-title': selectedIndex === stepIndex && ocColor === 'green',\n }\">{{ocTitle}}</h2>\n </div>\n <div class=\"oc-content\" [ngClass]=\"{\n 'expanded': ocIsActive,\n 'oc-prev-selected-p': (stepIndex! < selectedIndex || ocCompleted) && ocColor === 'purple',\n 'oc-prev-selected-g': (stepIndex! < selectedIndex || ocCompleted) && ocColor === 'green',\n 'oc-left-border': stepIndex !== lastIndex\n }\">\n @if (ocIsActive) {\n <ng-content></ng-content>\n }\n </div>\n</div>", styles: [".oc-step{border-left:2px;width:100%}.oc-step.oc-not-selected{cursor:pointer;transition:.15s ease;border-radius:1rem}.oc-step.oc-not-selected:hover{background-color:#f8f9ff}.left-side{display:flex;align-items:center;gap:1rem}.left-side h2{margin:0;font-size:1.5rem}.left-side .step-number{padding:2rem;background-color:#d1d5db;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:16px;transform:rotate(45deg)}.left-side .step-number.oc-purple{background-color:#5505a2}.left-side .step-number.oc-green{background-color:#00dda3}.left-side .step-number.oc-selected-p{box-shadow:0 0 16px #bb9cd9}.left-side .step-number.oc-selected-g{box-shadow:0 0 16px #94ffe3}.left-side .step-number span{transform:rotate(-45deg);color:#f8f9ff;font-size:1.5rem;font-weight:700}.oc-content{overflow:hidden;transition:padding .3s ease,opacity .3s ease;padding:1.5rem;margin-left:27px;width:100%}.oc-content.expanded{padding:1rem 2.9rem 2rem;opacity:1}.oc-content.oc-left-border{border-left:3px solid #d1d5db}.oc-content.oc-prev-selected-p{border-left:3px solid #661eab}.oc-content.oc-prev-selected-g{border-left:3px solid #1ae0ac}.oc-selected-p-title{color:#5505a2}.oc-selected-g-title{color:#00dda3}@media (max-width: 820px){.expanded{padding:0rem 1rem 2rem!important}}.shui-step .step-number{border-radius:100%!important;background-color:#0169b21a!important;border:5px solid white;box-shadow:none!important}.shui-step .step-number span{color:#0169b2!important}.shui-step .step-number span{font-size:2rem}.shui-step:hover{background-color:#f5f5f566}.shui-step:hover .step-number{border:5px solid #f5f5f5}.shui-step .oc-content.oc-left-border{border-left:5px solid #ebebeb!important}.shui-step .oc-content.expanded,.shui-step .oc-content.oc-prev-selected-p,.shui-step .oc-content.oc-prev-selected-g{border-left:5px solid rgba(1,105,178,.7)!important}.shui-step .oc-purple,.shui-step .oc-green,.shui-step .oc-selected-g,.shui-step .oc-selected-p{background-color:#0169b2!important}.shui-step .oc-purple span,.shui-step .oc-green span,.shui-step .oc-selected-g span,.shui-step .oc-selected-p span{color:#ebebeb!important}.shui-step h2{color:#0169b2;font-weight:500}.shui-step .oc-selected-p-title{color:#0169b2!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcStepComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
args: [{ selector: 'oc-step', standalone: true, imports: [CommonModule], template: "<div class=\"oc-step\" (click)=\"\n handleStepClick(stepIndex)\n \" [ngClass]=\"{\n 'oc-not-selected': stepIndex !== selectedIndex,\n 'shui': ocStyle === 'shui',\n 'shui-step': ocStyle === 'shui'\n}\">\n <div class=\"left-side\">\n <div class=\"step-number\" [ngClass]=\"{\n 'oc-selected-p': selectedIndex === stepIndex && ocColor === 'purple',\n 'oc-selected-g': selectedIndex === stepIndex && ocColor === 'green',\n 'oc-purple': (stepIndex! <= selectedIndex || ocCompleted) && ocColor === 'purple',\n 'oc-green': (stepIndex! <= selectedIndex || ocCompleted) && ocColor === 'green'\n }\">\n <span>{{stepIndex! + 1}}</span>\n </div>\n <h2 [ngClass]=\"{\n 'oc-selected-p-title': selectedIndex === stepIndex && ocColor === 'purple',\n 'oc-selected-g-title': selectedIndex === stepIndex && ocColor === 'green',\n }\">{{ocTitle}}</h2>\n </div>\n <div class=\"oc-content\" [ngClass]=\"{\n 'expanded': ocIsActive,\n 'oc-prev-selected-p': (stepIndex! < selectedIndex || ocCompleted) && ocColor === 'purple',\n 'oc-prev-selected-g': (stepIndex! < selectedIndex || ocCompleted) && ocColor === 'green',\n 'oc-left-border': stepIndex !== lastIndex\n }\">\n @if (ocIsActive) {\n <ng-content></ng-content>\n }\n </div>\n</div>", styles: [".oc-step{border-left:2px;width:100%}.oc-step.oc-not-selected{cursor:pointer;transition:.15s ease;border-radius:1rem}.oc-step.oc-not-selected:hover{background-color:#f8f9ff}.left-side{display:flex;align-items:center;gap:1rem}.left-side h2{margin:0;font-size:1.5rem}.left-side .step-number{padding:2rem;background-color:#d1d5db;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:16px;transform:rotate(45deg)}.left-side .step-number.oc-purple{background-color:#5505a2}.left-side .step-number.oc-green{background-color:#00dda3}.left-side .step-number.oc-selected-p{box-shadow:0 0 16px #bb9cd9}.left-side .step-number.oc-selected-g{box-shadow:0 0 16px #94ffe3}.left-side .step-number span{transform:rotate(-45deg);color:#f8f9ff;font-size:1.5rem;font-weight:700}.oc-content{overflow:hidden;transition:padding .3s ease,opacity .3s ease;padding:1.5rem;margin-left:27px;width:100%}.oc-content.expanded{padding:1rem 2.9rem 2rem;opacity:1}.oc-content.oc-left-border{border-left:3px solid #d1d5db}.oc-content.oc-prev-selected-p{border-left:3px solid #661eab}.oc-content.oc-prev-selected-g{border-left:3px solid #1ae0ac}.oc-selected-p-title{color:#5505a2}.oc-selected-g-title{color:#00dda3}@media (max-width: 820px){.expanded{padding:0rem 1rem 2rem!important}}.shui-step .step-number{border-radius:100%!important;background-color:#0169b21a!important;border:5px solid white;box-shadow:none!important}.shui-step .step-number span{color:#0169b2!important}.shui-step .step-number span{font-size:2rem}.shui-step:hover{background-color:#f5f5f566}.shui-step:hover .step-number{border:5px solid #f5f5f5}.shui-step .oc-content.oc-left-border{border-left:5px solid #ebebeb!important}.shui-step .oc-content.expanded,.shui-step .oc-content.oc-prev-selected-p,.shui-step .oc-content.oc-prev-selected-g{border-left:5px solid rgba(1,105,178,.7)!important}.shui-step .oc-purple,.shui-step .oc-green,.shui-step .oc-selected-g,.shui-step .oc-selected-p{background-color:#0169b2!important}.shui-step .oc-purple span,.shui-step .oc-green span,.shui-step .oc-selected-g span,.shui-step .oc-selected-p span{color:#ebebeb!important}.shui-step h2{color:#0169b2;font-weight:500}.shui-step .oc-selected-p-title{color:#0169b2!important}\n"] }]
|
|
34
34
|
}], ctorParameters: () => [{ type: i1.StyleThemeService }], propDecorators: { ocIsActive: [{
|
|
@@ -67,10 +67,10 @@ export class OcStepperComponent {
|
|
|
67
67
|
}
|
|
68
68
|
this.selectStep(this.ocCurrentIndex - 1);
|
|
69
69
|
}
|
|
70
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
71
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
70
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcStepperComponent, deps: [{ token: i1.StyleThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OcStepperComponent, isStandalone: true, selector: "oc-stepper", inputs: { ocAllowNavigation: "ocAllowNavigation", ocColor: "ocColor", ocCurrentIndex: "ocCurrentIndex", ocSaveCompletedSteps: "ocSaveCompletedSteps", ocStyle: "ocStyle" }, queries: [{ propertyName: "ocSteps", predicate: OcStepComponent }], ngImport: i0, template: "<div class=\"oc-stepper\">\n <ng-content></ng-content>\n</div>", styles: [".oc-stepper{display:flex;flex-direction:column;width:100%}.oc-stepper>*{width:100%!important}\n"] }); }
|
|
72
72
|
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcStepperComponent, decorators: [{
|
|
74
74
|
type: Component,
|
|
75
75
|
args: [{ selector: 'oc-stepper', standalone: true, imports: [], template: "<div class=\"oc-stepper\">\n <ng-content></ng-content>\n</div>", styles: [".oc-stepper{display:flex;flex-direction:column;width:100%}.oc-stepper>*{width:100%!important}\n"] }]
|
|
76
76
|
}], ctorParameters: () => [{ type: i1.StyleThemeService }], propDecorators: { ocSteps: [{
|
|
@@ -6,10 +6,10 @@ export class OcTabComponent {
|
|
|
6
6
|
this.ocIsActive = false;
|
|
7
7
|
this.tabIndex = 0;
|
|
8
8
|
}
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcTabComponent, isStandalone: true, selector: "oc-tab", inputs: { ocTitle: "ocTitle", ocIsActive: "ocIsActive" }, ngImport: i0, template: "@if (ocIsActive) {\n <ng-content></ng-content>\n}", styles: [""] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcTabComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'oc-tab', standalone: true, imports: [], template: "@if (ocIsActive) {\n <ng-content></ng-content>\n}" }]
|
|
15
15
|
}], propDecorators: { ocTitle: [{
|
|
@@ -25,10 +25,10 @@ export class OcTabsComponent {
|
|
|
25
25
|
handleTabClick() {
|
|
26
26
|
this.ocClick.emit();
|
|
27
27
|
}
|
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcTabsComponent, deps: [{ token: i1.StyleThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcTabsComponent, isStandalone: true, selector: "oc-tabs", inputs: { ocStyle: "ocStyle" }, outputs: { ocClick: "ocClick" }, queries: [{ propertyName: "ocTabs", predicate: OcTabComponent }], ngImport: i0, template: "<div class=\"oc-tabs\" [ngClass]=\"{\n shui: ocStyle === 'shui'\n}\">\n <div class=\"row\">\n @for(tab of ocTabs; track $index) {\n <button [ngClass]=\"{\n 'oc-selected': tab.tabIndex === activeTabIndex\n }\" class=\"oc-tab\" (click)=\"selectTab(tab.tabIndex); \n handleTabClick()\" type=\"button\">{{tab.ocTitle}}</button>\n }\n </div>\n <ng-content></ng-content>\n</div>", styles: [".oc-tabs .row{display:flex;gap:1px}.oc-tab{border:none;padding:.75rem 1.3rem;cursor:pointer;border-radius:8px 8px 0 0;background-color:transparent;border-bottom:2px solid #f7f7f7;transition:.15s ease;color:#7e8485}.oc-tab:hover{background-color:#f8f9ff}.oc-tab.oc-selected{border-bottom:2px solid #5505a2;background-color:#f8f9ff;color:#5505a2}.row{max-width:100%;transform:rotateX(180deg);overflow-x:auto}.row .oc-tab{transform:rotateX(180deg)}::-webkit-scrollbar{height:3px}.oc-tabs.shui .row{display:flex;gap:1rem}.oc-tabs.shui .oc-tab{border-bottom:3px solid transparent;font-weight:600;color:#00000080}.oc-tabs.shui .oc-tab:hover{background-color:transparent;border-bottom:3px solid #0169b2}.oc-tabs.shui .oc-tab.oc-selected{border-bottom:3px solid #0169b2;background-color:transparent;color:#00000080}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcTabsComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
args: [{ selector: 'oc-tabs', standalone: true, imports: [CommonModule], template: "<div class=\"oc-tabs\" [ngClass]=\"{\n shui: ocStyle === 'shui'\n}\">\n <div class=\"row\">\n @for(tab of ocTabs; track $index) {\n <button [ngClass]=\"{\n 'oc-selected': tab.tabIndex === activeTabIndex\n }\" class=\"oc-tab\" (click)=\"selectTab(tab.tabIndex); \n handleTabClick()\" type=\"button\">{{tab.ocTitle}}</button>\n }\n </div>\n <ng-content></ng-content>\n</div>", styles: [".oc-tabs .row{display:flex;gap:1px}.oc-tab{border:none;padding:.75rem 1.3rem;cursor:pointer;border-radius:8px 8px 0 0;background-color:transparent;border-bottom:2px solid #f7f7f7;transition:.15s ease;color:#7e8485}.oc-tab:hover{background-color:#f8f9ff}.oc-tab.oc-selected{border-bottom:2px solid #5505a2;background-color:#f8f9ff;color:#5505a2}.row{max-width:100%;transform:rotateX(180deg);overflow-x:auto}.row .oc-tab{transform:rotateX(180deg)}::-webkit-scrollbar{height:3px}.oc-tabs.shui .row{display:flex;gap:1rem}.oc-tabs.shui .oc-tab{border-bottom:3px solid transparent;font-weight:600;color:#00000080}.oc-tabs.shui .oc-tab:hover{background-color:transparent;border-bottom:3px solid #0169b2}.oc-tabs.shui .oc-tab.oc-selected{border-bottom:3px solid #0169b2;background-color:transparent;color:#00000080}\n"] }]
|
|
34
34
|
}], ctorParameters: () => [{ type: i1.StyleThemeService }], propDecorators: { ocTabs: [{
|
|
@@ -7,10 +7,10 @@ export class OcToastComponent {
|
|
|
7
7
|
constructor(toast) {
|
|
8
8
|
this.toast = toast;
|
|
9
9
|
}
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcToastComponent, deps: [{ token: i1.OcToastService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OcToastComponent, isStandalone: true, selector: "oc-toast", ngImport: i0, template: "<div\n class=\"toast\"\n [ngClass]=\"{\n 'close-toast': toast.currentToast.counter === 1,\n error: ['erro', 'error'].includes(toast.currentToast.status.toLowerCase()),\n success: ['sucesso', 'success', '\u00E9xito'].includes(toast.currentToast.status.toLowerCase()),\n loading: ['carregando', 'cargando', 'loading'].includes(toast.currentToast.status.toLowerCase()),\n animation: toast.currentToast.hasAnimation\n }\"\n *ngIf=\"toast.currentToast && toast.currentToast.counter > 0\"\n>\n <header>\n <ng-container [ngTemplateOutlet]=\"iconTemplate\"></ng-container>\n <h4 class=\"status\">\n {{ toast.currentToast.status[0].toUpperCase() + toast.currentToast.status.slice(1) }}\n </h4>\n <button (click)=\"toast.closeToast(toast.currentToast.id)\">\n <span class=\"material-symbols-outlined\">close</span>\n </button>\n </header>\n <p>{{ toast.currentToast.message }}</p>\n</div>\n\n<ng-template #iconTemplate>\n <span\n class=\"material-symbols-outlined\"\n *ngIf=\"['erro', 'error'].includes(toast.currentToast.status.toLowerCase())\"\n >error</span\n >\n\n <span\n class=\"material-symbols-outlined\"\n *ngIf=\"['sucesso', 'success', '\u00E9xito'].includes(toast.currentToast.status.toLowerCase())\"\n >check_circle</span\n >\n\n <span\n class=\"material-symbols-outlined\"\n *ngIf=\"['information', 'informa\u00E7\u00E3o', 'informaci\u00F3n'].includes(toast.currentToast.status.toLowerCase())\"\n >info</span\n >\n\n <svg *ngIf=\"['carregando', 'cargando', 'loading'].includes(toast.currentToast.status.toLowerCase())\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><style>rect{fill:#00DDA3}.spinner_zWVm{animation:spinner_5QiW 1.2s linear infinite,spinner_PnZo 1.2s linear infinite}.spinner_gfyD{animation:spinner_5QiW 1.2s linear infinite,spinner_4j7o 1.2s linear infinite;animation-delay:.1s}.spinner_T5JJ{animation:spinner_5QiW 1.2s linear infinite,spinner_fLK4 1.2s linear infinite;animation-delay:.1s}.spinner_E3Wz{animation:spinner_5QiW 1.2s linear infinite,spinner_tDji 1.2s linear infinite;animation-delay:.2s}.spinner_g2vs{animation:spinner_5QiW 1.2s linear infinite,spinner_CMiT 1.2s linear infinite;animation-delay:.2s}.spinner_ctYB{animation:spinner_5QiW 1.2s linear infinite,spinner_cHKR 1.2s linear infinite;animation-delay:.2s}.spinner_BDNj{animation:spinner_5QiW 1.2s linear infinite,spinner_Re6e 1.2s linear infinite;animation-delay:.3s}.spinner_rCw3{animation:spinner_5QiW 1.2s linear infinite,spinner_EJmJ 1.2s linear infinite;animation-delay:.3s}.spinner_Rszm{animation:spinner_5QiW 1.2s linear infinite,spinner_YJOP 1.2s linear infinite;animation-delay:.4s}@keyframes spinner_5QiW{0%,50%{width:7.33px;height:7.33px}25%{width:1.33px;height:1.33px}}@keyframes spinner_PnZo{0%,50%{x:1px;y:1px}25%{x:4px;y:4px}}@keyframes spinner_4j7o{0%,50%{x:8.33px;y:1px}25%{x:11.33px;y:4px}}@keyframes spinner_fLK4{0%,50%{x:1px;y:8.33px}25%{x:4px;y:11.33px}}@keyframes spinner_tDji{0%,50%{x:15.66px;y:1px}25%{x:18.66px;y:4px}}@keyframes spinner_CMiT{0%,50%{x:8.33px;y:8.33px}25%{x:11.33px;y:11.33px}}@keyframes spinner_cHKR{0%,50%{x:1px;y:15.66px}25%{x:4px;y:18.66px}}@keyframes spinner_Re6e{0%,50%{x:15.66px;y:8.33px}25%{x:18.66px;y:11.33px}}@keyframes spinner_EJmJ{0%,50%{x:8.33px;y:15.66px}25%{x:11.33px;y:18.66px}}@keyframes spinner_YJOP{0%,50%{x:15.66px;y:15.66px}25%{x:18.66px;y:18.66px}}</style><rect class=\"spinner_zWVm\" x=\"1\" y=\"1\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_gfyD\" x=\"8.33\" y=\"1\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_T5JJ\" x=\"1\" y=\"8.33\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_E3Wz\" x=\"15.66\" y=\"1\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_g2vs\" x=\"8.33\" y=\"8.33\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_ctYB\" x=\"1\" y=\"15.66\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_BDNj\" x=\"15.66\" y=\"8.33\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_rCw3\" x=\"8.33\" y=\"15.66\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_Rszm\" x=\"15.66\" y=\"15.66\" width=\"7.33\" height=\"7.33\"/></svg>\n \n\n</ng-template>\n", styles: [".toast{position:fixed;bottom:30px;right:30px;width:370px!important;min-height:116px!important;display:flex;flex-direction:column;justify-content:space-between;border-radius:17px;padding:1rem 1rem 1.5rem;box-shadow:8px 16px 32px #0000004d;background-color:#fff;z-index:50}.toast p{color:#625270;font-size:13px}.toast>header{color:#5505a2;display:flex;align-items:center;gap:.5rem}.toast>header>button{position:absolute;right:20px;border:none;background-color:transparent;color:#d1d5db;padding:10px 0 10px 10px;cursor:pointer;transition:.3s ease}.toast>header>button:hover{color:#ed3a3a}.toast>header>.icon{border:4px solid #5505a2;border-radius:50%;width:30px;height:30px}.toast>header h4{margin:0;padding:0;font-size:20px}.animation{animation:show-up .5s ease}.error>header{color:#ed3a3a}.error>header h4{color:#ed3a3a}.success>header{color:#4ab858}.success>header h4{color:#4ab858}.loading>header h4{color:#786b84}.loading>header>img,.loading>header svg{transform:rotate(45deg)}.close-toast{animation:close 1.1s ease}@keyframes show-up{0%{opacity:0;transform:translateY(100vw)}to{opacity:1;transform:translate(0)}}@keyframes close{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100vw)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcToastComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ selector: 'oc-toast', standalone: true, imports: [CommonModule], template: "<div\n class=\"toast\"\n [ngClass]=\"{\n 'close-toast': toast.currentToast.counter === 1,\n error: ['erro', 'error'].includes(toast.currentToast.status.toLowerCase()),\n success: ['sucesso', 'success', '\u00E9xito'].includes(toast.currentToast.status.toLowerCase()),\n loading: ['carregando', 'cargando', 'loading'].includes(toast.currentToast.status.toLowerCase()),\n animation: toast.currentToast.hasAnimation\n }\"\n *ngIf=\"toast.currentToast && toast.currentToast.counter > 0\"\n>\n <header>\n <ng-container [ngTemplateOutlet]=\"iconTemplate\"></ng-container>\n <h4 class=\"status\">\n {{ toast.currentToast.status[0].toUpperCase() + toast.currentToast.status.slice(1) }}\n </h4>\n <button (click)=\"toast.closeToast(toast.currentToast.id)\">\n <span class=\"material-symbols-outlined\">close</span>\n </button>\n </header>\n <p>{{ toast.currentToast.message }}</p>\n</div>\n\n<ng-template #iconTemplate>\n <span\n class=\"material-symbols-outlined\"\n *ngIf=\"['erro', 'error'].includes(toast.currentToast.status.toLowerCase())\"\n >error</span\n >\n\n <span\n class=\"material-symbols-outlined\"\n *ngIf=\"['sucesso', 'success', '\u00E9xito'].includes(toast.currentToast.status.toLowerCase())\"\n >check_circle</span\n >\n\n <span\n class=\"material-symbols-outlined\"\n *ngIf=\"['information', 'informa\u00E7\u00E3o', 'informaci\u00F3n'].includes(toast.currentToast.status.toLowerCase())\"\n >info</span\n >\n\n <svg *ngIf=\"['carregando', 'cargando', 'loading'].includes(toast.currentToast.status.toLowerCase())\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><style>rect{fill:#00DDA3}.spinner_zWVm{animation:spinner_5QiW 1.2s linear infinite,spinner_PnZo 1.2s linear infinite}.spinner_gfyD{animation:spinner_5QiW 1.2s linear infinite,spinner_4j7o 1.2s linear infinite;animation-delay:.1s}.spinner_T5JJ{animation:spinner_5QiW 1.2s linear infinite,spinner_fLK4 1.2s linear infinite;animation-delay:.1s}.spinner_E3Wz{animation:spinner_5QiW 1.2s linear infinite,spinner_tDji 1.2s linear infinite;animation-delay:.2s}.spinner_g2vs{animation:spinner_5QiW 1.2s linear infinite,spinner_CMiT 1.2s linear infinite;animation-delay:.2s}.spinner_ctYB{animation:spinner_5QiW 1.2s linear infinite,spinner_cHKR 1.2s linear infinite;animation-delay:.2s}.spinner_BDNj{animation:spinner_5QiW 1.2s linear infinite,spinner_Re6e 1.2s linear infinite;animation-delay:.3s}.spinner_rCw3{animation:spinner_5QiW 1.2s linear infinite,spinner_EJmJ 1.2s linear infinite;animation-delay:.3s}.spinner_Rszm{animation:spinner_5QiW 1.2s linear infinite,spinner_YJOP 1.2s linear infinite;animation-delay:.4s}@keyframes spinner_5QiW{0%,50%{width:7.33px;height:7.33px}25%{width:1.33px;height:1.33px}}@keyframes spinner_PnZo{0%,50%{x:1px;y:1px}25%{x:4px;y:4px}}@keyframes spinner_4j7o{0%,50%{x:8.33px;y:1px}25%{x:11.33px;y:4px}}@keyframes spinner_fLK4{0%,50%{x:1px;y:8.33px}25%{x:4px;y:11.33px}}@keyframes spinner_tDji{0%,50%{x:15.66px;y:1px}25%{x:18.66px;y:4px}}@keyframes spinner_CMiT{0%,50%{x:8.33px;y:8.33px}25%{x:11.33px;y:11.33px}}@keyframes spinner_cHKR{0%,50%{x:1px;y:15.66px}25%{x:4px;y:18.66px}}@keyframes spinner_Re6e{0%,50%{x:15.66px;y:8.33px}25%{x:18.66px;y:11.33px}}@keyframes spinner_EJmJ{0%,50%{x:8.33px;y:15.66px}25%{x:11.33px;y:18.66px}}@keyframes spinner_YJOP{0%,50%{x:15.66px;y:15.66px}25%{x:18.66px;y:18.66px}}</style><rect class=\"spinner_zWVm\" x=\"1\" y=\"1\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_gfyD\" x=\"8.33\" y=\"1\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_T5JJ\" x=\"1\" y=\"8.33\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_E3Wz\" x=\"15.66\" y=\"1\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_g2vs\" x=\"8.33\" y=\"8.33\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_ctYB\" x=\"1\" y=\"15.66\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_BDNj\" x=\"15.66\" y=\"8.33\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_rCw3\" x=\"8.33\" y=\"15.66\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_Rszm\" x=\"15.66\" y=\"15.66\" width=\"7.33\" height=\"7.33\"/></svg>\n \n\n</ng-template>\n", styles: [".toast{position:fixed;bottom:30px;right:30px;width:370px!important;min-height:116px!important;display:flex;flex-direction:column;justify-content:space-between;border-radius:17px;padding:1rem 1rem 1.5rem;box-shadow:8px 16px 32px #0000004d;background-color:#fff;z-index:50}.toast p{color:#625270;font-size:13px}.toast>header{color:#5505a2;display:flex;align-items:center;gap:.5rem}.toast>header>button{position:absolute;right:20px;border:none;background-color:transparent;color:#d1d5db;padding:10px 0 10px 10px;cursor:pointer;transition:.3s ease}.toast>header>button:hover{color:#ed3a3a}.toast>header>.icon{border:4px solid #5505a2;border-radius:50%;width:30px;height:30px}.toast>header h4{margin:0;padding:0;font-size:20px}.animation{animation:show-up .5s ease}.error>header{color:#ed3a3a}.error>header h4{color:#ed3a3a}.success>header{color:#4ab858}.success>header h4{color:#4ab858}.loading>header h4{color:#786b84}.loading>header>img,.loading>header svg{transform:rotate(45deg)}.close-toast{animation:close 1.1s ease}@keyframes show-up{0%{opacity:0;transform:translateY(100vw)}to{opacity:1;transform:translate(0)}}@keyframes close{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100vw)}}\n"] }]
|
|
16
16
|
}], ctorParameters: () => [{ type: i1.OcToastService }] });
|
|
@@ -18,10 +18,10 @@ export class OcToggleComponent {
|
|
|
18
18
|
toggleChecked() {
|
|
19
19
|
this.ocChecked = !this.ocChecked;
|
|
20
20
|
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OcToggleComponent, isStandalone: true, selector: "oc-toggle", inputs: { ocChecked: "ocChecked", ocColor: "ocColor" }, outputs: { ocCheckedChange: "ocCheckedChange" }, ngImport: i0, template: "<label class=\"switch\">\n <input [checked]=\"ocChecked\" (click)=\"toggleChecked()\" type=\"checkbox\">\n <span class=\"slider round\" [ngClass]=\"[ocColor]\"></span>\n</label>", styles: [".switch{position:relative;display:inline-block;width:60px;height:33px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;box-shadow:0 0 20px #00dda32b;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border:1px solid #ffffff}.slider:before{position:absolute;content:\"\";height:26px;width:26px;left:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;bottom:2.5px}input:checked+.slider.purple{background-color:#5505a2}input:checked+.slider.green{background-color:#00dda3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(25px);-ms-transform:translateX(25px);transform:translate(25px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcToggleComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{ selector: 'oc-toggle', standalone: true, imports: [CommonModule], template: "<label class=\"switch\">\n <input [checked]=\"ocChecked\" (click)=\"toggleChecked()\" type=\"checkbox\">\n <span class=\"slider round\" [ngClass]=\"[ocColor]\"></span>\n</label>", styles: [".switch{position:relative;display:inline-block;width:60px;height:33px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;box-shadow:0 0 20px #00dda32b;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border:1px solid #ffffff}.slider:before{position:absolute;content:\"\";height:26px;width:26px;left:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;bottom:2.5px}input:checked+.slider.purple{background-color:#5505a2}input:checked+.slider.green{background-color:#00dda3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(25px);-ms-transform:translateX(25px);transform:translate(25px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}\n"] }]
|
|
27
27
|
}], propDecorators: { ocChecked: [{
|
|
@@ -91,10 +91,10 @@ export class OcTooltipDirective {
|
|
|
91
91
|
}
|
|
92
92
|
this.mouseingInterval = null;
|
|
93
93
|
}
|
|
94
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
95
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.
|
|
94
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
95
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: OcTooltipDirective, isStandalone: true, selector: "[ocTooltip]", inputs: { content: "content", side: "side" }, host: { listeners: { "mouseover": "onMouseOver($event)", "mousemove": "onMouseMove($event)", "mouseout": "onMouseOut()" } }, ngImport: i0 }); }
|
|
96
96
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcTooltipDirective, decorators: [{
|
|
98
98
|
type: Directive,
|
|
99
99
|
args: [{
|
|
100
100
|
selector: '[ocTooltip]',
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class OtimusLibraryComponent {
|
|
4
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtimusLibraryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OtimusLibraryComponent, isStandalone: true, selector: "lib-otimus-library", ngImport: i0, template: `
|
|
6
6
|
<p>
|
|
7
7
|
otimus-library works!
|
|
8
8
|
</p>
|
|
9
9
|
`, isInline: true, styles: [""] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtimusLibraryComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'lib-otimus-library', standalone: true, imports: [], template: `
|
|
14
14
|
<p>
|
|
@@ -2,10 +2,10 @@ import { Injectable } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class OtimusLibraryService {
|
|
4
4
|
constructor() { }
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
6
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtimusLibraryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtimusLibraryService, providedIn: 'root' }); }
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtimusLibraryService, decorators: [{
|
|
9
9
|
type: Injectable,
|
|
10
10
|
args: [{
|
|
11
11
|
providedIn: 'root'
|
|
@@ -56,10 +56,10 @@ export class InternationalizationService {
|
|
|
56
56
|
setLanguages(translations) {
|
|
57
57
|
localStorage.setItem('@oc-lib-lang_words', JSON.stringify(translations));
|
|
58
58
|
}
|
|
59
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
60
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.
|
|
59
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternationalizationService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
60
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternationalizationService, providedIn: 'root' }); }
|
|
61
61
|
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternationalizationService, decorators: [{
|
|
63
63
|
type: Injectable,
|
|
64
64
|
args: [{
|
|
65
65
|
providedIn: 'root'
|
|
@@ -68,10 +68,10 @@ export class OcToastService {
|
|
|
68
68
|
}
|
|
69
69
|
}, 1000);
|
|
70
70
|
}
|
|
71
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
72
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.
|
|
71
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
72
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcToastService, providedIn: 'root' }); }
|
|
73
73
|
}
|
|
74
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcToastService, decorators: [{
|
|
75
75
|
type: Injectable,
|
|
76
76
|
args: [{
|
|
77
77
|
providedIn: 'root'
|
|
@@ -9,10 +9,10 @@ export class StyleThemeService {
|
|
|
9
9
|
}
|
|
10
10
|
return localStorageTheme;
|
|
11
11
|
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
13
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StyleThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
13
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StyleThemeService, providedIn: 'root' }); }
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StyleThemeService, decorators: [{
|
|
16
16
|
type: Injectable,
|
|
17
17
|
args: [{
|
|
18
18
|
providedIn: 'root',
|