otimus-library 0.2.78 → 0.2.81
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/README.md +26 -26
- package/esm2022/lib/components/oc-accordion/oc-accordion.component.mjs +5 -5
- package/esm2022/lib/components/oc-accordion-item/oc-accordion-item.component.mjs +5 -5
- package/esm2022/lib/components/oc-autocomplete/oc-autocomplete.component.mjs +5 -5
- package/esm2022/lib/components/oc-badge/oc-badge.component.mjs +5 -5
- package/esm2022/lib/components/oc-button-menu/oc-button-menu.component.mjs +42 -0
- package/esm2022/lib/components/oc-checkbox/oc-checkbox.component.mjs +6 -6
- package/esm2022/lib/components/oc-chip/oc-chip.component.mjs +5 -5
- package/esm2022/lib/components/oc-date-select/data/months.json +44 -0
- package/esm2022/lib/components/oc-date-select/oc-date-select.component.mjs +97 -0
- package/esm2022/lib/components/oc-filter/oc-filter.component.mjs +5 -5
- package/esm2022/lib/components/oc-input/oc-input.component.mjs +5 -5
- package/esm2022/lib/components/oc-key-value/oc-key-value.component.mjs +5 -5
- package/esm2022/lib/components/oc-log/oc-log.component.mjs +5 -5
- package/esm2022/lib/components/oc-menu/oc-menu.component.mjs +5 -5
- package/esm2022/lib/components/oc-message/oc-message.component.mjs +5 -5
- package/esm2022/lib/components/oc-modal/oc-modal.component.mjs +5 -5
- package/esm2022/lib/components/oc-modal-footer/oc-modal-footer.component.mjs +5 -5
- package/esm2022/lib/components/oc-not-found/oc-not-found.component.mjs +5 -5
- package/esm2022/lib/components/oc-pagination/oc-pagination.component.mjs +5 -5
- package/esm2022/lib/components/oc-profile/oc-profile.component.mjs +5 -5
- package/esm2022/lib/components/oc-step/oc-step.component.mjs +5 -5
- package/esm2022/lib/components/oc-stepper/oc-stepper.component.mjs +5 -5
- package/esm2022/lib/components/oc-tab/oc-tab.component.mjs +5 -5
- package/esm2022/lib/components/oc-tabs/oc-tabs.component.mjs +5 -5
- package/esm2022/lib/components/oc-toast/oc-toast.component.mjs +5 -5
- package/esm2022/lib/components/oc-toggle/oc-toggle.component.mjs +5 -5
- package/esm2022/lib/directives/oc-tooltip/oc-tooltip.directive.mjs +4 -4
- package/esm2022/lib/interfaces/oc-autocomplete.mjs +1 -1
- package/esm2022/lib/interfaces/oc-menu.mjs +1 -1
- package/esm2022/lib/interfaces/oc-style-theme.mjs +1 -1
- package/esm2022/lib/interfaces/oc-toast.mjs +1 -1
- package/esm2022/lib/otimus-library.component.mjs +11 -11
- package/esm2022/lib/otimus-library.service.mjs +4 -4
- package/esm2022/lib/services/internationalization.service.mjs +4 -4
- package/esm2022/lib/services/oc-toast.service.mjs +4 -4
- package/esm2022/lib/services/style-theme.service.mjs +4 -4
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/otimus-library.mjs +298 -119
- package/fesm2022/otimus-library.mjs.map +1 -1
- package/lib/components/oc-button-menu/oc-button-menu.component.d.ts +13 -0
- package/lib/components/oc-date-select/oc-date-select.component.d.ts +23 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- package/styles/colors.scss +70 -70
- package/styles/components/buttons/buttons.scss +225 -225
- package/styles/components/buttons/buttons.shui.scss +61 -61
- package/styles/components/index.scss +2 -2
- package/styles/components/inputs/inputs.scss +248 -248
- package/styles/components/inputs/inputs.shui.scss +212 -212
- package/styles/components/table/table.scss +98 -98
- package/styles/components/table/table.shui.scss +50 -50
- package/styles/components/tooltip.scss +26 -26
- package/styles/grid.scss +1122 -1122
- package/styles/patterns/shui/colors.shui.scss +154 -154
- package/styles/patterns/shui/fonts.shui.scss +65 -65
- package/styles/patterns/shui/index.shui.scss +24 -24
- package/styles/patterns/shui/variables.shui.scss +23 -23
- package/styles/states.scss +5 -5
- package/styles/styles.scss +46 -46
- package/styles/variables.scss +47 -47
|
@@ -33,12 +33,12 @@ 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.12", ngImport: i0, type: OcPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: OcPaginationComponent, isStandalone: true, selector: "oc-pagination", inputs: { ocPage: "ocPage", ocMaxPage: "ocMaxPage" }, outputs: { ocGetPage: "ocGetPage" }, ngImport: i0, template: "<div class=\"oc-pagination\">\r\n <p class=\"oc-pagination-text\">\r\n P\u00E1gina\r\n <span>{{ocPage}}</span> \r\n de\r\n <span>{{ocMaxPage}}</span>\r\n </p>\r\n <div class=\"oc-pagination-buttons\">\r\n <button (click)=\"firstPage()\" [ngClass]=\"{\r\n disabled: ocPage === 1\r\n }\">\r\n <span class=\"material-symbols-outlined\">keyboard_double_arrow_left</span>\r\n </button>\r\n <button (click)=\"decrementPage()\" [ngClass]=\"{\r\n disabled: ocPage === 1\r\n }\">\r\n <span class=\"material-symbols-outlined\">navigate_before</span>\r\n </button>\r\n <button (click)=\"incrementPage()\" [ngClass]=\"{\r\n disabled: ocPage === ocMaxPage\r\n }\"> \r\n <span class=\"material-symbols-outlined\">navigate_next</span>\r\n </button>\r\n <button (click)=\"lastPage()\" [ngClass]=\"{\r\n disabled: ocPage === ocMaxPage\r\n }\"> \r\n <span class=\"material-symbols-outlined\">\r\n keyboard_double_arrow_right\r\n </span>\r\n </button>\r\n </div>\r\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.12", ngImport: i0, type: OcPaginationComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
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"] }]
|
|
41
|
+
args: [{ selector: 'oc-pagination', standalone: true, imports: [CommonModule], template: "<div class=\"oc-pagination\">\r\n <p class=\"oc-pagination-text\">\r\n P\u00E1gina\r\n <span>{{ocPage}}</span> \r\n de\r\n <span>{{ocMaxPage}}</span>\r\n </p>\r\n <div class=\"oc-pagination-buttons\">\r\n <button (click)=\"firstPage()\" [ngClass]=\"{\r\n disabled: ocPage === 1\r\n }\">\r\n <span class=\"material-symbols-outlined\">keyboard_double_arrow_left</span>\r\n </button>\r\n <button (click)=\"decrementPage()\" [ngClass]=\"{\r\n disabled: ocPage === 1\r\n }\">\r\n <span class=\"material-symbols-outlined\">navigate_before</span>\r\n </button>\r\n <button (click)=\"incrementPage()\" [ngClass]=\"{\r\n disabled: ocPage === ocMaxPage\r\n }\"> \r\n <span class=\"material-symbols-outlined\">navigate_next</span>\r\n </button>\r\n <button (click)=\"lastPage()\" [ngClass]=\"{\r\n disabled: ocPage === ocMaxPage\r\n }\"> \r\n <span class=\"material-symbols-outlined\">\r\n keyboard_double_arrow_right\r\n </span>\r\n </button>\r\n </div>\r\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: [{
|
|
43
43
|
type: Input
|
|
44
44
|
}], ocMaxPage: [{
|
|
@@ -46,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
46
46
|
}], ocGetPage: [{
|
|
47
47
|
type: Output
|
|
48
48
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtcGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2MtcGFnaW5hdGlvbi9vYy1wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1wYWdpbmF0aW9uL29jLXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVMvRSxNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUVcsV0FBTSxHQUFXLENBQUMsQ0FBQTtRQUVqQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQTtLQWdDakQ7SUE5QkMsUUFBUTtRQUNOLElBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUztZQUFFLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQTtJQUNsRCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFBO1FBRWYsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFBO0lBQ2xDLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBRyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUM7WUFBRSxPQUFNO1FBQzNCLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQTtRQUViLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUNsQyxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLFNBQVM7WUFBRSxPQUFNO1FBQzNELElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQTtRQUViLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUNsQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUztZQUFFLE9BQU07UUFDMUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFBO1FBRTVCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUNsQyxDQUFDOytHQWxDVSxxQkFBcUI7bUdBQXJCLHFCQUFxQixvS0NWbEMscWlDQStCTSwwZ0NEekJNLFlBQVk7OzRGQUlYLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQUtkLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ29jLXBhZ2luYXRpb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL29jLXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9vYy1wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgT2NQYWdpbmF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0e1xyXG4gIEBJbnB1dCgpIG9jUGFnZTogbnVtYmVyID0gMVxyXG4gIEBJbnB1dCgpIG9jTWF4UGFnZT86IG51bWJlclxyXG4gIEBPdXRwdXQoKSBvY0dldFBhZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKVxyXG4gIFxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYoIXRoaXMub2NNYXhQYWdlKSB0aGlzLm9jTWF4UGFnZSA9IHRoaXMub2NQYWdlXHJcbiAgfVxyXG5cclxuICBmaXJzdFBhZ2UoKSB7XHJcbiAgICB0aGlzLm9jUGFnZSA9IDFcclxuICAgIFxyXG4gICAgdGhpcy5vY0dldFBhZ2UuZW1pdCh0aGlzLm9jUGFnZSlcclxuICB9XHJcblxyXG4gIGRlY3JlbWVudFBhZ2UoKSB7XHJcbiAgICBpZih0aGlzLm9jUGFnZSA8PSAxKSByZXR1cm5cclxuICAgIHRoaXMub2NQYWdlLS1cclxuICAgIFxyXG4gICAgdGhpcy5vY0dldFBhZ2UuZW1pdCh0aGlzLm9jUGFnZSlcclxuICB9XHJcblxyXG4gIGluY3JlbWVudFBhZ2UoKSB7XHJcbiAgICBpZighdGhpcy5vY01heFBhZ2UgfHwgdGhpcy5vY1BhZ2UgPj0gdGhpcy5vY01heFBhZ2UpIHJldHVyblxyXG4gICAgdGhpcy5vY1BhZ2UrK1xyXG4gICAgXHJcbiAgICB0aGlzLm9jR2V0UGFnZS5lbWl0KHRoaXMub2NQYWdlKVxyXG4gIH1cclxuXHJcbiAgbGFzdFBhZ2UoKSB7XHJcbiAgICBpZighdGhpcy5vY01heFBhZ2UpIHJldHVyblxyXG4gICAgdGhpcy5vY1BhZ2UgPSB0aGlzLm9jTWF4UGFnZVxyXG4gICAgXHJcbiAgICB0aGlzLm9jR2V0UGFnZS5lbWl0KHRoaXMub2NQYWdlKVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwib2MtcGFnaW5hdGlvblwiPlxyXG4gIDxwIGNsYXNzPVwib2MtcGFnaW5hdGlvbi10ZXh0XCI+XHJcbiAgICBQw6FnaW5hXHJcbiAgICA8c3Bhbj57e29jUGFnZX19PC9zcGFuPiBcclxuICAgICAgZGVcclxuICAgIDxzcGFuPnt7b2NNYXhQYWdlfX08L3NwYW4+XHJcbiAgPC9wPlxyXG4gIDxkaXYgY2xhc3M9XCJvYy1wYWdpbmF0aW9uLWJ1dHRvbnNcIj5cclxuICAgIDxidXR0b24gKGNsaWNrKT1cImZpcnN0UGFnZSgpXCIgW25nQ2xhc3NdPVwie1xyXG4gICAgICBkaXNhYmxlZDogb2NQYWdlID09PSAxXHJcbiAgICB9XCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPmtleWJvYXJkX2RvdWJsZV9hcnJvd19sZWZ0PC9zcGFuPlxyXG4gICAgPC9idXR0b24+XHJcbiAgICA8YnV0dG9uIChjbGljayk9XCJkZWNyZW1lbnRQYWdlKClcIiBbbmdDbGFzc109XCJ7XHJcbiAgICAgIGRpc2FibGVkOiBvY1BhZ2UgPT09IDFcclxuICAgIH1cIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCI+bmF2aWdhdGVfYmVmb3JlPC9zcGFuPlxyXG4gICAgPC9idXR0b24+XHJcbiAgICA8YnV0dG9uIChjbGljayk9XCJpbmNyZW1lbnRQYWdlKClcIiBbbmdDbGFzc109XCJ7XHJcbiAgICAgIGRpc2FibGVkOiBvY1BhZ2UgPT09IG9jTWF4UGFnZVxyXG4gICAgfVwiPiBcclxuICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCI+bmF2aWdhdGVfbmV4dDwvc3Bhbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPGJ1dHRvbiAoY2xpY2spPVwibGFzdFBhZ2UoKVwiIFtuZ0NsYXNzXT1cIntcclxuICAgICAgZGlzYWJsZWQ6IG9jUGFnZSA9PT0gb2NNYXhQYWdlXHJcbiAgICB9XCI+IFxyXG4gICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIj5cclxuICAgICAgICBrZXlib2FyZF9kb3VibGVfYXJyb3dfcmlnaHRcclxuICAgICAgPC9zcGFuPlxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -22,12 +22,12 @@ 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.12", ngImport: i0, type: OcProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: OcProfileComponent, isStandalone: true, selector: "oc-profile", inputs: { ocUserName: "ocUserName", ocProfilePic: "ocProfilePic", ocSize: "ocSize" }, ngImport: i0, template: "<div class=\"oc-profile\"\r\n [ngClass]=\"{\r\n small: ocSize === 'small',\r\n tiny: ocSize === 'tiny',\r\n large: ocSize === 'large'\r\n }\"\r\n>\r\n <div class=\"content\">\r\n @if(ocProfilePic){\r\n <img [src]=\"ocProfilePic\" [alt]=\"ocUserName || 'Foto de perfil do usu\u00E1rio'\">\r\n }@else {\r\n <span>\r\n {{nameInitials}}\r\n </span>\r\n }\r\n </div>\r\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.12", ngImport: i0, type: OcProfileComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
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"] }]
|
|
30
|
+
args: [{ selector: 'oc-profile', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-profile\"\r\n [ngClass]=\"{\r\n small: ocSize === 'small',\r\n tiny: ocSize === 'tiny',\r\n large: ocSize === 'large'\r\n }\"\r\n>\r\n <div class=\"content\">\r\n @if(ocProfilePic){\r\n <img [src]=\"ocProfilePic\" [alt]=\"ocUserName || 'Foto de perfil do usu\u00E1rio'\">\r\n }@else {\r\n <span>\r\n {{nameInitials}}\r\n </span>\r\n }\r\n </div>\r\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: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}], ocProfilePic: [{
|
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
35
35
|
}], ocSize: [{
|
|
36
36
|
type: Input
|
|
37
37
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtcHJvZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2MtcHJvZmlsZS9vYy1wcm9maWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1wcm9maWxlL29jLXByb2ZpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVNUUsTUFBTSxPQUFPLGtCQUFrQjtJQVIvQjtRQVdXLFdBQU0sR0FBMEMsUUFBUSxDQUFBO1FBQ2pFLGlCQUFZLEdBQVcsRUFBRSxDQUFBO0tBc0IxQjtJQXBCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFBO0lBQ3BCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBRyxDQUFDLElBQUksQ0FBQyxVQUFVO1lBQUUsT0FBTTtRQUUzQixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQTtRQUVoRCxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDdEMsSUFBSSxVQUFVLEdBQUcsRUFBRSxDQUFBO1FBRW5CLE1BQU0sUUFBUSxHQUFHLFlBQVksQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFBO1FBRXRELElBQUcsWUFBWSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksUUFBUSxFQUFDLENBQUM7WUFDdEMsVUFBVSxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQTtRQUMxQixDQUFDO1FBRUQsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQTtJQUM5RCxDQUFDOytHQXpCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw0SkNYL0IsaWFBZ0JNLDQzQkRWTSxZQUFZOzs0RkFLWCxrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdvYy1wcm9maWxlJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9vYy1wcm9maWxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vb2MtcHJvZmlsZS5jb21wb25lbnQuc2NzcycsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgT2NQcm9maWxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBvY1VzZXJOYW1lPzogc3RyaW5nXHJcbiAgQElucHV0KCkgb2NQcm9maWxlUGljPzogc3RyaW5nXHJcbiAgQElucHV0KCkgb2NTaXplOiAnbGFyZ2UnIHwgJ21lZGl1bScgfCAnc21hbGwnIHwgJ3RpbnknID0gJ21lZGl1bSdcclxuICBuYW1lSW5pdGlhbHM6IHN0cmluZyA9ICcnXHJcbiAgXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmdldEluaXRpYWxzKClcclxuICB9XHJcblxyXG4gIGdldEluaXRpYWxzKCkge1xyXG4gICAgaWYoIXRoaXMub2NVc2VyTmFtZSkgcmV0dXJuXHJcblxyXG4gICAgY29uc3Qgc3BsaXR0ZWROYW1lID0gdGhpcy5vY1VzZXJOYW1lPy5zcGxpdCgnICcpXHJcblxyXG4gICAgY29uc3QgZmlyc3RMZXR0ZXIgPSBzcGxpdHRlZE5hbWVbMF1bMF1cclxuICAgIGxldCBsYXN0TGV0dGVyID0gJydcclxuICAgIFxyXG4gICAgY29uc3QgbGFzdE5hbWUgPSBzcGxpdHRlZE5hbWVbc3BsaXR0ZWROYW1lLmxlbmd0aCAtIDFdXHJcblxyXG4gICAgaWYoc3BsaXR0ZWROYW1lLmxlbmd0aCA+IDEgJiYgbGFzdE5hbWUpe1xyXG4gICAgICBsYXN0TGV0dGVyID0gbGFzdE5hbWVbMF1cclxuICAgIH1cclxuXHJcbiAgICB0aGlzLm5hbWVJbml0aWFscyA9IChmaXJzdExldHRlciArIGxhc3RMZXR0ZXIpLnRvVXBwZXJDYXNlKClcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm9jLXByb2ZpbGVcIlxyXG4gIFtuZ0NsYXNzXT1cIntcclxuICAgIHNtYWxsOiBvY1NpemUgPT09ICdzbWFsbCcsXHJcbiAgICB0aW55OiBvY1NpemUgPT09ICd0aW55JyxcclxuICAgIGxhcmdlOiBvY1NpemUgPT09ICdsYXJnZSdcclxuICB9XCJcclxuPlxyXG4gIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICBAaWYob2NQcm9maWxlUGljKXtcclxuICAgICAgPGltZyBbc3JjXT1cIm9jUHJvZmlsZVBpY1wiIFthbHRdPVwib2NVc2VyTmFtZSB8fCAnRm90byBkZSBwZXJmaWwgZG8gdXN1w6FyaW8nXCI+XHJcbiAgICB9QGVsc2Uge1xyXG4gICAgICA8c3Bhbj5cclxuICAgICAgICB7e25hbWVJbml0aWFsc319XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIH1cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -30,12 +30,12 @@ export class OcStepComponent {
|
|
|
30
30
|
this.ocClick.emit();
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
34
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OcStepComponent, deps: [{ token: i1.StyleThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: OcStepComponent, isStandalone: true, selector: "oc-step", inputs: { ocIsActive: "ocIsActive", ocTitle: "ocTitle", ocColor: "ocColor", ocCompleted: "ocCompleted", ocStyle: "ocStyle", ocType: "ocType", ocExpandable: "ocExpandable", selectStep: "selectStep" }, outputs: { ocClick: "ocClick" }, ngImport: i0, template: "<div class=\"oc-step\" (click)=\"\r\n handleStepClick(stepIndex)\r\n \" [ngClass]=\"{\r\n 'oc-not-selected': stepIndex !== selectedIndex,\r\n 'shui': ocStyle === 'shui',\r\n 'shui-step': ocStyle === 'shui',\r\n 'oc-expandable': ocExpandable\r\n}\">\r\n <div class=\"left-side\">\r\n <div class=\"step-number\" [ngClass]=\"{\r\n 'oc-selected-p': selectedIndex === stepIndex && ocColor === 'purple',\r\n 'oc-selected-g': selectedIndex === stepIndex && ocColor === 'green',\r\n 'oc-purple': (stepIndex! <= selectedIndex || ocCompleted) && ocColor === 'purple',\r\n 'oc-green': (stepIndex! <= selectedIndex || ocCompleted) && ocColor === 'green',\r\n 'history-point': ocType === 'history'\r\n }\">\r\n @if(ocType !== 'history') {\r\n <span>{{stepIndex! + 1}}</span>\r\n }\r\n </div>\r\n <h2 [ngClass]=\"{\r\n 'oc-selected-p-title': selectedIndex === stepIndex && ocColor === 'purple',\r\n 'oc-selected-g-title': selectedIndex === stepIndex && ocColor === 'green',\r\n }\">{{ocTitle}}</h2>\r\n </div>\r\n <div class=\"oc-content\" [ngClass]=\"{\r\n 'expanded': ocIsActive || !ocExpandable,\r\n 'oc-expandable': ocExpandable,\r\n 'oc-prev-selected-p': (stepIndex! < selectedIndex || ocCompleted) && ocColor === 'purple',\r\n 'oc-prev-selected-g': (stepIndex! < selectedIndex || ocCompleted) && ocColor === 'green',\r\n 'oc-left-border': stepIndex !== lastIndex,\r\n 'history-point': ocType === 'history'\r\n }\">\r\n @if (ocIsActive || !ocExpandable) {\r\n <ng-content></ng-content>\r\n }\r\n </div>\r\n</div>", styles: [".oc-step{border-left:2px;width:100%}.oc-step.oc-not-selected{transition:.15s ease;border-radius:1rem}.oc-step.oc-expandable{cursor:pointer}.oc-step.oc-expandable: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}.left-side .step-number.history-point{width:20px!important;height:20px!important;border-radius:6px;padding:0;transform:translate(4px) rotate(45deg)}.oc-content{overflow:hidden;transition:padding .3s ease,opacity .3s ease;padding:1.5rem;margin-left:27px;width:100%}.oc-content.history-point{margin-left:12px}.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"] }] }); }
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OcStepComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
|
-
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 'oc-expandable': ocExpandable\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 'history-point': ocType === 'history'\n }\">\n @if(ocType !== 'history') {\n <span>{{stepIndex! + 1}}</span>\n }\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 || !ocExpandable,\n 'oc-expandable': ocExpandable,\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 'history-point': ocType === 'history'\n }\">\n @if (ocIsActive || !ocExpandable) {\n <ng-content></ng-content>\n }\n </div>\n</div>", styles: [".oc-step{border-left:2px;width:100%}.oc-step.oc-not-selected{transition:.15s ease;border-radius:1rem}.oc-step.oc-expandable{cursor:pointer}.oc-step.oc-expandable: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}.left-side .step-number.history-point{width:20px!important;height:20px!important;border-radius:6px;padding:0;transform:translate(4px) rotate(45deg)}.oc-content{overflow:hidden;transition:padding .3s ease,opacity .3s ease;padding:1.5rem;margin-left:27px;width:100%}.oc-content.history-point{margin-left:12px}.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"] }]
|
|
38
|
+
args: [{ selector: 'oc-step', standalone: true, imports: [CommonModule], template: "<div class=\"oc-step\" (click)=\"\r\n handleStepClick(stepIndex)\r\n \" [ngClass]=\"{\r\n 'oc-not-selected': stepIndex !== selectedIndex,\r\n 'shui': ocStyle === 'shui',\r\n 'shui-step': ocStyle === 'shui',\r\n 'oc-expandable': ocExpandable\r\n}\">\r\n <div class=\"left-side\">\r\n <div class=\"step-number\" [ngClass]=\"{\r\n 'oc-selected-p': selectedIndex === stepIndex && ocColor === 'purple',\r\n 'oc-selected-g': selectedIndex === stepIndex && ocColor === 'green',\r\n 'oc-purple': (stepIndex! <= selectedIndex || ocCompleted) && ocColor === 'purple',\r\n 'oc-green': (stepIndex! <= selectedIndex || ocCompleted) && ocColor === 'green',\r\n 'history-point': ocType === 'history'\r\n }\">\r\n @if(ocType !== 'history') {\r\n <span>{{stepIndex! + 1}}</span>\r\n }\r\n </div>\r\n <h2 [ngClass]=\"{\r\n 'oc-selected-p-title': selectedIndex === stepIndex && ocColor === 'purple',\r\n 'oc-selected-g-title': selectedIndex === stepIndex && ocColor === 'green',\r\n }\">{{ocTitle}}</h2>\r\n </div>\r\n <div class=\"oc-content\" [ngClass]=\"{\r\n 'expanded': ocIsActive || !ocExpandable,\r\n 'oc-expandable': ocExpandable,\r\n 'oc-prev-selected-p': (stepIndex! < selectedIndex || ocCompleted) && ocColor === 'purple',\r\n 'oc-prev-selected-g': (stepIndex! < selectedIndex || ocCompleted) && ocColor === 'green',\r\n 'oc-left-border': stepIndex !== lastIndex,\r\n 'history-point': ocType === 'history'\r\n }\">\r\n @if (ocIsActive || !ocExpandable) {\r\n <ng-content></ng-content>\r\n }\r\n </div>\r\n</div>", styles: [".oc-step{border-left:2px;width:100%}.oc-step.oc-not-selected{transition:.15s ease;border-radius:1rem}.oc-step.oc-expandable{cursor:pointer}.oc-step.oc-expandable: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}.left-side .step-number.history-point{width:20px!important;height:20px!important;border-radius:6px;padding:0;transform:translate(4px) rotate(45deg)}.oc-content{overflow:hidden;transition:padding .3s ease,opacity .3s ease;padding:1.5rem;margin-left:27px;width:100%}.oc-content.history-point{margin-left:12px}.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"] }]
|
|
39
39
|
}], ctorParameters: () => [{ type: i1.StyleThemeService }], propDecorators: { ocIsActive: [{
|
|
40
40
|
type: Input
|
|
41
41
|
}], ocTitle: [{
|
|
@@ -55,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
55
55
|
}], selectStep: [{
|
|
56
56
|
type: Input
|
|
57
57
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2Mtc3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2Mtc3RlcC9vYy1zdGVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1zdGVwL29jLXN0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQzlDLE9BQU8sRUFBaUIsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7O0FBV3JGLE1BQU0sT0FBTyxlQUFlO0lBQzFCLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBRS9DLGVBQVUsR0FBWSxLQUFLLENBQUE7UUFDM0IsWUFBTyxHQUFXLEVBQUUsQ0FBQTtRQUNwQixZQUFPLEdBQXVCLFFBQVEsQ0FBQTtRQUN0QyxnQkFBVyxHQUFZLEtBQUssQ0FBQTtRQUM1QixZQUFPLEdBQXFCLFFBQVEsQ0FBQTtRQUNwQyxXQUFNLEdBQTBCLFNBQVMsQ0FBQTtRQUN6QyxpQkFBWSxHQUFhLElBQUksQ0FBQTtRQUU1QixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQTtRQUN0QyxjQUFTLEdBQVcsQ0FBQyxDQUFBO1FBQ3JCLGtCQUFhLEdBQVcsQ0FBQyxDQUFBO1FBQ3pCLGNBQVMsR0FBVyxDQUFDLENBQUE7SUFic0MsQ0FBQztJQWU1RCxlQUFlO1FBQ2IsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQTtJQUN2RSxDQUFDO0lBRVMsZUFBZSxDQUFDLFNBQWlCO1FBQ3pDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdkIsT0FBTTtRQUNSLENBQUM7UUFDRCxJQUFJLFNBQVMsS0FBSyxJQUFJLENBQUMsYUFBYSxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUM7WUFDOUYsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFBO1FBQ3JCLENBQUM7SUFDSCxDQUFDOytHQTVCVSxlQUFlO21HQUFmLGVBQWUsNFNDWjVCLGdsREFxQ00sNDhFRDdCTSxZQUFZOzs0RkFJWCxlQUFlO2tCQVAzQixTQUFTOytCQUNFLFNBQVMsY0FDUCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7c0ZBT2QsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU07Z0JBbUJFLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXHJcbmltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcclxuaW1wb3J0IHsgU3R5bGVUaGVtZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zdHlsZS10aGVtZS5zZXJ2aWNlJ1xyXG5pbXBvcnQgeyBPY1N0eWxlVGhlbWVUeXBlIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9vYy1zdHlsZS10aGVtZSdcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnb2Mtc3RlcCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vb2Mtc3RlcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL29jLXN0ZXAuY29tcG9uZW50LnNjc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgT2NTdGVwQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzdHlsZVRoZW1lU2VydmljZTogU3R5bGVUaGVtZVNlcnZpY2UpIHt9XHJcblxyXG4gIEBJbnB1dCgpIG9jSXNBY3RpdmU6IGJvb2xlYW4gPSBmYWxzZVxyXG4gIEBJbnB1dCgpIG9jVGl0bGU6IHN0cmluZyA9ICcnXHJcbiAgQElucHV0KCkgb2NDb2xvcjogJ3B1cnBsZScgfCAnZ3JlZW4nID0gJ3B1cnBsZSdcclxuICBASW5wdXQoKSBvY0NvbXBsZXRlZDogYm9vbGVhbiA9IGZhbHNlXHJcbiAgQElucHV0KCkgb2NTdHlsZTogT2NTdHlsZVRoZW1lVHlwZSA9ICdvdGltdXMnXHJcbiAgQElucHV0KCkgb2NUeXBlOiAnaGlzdG9yeScgfCAnZGVmYXVsdCcgPSAnZGVmYXVsdCdcclxuICBASW5wdXQoKSBvY0V4cGFuZGFibGU/OiBib29sZWFuID0gdHJ1ZVxyXG5cclxuICBAT3V0cHV0KCkgb2NDbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKVxyXG4gIHN0ZXBJbmRleDogbnVtYmVyID0gMFxyXG4gIHNlbGVjdGVkSW5kZXg6IG51bWJlciA9IDBcclxuICBsYXN0SW5kZXg6IG51bWJlciA9IDBcclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5vY1N0eWxlID0gdGhpcy5zdHlsZVRoZW1lU2VydmljZS5nZXRTdHlsZVRoZW1lKCkgfHwgdGhpcy5vY1N0eWxlXHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgaGFuZGxlU3RlcENsaWNrKHN0ZXBJbmRleDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMub2NFeHBhbmRhYmxlKSB7XHJcbiAgICAgIHJldHVyblxyXG4gICAgfVxyXG4gICAgaWYgKHN0ZXBJbmRleCAhPT0gdGhpcy5zZWxlY3RlZEluZGV4ICYmIChzdGVwSW5kZXggPD0gdGhpcy5zZWxlY3RlZEluZGV4IHx8IHRoaXMub2NDb21wbGV0ZWQpKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0U3RlcChzdGVwSW5kZXgpXHJcbiAgICAgIHRoaXMub2NDbGljay5lbWl0KClcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIHNlbGVjdFN0ZXAhOiAoaW5kZXg6IG51bWJlcikgPT4gdm9pZFxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJvYy1zdGVwXCIgKGNsaWNrKT1cIlxyXG4gIGhhbmRsZVN0ZXBDbGljayhzdGVwSW5kZXgpXHJcbiAgXCIgW25nQ2xhc3NdPVwie1xyXG4gICAgJ29jLW5vdC1zZWxlY3RlZCc6IHN0ZXBJbmRleCAhPT0gc2VsZWN0ZWRJbmRleCxcclxuICAgICdzaHVpJzogb2NTdHlsZSA9PT0gJ3NodWknLFxyXG4gICAgJ3NodWktc3RlcCc6IG9jU3R5bGUgPT09ICdzaHVpJyxcclxuICAgICdvYy1leHBhbmRhYmxlJzogb2NFeHBhbmRhYmxlXHJcbn1cIj5cclxuICA8ZGl2IGNsYXNzPVwibGVmdC1zaWRlXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwic3RlcC1udW1iZXJcIiBbbmdDbGFzc109XCJ7XHJcbiAgICAgICdvYy1zZWxlY3RlZC1wJzogc2VsZWN0ZWRJbmRleCA9PT0gc3RlcEluZGV4ICYmIG9jQ29sb3IgPT09ICdwdXJwbGUnLFxyXG4gICAgICAnb2Mtc2VsZWN0ZWQtZyc6IHNlbGVjdGVkSW5kZXggPT09IHN0ZXBJbmRleCAmJiBvY0NvbG9yID09PSAnZ3JlZW4nLFxyXG4gICAgICAnb2MtcHVycGxlJzogKHN0ZXBJbmRleCEgPD0gc2VsZWN0ZWRJbmRleCB8fCBvY0NvbXBsZXRlZCkgJiYgb2NDb2xvciA9PT0gJ3B1cnBsZScsXHJcbiAgICAgICdvYy1ncmVlbic6IChzdGVwSW5kZXghIDw9IHNlbGVjdGVkSW5kZXggfHwgb2NDb21wbGV0ZWQpICYmIG9jQ29sb3IgPT09ICdncmVlbicsXHJcbiAgICAgICdoaXN0b3J5LXBvaW50Jzogb2NUeXBlID09PSAnaGlzdG9yeSdcclxuICAgIH1cIj5cclxuICAgICAgQGlmKG9jVHlwZSAhPT0gJ2hpc3RvcnknKSB7XHJcbiAgICAgIDxzcGFuPnt7c3RlcEluZGV4ISArIDF9fTwvc3Bhbj5cclxuICAgICAgfVxyXG4gICAgPC9kaXY+XHJcbiAgICA8aDIgW25nQ2xhc3NdPVwie1xyXG4gICAgICAnb2Mtc2VsZWN0ZWQtcC10aXRsZSc6IHNlbGVjdGVkSW5kZXggPT09IHN0ZXBJbmRleCAmJiBvY0NvbG9yID09PSAncHVycGxlJyxcclxuICAgICAgJ29jLXNlbGVjdGVkLWctdGl0bGUnOiBzZWxlY3RlZEluZGV4ID09PSBzdGVwSW5kZXggJiYgb2NDb2xvciA9PT0gJ2dyZWVuJyxcclxuICAgIH1cIj57e29jVGl0bGV9fTwvaDI+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cIm9jLWNvbnRlbnRcIiBbbmdDbGFzc109XCJ7XHJcbiAgICAnZXhwYW5kZWQnOiBvY0lzQWN0aXZlIHx8ICFvY0V4cGFuZGFibGUsXHJcbiAgICAnb2MtZXhwYW5kYWJsZSc6IG9jRXhwYW5kYWJsZSxcclxuICAgICdvYy1wcmV2LXNlbGVjdGVkLXAnOiAoc3RlcEluZGV4ISA8IHNlbGVjdGVkSW5kZXggfHwgb2NDb21wbGV0ZWQpICYmIG9jQ29sb3IgPT09ICdwdXJwbGUnLFxyXG4gICAgJ29jLXByZXYtc2VsZWN0ZWQtZyc6IChzdGVwSW5kZXghIDwgc2VsZWN0ZWRJbmRleCB8fCBvY0NvbXBsZXRlZCkgJiYgb2NDb2xvciA9PT0gJ2dyZWVuJyxcclxuICAgICdvYy1sZWZ0LWJvcmRlcic6IHN0ZXBJbmRleCAhPT0gbGFzdEluZGV4LFxyXG4gICAgJ2hpc3RvcnktcG9pbnQnOiBvY1R5cGUgPT09ICdoaXN0b3J5J1xyXG4gIH1cIj5cclxuICAgIEBpZiAob2NJc0FjdGl2ZSB8fCAhb2NFeHBhbmRhYmxlKSB7XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICB9XHJcbiAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -69,12 +69,12 @@ export class OcStepperComponent {
|
|
|
69
69
|
}
|
|
70
70
|
this.selectStep(this.ocCurrentIndex - 1);
|
|
71
71
|
}
|
|
72
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
72
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OcStepperComponent, deps: [{ token: i1.StyleThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: OcStepperComponent, isStandalone: true, selector: "oc-stepper", inputs: { ocAllowNavigation: "ocAllowNavigation", ocColor: "ocColor", ocCurrentIndex: "ocCurrentIndex", ocSaveCompletedSteps: "ocSaveCompletedSteps", ocStyle: "ocStyle", ocType: "ocType" }, queries: [{ propertyName: "ocSteps", predicate: OcStepComponent }], ngImport: i0, template: "<div class=\"oc-stepper\">\r\n <ng-content></ng-content>\r\n</div>", styles: [".oc-stepper{display:flex;flex-direction:column;width:100%}.oc-stepper>*{width:100%!important}\n"] }); }
|
|
74
74
|
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OcStepperComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
77
|
-
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"] }]
|
|
77
|
+
args: [{ selector: 'oc-stepper', standalone: true, imports: [], template: "<div class=\"oc-stepper\">\r\n <ng-content></ng-content>\r\n</div>", styles: [".oc-stepper{display:flex;flex-direction:column;width:100%}.oc-stepper>*{width:100%!important}\n"] }]
|
|
78
78
|
}], ctorParameters: () => [{ type: i1.StyleThemeService }], propDecorators: { ocSteps: [{
|
|
79
79
|
type: ContentChildren,
|
|
80
80
|
args: [OcStepComponent]
|
|
@@ -91,4 +91,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
91
91
|
}], ocType: [{
|
|
92
92
|
type: Input
|
|
93
93
|
}] } });
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2Mtc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2Mtc3RlcHBlci9vYy1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1zdGVwcGVyL29jLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsZUFBZSxFQUFhLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUMzRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUE7OztBQVc5RCxNQUFNLE9BQU8sa0JBQWtCO0lBQzdCLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBRS9DLHNCQUFpQixHQUFZLEtBQUssQ0FBQTtRQUNsQyxZQUFPLEdBQXVCLFFBQVEsQ0FBQTtRQUN0QyxtQkFBYyxHQUFXLENBQUMsQ0FBQTtRQUMxQix5QkFBb0IsR0FBWSxJQUFJLENBQUE7UUFDcEMsWUFBTyxHQUFxQixRQUFRLENBQUE7UUFDcEMsV0FBTSxHQUEwQixTQUFTLENBQUE7UUFFMUMsbUJBQWMsR0FBYSxFQUFFLENBQUE7SUFUc0IsQ0FBQztJQVc1RCxlQUFlO1FBQ2IsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQTtRQUNyRSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUE7UUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUE7UUFDcEMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUE7SUFDMUIsQ0FBQztJQUVPLGlCQUFpQjtRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7WUFDL0IsT0FBTTtRQUNSLENBQUM7UUFDRCxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQzlDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQzdCLENBQUM7SUFDSCxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQy9CLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFBO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQTtZQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQTtZQUN4QyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUE7WUFDM0IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFBO1lBRXpCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDN0QsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDL0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFBO1lBRTNCLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztnQkFDcEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUE7WUFDekIsQ0FBQztZQUNELElBQUksQ0FBQyxLQUFLLEtBQUssRUFBRSxDQUFDO2dCQUNoQixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQTtnQkFDdkIsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUE7Z0JBQzFCLE9BQU07WUFDUixDQUFDO1lBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUE7WUFDdEIsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUE7WUFDM0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFBO1lBQ3hDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFBO1FBQzFCLENBQUMsQ0FBQyxDQUFBO1FBQ0YsT0FBTTtJQUNSLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBWTtRQUNuQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDdkIsSUFBSSxJQUFJLENBQUMsY0FBYyxLQUFLLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ3BELE9BQU07UUFDUixDQUFDO1FBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQyxDQUFBO0lBQzFDLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBWTtRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN6QixPQUFNO1FBQ1IsQ0FBQztRQUNELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLENBQUMsQ0FBQTtJQUMxQyxDQUFDOytHQTFFVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw0UkFFWixlQUFlLDZCQ2RsQyxxRUFFTTs7NEZEVU8sa0JBQWtCO2tCQVA5QixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLFdBQ1AsRUFBRTtzRkFNdUIsT0FBTztzQkFBeEMsZUFBZTt1QkFBQyxlQUFlO2dCQUN2QixpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgUXVlcnlMaXN0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXHJcbmltcG9ydCB7IE9jU3RlcENvbXBvbmVudCB9IGZyb20gJy4uL29jLXN0ZXAvb2Mtc3RlcC5jb21wb25lbnQnXHJcbmltcG9ydCB7IE9jU3R5bGVUaGVtZVR5cGUgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL29jLXN0eWxlLXRoZW1lJ1xyXG5pbXBvcnQgeyBTdHlsZVRoZW1lU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3N0eWxlLXRoZW1lLnNlcnZpY2UnXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ29jLXN0ZXBwZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL29jLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9vYy1zdGVwcGVyLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIE9jU3RlcHBlckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc3R5bGVUaGVtZVNlcnZpY2U6IFN0eWxlVGhlbWVTZXJ2aWNlKSB7fVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oT2NTdGVwQ29tcG9uZW50KSBvY1N0ZXBzITogUXVlcnlMaXN0PE9jU3RlcENvbXBvbmVudD5cclxuICBASW5wdXQoKSBvY0FsbG93TmF2aWdhdGlvbjogYm9vbGVhbiA9IGZhbHNlXHJcbiAgQElucHV0KCkgb2NDb2xvcjogJ3B1cnBsZScgfCAnZ3JlZW4nID0gJ3B1cnBsZSdcclxuICBASW5wdXQoKSBvY0N1cnJlbnRJbmRleDogbnVtYmVyID0gMFxyXG4gIEBJbnB1dCgpIG9jU2F2ZUNvbXBsZXRlZFN0ZXBzOiBib29sZWFuID0gdHJ1ZVxyXG4gIEBJbnB1dCgpIG9jU3R5bGU6IE9jU3R5bGVUaGVtZVR5cGUgPSAnb3RpbXVzJ1xyXG4gIEBJbnB1dCgpIG9jVHlwZTogJ2hpc3RvcnknIHwgJ2RlZmF1bHQnID0gJ2RlZmF1bHQnXHJcblxyXG4gIHByaXZhdGUgY29tcGxldGVkU3RlcHM6IG51bWJlcltdID0gW11cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5vY1N0eWxlID0gdGhpcy5zdHlsZVRoZW1lU2VydmljZS5nZXRTdHlsZVRoZW1lKCkgfHwgdGhpcy5vY1N0eWxlXHJcbiAgICB0aGlzLnNldFN0ZXBzVmFsdWVzKClcclxuICAgIHRoaXMuc2VsZWN0U3RlcCh0aGlzLm9jQ3VycmVudEluZGV4KVxyXG4gICAgdGhpcy5zZXRDb21wbGV0ZWRTdGVwcygpXHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNldENvbXBsZXRlZFN0ZXBzKCk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLm9jU2F2ZUNvbXBsZXRlZFN0ZXBzKSB7XHJcbiAgICAgIHJldHVyblxyXG4gICAgfVxyXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPD0gdGhpcy5vY0N1cnJlbnRJbmRleDsgaSsrKSB7XHJcbiAgICAgIHRoaXMuY29tcGxldGVkU3RlcHMucHVzaChpKVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2V0U3RlcHNWYWx1ZXMoKTogdm9pZCB7XHJcbiAgICB0aGlzLm9jU3RlcHMuZm9yRWFjaCgoc3RlcCwgaSkgPT4ge1xyXG4gICAgICBzdGVwLnN0ZXBJbmRleCA9IGlcclxuICAgICAgc3RlcC5vY0NvbG9yID0gdGhpcy5vY0NvbG9yXHJcbiAgICAgIHN0ZXAubGFzdEluZGV4ID0gdGhpcy5vY1N0ZXBzLmxlbmd0aCAtIDFcclxuICAgICAgc3RlcC5vY1N0eWxlID0gdGhpcy5vY1N0eWxlXHJcbiAgICAgIHN0ZXAub2NUeXBlID0gdGhpcy5vY1R5cGVcclxuXHJcbiAgICAgIHN0ZXAuc2VsZWN0U3RlcCA9IChpbmRleDogbnVtYmVyKSA9PiB0aGlzLnNlbGVjdFN0ZXAoaW5kZXgpXHJcbiAgICB9KVxyXG4gIH1cclxuXHJcbiAgc2VsZWN0U3RlcChpbmRleDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICB0aGlzLm9jU3RlcHMuZm9yRWFjaCgoc3RlcCwgaSkgPT4ge1xyXG4gICAgICBzdGVwLm9jU3R5bGUgPSB0aGlzLm9jU3R5bGVcclxuXHJcbiAgICAgIGlmICh0aGlzLmNvbXBsZXRlZFN0ZXBzLmluY2x1ZGVzKGkpKSB7XHJcbiAgICAgICAgc3RlcC5vY0NvbXBsZXRlZCA9IHRydWVcclxuICAgICAgfVxyXG4gICAgICBpZiAoaSAhPT0gaW5kZXgpIHtcclxuICAgICAgICBzdGVwLm9jSXNBY3RpdmUgPSBmYWxzZVxyXG4gICAgICAgIHN0ZXAuc2VsZWN0ZWRJbmRleCA9IGluZGV4XHJcbiAgICAgICAgcmV0dXJuXHJcbiAgICAgIH1cclxuICAgICAgc3RlcC5vY0lzQWN0aXZlID0gdHJ1ZVxyXG4gICAgICB0aGlzLm9jQ3VycmVudEluZGV4ID0gaW5kZXhcclxuICAgICAgc3RlcC5zZWxlY3RlZEluZGV4ID0gdGhpcy5vY0N1cnJlbnRJbmRleFxyXG4gICAgICB0aGlzLnNldENvbXBsZXRlZFN0ZXBzKClcclxuICAgIH0pXHJcbiAgICByZXR1cm5cclxuICB9XHJcblxyXG4gIG5leHRTdGVwKGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcclxuICAgIGlmICh0aGlzLm9jQ3VycmVudEluZGV4ID09PSB0aGlzLm9jU3RlcHMubGVuZ3RoIC0gMSkge1xyXG4gICAgICByZXR1cm5cclxuICAgIH1cclxuICAgIHRoaXMuc2VsZWN0U3RlcCh0aGlzLm9jQ3VycmVudEluZGV4ICsgMSlcclxuICB9XHJcblxyXG4gIHByZXZpb3VzU3RlcChldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXHJcbiAgICBpZiAoIXRoaXMub2NDdXJyZW50SW5kZXgpIHtcclxuICAgICAgcmV0dXJuXHJcbiAgICB9XHJcbiAgICB0aGlzLnNlbGVjdFN0ZXAodGhpcy5vY0N1cnJlbnRJbmRleCAtIDEpXHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJvYy1zdGVwcGVyXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj4iXX0=
|
|
@@ -6,15 +6,15 @@ 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.12", ngImport: i0, type: OcTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: OcTabComponent, isStandalone: true, selector: "oc-tab", inputs: { ocTitle: "ocTitle", ocIsActive: "ocIsActive" }, ngImport: i0, template: "@if (ocIsActive) {\r\n <ng-content></ng-content>\r\n}", styles: [""] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OcTabComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'oc-tab', standalone: true, imports: [], template: "@if (ocIsActive) {\n <ng-content></ng-content>\n}" }]
|
|
14
|
+
args: [{ selector: 'oc-tab', standalone: true, imports: [], template: "@if (ocIsActive) {\r\n <ng-content></ng-content>\r\n}" }]
|
|
15
15
|
}], propDecorators: { ocTitle: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}], ocIsActive: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}] } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtdGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy10YWIvb2MtdGFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy10YWIvb2MtdGFiLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFBOztBQVNoRCxNQUFNLE9BQU8sY0FBYztJQVAzQjtRQVFXLFlBQU8sR0FBVyxFQUFFLENBQUE7UUFDcEIsZUFBVSxHQUFZLEtBQUssQ0FBQTtRQUVwQyxhQUFRLEdBQVcsQ0FBQyxDQUFBO0tBQ3JCOytHQUxZLGNBQWM7bUdBQWQsY0FBYyw0SENUM0Isd0RBRUM7OzRGRE9ZLGNBQWM7a0JBUDFCLFNBQVM7K0JBQ0UsUUFBUSxjQUNOLElBQUksV0FDUCxFQUFFOzhCQUtGLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ29jLXRhYicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vb2MtdGFiLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vb2MtdGFiLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIE9jVGFiQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBvY1RpdGxlOiBzdHJpbmcgPSAnJ1xyXG4gIEBJbnB1dCgpIG9jSXNBY3RpdmU6IGJvb2xlYW4gPSBmYWxzZVxyXG5cclxuICB0YWJJbmRleDogbnVtYmVyID0gMFxyXG59XHJcbiIsIkBpZiAob2NJc0FjdGl2ZSkge1xyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxufSJdfQ==
|
|
@@ -25,12 +25,12 @@ 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.12", 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.12", 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]=\"{\r\n shui: ocStyle === 'shui'\r\n}\">\r\n <div class=\"row\">\r\n @for(tab of ocTabs; track $index) {\r\n <button [ngClass]=\"{\r\n 'oc-selected': tab.tabIndex === activeTabIndex\r\n }\" class=\"oc-tab\" (click)=\"selectTab(tab.tabIndex); \r\n handleTabClick()\" type=\"button\">{{tab.ocTitle}}</button>\r\n }\r\n <div class=\"row-content\">\r\n <ng-content select=\"[row]\"></ng-content>\r\n </div>\r\n </div>\r\n <ng-content></ng-content>\r\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);white-space:nowrap}.row .row-content{width:100%;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.12", ngImport: i0, type: OcTabsComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
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 class=\"row-content\">\n <ng-content select=\"[row]\"></ng-content>\n </div>\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);white-space:nowrap}.row .row-content{width:100%;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"] }]
|
|
33
|
+
args: [{ selector: 'oc-tabs', standalone: true, imports: [CommonModule], template: "<div class=\"oc-tabs\" [ngClass]=\"{\r\n shui: ocStyle === 'shui'\r\n}\">\r\n <div class=\"row\">\r\n @for(tab of ocTabs; track $index) {\r\n <button [ngClass]=\"{\r\n 'oc-selected': tab.tabIndex === activeTabIndex\r\n }\" class=\"oc-tab\" (click)=\"selectTab(tab.tabIndex); \r\n handleTabClick()\" type=\"button\">{{tab.ocTitle}}</button>\r\n }\r\n <div class=\"row-content\">\r\n <ng-content select=\"[row]\"></ng-content>\r\n </div>\r\n </div>\r\n <ng-content></ng-content>\r\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);white-space:nowrap}.row .row-content{width:100%;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: [{
|
|
35
35
|
type: ContentChildren,
|
|
36
36
|
args: [OcTabComponent]
|
|
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
39
39
|
}], ocClick: [{
|
|
40
40
|
type: Output
|
|
41
41
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2MtdGFicy9vYy10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy10YWJzL29jLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxlQUFlLEVBR2YsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUE7QUFDdEIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTs7OztBQVc5QyxNQUFNLE9BQU8sZUFBZTtJQUMxQixZQUFvQixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUUvQyxZQUFPLEdBQXFCLFFBQVEsQ0FBQTtRQUNuQyxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQTtRQUU1QyxtQkFBYyxHQUFXLENBQUMsQ0FBQTtJQUxpQyxDQUFDO0lBTzVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFBO1FBQ3JFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDbkIsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFhO1FBQ3JCLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3ZDLEdBQUcsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFBO1lBQ2hCLEdBQUcsQ0FBQyxVQUFVLEdBQUcsQ0FBQyxLQUFLLEtBQUssQ0FBQTtRQUM5QixDQUFDLENBQUMsQ0FBQTtRQUNGLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFBO0lBQzdCLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQTtJQUNyQixDQUFDOytHQXZCVSxlQUFlO21HQUFmLGVBQWUsMkpBRVQsY0FBYyw2QkN2QmpDLGloQkFlTSw0NkJERU0sWUFBWTs7NEZBSVgsZUFBZTtrQkFQM0IsU0FBUzsrQkFDRSxTQUFTLGNBQ1AsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDO3NGQU1VLE1BQU07c0JBQXRDLGVBQWU7dUJBQUMsY0FBYztnQkFDdEIsT0FBTztzQkFBZixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgUXVlcnlMaXN0LFxyXG4gIEFmdGVyQ29udGVudEluaXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIE91dHB1dCxcclxuICBJbnB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJ1xyXG5pbXBvcnQgeyBPY1RhYkNvbXBvbmVudCB9IGZyb20gJy4uL29jLXRhYi9vYy10YWIuY29tcG9uZW50J1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXHJcbmltcG9ydCB7IFN0eWxlVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvc3R5bGUtdGhlbWUuc2VydmljZSdcclxuaW1wb3J0IHsgT2NTdHlsZVRoZW1lVHlwZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvb2Mtc3R5bGUtdGhlbWUnXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ29jLXRhYnMnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL29jLXRhYnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9vYy10YWJzLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIE9jVGFic0NvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc3R5bGVUaGVtZVNlcnZpY2U6IFN0eWxlVGhlbWVTZXJ2aWNlKSB7fVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oT2NUYWJDb21wb25lbnQpIG9jVGFicyE6IFF1ZXJ5TGlzdDxPY1RhYkNvbXBvbmVudD5cclxuICBASW5wdXQoKSBvY1N0eWxlOiBPY1N0eWxlVGhlbWVUeXBlID0gJ290aW11cydcclxuICBAT3V0cHV0KCkgb2NDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKVxyXG5cclxuICBhY3RpdmVUYWJJbmRleDogbnVtYmVyID0gMFxyXG5cclxuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm9jU3R5bGUgPSB0aGlzLnN0eWxlVGhlbWVTZXJ2aWNlLmdldFN0eWxlVGhlbWUoKSB8fCB0aGlzLm9jU3R5bGVcclxuICAgIHRoaXMuc2VsZWN0VGFiKDApXHJcbiAgfVxyXG5cclxuICBzZWxlY3RUYWIoaW5kZXg6IG51bWJlcik6IHZvaWQge1xyXG4gICAgdGhpcy5vY1RhYnMudG9BcnJheSgpLmZvckVhY2goKHRhYiwgaSkgPT4ge1xyXG4gICAgICB0YWIudGFiSW5kZXggPSBpXHJcbiAgICAgIHRhYi5vY0lzQWN0aXZlID0gaSA9PT0gaW5kZXhcclxuICAgIH0pXHJcbiAgICB0aGlzLmFjdGl2ZVRhYkluZGV4ID0gaW5kZXhcclxuICB9XHJcblxyXG4gIGhhbmRsZVRhYkNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5vY0NsaWNrLmVtaXQoKVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwib2MtdGFic1wiIFtuZ0NsYXNzXT1cIntcclxuICBzaHVpOiBvY1N0eWxlID09PSAnc2h1aSdcclxufVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cclxuICAgIEBmb3IodGFiIG9mIG9jVGFiczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICA8YnV0dG9uIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAnb2Mtc2VsZWN0ZWQnOiB0YWIudGFiSW5kZXggPT09IGFjdGl2ZVRhYkluZGV4XHJcbiAgICAgIH1cIiBjbGFzcz1cIm9jLXRhYlwiIChjbGljayk9XCJzZWxlY3RUYWIodGFiLnRhYkluZGV4KTsgXHJcbiAgICAgIGhhbmRsZVRhYkNsaWNrKClcIiB0eXBlPVwiYnV0dG9uXCI+e3t0YWIub2NUaXRsZX19PC9idXR0b24+XHJcbiAgICB9XHJcbiAgICA8ZGl2IGNsYXNzPVwicm93LWNvbnRlbnRcIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3Jvd11cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -7,11 +7,11 @@ 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.12", 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.12", type: OcToastComponent, isStandalone: true, selector: "oc-toast", ngImport: i0, template: "<div\r\n class=\"toast\"\r\n [ngClass]=\"{\r\n 'close-toast': toast.currentToast.counter === 1,\r\n error: ['erro', 'error'].includes(toast.currentToast.status.toLowerCase()),\r\n success: ['sucesso', 'success', '\u00E9xito'].includes(toast.currentToast.status.toLowerCase()),\r\n loading: ['carregando', 'cargando', 'loading'].includes(toast.currentToast.status.toLowerCase()),\r\n animation: toast.currentToast.hasAnimation\r\n }\"\r\n *ngIf=\"toast.currentToast && toast.currentToast.counter > 0\"\r\n>\r\n <header>\r\n <ng-container [ngTemplateOutlet]=\"iconTemplate\"></ng-container>\r\n <h4 class=\"status\">\r\n {{ toast.currentToast.status[0].toUpperCase() + toast.currentToast.status.slice(1) }}\r\n </h4>\r\n <button (click)=\"toast.closeToast(toast.currentToast.id)\">\r\n <span class=\"material-symbols-outlined\">close</span>\r\n </button>\r\n </header>\r\n <p>{{ toast.currentToast.message }}</p>\r\n</div>\r\n\r\n<ng-template #iconTemplate>\r\n <span\r\n class=\"material-symbols-outlined\"\r\n *ngIf=\"['erro', 'error'].includes(toast.currentToast.status.toLowerCase())\"\r\n >error</span\r\n >\r\n\r\n <span\r\n class=\"material-symbols-outlined\"\r\n *ngIf=\"['sucesso', 'success', '\u00E9xito'].includes(toast.currentToast.status.toLowerCase())\"\r\n >check_circle</span\r\n >\r\n\r\n <span\r\n class=\"material-symbols-outlined\"\r\n *ngIf=\"['information', 'informa\u00E7\u00E3o', 'informaci\u00F3n'].includes(toast.currentToast.status.toLowerCase())\"\r\n >info</span\r\n >\r\n\r\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>\r\n \r\n\r\n</ng-template>\r\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"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OcToastComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
|
-
args: [{ selector: 'oc-toast', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.Default, 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"] }]
|
|
15
|
+
args: [{ selector: 'oc-toast', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.Default, template: "<div\r\n class=\"toast\"\r\n [ngClass]=\"{\r\n 'close-toast': toast.currentToast.counter === 1,\r\n error: ['erro', 'error'].includes(toast.currentToast.status.toLowerCase()),\r\n success: ['sucesso', 'success', '\u00E9xito'].includes(toast.currentToast.status.toLowerCase()),\r\n loading: ['carregando', 'cargando', 'loading'].includes(toast.currentToast.status.toLowerCase()),\r\n animation: toast.currentToast.hasAnimation\r\n }\"\r\n *ngIf=\"toast.currentToast && toast.currentToast.counter > 0\"\r\n>\r\n <header>\r\n <ng-container [ngTemplateOutlet]=\"iconTemplate\"></ng-container>\r\n <h4 class=\"status\">\r\n {{ toast.currentToast.status[0].toUpperCase() + toast.currentToast.status.slice(1) }}\r\n </h4>\r\n <button (click)=\"toast.closeToast(toast.currentToast.id)\">\r\n <span class=\"material-symbols-outlined\">close</span>\r\n </button>\r\n </header>\r\n <p>{{ toast.currentToast.message }}</p>\r\n</div>\r\n\r\n<ng-template #iconTemplate>\r\n <span\r\n class=\"material-symbols-outlined\"\r\n *ngIf=\"['erro', 'error'].includes(toast.currentToast.status.toLowerCase())\"\r\n >error</span\r\n >\r\n\r\n <span\r\n class=\"material-symbols-outlined\"\r\n *ngIf=\"['sucesso', 'success', '\u00E9xito'].includes(toast.currentToast.status.toLowerCase())\"\r\n >check_circle</span\r\n >\r\n\r\n <span\r\n class=\"material-symbols-outlined\"\r\n *ngIf=\"['information', 'informa\u00E7\u00E3o', 'informaci\u00F3n'].includes(toast.currentToast.status.toLowerCase())\"\r\n >info</span\r\n >\r\n\r\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>\r\n \r\n\r\n</ng-template>\r\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 }] });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtdG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3RpbXVzLWxpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL29jLXRvYXN0L29jLXRvYXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy10b2FzdC9vYy10b2FzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQTs7OztBQVdsRSxNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCLFlBQW1CLEtBQXFCO1FBQXJCLFVBQUssR0FBTCxLQUFLLENBQWdCO0lBQUcsQ0FBQzsrR0FEakMsZ0JBQWdCO21HQUFoQixnQkFBZ0Isb0VDWjdCLGtzSUE4Q0Esb3ZDRHZDWSxZQUFZOzs0RkFLWCxnQkFBZ0I7a0JBUjVCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcclxuaW1wb3J0IHsgT2NUb2FzdFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9vYy10b2FzdC5zZXJ2aWNlJ1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdvYy10b2FzdCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vb2MtdG9hc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9vYy10b2FzdC5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxyXG59KVxyXG5leHBvcnQgY2xhc3MgT2NUb2FzdENvbXBvbmVudCB7XHJcbiAgY29uc3RydWN0b3IocHVibGljIHRvYXN0OiBPY1RvYXN0U2VydmljZSkge31cclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJ0b2FzdFwiXHJcbiAgW25nQ2xhc3NdPVwie1xyXG4gICAgJ2Nsb3NlLXRvYXN0JzogdG9hc3QuY3VycmVudFRvYXN0LmNvdW50ZXIgPT09IDEsXHJcbiAgICBlcnJvcjogWydlcnJvJywgJ2Vycm9yJ10uaW5jbHVkZXModG9hc3QuY3VycmVudFRvYXN0LnN0YXR1cy50b0xvd2VyQ2FzZSgpKSxcclxuICAgIHN1Y2Nlc3M6IFsnc3VjZXNzbycsICdzdWNjZXNzJywgJ8OpeGl0byddLmluY2x1ZGVzKHRvYXN0LmN1cnJlbnRUb2FzdC5zdGF0dXMudG9Mb3dlckNhc2UoKSksXHJcbiAgICBsb2FkaW5nOiBbJ2NhcnJlZ2FuZG8nLCAnY2FyZ2FuZG8nLCAnbG9hZGluZyddLmluY2x1ZGVzKHRvYXN0LmN1cnJlbnRUb2FzdC5zdGF0dXMudG9Mb3dlckNhc2UoKSksXHJcbiAgICBhbmltYXRpb246IHRvYXN0LmN1cnJlbnRUb2FzdC5oYXNBbmltYXRpb25cclxuICB9XCJcclxuICAqbmdJZj1cInRvYXN0LmN1cnJlbnRUb2FzdCAmJiB0b2FzdC5jdXJyZW50VG9hc3QuY291bnRlciA+IDBcIlxyXG4+XHJcbiAgPGhlYWRlcj5cclxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiaWNvblRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICA8aDQgY2xhc3M9XCJzdGF0dXNcIj5cclxuICAgICAge3sgdG9hc3QuY3VycmVudFRvYXN0LnN0YXR1c1swXS50b1VwcGVyQ2FzZSgpICsgdG9hc3QuY3VycmVudFRvYXN0LnN0YXR1cy5zbGljZSgxKSB9fVxyXG4gICAgPC9oND5cclxuICAgIDxidXR0b24gKGNsaWNrKT1cInRvYXN0LmNsb3NlVG9hc3QodG9hc3QuY3VycmVudFRvYXN0LmlkKVwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIj5jbG9zZTwvc3Bhbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvaGVhZGVyPlxyXG4gIDxwPnt7IHRvYXN0LmN1cnJlbnRUb2FzdC5tZXNzYWdlIH19PC9wPlxyXG48L2Rpdj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjaWNvblRlbXBsYXRlPlxyXG4gIDxzcGFuXHJcbiAgICBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIlxyXG4gICAgKm5nSWY9XCJbJ2Vycm8nLCAnZXJyb3InXS5pbmNsdWRlcyh0b2FzdC5jdXJyZW50VG9hc3Quc3RhdHVzLnRvTG93ZXJDYXNlKCkpXCJcclxuICAgID5lcnJvcjwvc3BhblxyXG4gID5cclxuXHJcbiAgPHNwYW5cclxuICAgIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiXHJcbiAgICAqbmdJZj1cIlsnc3VjZXNzbycsICdzdWNjZXNzJywgJ8OpeGl0byddLmluY2x1ZGVzKHRvYXN0LmN1cnJlbnRUb2FzdC5zdGF0dXMudG9Mb3dlckNhc2UoKSlcIlxyXG4gICAgPmNoZWNrX2NpcmNsZTwvc3BhblxyXG4gID5cclxuXHJcbiAgPHNwYW5cclxuICAgIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiXHJcbiAgICAqbmdJZj1cIlsnaW5mb3JtYXRpb24nLCAnaW5mb3JtYcOnw6NvJywgJ2luZm9ybWFjacOzbiddLmluY2x1ZGVzKHRvYXN0LmN1cnJlbnRUb2FzdC5zdGF0dXMudG9Mb3dlckNhc2UoKSlcIlxyXG4gICAgPmluZm88L3NwYW5cclxuICA+XHJcblxyXG4gIDxzdmcgKm5nSWY9XCJbJ2NhcnJlZ2FuZG8nLCAnY2FyZ2FuZG8nLCAnbG9hZGluZyddLmluY2x1ZGVzKHRvYXN0LmN1cnJlbnRUb2FzdC5zdGF0dXMudG9Mb3dlckNhc2UoKSlcIiB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPjxzdHlsZT5yZWN0e2ZpbGw6IzAwRERBM30uc3Bpbm5lcl96V1Zte2FuaW1hdGlvbjpzcGlubmVyXzVRaVcgMS4ycyBsaW5lYXIgaW5maW5pdGUsc3Bpbm5lcl9QblpvIDEuMnMgbGluZWFyIGluZmluaXRlfS5zcGlubmVyX2dmeUR7YW5pbWF0aW9uOnNwaW5uZXJfNVFpVyAxLjJzIGxpbmVhciBpbmZpbml0ZSxzcGlubmVyXzRqN28gMS4ycyBsaW5lYXIgaW5maW5pdGU7YW5pbWF0aW9uLWRlbGF5Oi4xc30uc3Bpbm5lcl9UNUpKe2FuaW1hdGlvbjpzcGlubmVyXzVRaVcgMS4ycyBsaW5lYXIgaW5maW5pdGUsc3Bpbm5lcl9mTEs0IDEuMnMgbGluZWFyIGluZmluaXRlO2FuaW1hdGlvbi1kZWxheTouMXN9LnNwaW5uZXJfRTNXenthbmltYXRpb246c3Bpbm5lcl81UWlXIDEuMnMgbGluZWFyIGluZmluaXRlLHNwaW5uZXJfdERqaSAxLjJzIGxpbmVhciBpbmZpbml0ZTthbmltYXRpb24tZGVsYXk6LjJzfS5zcGlubmVyX2cydnN7YW5pbWF0aW9uOnNwaW5uZXJfNVFpVyAxLjJzIGxpbmVhciBpbmZpbml0ZSxzcGlubmVyX0NNaVQgMS4ycyBsaW5lYXIgaW5maW5pdGU7YW5pbWF0aW9uLWRlbGF5Oi4yc30uc3Bpbm5lcl9jdFlCe2FuaW1hdGlvbjpzcGlubmVyXzVRaVcgMS4ycyBsaW5lYXIgaW5maW5pdGUsc3Bpbm5lcl9jSEtSIDEuMnMgbGluZWFyIGluZmluaXRlO2FuaW1hdGlvbi1kZWxheTouMnN9LnNwaW5uZXJfQkROanthbmltYXRpb246c3Bpbm5lcl81UWlXIDEuMnMgbGluZWFyIGluZmluaXRlLHNwaW5uZXJfUmU2ZSAxLjJzIGxpbmVhciBpbmZpbml0ZTthbmltYXRpb24tZGVsYXk6LjNzfS5zcGlubmVyX3JDdzN7YW5pbWF0aW9uOnNwaW5uZXJfNVFpVyAxLjJzIGxpbmVhciBpbmZpbml0ZSxzcGlubmVyX0VKbUogMS4ycyBsaW5lYXIgaW5maW5pdGU7YW5pbWF0aW9uLWRlbGF5Oi4zc30uc3Bpbm5lcl9Sc3pte2FuaW1hdGlvbjpzcGlubmVyXzVRaVcgMS4ycyBsaW5lYXIgaW5maW5pdGUsc3Bpbm5lcl9ZSk9QIDEuMnMgbGluZWFyIGluZmluaXRlO2FuaW1hdGlvbi1kZWxheTouNHN9QGtleWZyYW1lcyBzcGlubmVyXzVRaVd7MCUsNTAle3dpZHRoOjcuMzNweDtoZWlnaHQ6Ny4zM3B4fTI1JXt3aWR0aDoxLjMzcHg7aGVpZ2h0OjEuMzNweH19QGtleWZyYW1lcyBzcGlubmVyX1BuWm97MCUsNTAle3g6MXB4O3k6MXB4fTI1JXt4OjRweDt5OjRweH19QGtleWZyYW1lcyBzcGlubmVyXzRqN297MCUsNTAle3g6OC4zM3B4O3k6MXB4fTI1JXt4OjExLjMzcHg7eTo0cHh9fUBrZXlmcmFtZXMgc3Bpbm5lcl9mTEs0ezAlLDUwJXt4OjFweDt5OjguMzNweH0yNSV7eDo0cHg7eToxMS4zM3B4fX1Aa2V5ZnJhbWVzIHNwaW5uZXJfdERqaXswJSw1MCV7eDoxNS42NnB4O3k6MXB4fTI1JXt4OjE4LjY2cHg7eTo0cHh9fUBrZXlmcmFtZXMgc3Bpbm5lcl9DTWlUezAlLDUwJXt4OjguMzNweDt5OjguMzNweH0yNSV7eDoxMS4zM3B4O3k6MTEuMzNweH19QGtleWZyYW1lcyBzcGlubmVyX2NIS1J7MCUsNTAle3g6MXB4O3k6MTUuNjZweH0yNSV7eDo0cHg7eToxOC42NnB4fX1Aa2V5ZnJhbWVzIHNwaW5uZXJfUmU2ZXswJSw1MCV7eDoxNS42NnB4O3k6OC4zM3B4fTI1JXt4OjE4LjY2cHg7eToxMS4zM3B4fX1Aa2V5ZnJhbWVzIHNwaW5uZXJfRUptSnswJSw1MCV7eDo4LjMzcHg7eToxNS42NnB4fTI1JXt4OjExLjMzcHg7eToxOC42NnB4fX1Aa2V5ZnJhbWVzIHNwaW5uZXJfWUpPUHswJSw1MCV7eDoxNS42NnB4O3k6MTUuNjZweH0yNSV7eDoxOC42NnB4O3k6MTguNjZweH19PC9zdHlsZT48cmVjdCBjbGFzcz1cInNwaW5uZXJfeldWbVwiIHg9XCIxXCIgeT1cIjFcIiB3aWR0aD1cIjcuMzNcIiBoZWlnaHQ9XCI3LjMzXCIvPjxyZWN0IGNsYXNzPVwic3Bpbm5lcl9nZnlEXCIgeD1cIjguMzNcIiB5PVwiMVwiIHdpZHRoPVwiNy4zM1wiIGhlaWdodD1cIjcuMzNcIi8+PHJlY3QgY2xhc3M9XCJzcGlubmVyX1Q1SkpcIiB4PVwiMVwiIHk9XCI4LjMzXCIgd2lkdGg9XCI3LjMzXCIgaGVpZ2h0PVwiNy4zM1wiLz48cmVjdCBjbGFzcz1cInNwaW5uZXJfRTNXelwiIHg9XCIxNS42NlwiIHk9XCIxXCIgd2lkdGg9XCI3LjMzXCIgaGVpZ2h0PVwiNy4zM1wiLz48cmVjdCBjbGFzcz1cInNwaW5uZXJfZzJ2c1wiIHg9XCI4LjMzXCIgeT1cIjguMzNcIiB3aWR0aD1cIjcuMzNcIiBoZWlnaHQ9XCI3LjMzXCIvPjxyZWN0IGNsYXNzPVwic3Bpbm5lcl9jdFlCXCIgeD1cIjFcIiB5PVwiMTUuNjZcIiB3aWR0aD1cIjcuMzNcIiBoZWlnaHQ9XCI3LjMzXCIvPjxyZWN0IGNsYXNzPVwic3Bpbm5lcl9CRE5qXCIgeD1cIjE1LjY2XCIgeT1cIjguMzNcIiB3aWR0aD1cIjcuMzNcIiBoZWlnaHQ9XCI3LjMzXCIvPjxyZWN0IGNsYXNzPVwic3Bpbm5lcl9yQ3czXCIgeD1cIjguMzNcIiB5PVwiMTUuNjZcIiB3aWR0aD1cIjcuMzNcIiBoZWlnaHQ9XCI3LjMzXCIvPjxyZWN0IGNsYXNzPVwic3Bpbm5lcl9Sc3ptXCIgeD1cIjE1LjY2XCIgeT1cIjE1LjY2XCIgd2lkdGg9XCI3LjMzXCIgaGVpZ2h0PVwiNy4zM1wiLz48L3N2Zz5cclxuICBcclxuXHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
|
|
@@ -20,12 +20,12 @@ export class OcToggleComponent {
|
|
|
20
20
|
toggleChecked() {
|
|
21
21
|
this.ocChecked = !this.ocChecked;
|
|
22
22
|
}
|
|
23
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
23
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OcToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: OcToggleComponent, isStandalone: true, selector: "oc-toggle", inputs: { ocDisabled: "ocDisabled", ocSize: "ocSize", ocChecked: "ocChecked", ocColor: "ocColor" }, outputs: { ocCheckedChange: "ocCheckedChange" }, ngImport: i0, template: "<label\r\n class=\"switch\"\r\n [ngClass]=\"{\r\n large: ocSize === 'large',\r\n medium: ocSize === 'medium',\r\n }\"\r\n>\r\n <input\r\n [checked]=\"ocChecked\"\r\n (click)=\"toggleChecked()\"\r\n type=\"checkbox\"\r\n [disabled]=\"ocDisabled\"\r\n />\r\n <span\r\n class=\"slider round\"\r\n [ngClass]=\"[ocColor]\"\r\n ></span>\r\n</label>\r\n", styles: [".switch{position:relative;display:inline-block;width:48px;height:28px}.switch input:checked+.slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translate(18px);box-shadow:0 0 16px #00dda3}.switch input:checked+.slider.purple:before{box-shadow:0 0 16px #7866e9}.switch.large{width:60px;height:33px}.switch.large input:checked+.slider:before{-webkit-transform:translateX(25px);-ms-transform:translateX(25px);transform:translate(25px)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border:1px solid #ffffff}.slider:before{position:absolute;content:\"\";height:21px;width:21px;left:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;bottom:2.5px}.switch.large .slider:before{height:26px;width:26px}input:checked+.slider.purple{background-color:#5505a2}input:checked+.slider.green{background-color:#00dda3}input:focus+.slider{box-shadow:0 0 1px #00dda3}.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"] }] }); }
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OcToggleComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'oc-toggle', standalone: true, imports: [CommonModule], template: "<label\n class=\"switch\"\n [ngClass]=\"{\n large: ocSize === 'large',\n medium: ocSize === 'medium',\n }\"\n>\n <input\n [checked]=\"ocChecked\"\n (click)=\"toggleChecked()\"\n type=\"checkbox\"\n [disabled]=\"ocDisabled\"\n />\n <span\n class=\"slider round\"\n [ngClass]=\"[ocColor]\"\n ></span>\n</label>\n", styles: [".switch{position:relative;display:inline-block;width:48px;height:28px}.switch input:checked+.slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translate(18px);box-shadow:0 0 16px #00dda3}.switch input:checked+.slider.purple:before{box-shadow:0 0 16px #7866e9}.switch.large{width:60px;height:33px}.switch.large input:checked+.slider:before{-webkit-transform:translateX(25px);-ms-transform:translateX(25px);transform:translate(25px)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border:1px solid #ffffff}.slider:before{position:absolute;content:\"\";height:21px;width:21px;left:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;bottom:2.5px}.switch.large .slider:before{height:26px;width:26px}input:checked+.slider.purple{background-color:#5505a2}input:checked+.slider.green{background-color:#00dda3}input:focus+.slider{box-shadow:0 0 1px #00dda3}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}\n"] }]
|
|
28
|
+
args: [{ selector: 'oc-toggle', standalone: true, imports: [CommonModule], template: "<label\r\n class=\"switch\"\r\n [ngClass]=\"{\r\n large: ocSize === 'large',\r\n medium: ocSize === 'medium',\r\n }\"\r\n>\r\n <input\r\n [checked]=\"ocChecked\"\r\n (click)=\"toggleChecked()\"\r\n type=\"checkbox\"\r\n [disabled]=\"ocDisabled\"\r\n />\r\n <span\r\n class=\"slider round\"\r\n [ngClass]=\"[ocColor]\"\r\n ></span>\r\n</label>\r\n", styles: [".switch{position:relative;display:inline-block;width:48px;height:28px}.switch input:checked+.slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translate(18px);box-shadow:0 0 16px #00dda3}.switch input:checked+.slider.purple:before{box-shadow:0 0 16px #7866e9}.switch.large{width:60px;height:33px}.switch.large input:checked+.slider:before{-webkit-transform:translateX(25px);-ms-transform:translateX(25px);transform:translate(25px)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border:1px solid #ffffff}.slider:before{position:absolute;content:\"\";height:21px;width:21px;left:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;bottom:2.5px}.switch.large .slider:before{height:26px;width:26px}input:checked+.slider.purple{background-color:#5505a2}input:checked+.slider.green{background-color:#00dda3}input:focus+.slider{box-shadow:0 0 1px #00dda3}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}\n"] }]
|
|
29
29
|
}], propDecorators: { ocDisabled: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], ocSize: [{
|
|
@@ -37,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
37
37
|
}], ocCheckedChange: [{
|
|
38
38
|
type: Output
|
|
39
39
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy10b2dnbGUvb2MtdG9nZ2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy10b2dnbGUvb2MtdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7QUFTdEUsTUFBTSxPQUFPLGlCQUFpQjtJQVA5QjtRQVFFLGVBQVUsR0FBWSxLQUFLLENBQUE7UUFDbEIsZUFBVSxHQUFZLEtBQUssQ0FBQTtRQUUzQixXQUFNLEdBQXVCLFFBQVEsQ0FBQTtRQVVyQyxZQUFPLEdBQXVCLE9BQU8sQ0FBQTtRQUVwQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUE7S0FLeEQ7SUFoQkMsSUFBYSxTQUFTLENBQUMsS0FBYztRQUNuQyxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQTtRQUN2QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDNUMsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQTtJQUN4QixDQUFDO0lBTUQsYUFBYTtRQUNYLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFBO0lBQ2xDLENBQUM7K0dBcEJVLGlCQUFpQjttR0FBakIsaUJBQWlCLDBOQ1Y5QiwyWEFrQkEsOG1DRFpZLFlBQVk7OzRGQUlYLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxXQUFXLGNBQ1QsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQU1kLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsTUFBTTtzQkFBZCxLQUFLO2dCQUNPLFNBQVM7c0JBQXJCLEtBQUs7Z0JBU0csT0FBTztzQkFBZixLQUFLO2dCQUVJLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnb2MtdG9nZ2xlJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9vYy10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9vYy10b2dnbGUuY29tcG9uZW50LnNjc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgT2NUb2dnbGVDb21wb25lbnQge1xyXG4gIF9vY0NoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZVxyXG4gIEBJbnB1dCgpIG9jRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZVxyXG5cclxuICBASW5wdXQoKSBvY1NpemU6ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdtZWRpdW0nXHJcbiAgQElucHV0KCkgc2V0IG9jQ2hlY2tlZCh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5fb2NDaGVja2VkID0gdmFsdWVcclxuICAgIHRoaXMub2NDaGVja2VkQ2hhbmdlLmVtaXQodGhpcy5fb2NDaGVja2VkKVxyXG4gIH1cclxuXHJcbiAgZ2V0IG9jQ2hlY2tlZCgpIHtcclxuICAgIHJldHVybiB0aGlzLl9vY0NoZWNrZWRcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIG9jQ29sb3I6ICdwdXJwbGUnIHwgJ2dyZWVuJyA9ICdncmVlbidcclxuXHJcbiAgQE91dHB1dCgpIG9jQ2hlY2tlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKVxyXG5cclxuICB0b2dnbGVDaGVja2VkKCkge1xyXG4gICAgdGhpcy5vY0NoZWNrZWQgPSAhdGhpcy5vY0NoZWNrZWRcclxuICB9XHJcbn1cclxuIiwiPGxhYmVsXHJcbiAgY2xhc3M9XCJzd2l0Y2hcIlxyXG4gIFtuZ0NsYXNzXT1cIntcclxuICAgIGxhcmdlOiBvY1NpemUgPT09ICdsYXJnZScsXHJcbiAgICBtZWRpdW06IG9jU2l6ZSA9PT0gJ21lZGl1bScsXHJcbiAgfVwiXHJcbj5cclxuICA8aW5wdXRcclxuICAgIFtjaGVja2VkXT1cIm9jQ2hlY2tlZFwiXHJcbiAgICAoY2xpY2spPVwidG9nZ2xlQ2hlY2tlZCgpXCJcclxuICAgIHR5cGU9XCJjaGVja2JveFwiXHJcbiAgICBbZGlzYWJsZWRdPVwib2NEaXNhYmxlZFwiXHJcbiAgLz5cclxuICA8c3BhblxyXG4gICAgY2xhc3M9XCJzbGlkZXIgcm91bmRcIlxyXG4gICAgW25nQ2xhc3NdPVwiW29jQ29sb3JdXCJcclxuICA+PC9zcGFuPlxyXG48L2xhYmVsPlxyXG4iXX0=
|