valtech-components 4.0.950 → 4.0.951

package/esm2022/lib/components/molecules/metadata-list/metadata-list.component.mjs

@@ -60,27 +60,35 @@ export class MetadataListComponent {
           <div class="ml__section-label">{{ section.label }}</div>
         }
         @for (item of section.items; track item.token || item.label) {
-          <div [class]="'ml__row' + (item.chips ? ' ml__row--chips' : '')">
-            @if (item.icon) {
-              <ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
-            }
-            <div class="ml__text">
-              <dt class="ml__label">{{ item.label }}</dt>
-              @if (item.chips) {
+          @if (item.chips) {
+            <div class="ml__row ml__row--chips">
+              @if (item.icon) {
+                <ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
+              }
+              <div class="ml__text">
+                <dt class="ml__label">{{ item.label }}</dt>
                 <dd class="ml__chips">
                   @for (chip of item.value.split(','); track chip) {
                     <span class="ml__chip">{{ chip.trim() }}</span>
                   }
                 </dd>
-              } @else {
-                <dd class="ml__value" [style.color]="item.color || null">{{ item.value }}</dd>
-              }
+              </div>
+            </div>
+          } @else {
+            @if (item.icon) {
+              <ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
+            } @else {
+              <div class="ml__icon--placeholder"></div>
+            }
+            <div class="ml__cell">
+              <dt class="ml__label">{{ item.label }}</dt>
+              <dd class="ml__value" [style.color]="item.color || null">{{ item.value }}</dd>
             </div>
-          </div>
+          }
         }
       }
     </dl>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml--grid{display:grid}.ml__section-label{grid-column:1/-1;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ion-color-medium, #92949c);padding-top:20px;padding-bottom:4px}.ml__section-label:first-child{padding-top:0}.ml--small .ml__section-label{font-size:.625rem;padding-top:16px}.ml__row--chips{grid-column:1/-1}.ml__row{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.ml--small .ml__row{padding:5px 0}.ml__icon{flex-shrink:0;font-size:1.125rem;color:var(--ion-color-medium, #92949c);line-height:1;margin-top:1px}.ml--small .ml__icon{font-size:1rem}.ml__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ml__label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium, #92949c);line-height:1.3}.ml--small .ml__label{font-size:.625rem}.ml__value{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #000);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml--small .ml__value{font-size:.8125rem}.ml__chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.ml__chip{display:inline-block;font-size:.75rem;font-weight:500;line-height:1;padding:3px 8px;border-radius:100px;background:var(--ion-color-light, rgba(0, 0, 0, .06));color:var(--ion-text-color, #000)}.ml--small .ml__chip{font-size:.6875rem;padding:2px 7px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+  `, isInline: true, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml--grid{display:grid}.ml__section-label{grid-column:1/-1;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ion-color-medium, #92949c);padding-top:20px;padding-bottom:4px}.ml__section-label:first-child{padding-top:0}.ml--small .ml__section-label{font-size:.625rem;padding-top:16px}.ml__row--chips{grid-column:1/-1}.ml__row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;grid-column:1/-1}.ml--small .ml__row{padding:5px 0}.ml__icon{flex-shrink:0;font-size:1.125rem;color:var(--ion-color-medium, #92949c);line-height:1;margin-top:1px;padding:5px 0}.ml--grid .ml__icon{padding:5px 0}.ml--small .ml__icon{font-size:1rem}.ml__icon--placeholder{width:1.125rem;height:1.125rem}.ml--small .ml__icon--placeholder{width:1rem;height:1rem}.ml__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ml__cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:5px 0}.ml--grid .ml__cell{padding:5px 0}.ml__label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium, #92949c);line-height:1.3}.ml--small .ml__label{font-size:.625rem}.ml__value{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #000);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml--small .ml__value{font-size:.8125rem}.ml__chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.ml__chip{display:inline-block;font-size:.75rem;font-weight:500;line-height:1;padding:3px 8px;border-radius:100px;background:var(--ion-color-light, rgba(0, 0, 0, .06));color:var(--ion-text-color, #000)}.ml--small .ml__chip{font-size:.6875rem;padding:2px 7px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MetadataListComponent, decorators: [{
             type: Component,
@@ -91,26 +99,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           <div class="ml__section-label">{{ section.label }}</div>
         }
         @for (item of section.items; track item.token || item.label) {
-          <div [class]="'ml__row' + (item.chips ? ' ml__row--chips' : '')">
-            @if (item.icon) {
-              <ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
-            }
-            <div class="ml__text">
-              <dt class="ml__label">{{ item.label }}</dt>
-              @if (item.chips) {
+          @if (item.chips) {
+            <div class="ml__row ml__row--chips">
+              @if (item.icon) {
+                <ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
+              }
+              <div class="ml__text">
+                <dt class="ml__label">{{ item.label }}</dt>
                 <dd class="ml__chips">
                   @for (chip of item.value.split(','); track chip) {
                     <span class="ml__chip">{{ chip.trim() }}</span>
                   }
                 </dd>
-              } @else {
-                <dd class="ml__value" [style.color]="item.color || null">{{ item.value }}</dd>
-              }
+              </div>
+            </div>
+          } @else {
+            @if (item.icon) {
+              <ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
+            } @else {
+              <div class="ml__icon--placeholder"></div>
+            }
+            <div class="ml__cell">
+              <dt class="ml__label">{{ item.label }}</dt>
+              <dd class="ml__value" [style.color]="item.color || null">{{ item.value }}</dd>
             </div>
-          </div>
+          }
         }
       }
     </dl>
