valtech-components 2.0.308 → 2.0.310

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 (4) hide show
  1. package/esm2022/lib/components/atoms/image/image.component.mjs +11 -7
  2. package/fesm2022/valtech-components.mjs +10 -6
  3. package/fesm2022/valtech-components.mjs.map +1 -1
  4. package/package.json +1 -1
package/esm2022/lib/components/atoms/image/image.component.mjs CHANGED
@@ -53,7 +53,7 @@ export class ImageComponent {
53
53
  'val-image-container--right': props.alignment === 'right',
54
54
  }"
55
55
  >
56
- <div class="val-image-wrapper" [ngClass]="[props.size]">
56
+ <div class="val-image-wrapper">
57
57
  @if (props.src.includes('--')) {
58
58
  <img
59
59
  class="val-image"
@@ -66,7 +66,8 @@ export class ImageComponent {
66
66
  [class.dark]="props.dark"
67
67
  [class.limited]="props.limited"
68
68
  [alt]="props.alt"
69
- [style.width.px]="props.width"
69
+ [style.width.rem]="props.width"
70
+ [style.max-width.rem]="props.width"
70
71
  [style.height.px]="props.height"
71
72
  />
72
73
  } @else {
@@ -79,7 +80,8 @@ export class ImageComponent {
79
80
  [class.limited]="props.limited"
80
81
  [src]="props.src"
81
82
  [alt]="props.alt"
82
- [style.width.px]="props.width"
83
+ [style.width.rem]="props.width"
84
+ [style.max-width.rem]="props.width"
83
85
  [style.height.px]="props.height"
84
86
  />
85
87
  }
@@ -112,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
112
114
  'val-image-container--right': props.alignment === 'right',
113
115
  }"
114
116
  >
115
- <div class="val-image-wrapper" [ngClass]="[props.size]">
117
+ <div class="val-image-wrapper">
116
118
  @if (props.src.includes('--')) {
117
119
  <img
118
120
  class="val-image"
@@ -125,7 +127,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
125
127
  [class.dark]="props.dark"
126
128
  [class.limited]="props.limited"
127
129
  [alt]="props.alt"
128
- [style.width.px]="props.width"
130
+ [style.width.rem]="props.width"
131
+ [style.max-width.rem]="props.width"
129
132
  [style.height.px]="props.height"
130
133
  />
131
134
  } @else {
@@ -138,7 +141,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
138
141
  [class.limited]="props.limited"
139
142
  [src]="props.src"
140
143
  [alt]="props.alt"
141
- [style.width.px]="props.width"
144
+ [style.width.rem]="props.width"
145
+ [style.max-width.rem]="props.width"
142
146
  [style.height.px]="props.height"
143
147
  />
144
148
  }
@@ -161,4 +165,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
161
165
  }], ctorParameters: () => [], propDecorators: { props: [{
162
166
  type: Input
163
167
  }] } });
