@eturnity/eturnity_reusable_components 1.1.26 → 1.1.29
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/package.json
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<container>
|
|
3
|
-
<input-wrapper
|
|
3
|
+
<input-wrapper
|
|
4
|
+
:alignItems="alignItems"
|
|
5
|
+
:hasLabel="!!label && label.length > 0"
|
|
6
|
+
>
|
|
4
7
|
<label-wrapper v-if="label">
|
|
5
8
|
<input-label>{{ label }}</input-label>
|
|
6
9
|
<info-text
|
|
@@ -85,14 +88,14 @@ const InputContainer = styled("input", inputProps)`
|
|
|
85
88
|
}
|
|
86
89
|
`
|
|
87
90
|
|
|
88
|
-
const inputAttrs = { alignItems: String }
|
|
91
|
+
const inputAttrs = { alignItems: String, hasLabel: Boolean }
|
|
89
92
|
const InputWrapper = styled("div", inputAttrs)`
|
|
90
93
|
position: relative;
|
|
91
94
|
display: grid;
|
|
92
95
|
align-items: center;
|
|
93
96
|
gap: 14px;
|
|
94
97
|
grid-template-columns: ${(props) =>
|
|
95
|
-
props.alignItems === "vertical" ? "1fr" : "auto 1fr"};
|
|
98
|
+
props.alignItems === "vertical" || !props.hasLabel ? "1fr" : "auto 1fr"};
|
|
96
99
|
`
|
|
97
100
|
|
|
98
101
|
const ErrorMessage = styled.div`
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
ref="dropdownItem"
|
|
7
7
|
:disabled="disabled"
|
|
8
8
|
>
|
|
9
|
-
<component-container :colSpan="colSpan" class="table-dropdown">
|
|
9
|
+
<component-container :colSpan="colSpan - 1" class="table-dropdown">
|
|
10
10
|
<component-item v-for="(item, index) in tableItems" :key="index">
|
|
11
11
|
<template-button
|
|
12
12
|
@click.stop="onTemplateClick(item.row)"
|
|
@@ -161,7 +161,7 @@ const ComponentItem = styled.div`
|
|
|
161
161
|
const containerAttrs = { colSpan: Number }
|
|
162
162
|
const ComponentContainer = styled("div", containerAttrs)`
|
|
163
163
|
display: grid;
|
|
164
|
-
grid-template-columns: repeat(${(props) => props.colSpan},
|
|
164
|
+
grid-template-columns: 1fr repeat(${(props) => props.colSpan}, auto) auto;
|
|
165
165
|
grid-gap: 12px;
|
|
166
166
|
align-items: center;
|
|
167
167
|
background-color: ${(props) => props.theme.colors.white};
|
|
@@ -217,7 +217,7 @@ const OptionsWrapper = styled.div`
|
|
|
217
217
|
|
|
218
218
|
const OptionsItem = styled("div", containerAttrs)`
|
|
219
219
|
display: grid;
|
|
220
|
-
grid-template-columns: repeat(${(props) => props.colSpan},
|
|
220
|
+
grid-template-columns: 1fr repeat(${(props) => props.colSpan}, auto);
|
|
221
221
|
grid-gap: 12px;
|
|
222
222
|
padding: 10px;
|
|
223
223
|
height: max-content;
|
|
@@ -7,7 +7,8 @@ export const stringToNumber = ({ value, numberPrecision }) => {
|
|
|
7
7
|
selectedLang === "de-DE" ||
|
|
8
8
|
selectedLang === "it-CH" ||
|
|
9
9
|
selectedLang === "no-no" ||
|
|
10
|
-
selectedLang === "da-dk"
|
|
10
|
+
selectedLang === "da-dk" ||
|
|
11
|
+
selectedLang === "de"
|
|
11
12
|
) {
|
|
12
13
|
// replace commas with a dot, and dots with blank
|
|
13
14
|
newVal = newVal
|