otimus-library 0.2.76 → 0.2.77
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +26 -26
- package/esm2022/lib/components/oc-accordion/oc-accordion.component.mjs +3 -3
- package/esm2022/lib/components/oc-accordion-item/oc-accordion-item.component.mjs +3 -3
- package/esm2022/lib/components/oc-autocomplete/oc-autocomplete.component.mjs +6 -3
- package/esm2022/lib/components/oc-badge/oc-badge.component.mjs +3 -3
- package/esm2022/lib/components/oc-checkbox/oc-checkbox.component.mjs +7 -4
- package/esm2022/lib/components/oc-chip/oc-chip.component.mjs +3 -3
- package/esm2022/lib/components/oc-filter/oc-filter.component.mjs +3 -3
- package/esm2022/lib/components/oc-input/oc-input.component.mjs +3 -3
- package/esm2022/lib/components/oc-key-value/oc-key-value.component.mjs +3 -3
- package/esm2022/lib/components/oc-log/oc-log.component.mjs +3 -3
- package/esm2022/lib/components/oc-menu/oc-menu.component.mjs +3 -3
- package/esm2022/lib/components/oc-message/oc-message.component.mjs +3 -3
- package/esm2022/lib/components/oc-modal/oc-modal.component.mjs +3 -3
- package/esm2022/lib/components/oc-modal-footer/oc-modal-footer.component.mjs +3 -3
- package/esm2022/lib/components/oc-not-found/oc-not-found.component.mjs +3 -3
- package/esm2022/lib/components/oc-pagination/oc-pagination.component.mjs +3 -3
- package/esm2022/lib/components/oc-profile/oc-profile.component.mjs +3 -3
- package/esm2022/lib/components/oc-step/oc-step.component.mjs +3 -3
- package/esm2022/lib/components/oc-stepper/oc-stepper.component.mjs +3 -3
- package/esm2022/lib/components/oc-tab/oc-tab.component.mjs +3 -3
- package/esm2022/lib/components/oc-tabs/oc-tabs.component.mjs +3 -3
- package/esm2022/lib/components/oc-toast/oc-toast.component.mjs +3 -3
- package/esm2022/lib/components/oc-toggle/oc-toggle.component.mjs +7 -4
- package/esm2022/lib/directives/oc-tooltip/oc-tooltip.directive.mjs +1 -1
- package/esm2022/lib/interfaces/oc-autocomplete.mjs +1 -1
- package/esm2022/lib/interfaces/oc-menu.mjs +1 -1
- package/esm2022/lib/interfaces/oc-style-theme.mjs +1 -1
- package/esm2022/lib/interfaces/oc-toast.mjs +1 -1
- package/esm2022/lib/otimus-library.component.mjs +9 -9
- package/esm2022/lib/otimus-library.service.mjs +1 -1
- package/esm2022/lib/services/internationalization.service.mjs +1 -1
- package/esm2022/lib/services/oc-toast.service.mjs +1 -1
- package/esm2022/lib/services/style-theme.service.mjs +1 -1
- package/esm2022/public-api.mjs +1 -1
- package/fesm2022/otimus-library.mjs +65 -56
- package/fesm2022/otimus-library.mjs.map +1 -1
- package/lib/components/oc-autocomplete/oc-autocomplete.component.d.ts +2 -1
- package/lib/components/oc-checkbox/oc-checkbox.component.d.ts +2 -1
- package/lib/components/oc-toggle/oc-toggle.component.d.ts +2 -1
- package/package.json +1 -1
- package/styles/colors.scss +70 -70
- package/styles/components/buttons/buttons.scss +225 -225
- package/styles/components/buttons/buttons.shui.scss +61 -61
- package/styles/components/index.scss +2 -2
- package/styles/components/inputs/inputs.scss +248 -248
- package/styles/components/inputs/inputs.shui.scss +212 -212
- package/styles/components/table/table.scss +98 -98
- package/styles/components/table/table.shui.scss +50 -50
- package/styles/components/tooltip.scss +26 -26
- package/styles/grid.scss +1122 -1122
- package/styles/patterns/shui/colors.shui.scss +154 -154
- package/styles/patterns/shui/fonts.shui.scss +65 -65
- package/styles/patterns/shui/index.shui.scss +24 -24
- package/styles/patterns/shui/variables.shui.scss +22 -22
- package/styles/states.scss +5 -5
- package/styles/styles.scss +46 -46
- package/styles/variables.scss +47 -47
|
@@ -27,13 +27,13 @@ export class OcMessageComponent {
|
|
|
27
27
|
this.ocOnClose.emit(this.isOpen);
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OcMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: OcMessageComponent, isStandalone: true, selector: "oc-message", inputs: { isOpen: "isOpen", ocColor: "ocColor", ocClosable: "ocClosable", ocIcon: "ocIcon", ocTitle: "ocTitle" }, outputs: { ocOnClose: "ocOnClose", ocOnOpen: "ocOnOpen" }, ngImport: i0, template: "@if (!ocClosable || isOpen) {\
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: OcMessageComponent, isStandalone: true, selector: "oc-message", inputs: { isOpen: "isOpen", ocColor: "ocColor", ocClosable: "ocClosable", ocIcon: "ocIcon", ocTitle: "ocTitle" }, outputs: { ocOnClose: "ocOnClose", ocOnOpen: "ocOnOpen" }, ngImport: i0, template: "@if (!ocClosable || isOpen) {\n<div class=\"oc-message-bg\" [ngClass]=\"'oc-' + ocColor\">\n <div class=\"oc-icon\" [ngClass]=\"'oc-' + ocColor\">\n @if (ocIcon) {\n <span class=\"material-symbols-outlined\">{{ ocIcon }}</span>\n } @else {\n <span>\n <ng-content select=\"[ocIcon]\"></ng-content>\n </span>\n }\n </div>\n <div class=\"oc-main-content\">\n <div class=\"oc-message-header\">\n @if (ocTitle) {\n <h3>{{ ocTitle }}</h3>\n } @else {\n <ng-content select=\"[ocHeader]\"></ng-content>\n }\n @if (ocClosable) {\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" ocTooltip content=\"Fechar\" ocSide=\"bottom\">\n close\n </span>\n </button>\n }\n </div>\n <div class=\"oc-message-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n}", styles: [".oc-message-bg{padding:1rem;border-radius:1rem;display:flex;gap:.7rem}.oc-message-bg .oc-message-header{display:flex;justify-content:space-between;margin:0 0 1rem}.oc-message-bg .oc-message-header h3{margin:0}.oc-message-bg .oc-icon{border:none}.oc-message-bg .oc-icon .material-symbols-outlined{font-size:2rem}.oc-message-bg .oc-icon ::ng-deep [ocIcon]{font-size:2rem}.oc-icon.oc-default{color:#353535}.oc-default{background-color:#f7f7f7;border:2px solid #d1d5db;color:#8f9596}.oc-red{background-color:#ffcaca;border:2px solid #ed3a3a;color:#ed3a3a}.oc-red .oc-close-btn span{color:#8f9596}.oc-green{background-color:#ccfbe6;border:2px solid #00dda3;color:#00dda3}.oc-close-btn{margin:0;margin-right:.5rem;padding:0;border:none;-webkit-user-select:none;user-select:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer}.oc-close-btn span{transition:.15s ease}.oc-close-btn:hover span{color:#8f9596}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
31
31
|
}
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OcMessageComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
34
|
args: [{ selector: 'oc-message', standalone: true, imports: [
|
|
35
35
|
CommonModule
|
|
36
|
-
], template: "@if (!ocClosable || isOpen) {\
|
|
36
|
+
], template: "@if (!ocClosable || isOpen) {\n<div class=\"oc-message-bg\" [ngClass]=\"'oc-' + ocColor\">\n <div class=\"oc-icon\" [ngClass]=\"'oc-' + ocColor\">\n @if (ocIcon) {\n <span class=\"material-symbols-outlined\">{{ ocIcon }}</span>\n } @else {\n <span>\n <ng-content select=\"[ocIcon]\"></ng-content>\n </span>\n }\n </div>\n <div class=\"oc-main-content\">\n <div class=\"oc-message-header\">\n @if (ocTitle) {\n <h3>{{ ocTitle }}</h3>\n } @else {\n <ng-content select=\"[ocHeader]\"></ng-content>\n }\n @if (ocClosable) {\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" ocTooltip content=\"Fechar\" ocSide=\"bottom\">\n close\n </span>\n </button>\n }\n </div>\n <div class=\"oc-message-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n}", styles: [".oc-message-bg{padding:1rem;border-radius:1rem;display:flex;gap:.7rem}.oc-message-bg .oc-message-header{display:flex;justify-content:space-between;margin:0 0 1rem}.oc-message-bg .oc-message-header h3{margin:0}.oc-message-bg .oc-icon{border:none}.oc-message-bg .oc-icon .material-symbols-outlined{font-size:2rem}.oc-message-bg .oc-icon ::ng-deep [ocIcon]{font-size:2rem}.oc-icon.oc-default{color:#353535}.oc-default{background-color:#f7f7f7;border:2px solid #d1d5db;color:#8f9596}.oc-red{background-color:#ffcaca;border:2px solid #ed3a3a;color:#ed3a3a}.oc-red .oc-close-btn span{color:#8f9596}.oc-green{background-color:#ccfbe6;border:2px solid #00dda3;color:#00dda3}.oc-close-btn{margin:0;margin-right:.5rem;padding:0;border:none;-webkit-user-select:none;user-select:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer}.oc-close-btn span{transition:.15s ease}.oc-close-btn:hover span{color:#8f9596}\n"] }]
|
|
37
37
|
}], propDecorators: { isOpen: [{
|
|
38
38
|
type: Input
|
|
39
39
|
}], ocColor: [{
|
|
@@ -49,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
|
|
|
49
49
|
}], ocOnOpen: [{
|
|
50
50
|
type: Output
|
|
51
51
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtbWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2MtbWVzc2FnZS9vYy1tZXNzYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1tZXNzYWdlL29jLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVd2RSxNQUFNLE9BQU8sa0JBQWtCO0lBVC9CO1FBVVcsV0FBTSxHQUFZLEtBQUssQ0FBQTtRQUN2QixZQUFPLEdBQWdDLFNBQVMsQ0FBQTtRQUNoRCxlQUFVLEdBQVksS0FBSyxDQUFBO1FBQzNCLFdBQU0sR0FBVyxFQUFFLENBQUE7UUFFcEIsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQVNwQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQTtRQUNuQyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQTtLQVc3QztJQXBCQyxJQUNJLE9BQU8sQ0FBQyxLQUFhO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFDRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUtELElBQUk7UUFDRixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQTtRQUNsQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDakMsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQTtRQUNuQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDbEMsQ0FBQzsrR0ExQlUsa0JBQWtCO21HQUFsQixrQkFBa0IsbVBDWi9CLDA1QkErQkMsc2dDRHhCRyxZQUFZOzs0RkFLSCxrQkFBa0I7a0JBVDlCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUDt3QkFDUCxZQUFZO3FCQUNiOzhCQUtRLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBSUYsT0FBTztzQkFEVixLQUFLO2dCQVFJLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvYy1tZXNzYWdlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vb2MtbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy1tZXNzYWdlLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBPY01lc3NhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBpc09wZW46IGJvb2xlYW4gPSBmYWxzZVxuICBASW5wdXQoKSBvY0NvbG9yOiAnZGVmYXVsdCcgfCAnZ3JlZW4nIHwgJ3JlZCcgPSAnZGVmYXVsdCdcbiAgQElucHV0KCkgb2NDbG9zYWJsZTogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIG9jSWNvbjogc3RyaW5nID0gJycgXG5cbiAgcHJpdmF0ZSBfb2NUaXRsZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpXG4gIHNldCBvY1RpdGxlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9vY1RpdGxlID0gdmFsdWUudHJpbSgpO1xuICB9XG4gIGdldCBvY1RpdGxlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX29jVGl0bGU7XG4gIH1cblxuICBAT3V0cHV0KCkgb2NPbkNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcbiAgQE91dHB1dCgpIG9jT25PcGVuID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcblxuICBvcGVuKCkge1xuICAgIHRoaXMuaXNPcGVuID0gdHJ1ZVxuICAgIHRoaXMub2NPbk9wZW4uZW1pdCh0aGlzLmlzT3BlbilcbiAgfVxuXG4gIGNsb3NlKCkge1xuICAgIHRoaXMuaXNPcGVuID0gZmFsc2VcbiAgICB0aGlzLm9jT25DbG9zZS5lbWl0KHRoaXMuaXNPcGVuKVxuICB9XG59XG4iLCJAaWYgKCFvY0Nsb3NhYmxlIHx8IGlzT3Blbikge1xuPGRpdiBjbGFzcz1cIm9jLW1lc3NhZ2UtYmdcIiBbbmdDbGFzc109XCInb2MtJyArIG9jQ29sb3JcIj5cbiAgPGRpdiBjbGFzcz1cIm9jLWljb25cIiBbbmdDbGFzc109XCInb2MtJyArIG9jQ29sb3JcIj5cbiAgICBAaWYgKG9jSWNvbikge1xuICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPnt7IG9jSWNvbiB9fTwvc3Bhbj5cbiAgICB9IEBlbHNlIHtcbiAgICA8c3Bhbj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltvY0ljb25dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvc3Bhbj5cbiAgICB9XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwib2MtbWFpbi1jb250ZW50XCI+XG4gICAgPGRpdiBjbGFzcz1cIm9jLW1lc3NhZ2UtaGVhZGVyXCI+XG4gICAgICBAaWYgKG9jVGl0bGUpIHtcbiAgICAgIDxoMz57eyBvY1RpdGxlIH19PC9oMz5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW29jSGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgIH1cbiAgICAgIEBpZiAob2NDbG9zYWJsZSkge1xuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiY2xvc2UoKVwiIGNsYXNzPVwib2MtY2xvc2UtYnRuXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBtZC0xOFwiIG9jVG9vbHRpcCBjb250ZW50PVwiRmVjaGFyXCIgb2NTaWRlPVwiYm90dG9tXCI+XG4gICAgICAgICAgY2xvc2VcbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9idXR0b24+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm9jLW1lc3NhZ2UtY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxufSJdfQ==
|