164
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmFsdGVjaC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9pbWFnZS9pbWFnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFpRXpEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQkc7QUFDSCxNQUFNLE9BQU8sY0FBYztJQU16QjtRQUZBLGNBQVMsR0FBWSxJQUFJLENBQUM7SUFFWCxDQUFDO0lBRWhCLFFBQVE7UUFDTixxQkFBcUI7UUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO1FBQ2xDLENBQUM7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUM7UUFDcEMsQ0FBQztRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUMxQixDQUFDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixXQUFXLENBQUMsR0FBRyxFQUFFO1lBQ2YsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDeEIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQzsrR0F6QlUsY0FBYzttR0FBZCxjQUFjLGlHQTdFZjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVEVCxtK0lBeERTLFlBQVk7OzRGQThFWCxjQUFjO2tCQWpGMUIsU0FBUzsrQkFDRSxXQUFXLGNBQ1QsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFlBQ2I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1RFQ7d0RBd0JELEtBQUs7c0JBREosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEltYWdlTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLWltYWdlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGZpZ3VyZVxuICAgICAgY2xhc3M9XCJ2YWwtaW1hZ2UtY29udGFpbmVyXCJcbiAgICAgIFtjbGFzc109XCJwcm9wcy5jb250YWluZXJDbGFzc1wiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICd2YWwtaW1hZ2UtY29udGFpbmVyLS1sZWZ0JzogcHJvcHMuYWxpZ25tZW50ID09PSAnbGVmdCcsXG4gICAgICAgICd2YWwtaW1hZ2UtY29udGFpbmVyLS1jZW50ZXInOiBwcm9wcy5hbGlnbm1lbnQgPT09ICdjZW50ZXInIHx8ICFwcm9wcy5hbGlnbm1lbnQsXG4gICAgICAgICd2YWwtaW1hZ2UtY29udGFpbmVyLS1yaWdodCc6IHByb3BzLmFsaWdubWVudCA9PT0gJ3JpZ2h0JyxcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJ2YWwtaW1hZ2Utd3JhcHBlclwiIFtuZ0NsYXNzXT1cIltwcm9wcy5zaXplXVwiPlxuICAgICAgICBAaWYgKHByb3BzLnNyYy5pbmNsdWRlcygnLS0nKSkge1xuICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgIGNsYXNzPVwidmFsLWltYWdlXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIltwcm9wcy5tb2RlXVwiXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgIGNvbnRlbnQ6ICd2YXIoJyArIHByb3BzLnNyYyArICcpJyxcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgW2NsYXNzLmJvcmRlcmVkXT1cInByb3BzLmJvcmRlcmVkXCJcbiAgICAgICAgICAgIFtjbGFzcy5zaGFkZWRdPVwicHJvcHMuc2hhZGVkXCJcbiAgICAgICAgICAgIFtjbGFzcy5kYXJrXT1cInByb3BzLmRhcmtcIlxuICAgICAgICAgICAgW2NsYXNzLmxpbWl0ZWRdPVwicHJvcHMubGltaXRlZFwiXG4gICAgICAgICAgICBbYWx0XT1cInByb3BzLmFsdFwiXG4gICAgICAgICAgICBbc3R5bGUud2lkdGgucHhdPVwicHJvcHMud2lkdGhcIlxuICAgICAgICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJwcm9wcy5oZWlnaHRcIlxuICAgICAgICAgIC8+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgIGNsYXNzPVwidmFsLWltYWdlXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIltwcm9wcy5tb2RlXVwiXG4gICAgICAgICAgICBbY2xhc3MuYm9yZGVyZWRdPVwicHJvcHMuYm9yZGVyZWRcIlxuICAgICAgICAgICAgW2NsYXNzLnNoYWRlZF09XCJwcm9wcy5zaGFkZWRcIlxuICAgICAgICAgICAgW2NsYXNzLmRhcmtdPVwicHJvcHMuZGFya1wiXG4gICAgICAgICAgICBbY2xhc3MubGltaXRlZF09XCJwcm9wcy5saW1pdGVkXCJcbiAgICAgICAgICAgIFtzcmNdPVwicHJvcHMuc3JjXCJcbiAgICAgICAgICAgIFthbHRdPVwicHJvcHMuYWx0XCJcbiAgICAgICAgICAgIFtzdHlsZS53aWR0aC5weF09XCJwcm9wcy53aWR0aFwiXG4gICAgICAgICAgICBbc3R5bGUuaGVpZ2h0LnB4XT1cInByb3BzLmhlaWdodFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIEBpZiAocHJvcHMuY2FwdGlvbikge1xuICAgICAgICA8ZmlnY2FwdGlvblxuICAgICAgICAgIGNsYXNzPVwidmFsLWltYWdlLWNhcHRpb25cIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICd2YWwtaW1hZ2UtY2FwdGlvbi0tc21hbGwnOiBwcm9wcy5jYXB0aW9uU2l6ZSA9PT0gJ3NtYWxsJyxcbiAgICAgICAgICAgICd2YWwtaW1hZ2UtY2FwdGlvbi0tbWVkaXVtJzogcHJvcHMuY2FwdGlvblNpemUgPT09ICdtZWRpdW0nIHx8ICFwcm9wcy5jYXB0aW9uU2l6ZSxcbiAgICAgICAgICAgICd2YWwtaW1hZ2UtY2FwdGlvbi0tbGFyZ2UnOiBwcm9wcy5jYXB0aW9uU2l6ZSA9PT0gJ2xhcmdlJyxcbiAgICAgICAgICB9XCJcbiAgICAgICAgPlxuICAgICAgICAgIHt7IHByb3BzLmNhcHRpb24gfX1cbiAgICAgICAgPC9maWdjYXB0aW9uPlxuICAgICAgfVxuICAgIDwvZmlndXJlPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbi8qKlxuICogdmFsLWltYWdlXG4gKlxuICogRGlzcGxheXMgYW4gaW1hZ2Ugd2l0aCB2YXJpb3VzIGRpc3BsYXkgb3B0aW9ucyAoYm9yZGVyZWQsIHNoYWRlZCwgZGFyaywgZXRjKS5cbiAqIE5vdyBpbmNsdWRlcyBhIGNvbnRhaW5lciB3cmFwcGVyIGZvciBiZXR0ZXIgZmxleGJveCBzdXBwb3J0IGFuZCBhbGlnbm1lbnQgb3B0aW9ucy5cbiAqXG4gKiBAZXhhbXBsZVxuICogPHZhbC1pbWFnZSBbcHJvcHNdPVwie1xuICogICBzcmM6ICd1cmwnLFxuICogICBhbHQ6ICdkZXNjJyxcbiAqICAgd2lkdGg6IDEwMCxcbiAqICAgaGVpZ2h0OiAxMDAsXG4gKiAgIGJvcmRlcmVkOiB0cnVlLFxuICogICBhbGlnbm1lbnQ6ICdjZW50ZXInLFxuICogICBjYXB0aW9uOiAnSW1hZ2UgZGVzY3JpcHRpb24nXG4gKiB9XCI+PC92YWwtaW1hZ2U+XG4gKlxuICogQGlucHV0IHByb3BzOiBJbWFnZU1ldGFkYXRhIC0gQ29uZmlndXJhdGlvbiBmb3IgdGhlIGltYWdlIChzcmMsIGFsdCwgc2l6ZSwgbW9kZSwgYWxpZ25tZW50LCBjYXB0aW9uLCBldGMuKVxuICovXG5leHBvcnQgY2xhc3MgSW1hZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBwcm9wcyE6IEltYWdlTWV0YWRhdGE7XG5cbiAgYXZhaWxhYmxlOiBib29sZWFuID0gdHJ1ZTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgLy8gU2V0IGRlZmF1bHQgdmFsdWVzXG4gICAgaWYgKCF0aGlzLnByb3BzLmFsaWdubWVudCkge1xuICAgICAgdGhpcy5wcm9wcy5hbGlnbm1lbnQgPSAnY2VudGVyJztcbiAgICB9XG4gICAgaWYgKCF0aGlzLnByb3BzLmNhcHRpb25TaXplKSB7XG4gICAgICB0aGlzLnByb3BzLmNhcHRpb25TaXplID0gJ21lZGl1bSc7XG4gICAgfVxuICAgIGlmICghdGhpcy5wcm9wcy5tb2RlKSB7XG4gICAgICB0aGlzLnByb3BzLm1vZGUgPSAnYm94JztcbiAgICB9XG4gIH1cblxuICBjaGFuZ2VUb1Zpc2libGUoKSB7XG4gICAgc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgdGhpcy5hdmFpbGFibGUgPSB0cnVlO1xuICAgIH0sIDEwMCk7XG4gIH1cbn1cbiJdfQ==
168
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmFsdGVjaC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9pbWFnZS9pbWFnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFtRXpEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQkc7QUFDSCxNQUFNLE9BQU8sY0FBYztJQU16QjtRQUZBLGNBQVMsR0FBWSxJQUFJLENBQUM7SUFFWCxDQUFDO0lBRWhCLFFBQVE7UUFDTixxQkFBcUI7UUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO1FBQ2xDLENBQUM7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUM7UUFDcEMsQ0FBQztRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUMxQixDQUFDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixXQUFXLENBQUMsR0FBRyxFQUFFO1lBQ2YsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDeEIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQzsrR0F6QlUsY0FBYzttR0FBZCxjQUFjLGlHQS9FZjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeURULG0rSUExRFMsWUFBWTs7NEZBZ0ZYLGNBQWM7a0JBbkYxQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsWUFDYjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeURUO3dEQXdCRCxLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbWFnZU1ldGFkYXRhIH0gZnJvbSAnLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1pbWFnZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxmaWd1cmVcbiAgICAgIGNsYXNzPVwidmFsLWltYWdlLWNvbnRhaW5lclwiXG4gICAgICBbY2xhc3NdPVwicHJvcHMuY29udGFpbmVyQ2xhc3NcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAndmFsLWltYWdlLWNvbnRhaW5lci0tbGVmdCc6IHByb3BzLmFsaWdubWVudCA9PT0gJ2xlZnQnLFxuICAgICAgICAndmFsLWltYWdlLWNvbnRhaW5lci0tY2VudGVyJzogcHJvcHMuYWxpZ25tZW50ID09PSAnY2VudGVyJyB8fCAhcHJvcHMuYWxpZ25tZW50LFxuICAgICAgICAndmFsLWltYWdlLWNvbnRhaW5lci0tcmlnaHQnOiBwcm9wcy5hbGlnbm1lbnQgPT09ICdyaWdodCcsXG4gICAgICB9XCJcbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzPVwidmFsLWltYWdlLXdyYXBwZXJcIj5cbiAgICAgICAgQGlmIChwcm9wcy5zcmMuaW5jbHVkZXMoJy0tJykpIHtcbiAgICAgICAgICA8aW1nXG4gICAgICAgICAgICBjbGFzcz1cInZhbC1pbWFnZVwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJbcHJvcHMubW9kZV1cIlxuICAgICAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgICAgICBjb250ZW50OiAndmFyKCcgKyBwcm9wcy5zcmMgKyAnKScsXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICAgIFtjbGFzcy5ib3JkZXJlZF09XCJwcm9wcy5ib3JkZXJlZFwiXG4gICAgICAgICAgICBbY2xhc3Muc2hhZGVkXT1cInByb3BzLnNoYWRlZFwiXG4gICAgICAgICAgICBbY2xhc3MuZGFya109XCJwcm9wcy5kYXJrXCJcbiAgICAgICAgICAgIFtjbGFzcy5saW1pdGVkXT1cInByb3BzLmxpbWl0ZWRcIlxuICAgICAgICAgICAgW2FsdF09XCJwcm9wcy5hbHRcIlxuICAgICAgICAgICAgW3N0eWxlLndpZHRoLnJlbV09XCJwcm9wcy53aWR0aFwiXG4gICAgICAgICAgICBbc3R5bGUubWF4LXdpZHRoLnJlbV09XCJwcm9wcy53aWR0aFwiXG4gICAgICAgICAgICBbc3R5bGUuaGVpZ2h0LnB4XT1cInByb3BzLmhlaWdodFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgPGltZ1xuICAgICAgICAgICAgY2xhc3M9XCJ2YWwtaW1hZ2VcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwiW3Byb3BzLm1vZGVdXCJcbiAgICAgICAgICAgIFtjbGFzcy5ib3JkZXJlZF09XCJwcm9wcy5ib3JkZXJlZFwiXG4gICAgICAgICAgICBbY2xhc3Muc2hhZGVkXT1cInByb3BzLnNoYWRlZFwiXG4gICAgICAgICAgICBbY2xhc3MuZGFya109XCJwcm9wcy5kYXJrXCJcbiAgICAgICAgICAgIFtjbGFzcy5saW1pdGVkXT1cInByb3BzLmxpbWl0ZWRcIlxuICAgICAgICAgICAgW3NyY109XCJwcm9wcy5zcmNcIlxuICAgICAgICAgICAgW2FsdF09XCJwcm9wcy5hbHRcIlxuICAgICAgICAgICAgW3N0eWxlLndpZHRoLnJlbV09XCJwcm9wcy53aWR0aFwiXG4gICAgICAgICAgICBbc3R5bGUubWF4LXdpZHRoLnJlbV09XCJwcm9wcy53aWR0aFwiXG4gICAgICAgICAgICBbc3R5bGUuaGVpZ2h0LnB4XT1cInByb3BzLmhlaWdodFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIEBpZiAocHJvcHMuY2FwdGlvbikge1xuICAgICAgICA8ZmlnY2FwdGlvblxuICAgICAgICAgIGNsYXNzPVwidmFsLWltYWdlLWNhcHRpb25cIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICd2YWwtaW1hZ2UtY2FwdGlvbi0tc21hbGwnOiBwcm9wcy5jYXB0aW9uU2l6ZSA9PT0gJ3NtYWxsJyxcbiAgICAgICAgICAgICd2YWwtaW1hZ2UtY2FwdGlvbi0tbWVkaXVtJzogcHJvcHMuY2FwdGlvblNpemUgPT09ICdtZWRpdW0nIHx8ICFwcm9wcy5jYXB0aW9uU2l6ZSxcbiAgICAgICAgICAgICd2YWwtaW1hZ2UtY2FwdGlvbi0tbGFyZ2UnOiBwcm9wcy5jYXB0aW9uU2l6ZSA9PT0gJ2xhcmdlJyxcbiAgICAgICAgICB9XCJcbiAgICAgICAgPlxuICAgICAgICAgIHt7IHByb3BzLmNhcHRpb24gfX1cbiAgICAgICAgPC9maWdjYXB0aW9uPlxuICAgICAgfVxuICAgIDwvZmlndXJlPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbi8qKlxuICogdmFsLWltYWdlXG4gKlxuICogRGlzcGxheXMgYW4gaW1hZ2Ugd2l0aCB2YXJpb3VzIGRpc3BsYXkgb3B0aW9ucyAoYm9yZGVyZWQsIHNoYWRlZCwgZGFyaywgZXRjKS5cbiAqIE5vdyBpbmNsdWRlcyBhIGNvbnRhaW5lciB3cmFwcGVyIGZvciBiZXR0ZXIgZmxleGJveCBzdXBwb3J0IGFuZCBhbGlnbm1lbnQgb3B0aW9ucy5cbiAqXG4gKiBAZXhhbXBsZVxuICogPHZhbC1pbWFnZSBbcHJvcHNdPVwie1xuICogICBzcmM6ICd1cmwnLFxuICogICBhbHQ6ICdkZXNjJyxcbiAqICAgd2lkdGg6IDEwMCxcbiAqICAgaGVpZ2h0OiAxMDAsXG4gKiAgIGJvcmRlcmVkOiB0cnVlLFxuICogICBhbGlnbm1lbnQ6ICdjZW50ZXInLFxuICogICBjYXB0aW9uOiAnSW1hZ2UgZGVzY3JpcHRpb24nXG4gKiB9XCI+PC92YWwtaW1hZ2U+XG4gKlxuICogQGlucHV0IHByb3BzOiBJbWFnZU1ldGFkYXRhIC0gQ29uZmlndXJhdGlvbiBmb3IgdGhlIGltYWdlIChzcmMsIGFsdCwgc2l6ZSwgbW9kZSwgYWxpZ25tZW50LCBjYXB0aW9uLCBldGMuKVxuICovXG5leHBvcnQgY2xhc3MgSW1hZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBwcm9wcyE6IEltYWdlTWV0YWRhdGE7XG5cbiAgYXZhaWxhYmxlOiBib29sZWFuID0gdHJ1ZTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgLy8gU2V0IGRlZmF1bHQgdmFsdWVzXG4gICAgaWYgKCF0aGlzLnByb3BzLmFsaWdubWVudCkge1xuICAgICAgdGhpcy5wcm9wcy5hbGlnbm1lbnQgPSAnY2VudGVyJztcbiAgICB9XG4gICAgaWYgKCF0aGlzLnByb3BzLmNhcHRpb25TaXplKSB7XG4gICAgICB0aGlzLnByb3BzLmNhcHRpb25TaXplID0gJ21lZGl1bSc7XG4gICAgfVxuICAgIGlmICghdGhpcy5wcm9wcy5tb2RlKSB7XG4gICAgICB0aGlzLnByb3BzLm1vZGUgPSAnYm94JztcbiAgICB9XG4gIH1cblxuICBjaGFuZ2VUb1Zpc2libGUoKSB7XG4gICAgc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgdGhpcy5hdmFpbGFibGUgPSB0cnVlO1xuICAgIH0sIDEwMCk7XG4gIH1cbn1cbiJdfQ==
package/fesm2022/valtech-components.mjs CHANGED
@@ -1968,7 +1968,7 @@ class ImageComponent {
1968
1968
  'val-image-container--right': props.alignment === 'right',
1969
1969
  }"
