otimus-library 0.2.95 → 0.2.96

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.
Files changed (80) hide show
  1. package/fesm2022/otimus-library.mjs +224 -167
  2. package/fesm2022/otimus-library.mjs.map +1 -1
  3. package/index.d.ts +563 -5
  4. package/package.json +5 -7
  5. package/esm2022/lib/components/oc-accordion/oc-accordion.component.mjs +0 -48
  6. package/esm2022/lib/components/oc-accordion-item/oc-accordion-item.component.mjs +0 -35
  7. package/esm2022/lib/components/oc-autocomplete/oc-autocomplete.component.mjs +0 -373
  8. package/esm2022/lib/components/oc-badge/oc-badge.component.mjs +0 -30
  9. package/esm2022/lib/components/oc-button-menu/oc-button-menu.component.mjs +0 -45
  10. package/esm2022/lib/components/oc-checkbox/oc-checkbox.component.mjs +0 -140
  11. package/esm2022/lib/components/oc-chip/oc-chip.component.mjs +0 -48
  12. package/esm2022/lib/components/oc-date-select/data/months.json +0 -44
  13. package/esm2022/lib/components/oc-date-select/oc-date-select.component.mjs +0 -128
  14. package/esm2022/lib/components/oc-filter/oc-filter.component.mjs +0 -39
  15. package/esm2022/lib/components/oc-input/oc-input.component.mjs +0 -97
  16. package/esm2022/lib/components/oc-key-value/oc-key-value.component.mjs +0 -31
  17. package/esm2022/lib/components/oc-log/oc-log.component.mjs +0 -22
  18. package/esm2022/lib/components/oc-menu/oc-menu.component.mjs +0 -81
  19. package/esm2022/lib/components/oc-message/oc-message.component.mjs +0 -52
  20. package/esm2022/lib/components/oc-modal/oc-modal.component.mjs +0 -85
  21. package/esm2022/lib/components/oc-modal-footer/oc-modal-footer.component.mjs +0 -23
  22. package/esm2022/lib/components/oc-not-found/oc-not-found.component.mjs +0 -11
  23. package/esm2022/lib/components/oc-pagination/oc-pagination.component.mjs +0 -49
  24. package/esm2022/lib/components/oc-profile/oc-profile.component.mjs +0 -38
  25. package/esm2022/lib/components/oc-progress/oc-progress.component.mjs +0 -35
  26. package/esm2022/lib/components/oc-step/oc-step.component.mjs +0 -58
  27. package/esm2022/lib/components/oc-stepper/oc-stepper.component.mjs +0 -94
  28. package/esm2022/lib/components/oc-tab/oc-tab.component.mjs +0 -20
  29. package/esm2022/lib/components/oc-tabs/oc-tabs.component.mjs +0 -42
  30. package/esm2022/lib/components/oc-toast/oc-toast.component.mjs +0 -17
  31. package/esm2022/lib/components/oc-toggle/oc-toggle.component.mjs +0 -40
  32. package/esm2022/lib/directives/oc-tooltip/oc-tooltip.directive.mjs +0 -160
  33. package/esm2022/lib/interfaces/oc-autocomplete.mjs +0 -2
  34. package/esm2022/lib/interfaces/oc-menu.mjs +0 -2
  35. package/esm2022/lib/interfaces/oc-style-theme.mjs +0 -2
  36. package/esm2022/lib/interfaces/oc-toast.mjs +0 -2
  37. package/esm2022/lib/otimus-library.component.mjs +0 -19
  38. package/esm2022/lib/otimus-library.service.mjs +0 -14
  39. package/esm2022/lib/services/internationalization.service.mjs +0 -68
  40. package/esm2022/lib/services/oc-toast.service.mjs +0 -81
  41. package/esm2022/lib/services/style-theme.service.mjs +0 -21
  42. package/esm2022/otimus-library.mjs +0 -5
  43. package/esm2022/public-api.mjs +0 -34
  44. package/lib/components/oc-accordion/oc-accordion.component.d.ts +0 -18
  45. package/lib/components/oc-accordion-item/oc-accordion-item.component.d.ts +0 -12
  46. package/lib/components/oc-autocomplete/oc-autocomplete.component.d.ts +0 -83
  47. package/lib/components/oc-badge/oc-badge.component.d.ts +0 -11
  48. package/lib/components/oc-button-menu/oc-button-menu.component.d.ts +0 -14
  49. package/lib/components/oc-checkbox/oc-checkbox.component.d.ts +0 -37
  50. package/lib/components/oc-chip/oc-chip.component.d.ts +0 -15
  51. package/lib/components/oc-date-select/oc-date-select.component.d.ts +0 -26
  52. package/lib/components/oc-filter/oc-filter.component.d.ts +0 -17
  53. package/lib/components/oc-input/oc-input.component.d.ts +0 -31
  54. package/lib/components/oc-key-value/oc-key-value.component.d.ts +0 -16
  55. package/lib/components/oc-log/oc-log.component.d.ts +0 -7
  56. package/lib/components/oc-menu/oc-menu.component.d.ts +0 -20
  57. package/lib/components/oc-message/oc-message.component.d.ts +0 -17
  58. package/lib/components/oc-modal/oc-modal.component.d.ts +0 -30
  59. package/lib/components/oc-modal-footer/oc-modal-footer.component.d.ts +0 -8
  60. package/lib/components/oc-not-found/oc-not-found.component.d.ts +0 -5
  61. package/lib/components/oc-pagination/oc-pagination.component.d.ts +0 -14
  62. package/lib/components/oc-profile/oc-profile.component.d.ts +0 -12
  63. package/lib/components/oc-progress/oc-progress.component.d.ts +0 -12
  64. package/lib/components/oc-step/oc-step.component.d.ts +0 -24
  65. package/lib/components/oc-stepper/oc-stepper.component.d.ts +0 -25
  66. package/lib/components/oc-tab/oc-tab.component.d.ts +0 -8
  67. package/lib/components/oc-tabs/oc-tabs.component.d.ts +0 -18
  68. package/lib/components/oc-toast/oc-toast.component.d.ts +0 -8
  69. package/lib/components/oc-toggle/oc-toggle.component.d.ts +0 -14
  70. package/lib/directives/oc-tooltip/oc-tooltip.directive.d.ts +0 -24
  71. package/lib/interfaces/oc-autocomplete.d.ts +0 -9
  72. package/lib/interfaces/oc-menu.d.ts +0 -9
  73. package/lib/interfaces/oc-style-theme.d.ts +0 -2
  74. package/lib/interfaces/oc-toast.d.ts +0 -8
  75. package/lib/otimus-library.component.d.ts +0 -5
  76. package/lib/otimus-library.service.d.ts +0 -6
  77. package/lib/services/internationalization.service.d.ts +0 -17
  78. package/lib/services/oc-toast.service.d.ts +0 -14
  79. package/lib/services/style-theme.service.d.ts +0 -8
  80. package/public-api.d.ts +0 -30