-  `, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml--grid{display:grid}.ml__section-label{grid-column:1/-1;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ion-color-medium, #92949c);padding-top:20px;padding-bottom:4px}.ml__section-label:first-child{padding-top:0}.ml--small .ml__section-label{font-size:.625rem;padding-top:16px}.ml__row--chips{grid-column:1/-1}.ml__row{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.ml--small .ml__row{padding:5px 0}.ml__icon{flex-shrink:0;font-size:1.125rem;color:var(--ion-color-medium, #92949c);line-height:1;margin-top:1px}.ml--small .ml__icon{font-size:1rem}.ml__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ml__label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium, #92949c);line-height:1.3}.ml--small .ml__label{font-size:.625rem}.ml__value{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #000);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml--small .ml__value{font-size:.8125rem}.ml__chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.ml__chip{display:inline-block;font-size:.75rem;font-weight:500;line-height:1;padding:3px 8px;border-radius:100px;background:var(--ion-color-light, rgba(0, 0, 0, .06));color:var(--ion-text-color, #000)}.ml--small .ml__chip{font-size:.6875rem;padding:2px 7px}\n"] }]
+  `, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml--grid{display:grid}.ml__section-label{grid-column:1/-1;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ion-color-medium, #92949c);padding-top:20px;padding-bottom:4px}.ml__section-label:first-child{padding-top:0}.ml--small .ml__section-label{font-size:.625rem;padding-top:16px}.ml__row--chips{grid-column:1/-1}.ml__row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;grid-column:1/-1}.ml--small .ml__row{padding:5px 0}.ml__icon{flex-shrink:0;font-size:1.125rem;color:var(--ion-color-medium, #92949c);line-height:1;margin-top:1px;padding:5px 0}.ml--grid .ml__icon{padding:5px 0}.ml--small .ml__icon{font-size:1rem}.ml__icon--placeholder{width:1.125rem;height:1.125rem}.ml--small .ml__icon--placeholder{width:1rem;height:1rem}.ml__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ml__cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:5px 0}.ml--grid .ml__cell{padding:5px 0}.ml__label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium, #92949c);line-height:1.3}.ml--small .ml__label{font-size:.625rem}.ml__value{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #000);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml--small .ml__value{font-size:.8125rem}.ml__chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.ml__chip{display:inline-block;font-size:.75rem;font-weight:500;line-height:1;padding:3px 8px;border-radius:100px;background:var(--ion-color-light, rgba(0, 0, 0, .06));color:var(--ion-text-color, #000)}.ml--small .ml__chip{font-size:.6875rem;padding:2px 7px}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWV0YWRhdGEtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL21ldGFkYXRhLWxpc3QvbWV0YWRhdGEtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVwRCxPQUFPLEVBQXlDLHNCQUFzQixFQUFFLE1BQU0sU0FBUyxDQUFDOztBQUV4Rjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQkc7QUFtQ0gsTUFBTSxPQUFPLHFCQUFxQjtJQWxDbEM7UUFtQ1csVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQXdCLENBQUM7UUFFL0Msa0JBQWEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUN2QyxHQUFHLHNCQUFzQjtZQUN6QixHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUU7U0FDaEIsQ0FBQyxDQUFDLENBQUM7UUFFSyxxQkFBZ0IsR0FBRyxRQUFRLENBQUMsR0FBc0IsRUFBRTtZQUMzRCxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLENBQUMsUUFBUSxFQUFFLE1BQU07Z0JBQUUsT0FBTyxDQUFDLENBQUMsUUFBUSxDQUFDO1lBQzFDLE9BQU8sQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDcEMsQ0FBQyxDQUFDLENBQUM7UUFFTSxjQUFTLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNqQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDL0IsT0FBTztnQkFDTCxJQUFJO2dCQUNKLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDaEMsQ0FBQyxDQUFDLElBQUksS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDckMsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFO2FBQ3ZDO2lCQUNFLE1BQU0sQ0FBQyxPQUFPLENBQUM7aUJBQ2YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsQ0FBQyxDQUFDLENBQUM7UUFFTSxjQUFTLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNqQyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsT0FBTyxJQUFJLENBQUMsQ0FBQztZQUMvQyxPQUFPLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNsRCxDQUFDLENBQUMsQ0FBQztLQUNKOytHQTlCWSxxQkFBcUI7bUdBQXJCLHFCQUFxQixnTkE5QnRCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQlQsdW1EQTVCUyxPQUFPOzs0RkErQk4scUJBQXFCO2tCQWxDakMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsT0FBTyxDQUFDLFlBQ1I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJCVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25JY29uIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBhZGRJY29ucyB9IGZyb20gJ2lvbmljb25zJztcbmltcG9ydCB7IE1ldGFkYXRhTGlzdE1ldGFkYXRhLCBNZXRhZGF0YVNlY3Rpb24sIE1FVEFEQVRBX0xJU1RfREVGQVVMVFMgfSBmcm9tICcuL3R5cGVzJztcblxuLyoqXG4gKiB2YWwtbWV0YWRhdGEtbGlzdFxuICpcbiAqIExpc3RhIGRlIHBhcmVzIGNsYXZlLXZhbG9yIGNvbiBpY29ubyBvcGNpb25hbC4gU29wb3J0YTpcbiAqIC0gTW9kbyBwbGFubzogYHsgaXRlbXM6IFsuLi5dIH1gXG4gKiAtIE1vZG8gYWdydXBhZG86IGB7IHNlY3Rpb25zOiBbeyBsYWJlbCwgaXRlbXMgfV0gfWBcbiAqIC0gR3JpZCBtdWx0aWNvbHVtbmE6IGB7IGNvbHVtbnM6IDIgfWBcbiAqIC0gVmFsb3JlcyBjb21vIGNoaXBzOiBgeyAuLi4sIGNoaXBzOiB0cnVlIH1gIGVuIGVsIGl0ZW1cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgaHRtbFxuICogPHZhbC1tZXRhZGF0YS1saXN0IFtwcm9wc109XCJ7XG4gKiAgIGNvbHVtbnM6IDIsXG4gKiAgIHNpemU6ICdzbWFsbCcsXG4gKiAgIHNlY3Rpb25zOiBbXG4gKiAgICAgeyBpdGVtczogW3sgaWNvbjogJ3Bhdy1vdXRsaW5lJywgbGFiZWw6ICdFc3BlY2llJywgdmFsdWU6ICdHYXRvJyB9XSB9LFxuICogICAgIHsgbGFiZWw6ICdQZXJzb25hbGlkYWQnLCBpdGVtczogW3sgbGFiZWw6ICdUZW1wZXJhbWVudG8nLCB2YWx1ZTogJ3RyYW5xdWlsYSwgY2FyacOxb3NhJywgY2hpcHM6IHRydWUgfV0gfVxuICogICBdXG4gKiB9XCIgLz5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtbWV0YWRhdGEtbGlzdCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtJb25JY29uXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGwgW2NsYXNzXT1cImhvc3RDbGFzcygpXCIgW3N0eWxlLmdyaWQtdGVtcGxhdGUtY29sdW1uc109XCJncmlkU3R5bGUoKVwiPlxuICAgICAgQGZvciAoc2VjdGlvbiBvZiByZXNvbHZlZFNlY3Rpb25zKCk7IHRyYWNrICRpbmRleCkge1xuICAgICAgICBAaWYgKHNlY3Rpb24ubGFiZWwpIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibWxfX3NlY3Rpb24tbGFiZWxcIj57eyBzZWN0aW9uLmxhYmVsIH19PC9kaXY+XG4gICAgICAgIH1cbiAgICAgICAgQGZvciAoaXRlbSBvZiBzZWN0aW9uLml0ZW1zOyB0cmFjayBpdGVtLnRva2VuIHx8IGl0ZW0ubGFiZWwpIHtcbiAgICAgICAgICA8ZGl2IFtjbGFzc109XCInbWxfX3JvdycgKyAoaXRlbS5jaGlwcyA/ICcgbWxfX3Jvdy0tY2hpcHMnIDogJycpXCI+XG4gICAgICAgICAgICBAaWYgKGl0ZW0uaWNvbikge1xuICAgICAgICAgICAgICA8aW9uLWljb24gY2xhc3M9XCJtbF9faWNvblwiIFtuYW1lXT1cIml0ZW0uaWNvblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWxfX3RleHRcIj5cbiAgICAgICAgICAgICAgPGR0IGNsYXNzPVwibWxfX2xhYmVsXCI+e3sgaXRlbS5sYWJlbCB9fTwvZHQ+XG4gICAgICAgICAgICAgIEBpZiAoaXRlbS5jaGlwcykge1xuICAgICAgICAgICAgICAgIDxkZCBjbGFzcz1cIm1sX19jaGlwc1wiPlxuICAgICAgICAgICAgICAgICAgQGZvciAoY2hpcCBvZiBpdGVtLnZhbHVlLnNwbGl0KCcsJyk7IHRyYWNrIGNoaXApIHtcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtbF9fY2hpcFwiPnt7IGNoaXAudHJpbSgpIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvZGQ+XG4gICAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgIDxkZCBjbGFzcz1cIm1sX192YWx1ZVwiIFtzdHlsZS5jb2xvcl09XCJpdGVtLmNvbG9yIHx8IG51bGxcIj57eyBpdGVtLnZhbHVlIH19PC9kZD5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICA8L2RsPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9tZXRhZGF0YS1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1ldGFkYXRhTGlzdENvbXBvbmVudCB7XG4gIHJlYWRvbmx5IHByb3BzID0gaW5wdXQucmVxdWlyZWQ8TWV0YWRhdGFMaXN0TWV0YWRhdGE+KCk7XG5cbiAgcmVhZG9ubHkgcmVzb2x2ZWRQcm9wcyA9IGNvbXB1dGVkKCgpID0+ICh7XG4gICAgLi4uTUVUQURBVEFfTElTVF9ERUZBVUxUUyxcbiAgICAuLi50aGlzLnByb3BzKCksXG4gIH0pKTtcblxuICByZWFkb25seSByZXNvbHZlZFNlY3Rpb25zID0gY29tcHV0ZWQoKCk6IE1ldGFkYXRhU2VjdGlvbltdID0+IHtcbiAgICBjb25zdCBwID0gdGhpcy5yZXNvbHZlZFByb3BzKCk7XG4gICAgaWYgKHAuc2VjdGlvbnM/Lmxlbmd0aCkgcmV0dXJuIHAuc2VjdGlvbnM7XG4gICAgcmV0dXJuIFt7IGl0ZW1zOiBwLml0ZW1zID8/IFtdIH1dO1xuICB9KTtcblxuICByZWFkb25seSBob3N0Q2xhc3MgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgcCA9IHRoaXMucmVzb2x2ZWRQcm9wcygpO1xuICAgIHJldHVybiBbXG4gICAgICAnbWwnLFxuICAgICAgcC5kaXZpZGVycyA/ICdtbC0tZGl2aWRlcnMnIDogJycsXG4gICAgICBwLnNpemUgPT09ICdzbWFsbCcgPyAnbWwtLXNtYWxsJyA6ICcnLFxuICAgICAgKHAuY29sdW1ucyA/PyAxKSA+IDEgPyAnbWwtLWdyaWQnIDogJycsXG4gICAgXVxuICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgLmpvaW4oJyAnKTtcbiAgfSk7XG5cbiAgcmVhZG9ubHkgZ3JpZFN0eWxlID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IGNvbHMgPSB0aGlzLnJlc29sdmVkUHJvcHMoKS5jb2x1bW5zID8/IDE7XG4gICAgcmV0dXJuIGNvbHMgPiAxID8gYHJlcGVhdCgke2NvbHN9LCAxZnIpYCA6IG51bGw7XG4gIH0pO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWV0YWRhdGEtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL21ldGFkYXRhLWxpc3QvbWV0YWRhdGEtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVwRCxPQUFPLEVBQXlDLHNCQUFzQixFQUFFLE1BQU0sU0FBUyxDQUFDOztBQUV4Rjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQkc7QUEyQ0gsTUFBTSxPQUFPLHFCQUFxQjtJQTFDbEM7UUEyQ1csVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQXdCLENBQUM7UUFFL0Msa0JBQWEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUN2QyxHQUFHLHNCQUFzQjtZQUN6QixHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUU7U0FDaEIsQ0FBQyxDQUFDLENBQUM7UUFFSyxxQkFBZ0IsR0FBRyxRQUFRLENBQUMsR0FBc0IsRUFBRTtZQUMzRCxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLENBQUMsUUFBUSxFQUFFLE1BQU07Z0JBQUUsT0FBTyxDQUFDLENBQUMsUUFBUSxDQUFDO1lBQzFDLE9BQU8sQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDcEMsQ0FBQyxDQUFDLENBQUM7UUFFTSxjQUFTLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNqQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDL0IsT0FBTztnQkFDTCxJQUFJO2dCQUNKLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDaEMsQ0FBQyxDQUFDLElBQUksS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDckMsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFO2FBQ3ZDO2lCQUNFLE1BQU0sQ0FBQyxPQUFPLENBQUM7aUJBQ2YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsQ0FBQyxDQUFDLENBQUM7UUFFTSxjQUFTLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNqQyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsT0FBTyxJQUFJLENBQUMsQ0FBQztZQUMvQyxPQUFPLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNsRCxDQUFDLENBQUMsQ0FBQztLQUNKOytHQTlCWSxxQkFBcUI7bUdBQXJCLHFCQUFxQixnTkF0Q3RCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1DVCx3NERBcENTLE9BQU87OzRGQXVDTixxQkFBcUI7a0JBMUNqQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxPQUFPLENBQUMsWUFDUjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQ1QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uSWNvbiB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgYWRkSWNvbnMgfSBmcm9tICdpb25pY29ucyc7XG5pbXBvcnQgeyBNZXRhZGF0YUxpc3RNZXRhZGF0YSwgTWV0YWRhdGFTZWN0aW9uLCBNRVRBREFUQV9MSVNUX0RFRkFVTFRTIH0gZnJvbSAnLi90eXBlcyc7XG5cbi8qKlxuICogdmFsLW1ldGFkYXRhLWxpc3RcbiAqXG4gKiBMaXN0YSBkZSBwYXJlcyBjbGF2ZS12YWxvciBjb24gaWNvbm8gb3BjaW9uYWwuIFNvcG9ydGE6XG4gKiAtIE1vZG8gcGxhbm86IGB7IGl0ZW1zOiBbLi4uXSB9YFxuICogLSBNb2RvIGFncnVwYWRvOiBgeyBzZWN0aW9uczogW3sgbGFiZWwsIGl0ZW1zIH1dIH1gXG4gKiAtIEdyaWQgbXVsdGljb2x1bW5hOiBgeyBjb2x1bW5zOiAyIH1gXG4gKiAtIFZhbG9yZXMgY29tbyBjaGlwczogYHsgLi4uLCBjaGlwczogdHJ1ZSB9YCBlbiBlbCBpdGVtXG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYGh0bWxcbiAqIDx2YWwtbWV0YWRhdGEtbGlzdCBbcHJvcHNdPVwie1xuICogICBjb2x1bW5zOiAyLFxuICogICBzaXplOiAnc21hbGwnLFxuICogICBzZWN0aW9uczogW1xuICogICAgIHsgaXRlbXM6IFt7IGljb246ICdwYXctb3V0bGluZScsIGxhYmVsOiAnRXNwZWNpZScsIHZhbHVlOiAnR2F0bycgfV0gfSxcbiAqICAgICB7IGxhYmVsOiAnUGVyc29uYWxpZGFkJywgaXRlbXM6IFt7IGxhYmVsOiAnVGVtcGVyYW1lbnRvJywgdmFsdWU6ICd0cmFucXVpbGEsIGNhcmnDsW9zYScsIGNoaXBzOiB0cnVlIH1dIH1cbiAqICAgXVxuICogfVwiIC8+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLW1ldGFkYXRhLWxpc3QnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbSW9uSWNvbl0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRsIFtjbGFzc109XCJob3N0Q2xhc3MoKVwiIFtzdHlsZS5ncmlkLXRlbXBsYXRlLWNvbHVtbnNdPVwiZ3JpZFN0eWxlKClcIj5cbiAgICAgIEBmb3IgKHNlY3Rpb24gb2YgcmVzb2x2ZWRTZWN0aW9ucygpOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgQGlmIChzZWN0aW9uLmxhYmVsKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm1sX19zZWN0aW9uLWxhYmVsXCI+e3sgc2VjdGlvbi5sYWJlbCB9fTwvZGl2PlxuICAgICAgICB9XG4gICAgICAgIEBmb3IgKGl0ZW0gb2Ygc2VjdGlvbi5pdGVtczsgdHJhY2sgaXRlbS50b2tlbiB8fCBpdGVtLmxhYmVsKSB7XG4gICAgICAgICAgQGlmIChpdGVtLmNoaXBzKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWxfX3JvdyBtbF9fcm93LS1jaGlwc1wiPlxuICAgICAgICAgICAgICBAaWYgKGl0ZW0uaWNvbikge1xuICAgICAgICAgICAgICAgIDxpb24taWNvbiBjbGFzcz1cIm1sX19pY29uXCIgW25hbWVdPVwiaXRlbS5pY29uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWxfX3RleHRcIj5cbiAgICAgICAgICAgICAgICA8ZHQgY2xhc3M9XCJtbF9fbGFiZWxcIj57eyBpdGVtLmxhYmVsIH19PC9kdD5cbiAgICAgICAgICAgICAgICA8ZGQgY2xhc3M9XCJtbF9fY2hpcHNcIj5cbiAgICAgICAgICAgICAgICAgIEBmb3IgKGNoaXAgb2YgaXRlbS52YWx1ZS5zcGxpdCgnLCcpOyB0cmFjayBjaGlwKSB7XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWxfX2NoaXBcIj57eyBjaGlwLnRyaW0oKSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8L2RkPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgQGlmIChpdGVtLmljb24pIHtcbiAgICAgICAgICAgICAgPGlvbi1pY29uIGNsYXNzPVwibWxfX2ljb25cIiBbbmFtZV09XCJpdGVtLmljb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIiAvPlxuICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtbF9faWNvbi0tcGxhY2Vob2xkZXJcIj48L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtbF9fY2VsbFwiPlxuICAgICAgICAgICAgICA8ZHQgY2xhc3M9XCJtbF9fbGFiZWxcIj57eyBpdGVtLmxhYmVsIH19PC9kdD5cbiAgICAgICAgICAgICAgPGRkIGNsYXNzPVwibWxfX3ZhbHVlXCIgW3N0eWxlLmNvbG9yXT1cIml0ZW0uY29sb3IgfHwgbnVsbFwiPnt7IGl0ZW0udmFsdWUgfX08L2RkPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgPC9kbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbWV0YWRhdGEtbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNZXRhZGF0YUxpc3RDb21wb25lbnQge1xuICByZWFkb25seSBwcm9wcyA9IGlucHV0LnJlcXVpcmVkPE1ldGFkYXRhTGlzdE1ldGFkYXRhPigpO1xuXG4gIHJlYWRvbmx5IHJlc29sdmVkUHJvcHMgPSBjb21wdXRlZCgoKSA9PiAoe1xuICAgIC4uLk1FVEFEQVRBX0xJU1RfREVGQVVMVFMsXG4gICAgLi4udGhpcy5wcm9wcygpLFxuICB9KSk7XG5cbiAgcmVhZG9ubHkgcmVzb2x2ZWRTZWN0aW9ucyA9IGNvbXB1dGVkKCgpOiBNZXRhZGF0YVNlY3Rpb25bXSA9PiB7XG4gICAgY29uc3QgcCA9IHRoaXMucmVzb2x2ZWRQcm9wcygpO1xuICAgIGlmIChwLnNlY3Rpb25zPy5sZW5ndGgpIHJldHVybiBwLnNlY3Rpb25zO1xuICAgIHJldHVybiBbeyBpdGVtczogcC5pdGVtcyA/PyBbXSB9XTtcbiAgfSk7XG5cbiAgcmVhZG9ubHkgaG9zdENsYXNzID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IHAgPSB0aGlzLnJlc29sdmVkUHJvcHMoKTtcbiAgICByZXR1cm4gW1xuICAgICAgJ21sJyxcbiAgICAgIHAuZGl2aWRlcnMgPyAnbWwtLWRpdmlkZXJzJyA6ICcnLFxuICAgICAgcC5zaXplID09PSAnc21hbGwnID8gJ21sLS1zbWFsbCcgOiAnJyxcbiAgICAgIChwLmNvbHVtbnMgPz8gMSkgPiAxID8gJ21sLS1ncmlkJyA6ICcnLFxuICAgIF1cbiAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgIC5qb2luKCcgJyk7XG4gIH0pO1xuXG4gIHJlYWRvbmx5IGdyaWRTdHlsZSA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBjb2xzID0gdGhpcy5yZXNvbHZlZFByb3BzKCkuY29sdW1ucyA/PyAxO1xuICAgIHJldHVybiBjb2xzID4gMSA/IGByZXBlYXQoJHtjb2xzfSwgMWZyKWAgOiBudWxsO1xuICB9KTtcbn1cbiJdfQ==

package/esm2022/lib/version.mjs

@@ -2,5 +2,5 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export const VERSION = '4.0.950';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuMC45NTAnO1xuIl19
+export const VERSION = '4.0.951';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuMC45NTEnO1xuIl19

package/fesm2022/valtech-components.mjs

@@ -67,7 +67,7 @@ import fixWebmDuration from 'fix-webm-duration';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.950';
+const VERSION = '4.0.951';
 
 function evaluateValtechAccess(rule, context, features = {}, visitedFeatures = new Set()) {
     if (rule == null)
@@ -33149,27 +33149,35 @@ class MetadataListComponent {
           <div class="ml__section-label">{{ section.label }}</div>
         }
         @for (item of section.items; track item.token || item.label) {
-          <div [class]="'ml__row' + (item.chips ? ' ml__row--chips' : '')">
-            @if (item.icon) {
-              <ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
-            }
-            <div class="ml__text">
-              <dt class="ml__label">{{ item.label }}</dt>
-              @if (item.chips) {
+          @if (item.chips) {
+            <div class="ml__row ml__row--chips">
+              @if (item.icon) {
+                <ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
+              }
+              <div class="ml__text">
+                <dt class="ml__label">{{ item.label }}</dt>
                 <dd class="ml__chips">
                   @for (chip of item.value.split(','); track chip) {
                     <span class="ml__chip">{{ chip.trim() }}</span>
                   }
                 </dd>
-              } @else {
-                <dd class="ml__value" [style.color]="item.color || null">{{ item.value }}</dd>
-              }
+              </div>
             </div>
-          </div>
+          } @else {
+            @if (item.icon) {
+              <ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
+            } @else {
+              <div class="ml__icon--placeholder"></div>
+            }
+            <div class="ml__cell">
+              <dt class="ml__label">{{ item.label }}</dt>
+              <dd class="ml__value" [style.color]="item.color || null">{{ item.value }}</dd>
+            </div>
+          }
         }
       }
     </dl>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml--grid{display:grid}.ml__section-label{grid-column:1/-1;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ion-color-medium, #92949c);padding-top:20px;padding-bottom:4px}.ml__section-label:first-child{padding-top:0}.ml--small .ml__section-label{font-size:.625rem;padding-top:16px}.ml__row--chips{grid-column:1/-1}.ml__row{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.ml--small .ml__row{padding:5px 0}.ml__icon{flex-shrink:0;font-size:1.125rem;color:var(--ion-color-medium, #92949c);line-height:1;margin-top:1px}.ml--small .ml__icon{font-size:1rem}.ml__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ml__label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium, #92949c);line-height:1.3}.ml--small .ml__label{font-size:.625rem}.ml__value{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #000);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml--small .ml__value{font-size:.8125rem}.ml__chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.ml__chip{display:inline-block;font-size:.75rem;font-weight:500;line-height:1;padding:3px 8px;border-radius:100px;background:var(--ion-color-light, rgba(0, 0, 0, .06));color:var(--ion-text-color, #000)}.ml--small .ml__chip{font-size:.6875rem;padding:2px 7px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+  `, isInline: true, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml--grid{display:grid}.ml__section-label{grid-column:1/-1;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ion-color-medium, #92949c);padding-top:20px;padding-bottom:4px}.ml__section-label:first-child{padding-top:0}.ml--small .ml__section-label{font-size:.625rem;padding-top:16px}.ml__row--chips{grid-column:1/-1}.ml__row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;grid-column:1/-1}.ml--small .ml__row{padding:5px 0}.ml__icon{flex-shrink:0;font-size:1.125rem;color:var(--ion-color-medium, #92949c);line-height:1;margin-top:1px;padding:5px 0}.ml--grid .ml__icon{padding:5px 0}.ml--small .ml__icon{font-size:1rem}.ml__icon--placeholder{width:1.125rem;height:1.125rem}.ml--small .ml__icon--placeholder{width:1rem;height:1rem}.ml__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ml__cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:5px 0}.ml--grid .ml__cell{padding:5px 0}.ml__label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium, #92949c);line-height:1.3}.ml--small .ml__label{font-size:.625rem}.ml__value{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #000);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml--small .ml__value{font-size:.8125rem}.ml__chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.ml__chip{display:inline-block;font-size:.75rem;font-weight:500;line-height:1;padding:3px 8px;border-radius:100px;background:var(--ion-color-light, rgba(0, 0, 0, .06));color:var(--ion-text-color, #000)}.ml--small .ml__chip{font-size:.6875rem;padding:2px 7px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MetadataListComponent, decorators: [{
             type: Component,
@@ -33180,27 +33188,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           <div class="ml__section-label">{{ section.label }}</div>
         }
         @for (item of section.items; track item.token || item.label) {
-          <div [class]="'ml__row' + (item.chips ? ' ml__row--chips' : '')">
-            @if (item.icon) {
-              <ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
-            }
-            <div class="ml__text">
-              <dt class="ml__label">{{ item.label }}</dt>
-              @if (item.chips) {
+          @if (item.chips) {
+            <div class="ml__row ml__row--chips">
+              @if (item.icon) {
+                <ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
+              }
+              <div class="ml__text">
+                <dt class="ml__label">{{ item.label }}</dt>
                 <dd class="ml__chips">
                   @for (chip of item.value.split(','); track chip) {
                     <span class="ml__chip">{{ chip.trim() }}</span>
                   }
                 </dd>
-              } @else {
-                <dd class="ml__value" [style.color]="item.color || null">{{ item.value }}</dd>
-              }
+              </div>
             </div>
-          </div>
+          } @else {
+            @if (item.icon) {
+              <ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
+            } @else {
+              <div class="ml__icon--placeholder"></div>
+            }
+            <div class="ml__cell">
+              <dt class="ml__label">{{ item.label }}</dt>
+              <dd class="ml__value" [style.color]="item.color || null">{{ item.value }}</dd>
+            </div>
+          }
         }
       }
     </dl>