1970
1970
  >
1971
- <div class="val-image-wrapper" [ngClass]="[props.size]">
1971
+ <div class="val-image-wrapper">
1972
1972
  @if (props.src.includes('--')) {
1973
1973
  <img
1974
1974
  class="val-image"
@@ -1981,7 +1981,8 @@ class ImageComponent {
1981
1981
  [class.dark]="props.dark"
1982
1982
  [class.limited]="props.limited"
1983
1983
  [alt]="props.alt"
1984
- [style.width.px]="props.width"
1984
+ [style.width.rem]="props.width"
1985
+ [style.max-width.rem]="props.width"
1985
1986
  [style.height.px]="props.height"
1986
1987
  />
1987
1988
  } @else {
@@ -1994,7 +1995,8 @@ class ImageComponent {
1994
1995
  [class.limited]="props.limited"
1995
1996
  [src]="props.src"
1996
1997
  [alt]="props.alt"
1997
- [style.width.px]="props.width"
1998
+ [style.width.rem]="props.width"
1999
+ [style.max-width.rem]="props.width"
1998
2000
  [style.height.px]="props.height"
1999
2001
  />
2000
2002
  }
@@ -2027,7 +2029,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
2027
2029
  'val-image-container--right': props.alignment === 'right',
2028
2030
  }"
2029
2031
  >
2030
- <div class="val-image-wrapper" [ngClass]="[props.size]">
2032
+ <div class="val-image-wrapper">
2031
2033
  @if (props.src.includes('--')) {
2032
2034
  <img
2033
2035
  class="val-image"
@@ -2040,7 +2042,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
2040
2042
  [class.dark]="props.dark"
2041
2043
  [class.limited]="props.limited"
2042
2044
  [alt]="props.alt"
2043
- [style.width.px]="props.width"
2045
+ [style.width.rem]="props.width"
2046
+ [style.max-width.rem]="props.width"
2044
2047
  [style.height.px]="props.height"
2045
2048
  />
2046
2049
  } @else {
@@ -2053,7 +2056,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
2053
2056
  [class.limited]="props.limited"
2054
2057
  [src]="props.src"
2055
2058
  [alt]="props.alt"
2056
- [style.width.px]="props.width"
2059
+ [style.width.rem]="props.width"
2060
+ [style.max-width.rem]="props.width"
2057
2061
  [style.height.px]="props.height"
2058
2062
  />
2059
2063
  }