valtech-components 4.0.961 → 4.0.962
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/atoms/notice/notice.component.mjs +7 -3
- package/esm2022/lib/components/atoms/notice/types.mjs +1 -1
- package/esm2022/lib/version.mjs +2 -2
- package/fesm2022/valtech-components.mjs +7 -3
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/atoms/notice/types.d.ts +8 -5
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -13,6 +13,8 @@ const TONE_ICON = {
|
|
|
13
13
|
info: 'information-circle-outline',
|
|
14
14
|
warning: 'alert-circle-outline',
|
|
15
15
|
success: 'checkmark-circle-outline',
|
|
16
|
+
// neutral no trae ícono por defecto: es una nota secundaria de bajo perfil,
|
|
17
|
+
// no un aviso que necesite llamar la atención.
|
|
16
18
|
};
|
|
17
19
|
/**
|
|
18
20
|
* Caja de aviso: un bloque breve de contexto junto a un formulario o una
|
|
@@ -48,6 +50,7 @@ export class NoticeComponent {
|
|
|
48
50
|
class="notice"
|
|
49
51
|
[class]="props.cssClass"
|
|
50
52
|
[class.tone-info]="tone === 'info'"
|
|
53
|
+
[class.tone-neutral]="tone === 'neutral'"
|
|
51
54
|
[class.tone-warning]="tone === 'warning'"
|
|
52
55
|
[class.tone-success]="tone === 'success'"
|
|
53
56
|
>
|
|
@@ -64,7 +67,7 @@ export class NoticeComponent {
|
|
|
64
67
|
</div>
|
|
65
68
|
</aside>
|
|
66
69
|
}
|
|
67
|
-
`, isInline: true, styles: [":host{display:block}.notice{display:flex;align-items:flex-start;gap:
|
|
70
|
+
`, isInline: true, styles: [":host{display:block}.notice{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border-radius:12px;border-left:3px solid transparent;font-size:.9rem;line-height:1.4;color:var(--ion-text-color, #000);background:rgba(var(--ion-color-secondary-rgb),.08);border-left-color:rgb(var(--ion-color-secondary-rgb))}.notice ion-icon{flex-shrink:0;font-size:1.1rem;margin-top:1px;color:var(--ion-color-secondary)}.notice__body{display:flex;flex-direction:column;gap:2px}.notice__title{font-weight:700}.tone-neutral{background:rgba(var(--ion-color-medium-rgb),.08);border-left-color:rgb(var(--ion-color-medium-rgb));color:var(--ion-color-medium)}.tone-neutral ion-icon{color:var(--ion-color-medium)}.tone-warning{background:rgba(var(--ion-color-warning-rgb),.12);border-left-color:rgb(var(--ion-color-warning-rgb))}.tone-warning ion-icon{color:var(--ion-color-warning-shade)}.tone-success{background:rgba(var(--ion-color-success-rgb),.1);border-left-color:rgb(var(--ion-color-success-rgb))}.tone-success ion-icon{color:var(--ion-color-success-shade)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
|
|
68
71
|
}
|
|
69
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NoticeComponent, decorators: [{
|
|
70
73
|
type: Component,
|
|
@@ -74,6 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
74
77
|
class="notice"
|
|
75
78
|
[class]="props.cssClass"
|
|
76
79
|
[class.tone-info]="tone === 'info'"
|
|
80
|
+
[class.tone-neutral]="tone === 'neutral'"
|
|
77
81
|
[class.tone-warning]="tone === 'warning'"
|
|
78
82
|
[class.tone-success]="tone === 'success'"
|
|
79
83
|
>
|
|
@@ -90,8 +94,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
90
94
|
</div>
|
|
91
95
|
</aside>
|
|
92
96
|
}
|
|
93
|
-
`, styles: [":host{display:block}.notice{display:flex;align-items:flex-start;gap:
|
|
97
|
+
`, styles: [":host{display:block}.notice{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border-radius:12px;border-left:3px solid transparent;font-size:.9rem;line-height:1.4;color:var(--ion-text-color, #000);background:rgba(var(--ion-color-secondary-rgb),.08);border-left-color:rgb(var(--ion-color-secondary-rgb))}.notice ion-icon{flex-shrink:0;font-size:1.1rem;margin-top:1px;color:var(--ion-color-secondary)}.notice__body{display:flex;flex-direction:column;gap:2px}.notice__title{font-weight:700}.tone-neutral{background:rgba(var(--ion-color-medium-rgb),.08);border-left-color:rgb(var(--ion-color-medium-rgb));color:var(--ion-color-medium)}.tone-neutral ion-icon{color:var(--ion-color-medium)}.tone-warning{background:rgba(var(--ion-color-warning-rgb),.12);border-left-color:rgb(var(--ion-color-warning-rgb))}.tone-warning ion-icon{color:var(--ion-color-warning-shade)}.tone-success{background:rgba(var(--ion-color-success-rgb),.1);border-left-color:rgb(var(--ion-color-success-rgb))}.tone-success ion-icon{color:var(--ion-color-success-shade)}\n"] }]
|
|
94
98
|
}], propDecorators: { props: [{
|
|
95
99
|
type: Input
|
|
96
100
|
}] } });
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9ub3RpY2Uvbm90aWNlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDcEMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBR3RHLFFBQVEsQ0FBQztJQUNQLHdCQUF3QjtJQUN4QixrQkFBa0I7SUFDbEIsc0JBQXNCO0NBQ3ZCLENBQUMsQ0FBQztBQUVILE1BQU0sU0FBUyxHQUF3QztJQUNyRCxJQUFJLEVBQUUsNEJBQTRCO0lBQ2xDLE9BQU8sRUFBRSxzQkFBc0I7SUFDL0IsT0FBTyxFQUFFLDBCQUEwQjtJQUNuQyw0RUFBNEU7SUFDNUUsK0NBQStDO0NBQ2hELENBQUM7QUFFRjs7Ozs7Ozs7Ozs7R0FXRztBQStCSCxNQUFNLE9BQU8sZUFBZTtJQTlCNUI7UUErQlcsVUFBSyxHQUFtQixFQUFFLENBQUM7S0FjckM7SUFaQyxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLE1BQU0sQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ1osT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ2pFLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLLElBQUk7WUFBRSxPQUFPLElBQUksQ0FBQztRQUMxQyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakQsQ0FBQzsrR0FkVSxlQUFlO21HQUFmLGVBQWUsa0dBMUJoQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQsNG1DQXhCUyxZQUFZLCtCQUFFLE9BQU87OzRGQTJCcEIsZUFBZTtrQkE5QjNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxPQUFPLENBQUMsWUFDdEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJUOzhCQUlRLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25JY29uIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBhZGRJY29ucyB9IGZyb20gJ2lvbmljb25zJztcbmltcG9ydCB7IGluZm9ybWF0aW9uQ2lyY2xlT3V0bGluZSwgYWxlcnRDaXJjbGVPdXRsaW5lLCBjaGVja21hcmtDaXJjbGVPdXRsaW5lIH0gZnJvbSAnaW9uaWNvbnMvaWNvbnMnO1xuaW1wb3J0IHsgTm90aWNlTWV0YWRhdGEsIE5vdGljZVRvbmUgfSBmcm9tICcuL3R5cGVzJztcblxuYWRkSWNvbnMoe1xuICBpbmZvcm1hdGlvbkNpcmNsZU91dGxpbmUsXG4gIGFsZXJ0Q2lyY2xlT3V0bGluZSxcbiAgY2hlY2ttYXJrQ2lyY2xlT3V0bGluZSxcbn0pO1xuXG5jb25zdCBUT05FX0lDT046IFBhcnRpYWw8UmVjb3JkPE5vdGljZVRvbmUsIHN0cmluZz4+ID0ge1xuICBpbmZvOiAnaW5mb3JtYXRpb24tY2lyY2xlLW91dGxpbmUnLFxuICB3YXJuaW5nOiAnYWxlcnQtY2lyY2xlLW91dGxpbmUnLFxuICBzdWNjZXNzOiAnY2hlY2ttYXJrLWNpcmNsZS1vdXRsaW5lJyxcbiAgLy8gbmV1dHJhbCBubyB0cmFlIMOtY29ubyBwb3IgZGVmZWN0bzogZXMgdW5hIG5vdGEgc2VjdW5kYXJpYSBkZSBiYWpvIHBlcmZpbCxcbiAgLy8gbm8gdW4gYXZpc28gcXVlIG5lY2VzaXRlIGxsYW1hciBsYSBhdGVuY2nDs24uXG59O1xuXG4vKipcbiAqIENhamEgZGUgYXZpc286IHVuIGJsb3F1ZSBicmV2ZSBkZSBjb250ZXh0byBqdW50byBhIHVuIGZvcm11bGFyaW8gbyB1bmFcbiAqIHNlY2Npw7NuIChcInJlY3VlcmRhIGFkanVudGFyIGVsIGNvbXByb2JhbnRlXCIsIFwiZWwgY3VwbyBzZSBsaWJlcmEgZW4gMjQgaFwiKS5cbiAqXG4gKiBOYWNpw7MgY29tbyBtYXJrdXAgbG9jYWwgZGVsIGNoZWNrb3V0IGRlIGJpbmdvIHkgc2UgcHJvbW92acOzIGFjw6EgcG9ycXVlIHRvZGFcbiAqIGFwcCBkZWwgZmFjdG9yeSBuZWNlc2l0YSBsbyBtaXNtby4gRWwgdGV4dG8gbG8gZGVjaWRlIGVsIGNvbnN1bWlkb3I6IGVsXG4gKiBjb21wb25lbnRlIE5PIHRyYWUgY29weSBwcm9waW8gbmkgaTE4biwgYXPDrSBxdWUgc2lydmUgdGFudG8gcGFyYSB0ZXh0b3NcbiAqIHRyYWR1Y2lkb3MgcG9yIGxhIGFwcCBjb21vIHBhcmEgdGV4dG9zIHF1ZSBjb25maWd1cmEgdW5hIG9yZ2FuaXphY2nDs24uXG4gKlxuICogU2kgYHRleHRgIHkgYHRpdGxlYCB2aWVuZW4gdmFjw61vcyBubyByZW5kZXJpemEgbmFkYTogZXNvIHBlcm1pdGUgYXRhcmxvXG4gKiBkaXJlY3RvIGEgdW4gY2FtcG8gY29uZmlndXJhYmxlIHNpbiBnYXRlYXIgZW4gY2FkYSB0ZW1wbGF0ZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLW5vdGljZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIElvbkljb25dLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBpZiAoaGFzQ29udGVudCkge1xuICAgICAgPGFzaWRlXG4gICAgICAgIGNsYXNzPVwibm90aWNlXCJcbiAgICAgICAgW2NsYXNzXT1cInByb3BzLmNzc0NsYXNzXCJcbiAgICAgICAgW2NsYXNzLnRvbmUtaW5mb109XCJ0b25lID09PSAnaW5mbydcIlxuICAgICAgICBbY2xhc3MudG9uZS1uZXV0cmFsXT1cInRvbmUgPT09ICduZXV0cmFsJ1wiXG4gICAgICAgIFtjbGFzcy50b25lLXdhcm5pbmddPVwidG9uZSA9PT0gJ3dhcm5pbmcnXCJcbiAgICAgICAgW2NsYXNzLnRvbmUtc3VjY2Vzc109XCJ0b25lID09PSAnc3VjY2VzcydcIlxuICAgICAgPlxuICAgICAgICBAaWYgKGljb25OYW1lKSB7XG4gICAgICAgICAgPGlvbi1pY29uIFtuYW1lXT1cImljb25OYW1lXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz5cbiAgICAgICAgfVxuICAgICAgICA8ZGl2IGNsYXNzPVwibm90aWNlX19ib2R5XCI+XG4gICAgICAgICAgQGlmIChwcm9wcy50aXRsZSkge1xuICAgICAgICAgICAgPHN0cm9uZyBjbGFzcz1cIm5vdGljZV9fdGl0bGVcIj57eyBwcm9wcy50aXRsZSB9fTwvc3Ryb25nPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKHByb3BzLnRleHQpIHtcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibm90aWNlX190ZXh0XCI+e3sgcHJvcHMudGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9hc2lkZT5cbiAgICB9XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL25vdGljZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBOb3RpY2VDb21wb25lbnQge1xuICBASW5wdXQoKSBwcm9wczogTm90aWNlTWV0YWRhdGEgPSB7fTtcblxuICBnZXQgdG9uZSgpOiBOb3RpY2VUb25lIHtcbiAgICByZXR1cm4gdGhpcy5wcm9wcy50b25lID8/ICdpbmZvJztcbiAgfVxuXG4gIGdldCBoYXNDb250ZW50KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhISh0aGlzLnByb3BzLnRleHQ/LnRyaW0oKSB8fCB0aGlzLnByb3BzLnRpdGxlPy50cmltKCkpO1xuICB9XG5cbiAgZ2V0IGljb25OYW1lKCk6IHN0cmluZyB8IG51bGwge1xuICAgIGlmICh0aGlzLnByb3BzLmljb24gPT09IG51bGwpIHJldHVybiBudWxsO1xuICAgIHJldHVybiB0aGlzLnByb3BzLmljb24gPz8gVE9ORV9JQ09OW3RoaXMudG9uZV07XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvbm90aWNlL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFRvbm8gZGVsIGF2aXNvLiBEZWZpbmUgY29sb3IgZGUgZm9uZG8sIGJhcnJhIGRlIGFjZW50byBlIGljb25vIHBvciBkZWZlY3RvLlxuICpcbiAqIGBpbmZvYCBlcyBlbCBkZWZhdWx0IHkgZWwgcXVlIGNvcnJlc3BvbmRlIGEgdW4gZGF0byBkZSBjb250ZXh0byAobG8gcXVlIGxhXG4gKiBvcmdhbml6YWNpw7NuIHF1aWVyZSBxdWUgZWwgY29tcHJhZG9yIHRlbmdhIHByZXNlbnRlKS4gYG5ldXRyYWxgIGVzIHBhcmEgdW5hXG4gKiBub3RhIHNlY3VuZGFyaWEgc2luIGNhcmdhIHNlbcOhbnRpY2EgKHVuIGhpbnQgZGUgcHJvZHVjdG8sIFwiZXN0byBlcyBwcml2YWRvXCIpXG4gKiDigJQgZXMgZWwgcmVlbXBsYXpvIGRlIGxhcyBjYWphcyBncmlzZXMgYWQtaG9jIHF1ZSBzZSBhcm1hYmFuIGEgbWFubyBwb3IgdG9kYVxuICogbGEgYXBwLiBgd2FybmluZ2Agc2UgcmVzZXJ2YSBwYXJhIGFsZ28gcXVlIHB1ZWRlIHNhbGlyIG1hbCBzaSBzZSBpZ25vcmE7XG4gKiBgc3VjY2Vzc2AgcGFyYSB1bmEgY29uZmlybWFjacOzbi4gVW4gYXZpc28gTlVOQ0EgdXNhIGVsIHJvam8gZGUgZXJyb3I6IGxvc1xuICogZXN0YWRvcyBlc3BlcmFkb3MgdmFuIHNvYnJpb3MuXG4gKi9cbmV4cG9ydCB0eXBlIE5vdGljZVRvbmUgPSAnaW5mbycgfCAnbmV1dHJhbCcgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTm90aWNlTWV0YWRhdGEge1xuICAvKiogVGV4dG8gZGVsIGF2aXNvLiBTaSB2aWVuZSB2YWPDrW8sIGVsIGNvbXBvbmVudGUgbm8gcmVuZGVyaXphIG5hZGEuICovXG4gIHRleHQ/OiBzdHJpbmc7XG4gIC8qKiBUw610dWxvIG9wY2lvbmFsLCBlbiBuZWdyaXRhLCBzb2JyZSBlbCB0ZXh0by4gKi9cbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHRvbmU/OiBOb3RpY2VUb25lO1xuICAvKipcbiAgICogTm9tYnJlIGRlbCBpY29ubyBkZSBJb25pY29ucy4gU2kgbm8gc2UgcGFzYSwgc2UgdXNhIGVsIGRlbCB0b25vLiBgbnVsbGBcbiAgICogbG8gb2N1bHRhLlxuICAgKi9cbiAgaWNvbj86IHN0cmluZyB8IG51bGw7XG4gIGNzc0NsYXNzPzogc3RyaW5nO1xufVxuIl19
|
package/esm2022/lib/version.mjs
CHANGED
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
* Current version of valtech-components.
|
|
3
3
|
* This is automatically updated during the publish process.
|
|
4
4
|
*/
|
|
5
|
-
export const VERSION = '4.0.
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
5
|
+
export const VERSION = '4.0.962';
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuMC45NjInO1xuIl19
|
|
@@ -67,7 +67,7 @@ import fixWebmDuration from 'fix-webm-duration';
|
|
|
67
67
|
* Current version of valtech-components.
|
|
68
68
|
* This is automatically updated during the publish process.
|
|
69
69
|
*/
|
|
70
|
-
const VERSION = '4.0.
|
|
70
|
+
const VERSION = '4.0.962';
|
|
71
71
|
|
|
72
72
|
function evaluateValtechAccess(rule, context, features = {}, visitedFeatures = new Set()) {
|
|
73
73
|
if (rule == null)
|
|
@@ -16062,6 +16062,8 @@ const TONE_ICON = {
|
|
|
16062
16062
|
info: 'information-circle-outline',
|
|
16063
16063
|
warning: 'alert-circle-outline',
|
|
16064
16064
|
success: 'checkmark-circle-outline',
|
|
16065
|
+
// neutral no trae ícono por defecto: es una nota secundaria de bajo perfil,
|
|
16066
|
+
// no un aviso que necesite llamar la atención.
|
|
16065
16067
|
};
|
|
16066
16068
|
/**
|
|
16067
16069
|
* Caja de aviso: un bloque breve de contexto junto a un formulario o una
|
|
@@ -16097,6 +16099,7 @@ class NoticeComponent {
|
|
|
16097
16099
|
class="notice"
|
|
16098
16100
|
[class]="props.cssClass"
|
|
16099
16101
|
[class.tone-info]="tone === 'info'"
|
|
16102
|
+
[class.tone-neutral]="tone === 'neutral'"
|
|
16100
16103
|
[class.tone-warning]="tone === 'warning'"
|
|
16101
16104
|
[class.tone-success]="tone === 'success'"
|
|
16102
16105
|
>
|
|
@@ -16113,7 +16116,7 @@ class NoticeComponent {
|
|
|
16113
16116
|
</div>
|
|
16114
16117
|
</aside>
|
|
16115
16118
|
}
|
|
16116
|
-
`, isInline: true, styles: [":host{display:block}.notice{display:flex;align-items:flex-start;gap:
|
|
16119
|
+
`, isInline: true, styles: [":host{display:block}.notice{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border-radius:12px;border-left:3px solid transparent;font-size:.9rem;line-height:1.4;color:var(--ion-text-color, #000);background:rgba(var(--ion-color-secondary-rgb),.08);border-left-color:rgb(var(--ion-color-secondary-rgb))}.notice ion-icon{flex-shrink:0;font-size:1.1rem;margin-top:1px;color:var(--ion-color-secondary)}.notice__body{display:flex;flex-direction:column;gap:2px}.notice__title{font-weight:700}.tone-neutral{background:rgba(var(--ion-color-medium-rgb),.08);border-left-color:rgb(var(--ion-color-medium-rgb));color:var(--ion-color-medium)}.tone-neutral ion-icon{color:var(--ion-color-medium)}.tone-warning{background:rgba(var(--ion-color-warning-rgb),.12);border-left-color:rgb(var(--ion-color-warning-rgb))}.tone-warning ion-icon{color:var(--ion-color-warning-shade)}.tone-success{background:rgba(var(--ion-color-success-rgb),.1);border-left-color:rgb(var(--ion-color-success-rgb))}.tone-success ion-icon{color:var(--ion-color-success-shade)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
|
|
16117
16120
|
}
|
|
16118
16121
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NoticeComponent, decorators: [{
|
|
16119
16122
|
type: Component,
|
|
@@ -16123,6 +16126,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
16123
16126
|
class="notice"
|
|
16124
16127
|
[class]="props.cssClass"
|
|
16125
16128
|
[class.tone-info]="tone === 'info'"
|
|
16129
|
+
[class.tone-neutral]="tone === 'neutral'"
|
|
16126
16130
|
[class.tone-warning]="tone === 'warning'"
|
|
16127
16131
|
[class.tone-success]="tone === 'success'"
|
|
16128
16132
|
>
|
|
@@ -16139,7 +16143,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
16139
16143
|
</div>
|
|
16140
16144
|
</aside>
|
|
16141
16145
|
}
|
|
16142
|
-
`, styles: [":host{display:block}.notice{display:flex;align-items:flex-start;gap:
|
|
16146
|
+
`, styles: [":host{display:block}.notice{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border-radius:12px;border-left:3px solid transparent;font-size:.9rem;line-height:1.4;color:var(--ion-text-color, #000);background:rgba(var(--ion-color-secondary-rgb),.08);border-left-color:rgb(var(--ion-color-secondary-rgb))}.notice ion-icon{flex-shrink:0;font-size:1.1rem;margin-top:1px;color:var(--ion-color-secondary)}.notice__body{display:flex;flex-direction:column;gap:2px}.notice__title{font-weight:700}.tone-neutral{background:rgba(var(--ion-color-medium-rgb),.08);border-left-color:rgb(var(--ion-color-medium-rgb));color:var(--ion-color-medium)}.tone-neutral ion-icon{color:var(--ion-color-medium)}.tone-warning{background:rgba(var(--ion-color-warning-rgb),.12);border-left-color:rgb(var(--ion-color-warning-rgb))}.tone-warning ion-icon{color:var(--ion-color-warning-shade)}.tone-success{background:rgba(var(--ion-color-success-rgb),.1);border-left-color:rgb(var(--ion-color-success-rgb))}.tone-success ion-icon{color:var(--ion-color-success-shade)}\n"] }]
|
|
16143
16147
|
}], propDecorators: { props: [{
|
|
16144
16148
|
type: Input
|
|
16145
16149
|
}] } });
|