-  `, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml--grid{display:grid}.ml__section-label{grid-column:1/-1;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ion-color-medium, #92949c);padding-top:20px;padding-bottom:4px}.ml__section-label:first-child{padding-top:0}.ml--small .ml__section-label{font-size:.625rem;padding-top:16px}.ml__row--chips{grid-column:1/-1}.ml__row{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.ml--small .ml__row{padding:5px 0}.ml__icon{flex-shrink:0;font-size:1.125rem;color:var(--ion-color-medium, #92949c);line-height:1;margin-top:1px}.ml--small .ml__icon{font-size:1rem}.ml__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ml__label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium, #92949c);line-height:1.3}.ml--small .ml__label{font-size:.625rem}.ml__value{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #000);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml--small .ml__value{font-size:.8125rem}.ml__chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.ml__chip{display:inline-block;font-size:.75rem;font-weight:500;line-height:1;padding:3px 8px;border-radius:100px;background:var(--ion-color-light, rgba(0, 0, 0, .06));color:var(--ion-text-color, #000)}.ml--small .ml__chip{font-size:.6875rem;padding:2px 7px}\n"] }]
+  `, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml--grid{display:grid}.ml__section-label{grid-column:1/-1;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ion-color-medium, #92949c);padding-top:20px;padding-bottom:4px}.ml__section-label:first-child{padding-top:0}.ml--small .ml__section-label{font-size:.625rem;padding-top:16px}.ml__row--chips{grid-column:1/-1}.ml__row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;grid-column:1/-1}.ml--small .ml__row{padding:5px 0}.ml__icon{flex-shrink:0;font-size:1.125rem;color:var(--ion-color-medium, #92949c);line-height:1;margin-top:1px;padding:5px 0}.ml--grid .ml__icon{padding:5px 0}.ml--small .ml__icon{font-size:1rem}.ml__icon--placeholder{width:1.125rem;height:1.125rem}.ml--small .ml__icon--placeholder{width:1rem;height:1rem}.ml__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ml__cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:5px 0}.ml--grid .ml__cell{padding:5px 0}.ml__label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium, #92949c);line-height:1.3}.ml--small .ml__label{font-size:.625rem}.ml__value{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #000);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml--small .ml__value{font-size:.8125rem}.ml__chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.ml__chip{display:inline-block;font-size:.75rem;font-weight:500;line-height:1;padding:3px 8px;border-radius:100px;background:var(--ion-color-light, rgba(0, 0, 0, .06));color:var(--ion-text-color, #000)}.ml--small .ml__chip{font-size:.6875rem;padding:2px 7px}\n"] }]
         }] });
 
 /**