jupiter-dynamic-forms 1.15.8 → 1.15.9
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/dist/core/form-field.d.ts.map +1 -1
- package/dist/index.js +13 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -3243,7 +3243,8 @@ let JupiterFormField = class extends LitElement {
|
|
|
3243
3243
|
displayValue = effectiveValue !== null && effectiveValue !== void 0 ? String(effectiveValue) : "";
|
|
3244
3244
|
}
|
|
3245
3245
|
const isEmpty = displayValue === "" || displayValue === null || displayValue === void 0;
|
|
3246
|
-
|
|
3246
|
+
const isMonetary = this._isMonetaryType();
|
|
3247
|
+
return html`<span class="readonly-value ${isEmpty ? "empty" : ""} ${isMonetary ? "monetary" : ""}">${isEmpty ? "—" : displayValue}</span>`;
|
|
3247
3248
|
}
|
|
3248
3249
|
_renderInput(effectiveValue = this.value, effectiveDisabled = this.disabled) {
|
|
3249
3250
|
if (this.mode === "readonly") {
|
|
@@ -3840,6 +3841,7 @@ JupiterFormField.styles = css`
|
|
|
3840
3841
|
line-height: 1.4;
|
|
3841
3842
|
word-break: break-word;
|
|
3842
3843
|
min-height: 1.4em;
|
|
3844
|
+
text-align: left;
|
|
3843
3845
|
}
|
|
3844
3846
|
|
|
3845
3847
|
.readonly-value.empty {
|
|
@@ -3847,6 +3849,11 @@ JupiterFormField.styles = css`
|
|
|
3847
3849
|
font-style: italic;
|
|
3848
3850
|
}
|
|
3849
3851
|
|
|
3852
|
+
.readonly-value.monetary {
|
|
3853
|
+
text-align: right;
|
|
3854
|
+
width: 100%;
|
|
3855
|
+
}
|
|
3856
|
+
|
|
3850
3857
|
.checkbox-container {
|
|
3851
3858
|
display: flex;
|
|
3852
3859
|
align-items: center;
|