valtech-components 4.0.952 → 4.0.954
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/molecules/metadata-list/metadata-list.component.mjs +27 -33
- package/esm2022/lib/version.mjs +2 -2
- package/fesm2022/valtech-components.mjs +27 -33
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/molecules/metadata-list/metadata-list.component.d.ts +1 -1
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -38,23 +38,13 @@ export class MetadataListComponent {
|
|
|
38
38
|
});
|
|
39
39
|
this.hostClass = computed(() => {
|
|
40
40
|
const p = this.resolvedProps();
|
|
41
|
-
return [
|
|
42
|
-
'ml',
|
|
43
|
-
p.dividers ? 'ml--dividers' : '',
|
|
44
|
-
p.size === 'small' ? 'ml--small' : '',
|
|
45
|
-
(p.columns ?? 1) > 1 ? 'ml--grid' : '',
|
|
46
|
-
]
|
|
47
|
-
.filter(Boolean)
|
|
48
|
-
.join(' ');
|
|
49
|
-
});
|
|
50
|
-
this.gridStyle = computed(() => {
|
|
51
|
-
const cols = this.resolvedProps().columns ?? 1;
|
|
52
|
-
return cols > 1 ? `repeat(${cols}, 1fr)` : null;
|
|
41
|
+
return ['ml', p.dividers ? 'ml--dividers' : '', p.size === 'small' ? 'ml--small' : ''].filter(Boolean).join(' ');
|
|
53
42
|
});
|
|
43
|
+
this.gridStyle = computed(() => null);
|
|
54
44
|
}
|
|
55
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MetadataListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
56
46
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MetadataListComponent, isStandalone: true, selector: "val-metadata-list", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
57
|
-
<dl [class]="hostClass()"
|
|
47
|
+
<dl [class]="hostClass()">
|
|
58
48
|
@for (section of resolvedSections(); track $index) {
|
|
59
49
|
@if (section.label) {
|
|
60
50
|
<div class="ml__section-label">{{ section.label }}</div>
|
|
@@ -75,25 +65,27 @@ export class MetadataListComponent {
|
|
|
75
65
|
</div>
|
|
76
66
|
</div>
|
|
77
67
|
} @else {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
<
|
|
85
|
-
|
|
68
|
+
<div class="ml__item">
|
|
69
|
+
@if (item.icon) {
|
|
70
|
+
<ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
|
|
71
|
+
} @else {
|
|
72
|
+
<div class="ml__icon--placeholder"></div>
|
|
73
|
+
}
|
|
74
|
+
<div class="ml__cell">
|
|
75
|
+
<dt class="ml__label">{{ item.label }}</dt>
|
|
76
|
+
<dd class="ml__value" [style.color]="item.color || null">{{ item.value }}</dd>
|
|
77
|
+
</div>
|
|
86
78
|
</div>
|
|
87
79
|
}
|
|
88
80
|
}
|
|
89
81
|
}
|
|
90
82
|
</dl>
|
|
91
|
-
`, 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))}.
|
|
83
|
+
`, isInline: true, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__item:not(:last-child),.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml__section-label{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{display:flex;align-items:flex-start;gap:10px;padding:8px 0;grid-column:1/-1}.ml--small .ml__row{padding:5px 0}.ml__item{display:flex;align-items:flex-start;gap:10px;padding:12px 0;width:100%}.ml--small .ml__item{padding:8px 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"] }] }); }
|
|
92
84
|
}
|
|
93
85
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MetadataListComponent, decorators: [{
|
|
94
86
|
type: Component,
|
|
95
87
|
args: [{ selector: 'val-metadata-list', standalone: true, imports: [IonIcon], template: `
|
|
96
|
-
<dl [class]="hostClass()"
|
|
88
|
+
<dl [class]="hostClass()">
|
|
97
89
|
@for (section of resolvedSections(); track $index) {
|
|
98
90
|
@if (section.label) {
|
|
99
91
|
<div class="ml__section-label">{{ section.label }}</div>
|
|
@@ -114,19 +106,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
114
106
|
</div>
|
|
115
107
|
</div>
|
|
116
108
|
} @else {
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
<
|
|
124
|
-
|
|
109
|
+
<div class="ml__item">
|
|
110
|
+
@if (item.icon) {
|
|
111
|
+
<ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
|
|
112
|
+
} @else {
|
|
113
|
+
<div class="ml__icon--placeholder"></div>
|
|
114
|
+
}
|
|
115
|
+
<div class="ml__cell">
|
|
116
|
+
<dt class="ml__label">{{ item.label }}</dt>
|
|
117
|
+
<dd class="ml__value" [style.color]="item.color || null">{{ item.value }}</dd>
|
|
118
|
+
</div>
|
|
125
119
|
</div>
|
|
126
120
|
}
|
|
127
121
|
}
|
|
128
122
|
}
|
|
129
123
|
</dl>
|
|
130
|
-
`, 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))}.
|
|
124
|
+
`, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__item:not(:last-child),.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml__section-label{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{display:flex;align-items:flex-start;gap:10px;padding:8px 0;grid-column:1/-1}.ml--small .ml__row{padding:5px 0}.ml__item{display:flex;align-items:flex-start;gap:10px;padding:12px 0;width:100%}.ml--small .ml__item{padding:8px 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"] }]
|
|
131
125
|
}] });
|
|
132
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
126
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWV0YWRhdGEtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL21ldGFkYXRhLWxpc3QvbWV0YWRhdGEtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVwRCxPQUFPLEVBQXlDLHNCQUFzQixFQUFFLE1BQU0sU0FBUyxDQUFDOztBQUV4Rjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQkc7QUE2Q0gsTUFBTSxPQUFPLHFCQUFxQjtJQTVDbEM7UUE2Q1csVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQXdCLENBQUM7UUFFL0Msa0JBQWEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUN2QyxHQUFHLHNCQUFzQjtZQUN6QixHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUU7U0FDaEIsQ0FBQyxDQUFDLENBQUM7UUFFSyxxQkFBZ0IsR0FBRyxRQUFRLENBQUMsR0FBc0IsRUFBRTtZQUMzRCxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLENBQUMsUUFBUSxFQUFFLE1BQU07Z0JBQUUsT0FBTyxDQUFDLENBQUMsUUFBUSxDQUFDO1lBQzFDLE9BQU8sQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDcEMsQ0FBQyxDQUFDLENBQUM7UUFFTSxjQUFTLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNqQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDL0IsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ25ILENBQUMsQ0FBQyxDQUFDO1FBRU0sY0FBUyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQztLQUMzQzsrR0FwQlkscUJBQXFCO21HQUFyQixxQkFBcUIsZ05BeEN0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFDVCw0OURBdENTLE9BQU87OzRGQXlDTixxQkFBcUI7a0JBNUNqQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxPQUFPLENBQUMsWUFDUjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFDVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25JY29uIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBhZGRJY29ucyB9IGZyb20gJ2lvbmljb25zJztcbmltcG9ydCB7IE1ldGFkYXRhTGlzdE1ldGFkYXRhLCBNZXRhZGF0YVNlY3Rpb24sIE1FVEFEQVRBX0xJU1RfREVGQVVMVFMgfSBmcm9tICcuL3R5cGVzJztcblxuLyoqXG4gKiB2YWwtbWV0YWRhdGEtbGlzdFxuICpcbiAqIExpc3RhIGRlIHBhcmVzIGNsYXZlLXZhbG9yIGNvbiBpY29ubyBvcGNpb25hbC4gU29wb3J0YTpcbiAqIC0gTW9kbyBwbGFubzogYHsgaXRlbXM6IFsuLi5dIH1gXG4gKiAtIE1vZG8gYWdydXBhZG86IGB7IHNlY3Rpb25zOiBbeyBsYWJlbCwgaXRlbXMgfV0gfWBcbiAqIC0gR3JpZCBtdWx0aWNvbHVtbmE6IGB7IGNvbHVtbnM6IDIgfWBcbiAqIC0gVmFsb3JlcyBjb21vIGNoaXBzOiBgeyAuLi4sIGNoaXBzOiB0cnVlIH1gIGVuIGVsIGl0ZW1cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgaHRtbFxuICogPHZhbC1tZXRhZGF0YS1saXN0IFtwcm9wc109XCJ7XG4gKiAgIGNvbHVtbnM6IDIsXG4gKiAgIHNpemU6ICdzbWFsbCcsXG4gKiAgIHNlY3Rpb25zOiBbXG4gKiAgICAgeyBpdGVtczogW3sgaWNvbjogJ3Bhdy1vdXRsaW5lJywgbGFiZWw6ICdFc3BlY2llJywgdmFsdWU6ICdHYXRvJyB9XSB9LFxuICogICAgIHsgbGFiZWw6ICdQZXJzb25hbGlkYWQnLCBpdGVtczogW3sgbGFiZWw6ICdUZW1wZXJhbWVudG8nLCB2YWx1ZTogJ3RyYW5xdWlsYSwgY2FyacOxb3NhJywgY2hpcHM6IHRydWUgfV0gfVxuICogICBdXG4gKiB9XCIgLz5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtbWV0YWRhdGEtbGlzdCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtJb25JY29uXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGwgW2NsYXNzXT1cImhvc3RDbGFzcygpXCI+XG4gICAgICBAZm9yIChzZWN0aW9uIG9mIHJlc29sdmVkU2VjdGlvbnMoKTsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgIEBpZiAoc2VjdGlvbi5sYWJlbCkge1xuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtbF9fc2VjdGlvbi1sYWJlbFwiPnt7IHNlY3Rpb24ubGFiZWwgfX08L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICBAZm9yIChpdGVtIG9mIHNlY3Rpb24uaXRlbXM7IHRyYWNrIGl0ZW0udG9rZW4gfHwgaXRlbS5sYWJlbCkge1xuICAgICAgICAgIEBpZiAoaXRlbS5jaGlwcykge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1sX19yb3cgbWxfX3Jvdy0tY2hpcHNcIj5cbiAgICAgICAgICAgICAgQGlmIChpdGVtLmljb24pIHtcbiAgICAgICAgICAgICAgICA8aW9uLWljb24gY2xhc3M9XCJtbF9faWNvblwiIFtuYW1lXT1cIml0ZW0uaWNvblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1sX190ZXh0XCI+XG4gICAgICAgICAgICAgICAgPGR0IGNsYXNzPVwibWxfX2xhYmVsXCI+e3sgaXRlbS5sYWJlbCB9fTwvZHQ+XG4gICAgICAgICAgICAgICAgPGRkIGNsYXNzPVwibWxfX2NoaXBzXCI+XG4gICAgICAgICAgICAgICAgICBAZm9yIChjaGlwIG9mIGl0ZW0udmFsdWUuc3BsaXQoJywnKTsgdHJhY2sgY2hpcCkge1xuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1sX19jaGlwXCI+e3sgY2hpcC50cmltKCkgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgPC9kZD5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtbF9faXRlbVwiPlxuICAgICAgICAgICAgICBAaWYgKGl0ZW0uaWNvbikge1xuICAgICAgICAgICAgICAgIDxpb24taWNvbiBjbGFzcz1cIm1sX19pY29uXCIgW25hbWVdPVwiaXRlbS5pY29uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz5cbiAgICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1sX19pY29uLS1wbGFjZWhvbGRlclwiPjwvZGl2PlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtbF9fY2VsbFwiPlxuICAgICAgICAgICAgICAgIDxkdCBjbGFzcz1cIm1sX19sYWJlbFwiPnt7IGl0ZW0ubGFiZWwgfX08L2R0PlxuICAgICAgICAgICAgICAgIDxkZCBjbGFzcz1cIm1sX192YWx1ZVwiIFtzdHlsZS5jb2xvcl09XCJpdGVtLmNvbG9yIHx8IG51bGxcIj57eyBpdGVtLnZhbHVlIH19PC9kZD5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICA8L2RsPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9tZXRhZGF0YS1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1ldGFkYXRhTGlzdENvbXBvbmVudCB7XG4gIHJlYWRvbmx5IHByb3BzID0gaW5wdXQucmVxdWlyZWQ8TWV0YWRhdGFMaXN0TWV0YWRhdGE+KCk7XG5cbiAgcmVhZG9ubHkgcmVzb2x2ZWRQcm9wcyA9IGNvbXB1dGVkKCgpID0+ICh7XG4gICAgLi4uTUVUQURBVEFfTElTVF9ERUZBVUxUUyxcbiAgICAuLi50aGlzLnByb3BzKCksXG4gIH0pKTtcblxuICByZWFkb25seSByZXNvbHZlZFNlY3Rpb25zID0gY29tcHV0ZWQoKCk6IE1ldGFkYXRhU2VjdGlvbltdID0+IHtcbiAgICBjb25zdCBwID0gdGhpcy5yZXNvbHZlZFByb3BzKCk7XG4gICAgaWYgKHAuc2VjdGlvbnM/Lmxlbmd0aCkgcmV0dXJuIHAuc2VjdGlvbnM7XG4gICAgcmV0dXJuIFt7IGl0ZW1zOiBwLml0ZW1zID8/IFtdIH1dO1xuICB9KTtcblxuICByZWFkb25seSBob3N0Q2xhc3MgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgcCA9IHRoaXMucmVzb2x2ZWRQcm9wcygpO1xuICAgIHJldHVybiBbJ21sJywgcC5kaXZpZGVycyA/ICdtbC0tZGl2aWRlcnMnIDogJycsIHAuc2l6ZSA9PT0gJ3NtYWxsJyA/ICdtbC0tc21hbGwnIDogJyddLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyk7XG4gIH0pO1xuXG4gIHJlYWRvbmx5IGdyaWRTdHlsZSA9IGNvbXB1dGVkKCgpID0+IG51bGwpO1xufVxuIl19
|
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.954';
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuMC45NTQnO1xuIl19
|
|
@@ -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.954';
|
|
71
71
|
|
|
72
72
|
function evaluateValtechAccess(rule, context, features = {}, visitedFeatures = new Set()) {
|
|
73
73
|
if (rule == null)
|
|
@@ -33127,23 +33127,13 @@ class MetadataListComponent {
|
|
|
33127
33127
|
});
|
|
33128
33128
|
this.hostClass = computed(() => {
|
|
33129
33129
|
const p = this.resolvedProps();
|
|
33130
|
-
return [
|
|
33131
|
-
'ml',
|
|
33132
|
-
p.dividers ? 'ml--dividers' : '',
|
|
33133
|
-
p.size === 'small' ? 'ml--small' : '',
|
|
33134
|
-
(p.columns ?? 1) > 1 ? 'ml--grid' : '',
|
|
33135
|
-
]
|
|
33136
|
-
.filter(Boolean)
|
|
33137
|
-
.join(' ');
|
|
33138
|
-
});
|
|
33139
|
-
this.gridStyle = computed(() => {
|
|
33140
|
-
const cols = this.resolvedProps().columns ?? 1;
|
|
33141
|
-
return cols > 1 ? `repeat(${cols}, 1fr)` : null;
|
|
33130
|
+
return ['ml', p.dividers ? 'ml--dividers' : '', p.size === 'small' ? 'ml--small' : ''].filter(Boolean).join(' ');
|
|
33142
33131
|
});
|
|
33132
|
+
this.gridStyle = computed(() => null);
|
|
33143
33133
|
}
|
|
33144
33134
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MetadataListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33145
33135
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MetadataListComponent, isStandalone: true, selector: "val-metadata-list", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
33146
|
-
<dl [class]="hostClass()"
|
|
33136
|
+
<dl [class]="hostClass()">
|
|
33147
33137
|
@for (section of resolvedSections(); track $index) {
|
|
33148
33138
|
@if (section.label) {
|
|
33149
33139
|
<div class="ml__section-label">{{ section.label }}</div>
|
|
@@ -33164,25 +33154,27 @@ class MetadataListComponent {
|
|
|
33164
33154
|
</div>
|
|
33165
33155
|
</div>
|
|
33166
33156
|
} @else {
|
|
33167
|
-
|
|
33168
|
-
|
|
33169
|
-
|
|
33170
|
-
|
|
33171
|
-
|
|
33172
|
-
|
|
33173
|
-
<
|
|
33174
|
-
|
|
33157
|
+
<div class="ml__item">
|
|
33158
|
+
@if (item.icon) {
|
|
33159
|
+
<ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
|
|
33160
|
+
} @else {
|
|
33161
|
+
<div class="ml__icon--placeholder"></div>
|
|
33162
|
+
}
|
|
33163
|
+
<div class="ml__cell">
|
|
33164
|
+
<dt class="ml__label">{{ item.label }}</dt>
|
|
33165
|
+
<dd class="ml__value" [style.color]="item.color || null">{{ item.value }}</dd>
|
|
33166
|
+
</div>
|
|
33175
33167
|
</div>
|
|
33176
33168
|
}
|
|
33177
33169
|
}
|
|
33178
33170
|
}
|
|
33179
33171
|
</dl>
|
|
33180
|
-
`, 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))}.
|
|
33172
|
+
`, isInline: true, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__item:not(:last-child),.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml__section-label{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{display:flex;align-items:flex-start;gap:10px;padding:8px 0;grid-column:1/-1}.ml--small .ml__row{padding:5px 0}.ml__item{display:flex;align-items:flex-start;gap:10px;padding:12px 0;width:100%}.ml--small .ml__item{padding:8px 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"] }] }); }
|
|
33181
33173
|
}
|
|
33182
33174
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MetadataListComponent, decorators: [{
|
|
33183
33175
|
type: Component,
|
|
33184
33176
|
args: [{ selector: 'val-metadata-list', standalone: true, imports: [IonIcon], template: `
|
|
33185
|
-
<dl [class]="hostClass()"
|
|
33177
|
+
<dl [class]="hostClass()">
|
|
33186
33178
|
@for (section of resolvedSections(); track $index) {
|
|
33187
33179
|
@if (section.label) {
|
|
33188
33180
|
<div class="ml__section-label">{{ section.label }}</div>
|
|
@@ -33203,20 +33195,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
33203
33195
|
</div>
|
|
33204
33196
|
</div>
|
|
33205
33197
|
} @else {
|
|
33206
|
-
|
|
33207
|
-
|
|
33208
|
-
|
|
33209
|
-
|
|
33210
|
-
|
|
33211
|
-
|
|
33212
|
-
<
|
|
33213
|
-
|
|
33198
|
+
<div class="ml__item">
|
|
33199
|
+
@if (item.icon) {
|
|
33200
|
+
<ion-icon class="ml__icon" [name]="item.icon" aria-hidden="true" />
|
|
33201
|
+
} @else {
|
|
33202
|
+
<div class="ml__icon--placeholder"></div>
|
|
33203
|
+
}
|
|
33204
|
+
<div class="ml__cell">
|
|
33205
|
+
<dt class="ml__label">{{ item.label }}</dt>
|
|
33206
|
+
<dd class="ml__value" [style.color]="item.color || null">{{ item.value }}</dd>
|
|
33207
|
+
</div>
|
|
33214
33208
|
</div>
|
|
33215
33209
|
}
|
|
33216
33210
|
}
|
|
33217
33211
|
}
|
|
33218
33212
|
</dl>
|
|
33219
|
-
`, 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))}.
|
|
33213
|
+
`, styles: ["@charset \"UTF-8\";:host{display:block}.ml{display:flex;flex-direction:column}.ml--dividers .ml__item:not(:last-child),.ml--dividers .ml__row:not(:last-child){border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.ml__section-label{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{display:flex;align-items:flex-start;gap:10px;padding:8px 0;grid-column:1/-1}.ml--small .ml__row{padding:5px 0}.ml__item{display:flex;align-items:flex-start;gap:10px;padding:12px 0;width:100%}.ml--small .ml__item{padding:8px 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"] }]
|
|
33220
33214
|
}] });
|
|
33221
33215
|
|
|
33222
33216
|
/**
|