@@ -1,49 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { Component, EventEmitter, Input, Output } from '@angular/core';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/common";
5
- export class OcPaginationComponent {
6
- constructor() {
7
- this.ocPage = 1;
8
- this.ocGetPage = new EventEmitter();
9
- }
10
- ngOnInit() {
11
- if (!this.ocMaxPage)
12
- this.ocMaxPage = this.ocPage;
13
- }
14
- firstPage() {
15
- this.ocPage = 1;
16
- this.ocGetPage.emit(this.ocPage);
17
- }
18
- decrementPage() {
19
- if (this.ocPage <= 1)
20
- return;
21
- this.ocPage--;
22
- this.ocGetPage.emit(this.ocPage);
23
- }
24
- incrementPage() {
25
- if (!this.ocMaxPage || this.ocPage >= this.ocMaxPage)
26
- return;
27
- this.ocPage++;
28
- this.ocGetPage.emit(this.ocPage);
29
- }
30
- lastPage() {
31
- if (!this.ocMaxPage)
32
- return;
33
- this.ocPage = this.ocMaxPage;
34
- this.ocGetPage.emit(this.ocPage);
35
- }
36
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
37
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OcPaginationComponent, isStandalone: true, selector: "oc-pagination", inputs: { ocPage: "ocPage", ocMaxPage: "ocMaxPage" }, outputs: { ocGetPage: "ocGetPage" }, ngImport: i0, template: "<div class=\"oc-pagination\">\n <p class=\"oc-pagination-text\">\n P\u00E1gina\n <span>{{ocPage}}</span> \n de\n <span>{{ocMaxPage}}</span>\n </p>\n <div class=\"oc-pagination-buttons\">\n <button (click)=\"firstPage()\" [ngClass]=\"{\n disabled: ocPage === 1\n }\">\n <span class=\"material-symbols-outlined\">keyboard_double_arrow_left</span>\n </button>\n <button (click)=\"decrementPage()\" [ngClass]=\"{\n disabled: ocPage === 1\n }\">\n <span class=\"material-symbols-outlined\">navigate_before</span>\n </button>\n <button (click)=\"incrementPage()\" [ngClass]=\"{\n disabled: ocPage === ocMaxPage\n }\"> \n <span class=\"material-symbols-outlined\">navigate_next</span>\n </button>\n <button (click)=\"lastPage()\" [ngClass]=\"{\n disabled: ocPage === ocMaxPage\n }\"> \n <span class=\"material-symbols-outlined\">\n keyboard_double_arrow_right\n </span>\n </button>\n </div>\n</div>", styles: [".oc-pagination{display:flex;align-items:center;justify-content:flex-end;gap:1rem;border:none;overflow:hidden}.oc-pagination .oc-pagination-buttons{display:flex;align-items:center;gap:0;border:2px solid #f7f7f7;border-radius:.5rem;transition:.3s ease}.oc-pagination .oc-pagination-buttons:hover{border-color:#d1d5db}.oc-pagination .oc-pagination-buttons button{margin:0;transition:.15s ease;border-radius:.5rem;cursor:pointer;border:none;height:3rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#7e8485;font-weight:700}.oc-pagination .oc-pagination-buttons button:hover{background-color:#f7f7f7;color:#7737b5}.oc-pagination .oc-pagination-buttons button:active{transform:translateY(2px)}.oc-pagination .oc-pagination-text{font-weight:500;font-size:1rem;margin:0;color:#8f9596}.oc-pagination .oc-pagination-text span{font-weight:700;color:#5505a2}.disabled{cursor:not-allowed!important;opacity:.4;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
38
- }
39
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcPaginationComponent, decorators: [{
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"] }]
42
- }], propDecorators: { ocPage: [{
43
- type: Input
44
- }], ocMaxPage: [{
45
- type: Input
46
- }], ocGetPage: [{
47
- type: Output
48
- }] } });
49
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtcGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2MtcGFnaW5hdGlvbi9vYy1wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1wYWdpbmF0aW9uL29jLXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVMvRSxNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUVcsV0FBTSxHQUFXLENBQUMsQ0FBQTtRQUVqQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQTtLQWdDakQ7SUE5QkMsUUFBUTtRQUNOLElBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUztZQUFFLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQTtJQUNsRCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFBO1FBRWYsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFBO0lBQ2xDLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBRyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUM7WUFBRSxPQUFNO1FBQzNCLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQTtRQUViLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUNsQyxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLFNBQVM7WUFBRSxPQUFNO1FBQzNELElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQTtRQUViLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUNsQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUztZQUFFLE9BQU07UUFDMUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFBO1FBRTVCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUNsQyxDQUFDOytHQWxDVSxxQkFBcUI7bUdBQXJCLHFCQUFxQixvS0NWbEMsdStCQStCTSwwZ0NEekJNLFlBQVk7OzRGQUlYLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQUtkLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvYy1wYWdpbmF0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9vYy1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL29jLXBhZ2luYXRpb24uY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIE9jUGFnaW5hdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcbiAgQElucHV0KCkgb2NQYWdlOiBudW1iZXIgPSAxXG4gIEBJbnB1dCgpIG9jTWF4UGFnZT86IG51bWJlclxuICBAT3V0cHV0KCkgb2NHZXRQYWdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KClcbiAgXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmKCF0aGlzLm9jTWF4UGFnZSkgdGhpcy5vY01heFBhZ2UgPSB0aGlzLm9jUGFnZVxuICB9XG5cbiAgZmlyc3RQYWdlKCkge1xuICAgIHRoaXMub2NQYWdlID0gMVxuICAgIFxuICAgIHRoaXMub2NHZXRQYWdlLmVtaXQodGhpcy5vY1BhZ2UpXG4gIH1cblxuICBkZWNyZW1lbnRQYWdlKCkge1xuICAgIGlmKHRoaXMub2NQYWdlIDw9IDEpIHJldHVyblxuICAgIHRoaXMub2NQYWdlLS1cbiAgICBcbiAgICB0aGlzLm9jR2V0UGFnZS5lbWl0KHRoaXMub2NQYWdlKVxuICB9XG5cbiAgaW5jcmVtZW50UGFnZSgpIHtcbiAgICBpZighdGhpcy5vY01heFBhZ2UgfHwgdGhpcy5vY1BhZ2UgPj0gdGhpcy5vY01heFBhZ2UpIHJldHVyblxuICAgIHRoaXMub2NQYWdlKytcbiAgICBcbiAgICB0aGlzLm9jR2V0UGFnZS5lbWl0KHRoaXMub2NQYWdlKVxuICB9XG5cbiAgbGFzdFBhZ2UoKSB7XG4gICAgaWYoIXRoaXMub2NNYXhQYWdlKSByZXR1cm5cbiAgICB0aGlzLm9jUGFnZSA9IHRoaXMub2NNYXhQYWdlXG4gICAgXG4gICAgdGhpcy5vY0dldFBhZ2UuZW1pdCh0aGlzLm9jUGFnZSlcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm9jLXBhZ2luYXRpb25cIj5cbiAgPHAgY2xhc3M9XCJvYy1wYWdpbmF0aW9uLXRleHRcIj5cbiAgICBQw6FnaW5hXG4gICAgPHNwYW4+e3tvY1BhZ2V9fTwvc3Bhbj4gXG4gICAgICBkZVxuICAgIDxzcGFuPnt7b2NNYXhQYWdlfX08L3NwYW4+XG4gIDwvcD5cbiAgPGRpdiBjbGFzcz1cIm9jLXBhZ2luYXRpb24tYnV0dG9uc1wiPlxuICAgIDxidXR0b24gKGNsaWNrKT1cImZpcnN0UGFnZSgpXCIgW25nQ2xhc3NdPVwie1xuICAgICAgZGlzYWJsZWQ6IG9jUGFnZSA9PT0gMVxuICAgIH1cIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPmtleWJvYXJkX2RvdWJsZV9hcnJvd19sZWZ0PC9zcGFuPlxuICAgIDwvYnV0dG9uPlxuICAgIDxidXR0b24gKGNsaWNrKT1cImRlY3JlbWVudFBhZ2UoKVwiIFtuZ0NsYXNzXT1cIntcbiAgICAgIGRpc2FibGVkOiBvY1BhZ2UgPT09IDFcbiAgICB9XCI+XG4gICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIj5uYXZpZ2F0ZV9iZWZvcmU8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvbiAoY2xpY2spPVwiaW5jcmVtZW50UGFnZSgpXCIgW25nQ2xhc3NdPVwie1xuICAgICAgZGlzYWJsZWQ6IG9jUGFnZSA9PT0gb2NNYXhQYWdlXG4gICAgfVwiPiBcbiAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPm5hdmlnYXRlX25leHQ8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvbiAoY2xpY2spPVwibGFzdFBhZ2UoKVwiIFtuZ0NsYXNzXT1cIntcbiAgICAgIGRpc2FibGVkOiBvY1BhZ2UgPT09IG9jTWF4UGFnZVxuICAgIH1cIj4gXG4gICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIj5cbiAgICAgICAga2V5Ym9hcmRfZG91YmxlX2Fycm93X3JpZ2h0XG4gICAgICA8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuPC9kaXY+Il19
@@ -1,38 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { Component, Input, ViewEncapsulation } from '@angular/core';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/common";
5
- export class OcProfileComponent {
6
- constructor() {
7
- this.ocSize = 'medium';
8
- this.nameInitials = '';
9
- }
10
- ngOnInit() {
11
- this.getInitials();
12
- }
13
- getInitials() {
14
- if (!this.ocUserName)
15
- return;
16
- const splittedName = this.ocUserName?.split(' ');
17
- const firstLetter = splittedName[0][0];
18
- let lastLetter = '';
19
- const lastName = splittedName[splittedName.length - 1];
20
- if (splittedName.length > 1 && lastName) {
21
- lastLetter = lastName[0];
22
- }
23
- this.nameInitials = (firstLetter + lastLetter).toUpperCase();
24
- }
25
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
26
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcProfileComponent, isStandalone: true, selector: "oc-profile", inputs: { ocUserName: "ocUserName", ocProfilePic: "ocProfilePic", ocSize: "ocSize" }, ngImport: i0, template: "<div class=\"oc-profile\"\n [ngClass]=\"{\n small: ocSize === 'small',\n tiny: ocSize === 'tiny',\n large: ocSize === 'large'\n }\"\n>\n <div class=\"content\">\n @if(ocProfilePic){\n <img [src]=\"ocProfilePic\" [alt]=\"ocUserName || 'Foto de perfil do usu\u00E1rio'\">\n }@else {\n <span>\n {{nameInitials}}\n </span>\n }\n </div>\n</div>", styles: [".oc-profile{transform:rotate(45deg);width:50px;height:50px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background-color:#5505a2;border-radius:.7rem;overflow:hidden}.oc-profile.small{width:40px;height:40px;border-radius:.55rem}.oc-profile.small .content{font-size:1.2rem}.oc-profile.tiny{width:30px;height:30px;border-radius:.4rem}.oc-profile.tiny .content{font-size:.9rem}.oc-profile.large{width:60px;height:60px}.oc-profile.large .content{font-size:2rem}.oc-profile .content{transform:rotate(-45deg);color:#f8f9ff;font-weight:500;font-size:1.5rem;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.oc-profile .content:hover img{transform:scale(2.1)}.oc-profile img{max-width:100%;max-height:100%;transform:scale(1.95);transition:.3s ease;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
27
- }
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcProfileComponent, decorators: [{
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"] }]
31
- }], propDecorators: { ocUserName: [{
32
- type: Input
33
- }], ocProfilePic: [{
34
- type: Input
35
- }], ocSize: [{
36
- type: Input
37
- }] } });
38
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtcHJvZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2MtcHJvZmlsZS9vYy1wcm9maWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1wcm9maWxlL29jLXByb2ZpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVNUUsTUFBTSxPQUFPLGtCQUFrQjtJQVIvQjtRQVdXLFdBQU0sR0FBMEMsUUFBUSxDQUFBO1FBQ2pFLGlCQUFZLEdBQVcsRUFBRSxDQUFBO0tBc0IxQjtJQXBCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFBO0lBQ3BCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBRyxDQUFDLElBQUksQ0FBQyxVQUFVO1lBQUUsT0FBTTtRQUUzQixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQTtRQUVoRCxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDdEMsSUFBSSxVQUFVLEdBQUcsRUFBRSxDQUFBO1FBRW5CLE1BQU0sUUFBUSxHQUFHLFlBQVksQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFBO1FBRXRELElBQUcsWUFBWSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksUUFBUSxFQUFDLENBQUM7WUFDdEMsVUFBVSxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQTtRQUMxQixDQUFDO1FBRUQsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQTtJQUM5RCxDQUFDOytHQXpCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw0SkNYL0IsaVlBZ0JNLDQzQkRWTSxZQUFZOzs0RkFLWCxrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2MtcHJvZmlsZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vb2MtcHJvZmlsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy1wcm9maWxlLmNvbXBvbmVudC5zY3NzJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBPY1Byb2ZpbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBvY1VzZXJOYW1lPzogc3RyaW5nXG4gIEBJbnB1dCgpIG9jUHJvZmlsZVBpYz86IHN0cmluZ1xuICBASW5wdXQoKSBvY1NpemU6ICdsYXJnZScgfCAnbWVkaXVtJyB8ICdzbWFsbCcgfCAndGlueScgPSAnbWVkaXVtJ1xuICBuYW1lSW5pdGlhbHM6IHN0cmluZyA9ICcnXG4gIFxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmdldEluaXRpYWxzKClcbiAgfVxuXG4gIGdldEluaXRpYWxzKCkge1xuICAgIGlmKCF0aGlzLm9jVXNlck5hbWUpIHJldHVyblxuXG4gICAgY29uc3Qgc3BsaXR0ZWROYW1lID0gdGhpcy5vY1VzZXJOYW1lPy5zcGxpdCgnICcpXG5cbiAgICBjb25zdCBmaXJzdExldHRlciA9IHNwbGl0dGVkTmFtZVswXVswXVxuICAgIGxldCBsYXN0TGV0dGVyID0gJydcbiAgICBcbiAgICBjb25zdCBsYXN0TmFtZSA9IHNwbGl0dGVkTmFtZVtzcGxpdHRlZE5hbWUubGVuZ3RoIC0gMV1cblxuICAgIGlmKHNwbGl0dGVkTmFtZS5sZW5ndGggPiAxICYmIGxhc3ROYW1lKXtcbiAgICAgIGxhc3RMZXR0ZXIgPSBsYXN0TmFtZVswXVxuICAgIH1cblxuICAgIHRoaXMubmFtZUluaXRpYWxzID0gKGZpcnN0TGV0dGVyICsgbGFzdExldHRlcikudG9VcHBlckNhc2UoKVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwib2MtcHJvZmlsZVwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICBzbWFsbDogb2NTaXplID09PSAnc21hbGwnLFxuICAgIHRpbnk6IG9jU2l6ZSA9PT0gJ3RpbnknLFxuICAgIGxhcmdlOiBvY1NpemUgPT09ICdsYXJnZSdcbiAgfVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgQGlmKG9jUHJvZmlsZVBpYyl7XG4gICAgICA8aW1nIFtzcmNdPVwib2NQcm9maWxlUGljXCIgW2FsdF09XCJvY1VzZXJOYW1lIHx8ICdGb3RvIGRlIHBlcmZpbCBkbyB1c3XDoXJpbydcIj5cbiAgICB9QGVsc2Uge1xuICAgICAgPHNwYW4+XG4gICAgICAgIHt7bmFtZUluaXRpYWxzfX1cbiAgICAgIDwvc3Bhbj5cbiAgICB9XG4gIDwvZGl2PlxuPC9kaXY+Il19
@@ -1,35 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { Component, Input } from '@angular/core';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/common";
5
- export class OcProgressComponent {
6
- constructor() {
7
- this.ocWidth = '100%';
8
- this.ocColor = 'purple';
9
- this.ocGradient = true;
10
- this.ocStyle = 'otimus';
11
- this.ocPercentage = 0;
12
- }
13
- ngAfterViewInit() {
14
- if (this.ocStyle === 'shui') {
15
- this.ocColor = 'orange';
16
- }
17
- }
18
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OcProgressComponent, isStandalone: true, selector: "oc-progress", inputs: { ocWidth: "ocWidth", ocColor: "ocColor", ocGradient: "ocGradient", ocStyle: "ocStyle", ocPercentage: "ocPercentage" }, ngImport: i0, template: "<div class=\"oc-progress-container\">\n <div\n class=\"oc-progress\"\n [ngStyle]=\"{\n width: ocWidth || '100%',\n }\"\n >\n <div\n class=\"fill\"\n [ngClass]=\"{\n purple: ocColor === 'purple',\n green: ocColor === 'green',\n orange: ocColor === 'orange',\n gradient: ocGradient,\n }\"\n [ngStyle]=\"{\n width: ocPercentage + '%',\n }\"\n ></div>\n </div>\n\n <div\n class=\"percentage-tooltip\"\n [ngStyle]=\"{\n width: ocPercentage + '%',\n }\"\n >\n <span class=\"tooltip\">{{ ocPercentage }}%</span>\n </div>\n</div>\n", styles: [".oc-progress{width:100%;border-radius:16px;background-color:#f7f7f7;height:15px;overflow:hidden;position:relative;transition:.3s ease;border:1.5px solid #ffffff}.oc-progress:hover{background-color:#f7f7f7;filter:brightness(.97)}.oc-progress .fill{height:100%;border-radius:16px;position:absolute;left:0;animation:increasePercentage .8s ease;transition:.3s ease}.oc-progress .fill.purple{background-color:#5505a2}.oc-progress .fill.purple.gradient{background:linear-gradient(90deg,#5505a2,#bb73ff)}.oc-progress .fill.green{background-color:#00dda3}.oc-progress .fill.green.gradient{background:linear-gradient(90deg,#00dda3,#b9ffec)}.oc-progress .fill.orange{background-color:#ec6602}.oc-progress .fill.orange.gradient{background:linear-gradient(90deg,#ec6602,#ffcead)}.oc-progress-container:hover{max-height:15px}.oc-progress-container:hover .percentage-tooltip{display:flex}.percentage-tooltip{display:none;justify-content:flex-end}.percentage-tooltip .tooltip{padding:.5rem;border-radius:8px;background-color:#fff;border:1px solid #d1d5db;font-size:.9rem;color:#7e8485;font-weight:600;animation:showToast .3s ease;position:relative;transform:translateY(10px) translate(10px);z-index:1}.percentage-tooltip .tooltip:before{position:absolute;content:\"\";width:10px;height:10px;transform:rotate(45deg);top:-6px;right:25%;left:35%;background-color:#fff;border:1px solid #d1d5db;border-bottom:none;border-right:none;z-index:-1}@keyframes showToast{0%{opacity:0;transform:scale(.5) translateY(10px) translate(10px)}to{opacity:1;transform:scale(1) translateY(10px) translate(10px)}}@keyframes increasePercentage{0%{transform:translate(-300px)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
20
- }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcProgressComponent, decorators: [{
22
- type: Component,
23
- args: [{ selector: 'oc-progress', standalone: true, imports: [CommonModule], template: "<div class=\"oc-progress-container\">\n <div\n class=\"oc-progress\"\n [ngStyle]=\"{\n width: ocWidth || '100%',\n }\"\n >\n <div\n class=\"fill\"\n [ngClass]=\"{\n purple: ocColor === 'purple',\n green: ocColor === 'green',\n orange: ocColor === 'orange',\n gradient: ocGradient,\n }\"\n [ngStyle]=\"{\n width: ocPercentage + '%',\n }\"\n ></div>\n </div>\n\n <div\n class=\"percentage-tooltip\"\n [ngStyle]=\"{\n width: ocPercentage + '%',\n }\"\n >\n <span class=\"tooltip\">{{ ocPercentage }}%</span>\n </div>\n</div>\n", styles: [".oc-progress{width:100%;border-radius:16px;background-color:#f7f7f7;height:15px;overflow:hidden;position:relative;transition:.3s ease;border:1.5px solid #ffffff}.oc-progress:hover{background-color:#f7f7f7;filter:brightness(.97)}.oc-progress .fill{height:100%;border-radius:16px;position:absolute;left:0;animation:increasePercentage .8s ease;transition:.3s ease}.oc-progress .fill.purple{background-color:#5505a2}.oc-progress .fill.purple.gradient{background:linear-gradient(90deg,#5505a2,#bb73ff)}.oc-progress .fill.green{background-color:#00dda3}.oc-progress .fill.green.gradient{background:linear-gradient(90deg,#00dda3,#b9ffec)}.oc-progress .fill.orange{background-color:#ec6602}.oc-progress .fill.orange.gradient{background:linear-gradient(90deg,#ec6602,#ffcead)}.oc-progress-container:hover{max-height:15px}.oc-progress-container:hover .percentage-tooltip{display:flex}.percentage-tooltip{display:none;justify-content:flex-end}.percentage-tooltip .tooltip{padding:.5rem;border-radius:8px;background-color:#fff;border:1px solid #d1d5db;font-size:.9rem;color:#7e8485;font-weight:600;animation:showToast .3s ease;position:relative;transform:translateY(10px) translate(10px);z-index:1}.percentage-tooltip .tooltip:before{position:absolute;content:\"\";width:10px;height:10px;transform:rotate(45deg);top:-6px;right:25%;left:35%;background-color:#fff;border:1px solid #d1d5db;border-bottom:none;border-right:none;z-index:-1}@keyframes showToast{0%{opacity:0;transform:scale(.5) translateY(10px) translate(10px)}to{opacity:1;transform:scale(1) translateY(10px) translate(10px)}}@keyframes increasePercentage{0%{transform:translate(-300px)}to{transform:translate(0)}}\n"] }]
24
- }], propDecorators: { ocWidth: [{
25
- type: Input
26
- }], ocColor: [{
27
- type: Input
28
- }], ocGradient: [{
29
- type: Input
30
- }], ocStyle: [{
31
- type: Input
32
- }], ocPercentage: [{
33
- type: Input
34
- }] } });
35
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtcHJvZ3Jlc3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3RpbXVzLWxpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL29jLXByb2dyZXNzL29jLXByb2dyZXNzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1wcm9ncmVzcy9vYy1wcm9ncmVzcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFpQixTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7QUFTL0QsTUFBTSxPQUFPLG1CQUFtQjtJQVBoQztRQVFXLFlBQU8sR0FBVyxNQUFNLENBQUE7UUFDeEIsWUFBTyxHQUFrQyxRQUFRLENBQUE7UUFDakQsZUFBVSxHQUFZLElBQUksQ0FBQTtRQUMxQixZQUFPLEdBQXNCLFFBQVEsQ0FBQTtRQUVyQyxpQkFBWSxHQUFXLENBQUMsQ0FBQTtLQU9sQztJQUxDLGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssTUFBTSxFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxRQUFRLENBQUE7UUFDekIsQ0FBQztJQUNILENBQUM7K0dBWlUsbUJBQW1CO21HQUFuQixtQkFBbUIsdU1DVmhDLG9uQkE4QkEsMnJERHhCWSxZQUFZOzs0RkFJWCxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFLZCxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUVHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2MtcHJvZ3Jlc3MnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL29jLXByb2dyZXNzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL29jLXByb2dyZXNzLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgT2NQcm9ncmVzc0NvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBvY1dpZHRoOiBzdHJpbmcgPSAnMTAwJSdcbiAgQElucHV0KCkgb2NDb2xvcjogJ3B1cnBsZScgfCAnZ3JlZW4nIHwgJ29yYW5nZScgPSAncHVycGxlJ1xuICBASW5wdXQoKSBvY0dyYWRpZW50OiBib29sZWFuID0gdHJ1ZVxuICBASW5wdXQoKSBvY1N0eWxlOiAnb3RpbXVzJyB8ICdzaHVpJyA9ICdvdGltdXMnXG5cbiAgQElucHV0KCkgb2NQZXJjZW50YWdlOiBudW1iZXIgPSAwXG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLm9jU3R5bGUgPT09ICdzaHVpJykge1xuICAgICAgdGhpcy5vY0NvbG9yID0gJ29yYW5nZSdcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJvYy1wcm9ncmVzcy1jb250YWluZXJcIj5cbiAgPGRpdlxuICAgIGNsYXNzPVwib2MtcHJvZ3Jlc3NcIlxuICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgIHdpZHRoOiBvY1dpZHRoIHx8ICcxMDAlJyxcbiAgICB9XCJcbiAgPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiZmlsbFwiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgIHB1cnBsZTogb2NDb2xvciA9PT0gJ3B1cnBsZScsXG4gICAgICAgIGdyZWVuOiBvY0NvbG9yID09PSAnZ3JlZW4nLFxuICAgICAgICBvcmFuZ2U6IG9jQ29sb3IgPT09ICdvcmFuZ2UnLFxuICAgICAgICBncmFkaWVudDogb2NHcmFkaWVudCxcbiAgICAgIH1cIlxuICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICB3aWR0aDogb2NQZXJjZW50YWdlICsgJyUnLFxuICAgICAgfVwiXG4gICAgPjwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2XG4gICAgY2xhc3M9XCJwZXJjZW50YWdlLXRvb2x0aXBcIlxuICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgIHdpZHRoOiBvY1BlcmNlbnRhZ2UgKyAnJScsXG4gICAgfVwiXG4gID5cbiAgICA8c3BhbiBjbGFzcz1cInRvb2x0aXBcIj57eyBvY1BlcmNlbnRhZ2UgfX0lPC9zcGFuPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
@@ -1,58 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { Component, EventEmitter, Input, Output } from '@angular/core';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "../../services/style-theme.service";
5
- import * as i2 from "@angular/common";
6
- export class OcStepComponent {
7
- constructor(styleThemeService) {
8
- this.styleThemeService = styleThemeService;
9
- this.ocIsActive = false;
10
- this.ocTitle = '';
11
- this.ocColor = 'purple';
12
- this.ocCompleted = false;
13
- this.ocStyle = 'otimus';
14
- this.ocType = 'default';
15
- this.ocExpandable = true;
16
- this.ocClick = new EventEmitter();
17
- this.stepIndex = 0;
18
- this.selectedIndex = 0;
19
- this.lastIndex = 0;
20
- }
21
- ngAfterViewInit() {
22
- this.ocStyle = this.styleThemeService.getStyleTheme() || this.ocStyle;
23
- }
24
- handleStepClick(stepIndex) {
25
- if (!this.ocExpandable) {
26
- return;
27
- }
28
- if (stepIndex !== this.selectedIndex && (stepIndex <= this.selectedIndex || this.ocCompleted)) {
29
- this.selectStep(stepIndex);
30
- this.ocClick.emit();
31
- }
32
- }
33
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcStepComponent, deps: [{ token: i1.StyleThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
34
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcStepComponent, isStandalone: true, selector: "oc-step", inputs: { ocIsActive: "ocIsActive", ocTitle: "ocTitle", ocColor: "ocColor", ocCompleted: "ocCompleted", ocStyle: "ocStyle", ocType: "ocType", ocExpandable: "ocExpandable", selectStep: "selectStep" }, outputs: { ocClick: "ocClick" }, ngImport: i0, template: "<div class=\"oc-step\" (click)=\"\n handleStepClick(stepIndex)\n \" [ngClass]=\"{\n 'oc-not-selected': stepIndex !== selectedIndex,\n 'shui': ocStyle === 'shui',\n 'shui-step': ocStyle === 'shui',\n '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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
35
- }
36
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcStepComponent, decorators: [{
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"] }]
39
- }], ctorParameters: () => [{ type: i1.StyleThemeService }], propDecorators: { ocIsActive: [{
40
- type: Input
41
- }], ocTitle: [{
42
- type: Input
43
- }], ocColor: [{
44
- type: Input
45
- }], ocCompleted: [{
46
- type: Input
47
- }], ocStyle: [{
48
- type: Input
49
- }], ocType: [{
50
- type: Input
51
- }], ocExpandable: [{
52
- type: Input
53
- }], ocClick: [{
54
- type: Output
55
- }], selectStep: [{
56
- type: Input
57
- }] } });
58
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2Mtc3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2Mtc3RlcC9vYy1zdGVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1zdGVwL29jLXN0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQzlDLE9BQU8sRUFBaUIsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7O0FBV3JGLE1BQU0sT0FBTyxlQUFlO0lBQzFCLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBRS9DLGVBQVUsR0FBWSxLQUFLLENBQUE7UUFDM0IsWUFBTyxHQUFXLEVBQUUsQ0FBQTtRQUNwQixZQUFPLEdBQXVCLFFBQVEsQ0FBQTtRQUN0QyxnQkFBVyxHQUFZLEtBQUssQ0FBQTtRQUM1QixZQUFPLEdBQXFCLFFBQVEsQ0FBQTtRQUNwQyxXQUFNLEdBQTBCLFNBQVMsQ0FBQTtRQUN6QyxpQkFBWSxHQUFhLElBQUksQ0FBQTtRQUU1QixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQTtRQUN0QyxjQUFTLEdBQVcsQ0FBQyxDQUFBO1FBQ3JCLGtCQUFhLEdBQVcsQ0FBQyxDQUFBO1FBQ3pCLGNBQVMsR0FBVyxDQUFDLENBQUE7SUFic0MsQ0FBQztJQWU1RCxlQUFlO1FBQ2IsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQTtJQUN2RSxDQUFDO0lBRVMsZUFBZSxDQUFDLFNBQWlCO1FBQ3pDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdkIsT0FBTTtRQUNSLENBQUM7UUFDRCxJQUFJLFNBQVMsS0FBSyxJQUFJLENBQUMsYUFBYSxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUM7WUFDOUYsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFBO1FBQ3JCLENBQUM7SUFDSCxDQUFDOytHQTVCVSxlQUFlO21HQUFmLGVBQWUsNFNDWjVCLHNnREFxQ00sNDhFRDdCTSxZQUFZOzs0RkFJWCxlQUFlO2tCQVAzQixTQUFTOytCQUNFLFNBQVMsY0FDUCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7c0ZBT2QsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU07Z0JBbUJFLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBTdHlsZVRoZW1lU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3N0eWxlLXRoZW1lLnNlcnZpY2UnXG5pbXBvcnQgeyBPY1N0eWxlVGhlbWVUeXBlIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9vYy1zdHlsZS10aGVtZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2Mtc3RlcCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vb2Mtc3RlcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy1zdGVwLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgT2NTdGVwQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc3R5bGVUaGVtZVNlcnZpY2U6IFN0eWxlVGhlbWVTZXJ2aWNlKSB7fVxuXG4gIEBJbnB1dCgpIG9jSXNBY3RpdmU6IGJvb2xlYW4gPSBmYWxzZVxuICBASW5wdXQoKSBvY1RpdGxlOiBzdHJpbmcgPSAnJ1xuICBASW5wdXQoKSBvY0NvbG9yOiAncHVycGxlJyB8ICdncmVlbicgPSAncHVycGxlJ1xuICBASW5wdXQoKSBvY0NvbXBsZXRlZDogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIG9jU3R5bGU6IE9jU3R5bGVUaGVtZVR5cGUgPSAnb3RpbXVzJ1xuICBASW5wdXQoKSBvY1R5cGU6ICdoaXN0b3J5JyB8ICdkZWZhdWx0JyA9ICdkZWZhdWx0J1xuICBASW5wdXQoKSBvY0V4cGFuZGFibGU/OiBib29sZWFuID0gdHJ1ZVxuXG4gIEBPdXRwdXQoKSBvY0NsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpXG4gIHN0ZXBJbmRleDogbnVtYmVyID0gMFxuICBzZWxlY3RlZEluZGV4OiBudW1iZXIgPSAwXG4gIGxhc3RJbmRleDogbnVtYmVyID0gMFxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm9jU3R5bGUgPSB0aGlzLnN0eWxlVGhlbWVTZXJ2aWNlLmdldFN0eWxlVGhlbWUoKSB8fCB0aGlzLm9jU3R5bGVcbiAgfVxuXG4gIHByb3RlY3RlZCBoYW5kbGVTdGVwQ2xpY2soc3RlcEluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMub2NFeHBhbmRhYmxlKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgaWYgKHN0ZXBJbmRleCAhPT0gdGhpcy5zZWxlY3RlZEluZGV4ICYmIChzdGVwSW5kZXggPD0gdGhpcy5zZWxlY3RlZEluZGV4IHx8IHRoaXMub2NDb21wbGV0ZWQpKSB7XG4gICAgICB0aGlzLnNlbGVjdFN0ZXAoc3RlcEluZGV4KVxuICAgICAgdGhpcy5vY0NsaWNrLmVtaXQoKVxuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpIHNlbGVjdFN0ZXAhOiAoaW5kZXg6IG51bWJlcikgPT4gdm9pZFxufVxuIiwiPGRpdiBjbGFzcz1cIm9jLXN0ZXBcIiAoY2xpY2spPVwiXG4gIGhhbmRsZVN0ZXBDbGljayhzdGVwSW5kZXgpXG4gIFwiIFtuZ0NsYXNzXT1cIntcbiAgICAnb2Mtbm90LXNlbGVjdGVkJzogc3RlcEluZGV4ICE9PSBzZWxlY3RlZEluZGV4LFxuICAgICdzaHVpJzogb2NTdHlsZSA9PT0gJ3NodWknLFxuICAgICdzaHVpLXN0ZXAnOiBvY1N0eWxlID09PSAnc2h1aScsXG4gICAgJ29jLWV4cGFuZGFibGUnOiBvY0V4cGFuZGFibGVcbn1cIj5cbiAgPGRpdiBjbGFzcz1cImxlZnQtc2lkZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzdGVwLW51bWJlclwiIFtuZ0NsYXNzXT1cIntcbiAgICAgICdvYy1zZWxlY3RlZC1wJzogc2VsZWN0ZWRJbmRleCA9PT0gc3RlcEluZGV4ICYmIG9jQ29sb3IgPT09ICdwdXJwbGUnLFxuICAgICAgJ29jLXNlbGVjdGVkLWcnOiBzZWxlY3RlZEluZGV4ID09PSBzdGVwSW5kZXggJiYgb2NDb2xvciA9PT0gJ2dyZWVuJyxcbiAgICAgICdvYy1wdXJwbGUnOiAoc3RlcEluZGV4ISA8PSBzZWxlY3RlZEluZGV4IHx8IG9jQ29tcGxldGVkKSAmJiBvY0NvbG9yID09PSAncHVycGxlJyxcbiAgICAgICdvYy1ncmVlbic6IChzdGVwSW5kZXghIDw9IHNlbGVjdGVkSW5kZXggfHwgb2NDb21wbGV0ZWQpICYmIG9jQ29sb3IgPT09ICdncmVlbicsXG4gICAgICAnaGlzdG9yeS1wb2ludCc6IG9jVHlwZSA9PT0gJ2hpc3RvcnknXG4gICAgfVwiPlxuICAgICAgQGlmKG9jVHlwZSAhPT0gJ2hpc3RvcnknKSB7XG4gICAgICA8c3Bhbj57e3N0ZXBJbmRleCEgKyAxfX08L3NwYW4+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gICAgPGgyIFtuZ0NsYXNzXT1cIntcbiAgICAgICdvYy1zZWxlY3RlZC1wLXRpdGxlJzogc2VsZWN0ZWRJbmRleCA9PT0gc3RlcEluZGV4ICYmIG9jQ29sb3IgPT09ICdwdXJwbGUnLFxuICAgICAgJ29jLXNlbGVjdGVkLWctdGl0bGUnOiBzZWxlY3RlZEluZGV4ID09PSBzdGVwSW5kZXggJiYgb2NDb2xvciA9PT0gJ2dyZWVuJyxcbiAgICB9XCI+e3tvY1RpdGxlfX08L2gyPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIm9jLWNvbnRlbnRcIiBbbmdDbGFzc109XCJ7XG4gICAgJ2V4cGFuZGVkJzogb2NJc0FjdGl2ZSB8fCAhb2NFeHBhbmRhYmxlLFxuICAgICdvYy1leHBhbmRhYmxlJzogb2NFeHBhbmRhYmxlLFxuICAgICdvYy1wcmV2LXNlbGVjdGVkLXAnOiAoc3RlcEluZGV4ISA8IHNlbGVjdGVkSW5kZXggfHwgb2NDb21wbGV0ZWQpICYmIG9jQ29sb3IgPT09ICdwdXJwbGUnLFxuICAgICdvYy1wcmV2LXNlbGVjdGVkLWcnOiAoc3RlcEluZGV4ISA8IHNlbGVjdGVkSW5kZXggfHwgb2NDb21wbGV0ZWQpICYmIG9jQ29sb3IgPT09ICdncmVlbicsXG4gICAgJ29jLWxlZnQtYm9yZGVyJzogc3RlcEluZGV4ICE9PSBsYXN0SW5kZXgsXG4gICAgJ2hpc3RvcnktcG9pbnQnOiBvY1R5cGUgPT09ICdoaXN0b3J5J1xuICB9XCI+XG4gICAgQGlmIChvY0lzQWN0aXZlIHx8ICFvY0V4cGFuZGFibGUpIHtcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgfVxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==
@@ -1,94 +0,0 @@
1
- import { Component, ContentChildren, Input } from '@angular/core';
2
- import { OcStepComponent } from '../oc-step/oc-step.component';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "../../services/style-theme.service";
5
- export class OcStepperComponent {
6
- constructor(styleThemeService) {
7
- this.styleThemeService = styleThemeService;
8
- this.ocAllowNavigation = false;
9
- this.ocColor = 'purple';
10
- this.ocCurrentIndex = 0;
11
- this.ocSaveCompletedSteps = true;
12
- this.ocStyle = 'otimus';
13
- this.ocType = 'default';
14
- this.completedSteps = [];
15
- }
16
- ngAfterViewInit() {
17
- this.ocStyle = this.styleThemeService.getStyleTheme() || this.ocStyle;
18
- this.setStepsValues();
19
- this.selectStep(this.ocCurrentIndex);
20
- this.setCompletedSteps();
21
- }
22
- setCompletedSteps() {
23
- if (!this.ocSaveCompletedSteps) {
24
- return;
25
- }
26
- for (let i = 0; i <= this.ocCurrentIndex; i++) {
27
- this.completedSteps.push(i);
28
- }
29
- }
30
- setStepsValues() {
31
- this.ocSteps.forEach((step, i) => {
32
- step.stepIndex = i;
33
- step.ocColor = this.ocColor;
34
- step.lastIndex = this.ocSteps.length - 1;
35
- step.ocStyle = this.ocStyle;
36
- step.ocType = this.ocType;
37
- step.selectStep = (index) => this.selectStep(index);
38
- });
39
- }
40
- selectStep(index) {
41
- this.ocSteps.forEach((step, i) => {
42
- step.ocStyle = this.ocStyle;
43
- if (this.completedSteps.includes(i)) {
44
- step.ocCompleted = true;
45
- }
46
- if (i !== index) {
47
- step.ocIsActive = false;
48
- step.selectedIndex = index;
49
- return;
50
- }
51
- step.ocIsActive = true;
52
- this.ocCurrentIndex = index;
53
- step.selectedIndex = this.ocCurrentIndex;
54
- this.setCompletedSteps();
55
- });
56
- return;
57
- }
58
- nextStep(event) {
59
- event.stopPropagation();
60
- if (this.ocCurrentIndex === this.ocSteps.length - 1) {
61
- return;
62
- }
63
- this.selectStep(this.ocCurrentIndex + 1);
64
- }
65
- previousStep(event) {
66
- event.stopPropagation();
67
- if (!this.ocCurrentIndex) {
68
- return;
69
- }
70
- this.selectStep(this.ocCurrentIndex - 1);
71
- }
72
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcStepperComponent, deps: [{ token: i1.StyleThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
73
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OcStepperComponent, isStandalone: true, selector: "oc-stepper", inputs: { ocAllowNavigation: "ocAllowNavigation", ocColor: "ocColor", ocCurrentIndex: "ocCurrentIndex", ocSaveCompletedSteps: "ocSaveCompletedSteps", ocStyle: "ocStyle", ocType: "ocType" }, queries: [{ propertyName: "ocSteps", predicate: OcStepComponent }], ngImport: i0, template: "<div class=\"oc-stepper\">\n <ng-content></ng-content>\n</div>", styles: [".oc-stepper{display:flex;flex-direction:column;width:100%}.oc-stepper>*{width:100%!important}\n"] }); }
74
- }
75
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcStepperComponent, decorators: [{
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"] }]
78
- }], ctorParameters: () => [{ type: i1.StyleThemeService }], propDecorators: { ocSteps: [{
79
- type: ContentChildren,
80
- args: [OcStepComponent]
81
- }], ocAllowNavigation: [{
82
- type: Input
83
- }], ocColor: [{
84
- type: Input
85
- }], ocCurrentIndex: [{
86
- type: Input
87
- }], ocSaveCompletedSteps: [{
88
- type: Input
89
- }], ocStyle: [{
90
- type: Input
91
- }], ocType: [{
92
- type: Input
93
- }] } });
94
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2Mtc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2Mtc3RlcHBlci9vYy1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1zdGVwcGVyL29jLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsZUFBZSxFQUFhLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUMzRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUE7OztBQVc5RCxNQUFNLE9BQU8sa0JBQWtCO0lBQzdCLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBRS9DLHNCQUFpQixHQUFZLEtBQUssQ0FBQTtRQUNsQyxZQUFPLEdBQXVCLFFBQVEsQ0FBQTtRQUN0QyxtQkFBYyxHQUFXLENBQUMsQ0FBQTtRQUMxQix5QkFBb0IsR0FBWSxJQUFJLENBQUE7UUFDcEMsWUFBTyxHQUFxQixRQUFRLENBQUE7UUFDcEMsV0FBTSxHQUEwQixTQUFTLENBQUE7UUFFMUMsbUJBQWMsR0FBYSxFQUFFLENBQUE7SUFUc0IsQ0FBQztJQVc1RCxlQUFlO1FBQ2IsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQTtRQUNyRSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUE7UUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUE7UUFDcEMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUE7SUFDMUIsQ0FBQztJQUVPLGlCQUFpQjtRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7WUFDL0IsT0FBTTtRQUNSLENBQUM7UUFDRCxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQzlDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQzdCLENBQUM7SUFDSCxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQy9CLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFBO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQTtZQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQTtZQUN4QyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUE7WUFDM0IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFBO1lBRXpCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDN0QsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDL0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFBO1lBRTNCLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztnQkFDcEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUE7WUFDekIsQ0FBQztZQUNELElBQUksQ0FBQyxLQUFLLEtBQUssRUFBRSxDQUFDO2dCQUNoQixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQTtnQkFDdkIsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUE7Z0JBQzFCLE9BQU07WUFDUixDQUFDO1lBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUE7WUFDdEIsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUE7WUFDM0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFBO1lBQ3hDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFBO1FBQzFCLENBQUMsQ0FBQyxDQUFBO1FBQ0YsT0FBTTtJQUNSLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBWTtRQUNuQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDdkIsSUFBSSxJQUFJLENBQUMsY0FBYyxLQUFLLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ3BELE9BQU07UUFDUixDQUFDO1FBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQyxDQUFBO0lBQzFDLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBWTtRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN6QixPQUFNO1FBQ1IsQ0FBQztRQUNELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLENBQUMsQ0FBQTtJQUMxQyxDQUFDOytHQTFFVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw0UkFFWixlQUFlLDZCQ2RsQyxpRUFFTTs7NEZEVU8sa0JBQWtCO2tCQVA5QixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLFdBQ1AsRUFBRTtzRkFNdUIsT0FBTztzQkFBeEMsZUFBZTt1QkFBQyxlQUFlO2dCQUN2QixpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgUXVlcnlMaXN0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBPY1N0ZXBDb21wb25lbnQgfSBmcm9tICcuLi9vYy1zdGVwL29jLXN0ZXAuY29tcG9uZW50J1xuaW1wb3J0IHsgT2NTdHlsZVRoZW1lVHlwZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvb2Mtc3R5bGUtdGhlbWUnXG5pbXBvcnQgeyBTdHlsZVRoZW1lU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3N0eWxlLXRoZW1lLnNlcnZpY2UnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29jLXN0ZXBwZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXSxcbiAgdGVtcGxhdGVVcmw6ICcuL29jLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vb2Mtc3RlcHBlci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIE9jU3RlcHBlckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHN0eWxlVGhlbWVTZXJ2aWNlOiBTdHlsZVRoZW1lU2VydmljZSkge31cbiAgQENvbnRlbnRDaGlsZHJlbihPY1N0ZXBDb21wb25lbnQpIG9jU3RlcHMhOiBRdWVyeUxpc3Q8T2NTdGVwQ29tcG9uZW50PlxuICBASW5wdXQoKSBvY0FsbG93TmF2aWdhdGlvbjogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIG9jQ29sb3I6ICdwdXJwbGUnIHwgJ2dyZWVuJyA9ICdwdXJwbGUnXG4gIEBJbnB1dCgpIG9jQ3VycmVudEluZGV4OiBudW1iZXIgPSAwXG4gIEBJbnB1dCgpIG9jU2F2ZUNvbXBsZXRlZFN0ZXBzOiBib29sZWFuID0gdHJ1ZVxuICBASW5wdXQoKSBvY1N0eWxlOiBPY1N0eWxlVGhlbWVUeXBlID0gJ290aW11cydcbiAgQElucHV0KCkgb2NUeXBlOiAnaGlzdG9yeScgfCAnZGVmYXVsdCcgPSAnZGVmYXVsdCdcblxuICBwcml2YXRlIGNvbXBsZXRlZFN0ZXBzOiBudW1iZXJbXSA9IFtdXG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMub2NTdHlsZSA9IHRoaXMuc3R5bGVUaGVtZVNlcnZpY2UuZ2V0U3R5bGVUaGVtZSgpIHx8IHRoaXMub2NTdHlsZVxuICAgIHRoaXMuc2V0U3RlcHNWYWx1ZXMoKVxuICAgIHRoaXMuc2VsZWN0U3RlcCh0aGlzLm9jQ3VycmVudEluZGV4KVxuICAgIHRoaXMuc2V0Q29tcGxldGVkU3RlcHMoKVxuICB9XG5cbiAgcHJpdmF0ZSBzZXRDb21wbGV0ZWRTdGVwcygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMub2NTYXZlQ29tcGxldGVkU3RlcHMpIHtcbiAgICAgIHJldHVyblxuICAgIH1cbiAgICBmb3IgKGxldCBpID0gMDsgaSA8PSB0aGlzLm9jQ3VycmVudEluZGV4OyBpKyspIHtcbiAgICAgIHRoaXMuY29tcGxldGVkU3RlcHMucHVzaChpKVxuICAgIH1cbiAgfVxuXG4gIHNldFN0ZXBzVmFsdWVzKCk6IHZvaWQge1xuICAgIHRoaXMub2NTdGVwcy5mb3JFYWNoKChzdGVwLCBpKSA9PiB7XG4gICAgICBzdGVwLnN0ZXBJbmRleCA9IGlcbiAgICAgIHN0ZXAub2NDb2xvciA9IHRoaXMub2NDb2xvclxuICAgICAgc3RlcC5sYXN0SW5kZXggPSB0aGlzLm9jU3RlcHMubGVuZ3RoIC0gMVxuICAgICAgc3RlcC5vY1N0eWxlID0gdGhpcy5vY1N0eWxlXG4gICAgICBzdGVwLm9jVHlwZSA9IHRoaXMub2NUeXBlXG5cbiAgICAgIHN0ZXAuc2VsZWN0U3RlcCA9IChpbmRleDogbnVtYmVyKSA9PiB0aGlzLnNlbGVjdFN0ZXAoaW5kZXgpXG4gICAgfSlcbiAgfVxuXG4gIHNlbGVjdFN0ZXAoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMub2NTdGVwcy5mb3JFYWNoKChzdGVwLCBpKSA9PiB7XG4gICAgICBzdGVwLm9jU3R5bGUgPSB0aGlzLm9jU3R5bGVcblxuICAgICAgaWYgKHRoaXMuY29tcGxldGVkU3RlcHMuaW5jbHVkZXMoaSkpIHtcbiAgICAgICAgc3RlcC5vY0NvbXBsZXRlZCA9IHRydWVcbiAgICAgIH1cbiAgICAgIGlmIChpICE9PSBpbmRleCkge1xuICAgICAgICBzdGVwLm9jSXNBY3RpdmUgPSBmYWxzZVxuICAgICAgICBzdGVwLnNlbGVjdGVkSW5kZXggPSBpbmRleFxuICAgICAgICByZXR1cm5cbiAgICAgIH1cbiAgICAgIHN0ZXAub2NJc0FjdGl2ZSA9IHRydWVcbiAgICAgIHRoaXMub2NDdXJyZW50SW5kZXggPSBpbmRleFxuICAgICAgc3RlcC5zZWxlY3RlZEluZGV4ID0gdGhpcy5vY0N1cnJlbnRJbmRleFxuICAgICAgdGhpcy5zZXRDb21wbGV0ZWRTdGVwcygpXG4gICAgfSlcbiAgICByZXR1cm5cbiAgfVxuXG4gIG5leHRTdGVwKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgaWYgKHRoaXMub2NDdXJyZW50SW5kZXggPT09IHRoaXMub2NTdGVwcy5sZW5ndGggLSAxKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgdGhpcy5zZWxlY3RTdGVwKHRoaXMub2NDdXJyZW50SW5kZXggKyAxKVxuICB9XG5cbiAgcHJldmlvdXNTdGVwKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgaWYgKCF0aGlzLm9jQ3VycmVudEluZGV4KSB7XG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgdGhpcy5zZWxlY3RTdGVwKHRoaXMub2NDdXJyZW50SW5kZXggLSAxKVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwib2Mtc3RlcHBlclwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=
@@ -1,20 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class OcTabComponent {
4
- constructor() {
5
- this.ocTitle = '';
6
- this.ocIsActive = false;
7
- this.tabIndex = 0;
8
- }
9
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcTabComponent, isStandalone: true, selector: "oc-tab", inputs: { ocTitle: "ocTitle", ocIsActive: "ocIsActive" }, ngImport: i0, template: "@if (ocIsActive) {\n <ng-content></ng-content>\n}", styles: [""] }); }
11
- }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcTabComponent, decorators: [{
13
- type: Component,
14
- args: [{ selector: 'oc-tab', standalone: true, imports: [], template: "@if (ocIsActive) {\n <ng-content></ng-content>\n}" }]
15
- }], propDecorators: { ocTitle: [{
16
- type: Input
17
- }], ocIsActive: [{
18
- type: Input
19
- }] } });
20
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtdGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy10YWIvb2MtdGFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy10YWIvb2MtdGFiLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFBOztBQVNoRCxNQUFNLE9BQU8sY0FBYztJQVAzQjtRQVFXLFlBQU8sR0FBVyxFQUFFLENBQUE7UUFDcEIsZUFBVSxHQUFZLEtBQUssQ0FBQTtRQUVwQyxhQUFRLEdBQVcsQ0FBQyxDQUFBO0tBQ3JCOytHQUxZLGNBQWM7bUdBQWQsY0FBYyw0SENUM0Isb0RBRUM7OzRGRE9ZLGNBQWM7a0JBUDFCLFNBQVM7K0JBQ0UsUUFBUSxjQUNOLElBQUksV0FDUCxFQUFFOzhCQUtGLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29jLXRhYicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vb2MtdGFiLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL29jLXRhYi5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIE9jVGFiQ29tcG9uZW50IHtcbiAgQElucHV0KCkgb2NUaXRsZTogc3RyaW5nID0gJydcbiAgQElucHV0KCkgb2NJc0FjdGl2ZTogYm9vbGVhbiA9IGZhbHNlXG5cbiAgdGFiSW5kZXg6IG51bWJlciA9IDBcbn1cbiIsIkBpZiAob2NJc0FjdGl2ZSkge1xuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG59Il19
@@ -1,42 +0,0 @@
1
- import { Component, ContentChildren, EventEmitter, Output, Input, } from '@angular/core';
2
- import { OcTabComponent } from '../oc-tab/oc-tab.component';
3
- import { CommonModule } from '@angular/common';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "../../services/style-theme.service";
6
- import * as i2 from "@angular/common";
7
- export class OcTabsComponent {
8
- constructor(styleThemeService) {
9
- this.styleThemeService = styleThemeService;
10
- this.ocStyle = 'otimus';
11
- this.ocClick = new EventEmitter();
12
- this.activeTabIndex = 0;
13
- }
14
- ngAfterContentInit() {
15
- this.ocStyle = this.styleThemeService.getStyleTheme() || this.ocStyle;
16
- this.selectTab(0);
17
- }
18
- selectTab(index) {
19
- this.ocTabs.toArray().forEach((tab, i) => {
20
- tab.tabIndex = i;
21
- tab.ocIsActive = i === index;
22
- });
23
- this.activeTabIndex = index;
24
- }
25
- handleTabClick() {
26
- this.ocClick.emit();
27
- }
28
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcTabsComponent, deps: [{ token: i1.StyleThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
29
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcTabsComponent, isStandalone: true, selector: "oc-tabs", inputs: { ocStyle: "ocStyle" }, outputs: { ocClick: "ocClick" }, queries: [{ propertyName: "ocTabs", predicate: OcTabComponent }], ngImport: i0, template: "<div class=\"oc-tabs\" [ngClass]=\"{\n shui: ocStyle === 'shui'\n}\">\n <div class=\"row\">\n @for(tab of ocTabs; track $index) {\n <button [ngClass]=\"{\n 'oc-selected': tab.tabIndex === activeTabIndex\n }\" class=\"oc-tab\" (click)=\"selectTab(tab.tabIndex); \n handleTabClick()\" type=\"button\">{{tab.ocTitle}}</button>\n }\n <div 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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
30
- }
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcTabsComponent, decorators: [{
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"] }]
34
- }], ctorParameters: () => [{ type: i1.StyleThemeService }], propDecorators: { ocTabs: [{
35
- type: ContentChildren,
36
- args: [OcTabComponent]
37
- }], ocStyle: [{
38
- type: Input
39
- }], ocClick: [{
40
- type: Output
41
- }] } });
42
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2MtdGFicy9vYy10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy10YWJzL29jLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxlQUFlLEVBR2YsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUE7QUFDdEIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTs7OztBQVc5QyxNQUFNLE9BQU8sZUFBZTtJQUMxQixZQUFvQixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUUvQyxZQUFPLEdBQXFCLFFBQVEsQ0FBQTtRQUNuQyxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQTtRQUU1QyxtQkFBYyxHQUFXLENBQUMsQ0FBQTtJQUxpQyxDQUFDO0lBTzVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFBO1FBQ3JFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDbkIsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFhO1FBQ3JCLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3ZDLEdBQUcsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFBO1lBQ2hCLEdBQUcsQ0FBQyxVQUFVLEdBQUcsQ0FBQyxLQUFLLEtBQUssQ0FBQTtRQUM5QixDQUFDLENBQUMsQ0FBQTtRQUNGLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFBO0lBQzdCLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQTtJQUNyQixDQUFDOytHQXZCVSxlQUFlO21HQUFmLGVBQWUsMkpBRVQsY0FBYyw2QkN2QmpDLG1mQWVNLDQ2QkRFTSxZQUFZOzs0RkFJWCxlQUFlO2tCQVAzQixTQUFTOytCQUNFLFNBQVMsY0FDUCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7c0ZBTVUsTUFBTTtzQkFBdEMsZUFBZTt1QkFBQyxjQUFjO2dCQUN0QixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBRdWVyeUxpc3QsXG4gIEFmdGVyQ29udGVudEluaXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IE9jVGFiQ29tcG9uZW50IH0gZnJvbSAnLi4vb2MtdGFiL29jLXRhYi5jb21wb25lbnQnXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBTdHlsZVRoZW1lU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3N0eWxlLXRoZW1lLnNlcnZpY2UnXG5pbXBvcnQgeyBPY1N0eWxlVGhlbWVUeXBlIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9vYy1zdHlsZS10aGVtZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2MtdGFicycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vb2MtdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy10YWJzLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgT2NUYWJzQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc3R5bGVUaGVtZVNlcnZpY2U6IFN0eWxlVGhlbWVTZXJ2aWNlKSB7fVxuICBAQ29udGVudENoaWxkcmVuKE9jVGFiQ29tcG9uZW50KSBvY1RhYnMhOiBRdWVyeUxpc3Q8T2NUYWJDb21wb25lbnQ+XG4gIEBJbnB1dCgpIG9jU3R5bGU6IE9jU3R5bGVUaGVtZVR5cGUgPSAnb3RpbXVzJ1xuICBAT3V0cHV0KCkgb2NDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKVxuXG4gIGFjdGl2ZVRhYkluZGV4OiBudW1iZXIgPSAwXG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIHRoaXMub2NTdHlsZSA9IHRoaXMuc3R5bGVUaGVtZVNlcnZpY2UuZ2V0U3R5bGVUaGVtZSgpIHx8IHRoaXMub2NTdHlsZVxuICAgIHRoaXMuc2VsZWN0VGFiKDApXG4gIH1cblxuICBzZWxlY3RUYWIoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMub2NUYWJzLnRvQXJyYXkoKS5mb3JFYWNoKCh0YWIsIGkpID0+IHtcbiAgICAgIHRhYi50YWJJbmRleCA9IGlcbiAgICAgIHRhYi5vY0lzQWN0aXZlID0gaSA9PT0gaW5kZXhcbiAgICB9KVxuICAgIHRoaXMuYWN0aXZlVGFiSW5kZXggPSBpbmRleFxuICB9XG5cbiAgaGFuZGxlVGFiQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5vY0NsaWNrLmVtaXQoKVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwib2MtdGFic1wiIFtuZ0NsYXNzXT1cIntcbiAgc2h1aTogb2NTdHlsZSA9PT0gJ3NodWknXG59XCI+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICBAZm9yKHRhYiBvZiBvY1RhYnM7IHRyYWNrICRpbmRleCkge1xuICAgIDxidXR0b24gW25nQ2xhc3NdPVwie1xuICAgICAgICAnb2Mtc2VsZWN0ZWQnOiB0YWIudGFiSW5kZXggPT09IGFjdGl2ZVRhYkluZGV4XG4gICAgICB9XCIgY2xhc3M9XCJvYy10YWJcIiAoY2xpY2spPVwic2VsZWN0VGFiKHRhYi50YWJJbmRleCk7IFxuICAgICAgaGFuZGxlVGFiQ2xpY2soKVwiIHR5cGU9XCJidXR0b25cIj57e3RhYi5vY1RpdGxlfX08L2J1dHRvbj5cbiAgICB9XG4gICAgPGRpdiBjbGFzcz1cInJvdy1jb250ZW50XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcm93XVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==
@@ -1,17 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { ChangeDetectionStrategy, Component } from '@angular/core';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "../../services/oc-toast.service";
5
- import * as i2 from "@angular/common";
6
- export class OcToastComponent {
7
- constructor(toast) {
8
- this.toast = toast;
9
- }
10
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcToastComponent, deps: [{ token: i1.OcToastService }], target: i0.ɵɵFactoryTarget.Component }); }
11
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OcToastComponent, isStandalone: true, selector: "oc-toast", ngImport: i0, template: "<div\n class=\"toast\"\n [ngClass]=\"{\n 'close-toast': toast.currentToast.counter === 1,\n error: ['erro', 'error'].includes(toast.currentToast.status.toLowerCase()),\n success: ['sucesso', 'success', '\u00E9xito'].includes(toast.currentToast.status.toLowerCase()),\n loading: ['carregando', 'cargando', 'loading'].includes(toast.currentToast.status.toLowerCase()),\n animation: toast.currentToast.hasAnimation\n }\"\n *ngIf=\"toast.currentToast && toast.currentToast.counter > 0\"\n>\n <header>\n <ng-container [ngTemplateOutlet]=\"iconTemplate\"></ng-container>\n <h4 class=\"status\">\n {{ toast.currentToast.status[0].toUpperCase() + toast.currentToast.status.slice(1) }}\n </h4>\n <button (click)=\"toast.closeToast(toast.currentToast.id)\">\n <span class=\"material-symbols-outlined\">close</span>\n </button>\n </header>\n <p>{{ toast.currentToast.message }}</p>\n</div>\n\n<ng-template #iconTemplate>\n <span\n class=\"material-symbols-outlined\"\n *ngIf=\"['erro', 'error'].includes(toast.currentToast.status.toLowerCase())\"\n >error</span\n >\n\n <span\n class=\"material-symbols-outlined\"\n *ngIf=\"['sucesso', 'success', '\u00E9xito'].includes(toast.currentToast.status.toLowerCase())\"\n >check_circle</span\n >\n\n <span\n class=\"material-symbols-outlined\"\n *ngIf=\"['information', 'informa\u00E7\u00E3o', 'informaci\u00F3n'].includes(toast.currentToast.status.toLowerCase())\"\n >info</span\n >\n\n <svg *ngIf=\"['carregando', 'cargando', 'loading'].includes(toast.currentToast.status.toLowerCase())\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><style>rect{fill:#00DDA3}.spinner_zWVm{animation:spinner_5QiW 1.2s linear infinite,spinner_PnZo 1.2s linear infinite}.spinner_gfyD{animation:spinner_5QiW 1.2s linear infinite,spinner_4j7o 1.2s linear infinite;animation-delay:.1s}.spinner_T5JJ{animation:spinner_5QiW 1.2s linear infinite,spinner_fLK4 1.2s linear infinite;animation-delay:.1s}.spinner_E3Wz{animation:spinner_5QiW 1.2s linear infinite,spinner_tDji 1.2s linear infinite;animation-delay:.2s}.spinner_g2vs{animation:spinner_5QiW 1.2s linear infinite,spinner_CMiT 1.2s linear infinite;animation-delay:.2s}.spinner_ctYB{animation:spinner_5QiW 1.2s linear infinite,spinner_cHKR 1.2s linear infinite;animation-delay:.2s}.spinner_BDNj{animation:spinner_5QiW 1.2s linear infinite,spinner_Re6e 1.2s linear infinite;animation-delay:.3s}.spinner_rCw3{animation:spinner_5QiW 1.2s linear infinite,spinner_EJmJ 1.2s linear infinite;animation-delay:.3s}.spinner_Rszm{animation:spinner_5QiW 1.2s linear infinite,spinner_YJOP 1.2s linear infinite;animation-delay:.4s}@keyframes spinner_5QiW{0%,50%{width:7.33px;height:7.33px}25%{width:1.33px;height:1.33px}}@keyframes spinner_PnZo{0%,50%{x:1px;y:1px}25%{x:4px;y:4px}}@keyframes spinner_4j7o{0%,50%{x:8.33px;y:1px}25%{x:11.33px;y:4px}}@keyframes spinner_fLK4{0%,50%{x:1px;y:8.33px}25%{x:4px;y:11.33px}}@keyframes spinner_tDji{0%,50%{x:15.66px;y:1px}25%{x:18.66px;y:4px}}@keyframes spinner_CMiT{0%,50%{x:8.33px;y:8.33px}25%{x:11.33px;y:11.33px}}@keyframes spinner_cHKR{0%,50%{x:1px;y:15.66px}25%{x:4px;y:18.66px}}@keyframes spinner_Re6e{0%,50%{x:15.66px;y:8.33px}25%{x:18.66px;y:11.33px}}@keyframes spinner_EJmJ{0%,50%{x:8.33px;y:15.66px}25%{x:11.33px;y:18.66px}}@keyframes spinner_YJOP{0%,50%{x:15.66px;y:15.66px}25%{x:18.66px;y:18.66px}}</style><rect class=\"spinner_zWVm\" x=\"1\" y=\"1\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_gfyD\" x=\"8.33\" y=\"1\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_T5JJ\" x=\"1\" y=\"8.33\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_E3Wz\" x=\"15.66\" y=\"1\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_g2vs\" x=\"8.33\" y=\"8.33\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_ctYB\" x=\"1\" y=\"15.66\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_BDNj\" x=\"15.66\" y=\"8.33\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_rCw3\" x=\"8.33\" y=\"15.66\" width=\"7.33\" height=\"7.33\"/><rect class=\"spinner_Rszm\" x=\"15.66\" y=\"15.66\" width=\"7.33\" height=\"7.33\"/></svg>\n \n\n</ng-template>\n", styles: [".toast{position:fixed;bottom:30px;right:30px;width:370px!important;min-height:116px!important;display:flex;flex-direction:column;justify-content:space-between;border-radius:17px;padding:1rem 1rem 1.5rem;box-shadow:8px 16px 32px #0000004d;background-color:#fff;z-index:50}.toast p{color:#625270;font-size:13px}.toast>header{color:#5505a2;display:flex;align-items:center;gap:.5rem}.toast>header>button{position:absolute;right:20px;border:none;background-color:transparent;color:#d1d5db;padding:10px 0 10px 10px;cursor:pointer;transition:.3s ease}.toast>header>button:hover{color:#ed3a3a}.toast>header>.icon{border:4px solid #5505a2;border-radius:50%;width:30px;height:30px}.toast>header h4{margin:0;padding:0;font-size:20px}.animation{animation:show-up .5s ease}.error>header{color:#ed3a3a}.error>header h4{color:#ed3a3a}.success>header{color:#4ab858}.success>header h4{color:#4ab858}.loading>header h4{color:#786b84}.loading>header>img,.loading>header svg{transform:rotate(45deg)}.close-toast{animation:close 1.1s ease}@keyframes show-up{0%{opacity:0;transform:translateY(100vw)}to{opacity:1;transform:translate(0)}}@keyframes close{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100vw)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
12
- }
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcToastComponent, decorators: [{
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"] }]
16
- }], ctorParameters: () => [{ type: i1.OcToastService }] });
17
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtdG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3RpbXVzLWxpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL29jLXRvYXN0L29jLXRvYXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy10b2FzdC9vYy10b2FzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQTs7OztBQVdsRSxNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCLFlBQW1CLEtBQXFCO1FBQXJCLFVBQUssR0FBTCxLQUFLLENBQWdCO0lBQUcsQ0FBQzsrR0FEakMsZ0JBQWdCO21HQUFoQixnQkFBZ0Isb0VDWjdCLHNtSUE4Q0Esb3ZDRHZDWSxZQUFZOzs0RkFLWCxnQkFBZ0I7a0JBUjVCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBPY1RvYXN0U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL29jLXRvYXN0LnNlcnZpY2UnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29jLXRvYXN0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9vYy10b2FzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy10b2FzdC5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbn0pXG5leHBvcnQgY2xhc3MgT2NUb2FzdENvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0b2FzdDogT2NUb2FzdFNlcnZpY2UpIHt9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwidG9hc3RcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ2Nsb3NlLXRvYXN0JzogdG9hc3QuY3VycmVudFRvYXN0LmNvdW50ZXIgPT09IDEsXG4gICAgZXJyb3I6IFsnZXJybycsICdlcnJvciddLmluY2x1ZGVzKHRvYXN0LmN1cnJlbnRUb2FzdC5zdGF0dXMudG9Mb3dlckNhc2UoKSksXG4gICAgc3VjY2VzczogWydzdWNlc3NvJywgJ3N1Y2Nlc3MnLCAnw6l4aXRvJ10uaW5jbHVkZXModG9hc3QuY3VycmVudFRvYXN0LnN0YXR1cy50b0xvd2VyQ2FzZSgpKSxcbiAgICBsb2FkaW5nOiBbJ2NhcnJlZ2FuZG8nLCAnY2FyZ2FuZG8nLCAnbG9hZGluZyddLmluY2x1ZGVzKHRvYXN0LmN1cnJlbnRUb2FzdC5zdGF0dXMudG9Mb3dlckNhc2UoKSksXG4gICAgYW5pbWF0aW9uOiB0b2FzdC5jdXJyZW50VG9hc3QuaGFzQW5pbWF0aW9uXG4gIH1cIlxuICAqbmdJZj1cInRvYXN0LmN1cnJlbnRUb2FzdCAmJiB0b2FzdC5jdXJyZW50VG9hc3QuY291bnRlciA+IDBcIlxuPlxuICA8aGVhZGVyPlxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiaWNvblRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPGg0IGNsYXNzPVwic3RhdHVzXCI+XG4gICAgICB7eyB0b2FzdC5jdXJyZW50VG9hc3Quc3RhdHVzWzBdLnRvVXBwZXJDYXNlKCkgKyB0b2FzdC5jdXJyZW50VG9hc3Quc3RhdHVzLnNsaWNlKDEpIH19XG4gICAgPC9oND5cbiAgICA8YnV0dG9uIChjbGljayk9XCJ0b2FzdC5jbG9zZVRvYXN0KHRvYXN0LmN1cnJlbnRUb2FzdC5pZClcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPmNsb3NlPC9zcGFuPlxuICAgIDwvYnV0dG9uPlxuICA8L2hlYWRlcj5cbiAgPHA+e3sgdG9hc3QuY3VycmVudFRvYXN0Lm1lc3NhZ2UgfX08L3A+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNpY29uVGVtcGxhdGU+XG4gIDxzcGFuXG4gICAgY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCJcbiAgICAqbmdJZj1cIlsnZXJybycsICdlcnJvciddLmluY2x1ZGVzKHRvYXN0LmN1cnJlbnRUb2FzdC5zdGF0dXMudG9Mb3dlckNhc2UoKSlcIlxuICAgID5lcnJvcjwvc3BhblxuICA+XG5cbiAgPHNwYW5cbiAgICBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIlxuICAgICpuZ0lmPVwiWydzdWNlc3NvJywgJ3N1Y2Nlc3MnLCAnw6l4aXRvJ10uaW5jbHVkZXModG9hc3QuY3VycmVudFRvYXN0LnN0YXR1cy50b0xvd2VyQ2FzZSgpKVwiXG4gICAgPmNoZWNrX2NpcmNsZTwvc3BhblxuICA+XG5cbiAgPHNwYW5cbiAgICBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIlxuICAgICpuZ0lmPVwiWydpbmZvcm1hdGlvbicsICdpbmZvcm1hw6fDo28nLCAnaW5mb3JtYWNpw7NuJ10uaW5jbHVkZXModG9hc3QuY3VycmVudFRvYXN0LnN0YXR1cy50b0xvd2VyQ2FzZSgpKVwiXG4gICAgPmluZm88L3NwYW5cbiAgPlxuXG4gIDxzdmcgKm5nSWY9XCJbJ2NhcnJlZ2FuZG8nLCAnY2FyZ2FuZG8nLCAnbG9hZGluZyddLmluY2x1ZGVzKHRvYXN0LmN1cnJlbnRUb2FzdC5zdGF0dXMudG9Mb3dlckNhc2UoKSlcIiB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPjxzdHlsZT5yZWN0e2ZpbGw6IzAwRERBM30uc3Bpbm5lcl96V1Zte2FuaW1hdGlvbjpzcGlubmVyXzVRaVcgMS4ycyBsaW5lYXIgaW5maW5pdGUsc3Bpbm5lcl9QblpvIDEuMnMgbGluZWFyIGluZmluaXRlfS5zcGlubmVyX2dmeUR7YW5pbWF0aW9uOnNwaW5uZXJfNVFpVyAxLjJzIGxpbmVhciBpbmZpbml0ZSxzcGlubmVyXzRqN28gMS4ycyBsaW5lYXIgaW5maW5pdGU7YW5pbWF0aW9uLWRlbGF5Oi4xc30uc3Bpbm5lcl9UNUpKe2FuaW1hdGlvbjpzcGlubmVyXzVRaVcgMS4ycyBsaW5lYXIgaW5maW5pdGUsc3Bpbm5lcl9mTEs0IDEuMnMgbGluZWFyIGluZmluaXRlO2FuaW1hdGlvbi1kZWxheTouMXN9LnNwaW5uZXJfRTNXenthbmltYXRpb246c3Bpbm5lcl81UWlXIDEuMnMgbGluZWFyIGluZmluaXRlLHNwaW5uZXJfdERqaSAxLjJzIGxpbmVhciBpbmZpbml0ZTthbmltYXRpb24tZGVsYXk6LjJzfS5zcGlubmVyX2cydnN7YW5pbWF0aW9uOnNwaW5uZXJfNVFpVyAxLjJzIGxpbmVhciBpbmZpbml0ZSxzcGlubmVyX0NNaVQgMS4ycyBsaW5lYXIgaW5maW5pdGU7YW5pbWF0aW9uLWRlbGF5Oi4yc30uc3Bpbm5lcl9jdFlCe2FuaW1hdGlvbjpzcGlubmVyXzVRaVcgMS4ycyBsaW5lYXIgaW5maW5pdGUsc3Bpbm5lcl9jSEtSIDEuMnMgbGluZWFyIGluZmluaXRlO2FuaW1hdGlvbi1kZWxheTouMnN9LnNwaW5uZXJfQkROanthbmltYXRpb246c3Bpbm5lcl81UWlXIDEuMnMgbGluZWFyIGluZmluaXRlLHNwaW5uZXJfUmU2ZSAxLjJzIGxpbmVhciBpbmZpbml0ZTthbmltYXRpb24tZGVsYXk6LjNzfS5zcGlubmVyX3JDdzN7YW5pbWF0aW9uOnNwaW5uZXJfNVFpVyAxLjJzIGxpbmVhciBpbmZpbml0ZSxzcGlubmVyX0VKbUogMS4ycyBsaW5lYXIgaW5maW5pdGU7YW5pbWF0aW9uLWRlbGF5Oi4zc30uc3Bpbm5lcl9Sc3pte2FuaW1hdGlvbjpzcGlubmVyXzVRaVcgMS4ycyBsaW5lYXIgaW5maW5pdGUsc3Bpbm5lcl9ZSk9QIDEuMnMgbGluZWFyIGluZmluaXRlO2FuaW1hdGlvbi1kZWxheTouNHN9QGtleWZyYW1lcyBzcGlubmVyXzVRaVd7MCUsNTAle3dpZHRoOjcuMzNweDtoZWlnaHQ6Ny4zM3B4fTI1JXt3aWR0aDoxLjMzcHg7aGVpZ2h0OjEuMzNweH19QGtleWZyYW1lcyBzcGlubmVyX1BuWm97MCUsNTAle3g6MXB4O3k6MXB4fTI1JXt4OjRweDt5OjRweH19QGtleWZyYW1lcyBzcGlubmVyXzRqN297MCUsNTAle3g6OC4zM3B4O3k6MXB4fTI1JXt4OjExLjMzcHg7eTo0cHh9fUBrZXlmcmFtZXMgc3Bpbm5lcl9mTEs0ezAlLDUwJXt4OjFweDt5OjguMzNweH0yNSV7eDo0cHg7eToxMS4zM3B4fX1Aa2V5ZnJhbWVzIHNwaW5uZXJfdERqaXswJSw1MCV7eDoxNS42NnB4O3k6MXB4fTI1JXt4OjE4LjY2cHg7eTo0cHh9fUBrZXlmcmFtZXMgc3Bpbm5lcl9DTWlUezAlLDUwJXt4OjguMzNweDt5OjguMzNweH0yNSV7eDoxMS4zM3B4O3k6MTEuMzNweH19QGtleWZyYW1lcyBzcGlubmVyX2NIS1J7MCUsNTAle3g6MXB4O3k6MTUuNjZweH0yNSV7eDo0cHg7eToxOC42NnB4fX1Aa2V5ZnJhbWVzIHNwaW5uZXJfUmU2ZXswJSw1MCV7eDoxNS42NnB4O3k6OC4zM3B4fTI1JXt4OjE4LjY2cHg7eToxMS4zM3B4fX1Aa2V5ZnJhbWVzIHNwaW5uZXJfRUptSnswJSw1MCV7eDo4LjMzcHg7eToxNS42NnB4fTI1JXt4OjExLjMzcHg7eToxOC42NnB4fX1Aa2V5ZnJhbWVzIHNwaW5uZXJfWUpPUHswJSw1MCV7eDoxNS42NnB4O3k6MTUuNjZweH0yNSV7eDoxOC42NnB4O3k6MTguNjZweH19PC9zdHlsZT48cmVjdCBjbGFzcz1cInNwaW5uZXJfeldWbVwiIHg9XCIxXCIgeT1cIjFcIiB3aWR0aD1cIjcuMzNcIiBoZWlnaHQ9XCI3LjMzXCIvPjxyZWN0IGNsYXNzPVwic3Bpbm5lcl9nZnlEXCIgeD1cIjguMzNcIiB5PVwiMVwiIHdpZHRoPVwiNy4zM1wiIGhlaWdodD1cIjcuMzNcIi8+PHJlY3QgY2xhc3M9XCJzcGlubmVyX1Q1SkpcIiB4PVwiMVwiIHk9XCI4LjMzXCIgd2lkdGg9XCI3LjMzXCIgaGVpZ2h0PVwiNy4zM1wiLz48cmVjdCBjbGFzcz1cInNwaW5uZXJfRTNXelwiIHg9XCIxNS42NlwiIHk9XCIxXCIgd2lkdGg9XCI3LjMzXCIgaGVpZ2h0PVwiNy4zM1wiLz48cmVjdCBjbGFzcz1cInNwaW5uZXJfZzJ2c1wiIHg9XCI4LjMzXCIgeT1cIjguMzNcIiB3aWR0aD1cIjcuMzNcIiBoZWlnaHQ9XCI3LjMzXCIvPjxyZWN0IGNsYXNzPVwic3Bpbm5lcl9jdFlCXCIgeD1cIjFcIiB5PVwiMTUuNjZcIiB3aWR0aD1cIjcuMzNcIiBoZWlnaHQ9XCI3LjMzXCIvPjxyZWN0IGNsYXNzPVwic3Bpbm5lcl9CRE5qXCIgeD1cIjE1LjY2XCIgeT1cIjguMzNcIiB3aWR0aD1cIjcuMzNcIiBoZWlnaHQ9XCI3LjMzXCIvPjxyZWN0IGNsYXNzPVwic3Bpbm5lcl9yQ3czXCIgeD1cIjguMzNcIiB5PVwiMTUuNjZcIiB3aWR0aD1cIjcuMzNcIiBoZWlnaHQ9XCI3LjMzXCIvPjxyZWN0IGNsYXNzPVwic3Bpbm5lcl9Sc3ptXCIgeD1cIjE1LjY2XCIgeT1cIjE1LjY2XCIgd2lkdGg9XCI3LjMzXCIgaGVpZ2h0PVwiNy4zM1wiLz48L3N2Zz5cbiAgXG5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
@@ -1,40 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { Component, EventEmitter, Input, Output } from '@angular/core';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/common";
5
- export class OcToggleComponent {
6
- constructor() {
7
- this._ocChecked = false;
8
- this.ocDisabled = false;
9
- this.ocSize = 'medium';
10
- this.ocColor = 'green';
11
- this.ocCheckedChange = new EventEmitter();
12
- }
13
- set ocChecked(value) {
14
- this._ocChecked = value;
15
- this.ocCheckedChange.emit(this._ocChecked);
16
- }
17
- get ocChecked() {
18
- return this._ocChecked;
19
- }
20
- toggleChecked() {
21
- this.ocChecked = !this.ocChecked;
22
- }
23
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
24
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OcToggleComponent, isStandalone: true, selector: "oc-toggle", inputs: { ocDisabled: "ocDisabled", ocSize: "ocSize", ocChecked: "ocChecked", ocColor: "ocColor" }, outputs: { ocCheckedChange: "ocCheckedChange" }, ngImport: i0, 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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
25
- }
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcToggleComponent, decorators: [{
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"] }]
29
- }], propDecorators: { ocDisabled: [{
30
- type: Input
31
- }], ocSize: [{
32
- type: Input
33
- }], ocChecked: [{
34
- type: Input
35
- }], ocColor: [{
36
- type: Input
37
- }], ocCheckedChange: [{
38
- type: Output
39
- }] } });
40
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy10b2dnbGUvb2MtdG9nZ2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy10b2dnbGUvb2MtdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7QUFTdEUsTUFBTSxPQUFPLGlCQUFpQjtJQVA5QjtRQVFFLGVBQVUsR0FBWSxLQUFLLENBQUE7UUFDbEIsZUFBVSxHQUFZLEtBQUssQ0FBQTtRQUUzQixXQUFNLEdBQXVCLFFBQVEsQ0FBQTtRQVVyQyxZQUFPLEdBQXVCLE9BQU8sQ0FBQTtRQUVwQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUE7S0FLeEQ7SUFoQkMsSUFBYSxTQUFTLENBQUMsS0FBYztRQUNuQyxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQTtRQUN2QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDNUMsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQTtJQUN4QixDQUFDO0lBTUQsYUFBYTtRQUNYLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFBO0lBQ2xDLENBQUM7K0dBcEJVLGlCQUFpQjttR0FBakIsaUJBQWlCLDBOQ1Y5Qix1VkFrQkEsOG1DRFpZLFlBQVk7OzRGQUlYLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxXQUFXLGNBQ1QsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQU1kLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsTUFBTTtzQkFBZCxLQUFLO2dCQUNPLFNBQVM7c0JBQXJCLEtBQUs7Z0JBU0csT0FBTztzQkFBZixLQUFLO2dCQUVJLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29jLXRvZ2dsZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vb2MtdG9nZ2xlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL29jLXRvZ2dsZS5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIE9jVG9nZ2xlQ29tcG9uZW50IHtcbiAgX29jQ2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIG9jRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZVxuXG4gIEBJbnB1dCgpIG9jU2l6ZTogJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSdcbiAgQElucHV0KCkgc2V0IG9jQ2hlY2tlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX29jQ2hlY2tlZCA9IHZhbHVlXG4gICAgdGhpcy5vY0NoZWNrZWRDaGFuZ2UuZW1pdCh0aGlzLl9vY0NoZWNrZWQpXG4gIH1cblxuICBnZXQgb2NDaGVja2VkKCkge1xuICAgIHJldHVybiB0aGlzLl9vY0NoZWNrZWRcbiAgfVxuXG4gIEBJbnB1dCgpIG9jQ29sb3I6ICdwdXJwbGUnIHwgJ2dyZWVuJyA9ICdncmVlbidcblxuICBAT3V0cHV0KCkgb2NDaGVja2VkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXG5cbiAgdG9nZ2xlQ2hlY2tlZCgpIHtcbiAgICB0aGlzLm9jQ2hlY2tlZCA9ICF0aGlzLm9jQ2hlY2tlZFxuICB9XG59XG4iLCI8bGFiZWxcbiAgY2xhc3M9XCJzd2l0Y2hcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgbGFyZ2U6IG9jU2l6ZSA9PT0gJ2xhcmdlJyxcbiAgICBtZWRpdW06IG9jU2l6ZSA9PT0gJ21lZGl1bScsXG4gIH1cIlxuPlxuICA8aW5wdXRcbiAgICBbY2hlY2tlZF09XCJvY0NoZWNrZWRcIlxuICAgIChjbGljayk9XCJ0b2dnbGVDaGVja2VkKClcIlxuICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgW2Rpc2FibGVkXT1cIm9jRGlzYWJsZWRcIlxuICAvPlxuICA8c3BhblxuICAgIGNsYXNzPVwic2xpZGVyIHJvdW5kXCJcbiAgICBbbmdDbGFzc109XCJbb2NDb2xvcl1cIlxuICA+PC9zcGFuPlxuPC9sYWJlbD5cbiJdfQ==