@limetech/lime-elements 38.30.0 → 38.30.1
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/CHANGELOG.md +9 -0
- package/dist/cjs/limel-form.cjs.entry.js +1 -1
- package/dist/cjs/limel-form.cjs.entry.js.map +1 -1
- package/dist/collection/components/form/form.css +47 -62
- package/dist/esm/limel-form.entry.js +1 -1
- package/dist/esm/limel-form.entry.js.map +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-beee38bc.entry.js → p-d6d66daa.entry.js} +5 -5
- package/dist/lime-elements/{p-beee38bc.entry.js.map → p-d6d66daa.entry.js.map} +1 -1
- package/package.json +1 -1
|
@@ -137,8 +137,31 @@ limel-code-editor {
|
|
|
137
137
|
width: 100%;
|
|
138
138
|
}
|
|
139
139
|
|
|
140
|
-
|
|
140
|
+
h1 {
|
|
141
141
|
position: relative;
|
|
142
|
+
margin-top: 0;
|
|
143
|
+
margin-bottom: 0;
|
|
144
|
+
word-break: break-word;
|
|
145
|
+
hyphens: auto;
|
|
146
|
+
-webkit-hyphens: auto;
|
|
147
|
+
text-wrap: balance;
|
|
148
|
+
font-size: var(--limel-form-h1-font-size);
|
|
149
|
+
line-height: calc(var(--limel-form-h1-font-size) * 1.42857);
|
|
150
|
+
letter-spacing: -0.01rem;
|
|
151
|
+
font-weight: 500;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
p {
|
|
155
|
+
margin-top: 0;
|
|
156
|
+
margin-bottom: 0.75rem;
|
|
157
|
+
font-size: var(--limel-theme-default-font-size);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
p + limel-collapsible-section,
|
|
161
|
+
p + .limel-form-array-item--simple,
|
|
162
|
+
h1 + limel-collapsible-section,
|
|
163
|
+
h1 + .limel-form-array-item--simple {
|
|
164
|
+
margin-top: 1rem;
|
|
142
165
|
}
|
|
143
166
|
|
|
144
167
|
.form-group {
|
|
@@ -149,34 +172,19 @@ limel-code-editor {
|
|
|
149
172
|
top: calc(var(--form-row-gap, 1rem) * -0.5);
|
|
150
173
|
left: calc(var(--form-column-gap, 1rem) * -0.5);
|
|
151
174
|
}
|
|
152
|
-
.form-group
|
|
153
|
-
.form-group
|
|
154
|
-
color: rgb(var(--contrast-
|
|
155
|
-
}
|
|
156
|
-
.form-group .mdc-typography--headline1 {
|
|
157
|
-
font-size: 2rem;
|
|
158
|
-
line-height: 2.25rem;
|
|
159
|
-
letter-spacing: -0.01rem;
|
|
160
|
-
font-weight: 400;
|
|
161
|
-
margin-top: 1.5rem;
|
|
162
|
-
margin-bottom: 0.25rem;
|
|
163
|
-
}
|
|
164
|
-
.form-group .mdc-typography--body1 {
|
|
165
|
-
margin-top: 0;
|
|
166
|
-
margin-bottom: 0.5rem;
|
|
167
|
-
font-size: var(--limel-theme-default-font-size);
|
|
175
|
+
.form-group h1,
|
|
176
|
+
.form-group p {
|
|
177
|
+
color: rgb(var(--contrast-1400), 0.8);
|
|
168
178
|
}
|
|
169
|
-
.form-group
|
|
170
|
-
|
|
171
|
-
|
|
179
|
+
.form-group h1 {
|
|
180
|
+
--limel-form-h1-font-size: 1.476rem;
|
|
181
|
+
font-weight: 800;
|
|
172
182
|
}
|
|
173
|
-
.form-group .form-group
|
|
174
|
-
font-size: 1.
|
|
175
|
-
|
|
176
|
-
font-weight: 300;
|
|
177
|
-
margin-top: 1rem;
|
|
183
|
+
.form-group .form-group h1 {
|
|
184
|
+
--limel-form-h1-font-size: 1.383rem;
|
|
185
|
+
font-weight: 700;
|
|
178
186
|
}
|
|
179
|
-
.form-group .form-group
|
|
187
|
+
.form-group .form-group h1:before {
|
|
180
188
|
content: "";
|
|
181
189
|
display: block;
|
|
182
190
|
position: absolute;
|
|
@@ -190,52 +198,29 @@ limel-code-editor {
|
|
|
190
198
|
border-radius: 0.125rem;
|
|
191
199
|
opacity: 0.6;
|
|
192
200
|
}
|
|
193
|
-
.form-group .form-group .form-group
|
|
194
|
-
|
|
195
|
-
|
|
201
|
+
.form-group .form-group .form-group h1 {
|
|
202
|
+
--limel-form-h1-font-size: 1.296rem;
|
|
203
|
+
font-weight: 600;
|
|
196
204
|
}
|
|
197
|
-
.form-group .form-group .form-group
|
|
198
|
-
font-size: 1.375rem;
|
|
199
|
-
line-height: 1.5rem;
|
|
200
|
-
margin-top: 0.5rem;
|
|
201
|
-
}
|
|
202
|
-
.form-group .form-group .form-group .mdc-typography--headline1:before {
|
|
205
|
+
.form-group .form-group .form-group h1:before {
|
|
203
206
|
display: none;
|
|
204
207
|
}
|
|
205
|
-
.form-group .form-group .form-group .form-group
|
|
206
|
-
|
|
207
|
-
color: rgb(var(--contrast-1400));
|
|
208
|
-
}
|
|
209
|
-
.form-group .form-group .form-group .form-group .mdc-typography--headline1 {
|
|
210
|
-
font-size: 1.25rem;
|
|
211
|
-
line-height: 1.25rem;
|
|
212
|
-
margin-top: 1rem;
|
|
208
|
+
.form-group .form-group .form-group .form-group h1 {
|
|
209
|
+
--limel-form-h1-font-size: 1.215rem;
|
|
213
210
|
}
|
|
214
|
-
.form-group .form-group .form-group .form-group
|
|
211
|
+
.form-group .form-group .form-group .form-group h1:before {
|
|
215
212
|
display: none;
|
|
216
213
|
}
|
|
217
|
-
.form-group .form-group .form-group .form-group .
|
|
218
|
-
|
|
219
|
-
color: rgb(var(--contrast-1400));
|
|
220
|
-
}
|
|
221
|
-
.form-group .form-group .form-group .form-group .mdc-typography--headline1 {
|
|
222
|
-
font-size: 1.25rem;
|
|
223
|
-
line-height: 1.25rem;
|
|
224
|
-
margin-top: 0.25rem;
|
|
214
|
+
.form-group .form-group .form-group .form-group .form-group h1 {
|
|
215
|
+
--limel-form-h1-font-size: 1.138rem;
|
|
225
216
|
}
|
|
226
|
-
.form-group .form-group .form-group .form-group .
|
|
217
|
+
.form-group .form-group .form-group .form-group .form-group h1:before {
|
|
227
218
|
display: none;
|
|
228
219
|
}
|
|
229
|
-
.form-group .form-group .form-group .form-group .form-group .
|
|
230
|
-
|
|
231
|
-
color: rgb(var(--contrast-1400));
|
|
232
|
-
}
|
|
233
|
-
.form-group .form-group .form-group .form-group .form-group .mdc-typography--headline1 {
|
|
234
|
-
font-size: 1rem;
|
|
235
|
-
line-height: 1rem;
|
|
236
|
-
margin-top: 0.25rem;
|
|
220
|
+
.form-group .form-group .form-group .form-group .form-group .form-group h1 {
|
|
221
|
+
--limel-form-h1-font-size: 1.067rem;
|
|
237
222
|
}
|
|
238
|
-
.form-group .form-group .form-group .form-group .form-group .
|
|
223
|
+
.form-group .form-group .form-group .form-group .form-group .form-group h1:before {
|
|
239
224
|
display: none;
|
|
240
225
|
}
|
|
241
226
|
|
|
@@ -44940,7 +44940,7 @@ function isInteger(data) {
|
|
|
44940
44940
|
return Number.isInteger(Number(data));
|
|
44941
44941
|
}
|
|
44942
44942
|
|
|
44943
|
-
const formCss = "@charset \"UTF-8\";.form-group{min-width:0}.limel-form-array-item--simple{display:flex;align-items:center;padding-bottom:var(--form-row-gap, 1rem)}.limel-form-array-item--simple *:first-child{flex-grow:1}limel-code-editor{margin-bottom:0.75rem}.limel-form-array-item--object{margin-bottom:0.25rem}.limel-form-layout--default{display:grid;column-gap:var(--form-column-gap, 1rem);row-gap:var(--form-row-gap, 1rem);padding:var(--form-body-padding, 1rem)}.limel-form-layout--grid{--min-height-of-one-row:2.5rem;display:grid;column-gap:var(--form-column-gap, 1rem);row-gap:var(--form-row-gap, 1rem);padding:var(--form-body-padding, 1rem);grid-template-columns:repeat(var(--number-of-columns), minmax(0, 1fr))}.limel-form-layout--grid.auto-reorder-to-avoid-empty-cells{grid-auto-flow:dense}.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--1,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--2,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--5{grid-column:span 1}.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--2,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--5{grid-column:span 2}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--5{grid-column:span 3}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--3{grid-column:span 3}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--5{grid-column:span 4}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--3{grid-column:span 3}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--4{grid-column:span 4}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--5{grid-column:span 5}.limel-form-layout--grid .limel-form-layout-colspan--all{grid-column:1/-1}.limel-form-layout--grid limel-checkbox,.limel-form-layout--grid limel-switch{min-height:var(--min-height-of-one-row)}.limel-form-layout--grid limel-checkbox{display:block}.limel-form-layout--grid limel-switch{margin-left:0.5rem}.form-error{color:var(--limel-theme-error-color);font-size:0.6875rem;line-height:1.5;visibility:inherit;padding-right:1rem;padding-left:1rem;padding-top:0.25rem}.button-add-new{margin-top:0.5rem;width:100%}.
|
|
44943
|
+
const formCss = "@charset \"UTF-8\";.form-group{min-width:0}.limel-form-array-item--simple{display:flex;align-items:center;padding-bottom:var(--form-row-gap, 1rem)}.limel-form-array-item--simple *:first-child{flex-grow:1}limel-code-editor{margin-bottom:0.75rem}.limel-form-array-item--object{margin-bottom:0.25rem}.limel-form-layout--default{display:grid;column-gap:var(--form-column-gap, 1rem);row-gap:var(--form-row-gap, 1rem);padding:var(--form-body-padding, 1rem)}.limel-form-layout--grid{--min-height-of-one-row:2.5rem;display:grid;column-gap:var(--form-column-gap, 1rem);row-gap:var(--form-row-gap, 1rem);padding:var(--form-body-padding, 1rem);grid-template-columns:repeat(var(--number-of-columns), minmax(0, 1fr))}.limel-form-layout--grid.auto-reorder-to-avoid-empty-cells{grid-auto-flow:dense}.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--1,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--2,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--5{grid-column:span 1}.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--2,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--5{grid-column:span 2}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--5{grid-column:span 3}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--3{grid-column:span 3}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--5{grid-column:span 4}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--3{grid-column:span 3}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--4{grid-column:span 4}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--5{grid-column:span 5}.limel-form-layout--grid .limel-form-layout-colspan--all{grid-column:1/-1}.limel-form-layout--grid limel-checkbox,.limel-form-layout--grid limel-switch{min-height:var(--min-height-of-one-row)}.limel-form-layout--grid limel-checkbox{display:block}.limel-form-layout--grid limel-switch{margin-left:0.5rem}.form-error{color:var(--limel-theme-error-color);font-size:0.6875rem;line-height:1.5;visibility:inherit;padding-right:1rem;padding-left:1rem;padding-top:0.25rem}.button-add-new{margin-top:0.5rem;width:100%}h1{position:relative;margin-top:0;margin-bottom:0;word-break:break-word;hyphens:auto;-webkit-hyphens:auto;text-wrap:balance;font-size:var(--limel-form-h1-font-size);line-height:calc(var(--limel-form-h1-font-size) * 1.42857);letter-spacing:-0.01rem;font-weight:500}p{margin-top:0;margin-bottom:0.75rem;font-size:var(--limel-theme-default-font-size)}p+limel-collapsible-section,p+.limel-form-array-item--simple,h1+limel-collapsible-section,h1+.limel-form-array-item--simple{margin-top:1rem}.form-group{position:relative}.form-group limel-help{position:absolute;top:calc(var(--form-row-gap, 1rem) * -0.5);left:calc(var(--form-column-gap, 1rem) * -0.5)}.form-group h1,.form-group p{color:rgb(var(--contrast-1400), 0.8)}.form-group h1{--limel-form-h1-font-size:1.476rem;font-weight:800}.form-group .form-group h1{--limel-form-h1-font-size:1.383rem;font-weight:700}.form-group .form-group h1:before{content:\"\";display:block;position:absolute;top:0;bottom:0;margin:auto;left:-0.75rem;background-color:var(--lime-primary-color, var(--limel-theme-primary-color));width:0.125rem;height:1.5rem;border-radius:0.125rem;opacity:0.6}.form-group .form-group .form-group h1{--limel-form-h1-font-size:1.296rem;font-weight:600}.form-group .form-group .form-group h1:before{display:none}.form-group .form-group .form-group .form-group h1{--limel-form-h1-font-size:1.215rem}.form-group .form-group .form-group .form-group h1:before{display:none}.form-group .form-group .form-group .form-group .form-group h1{--limel-form-h1-font-size:1.138rem}.form-group .form-group .form-group .form-group .form-group h1:before{display:none}.form-group .form-group .form-group .form-group .form-group .form-group h1{--limel-form-h1-font-size:1.067rem}.form-group .form-group .form-group .form-group .form-group .form-group h1:before{display:none}.limel-form-row--layout{--limel-form-row-border-radius:0.375rem;--limel-form-row-icon-size:1.75rem;--limel-form-row-main-information-gap:0.5rem;display:flex;flex-direction:column}.limel-form-row--layout .row{display:flex;gap:0.5rem;flex-direction:column;padding:0.5rem 1rem}.limel-form-row--layout .row:nth-child(odd){background-color:var(--form-background-color-of-odd-rows, rgb(var(--contrast-200)))}.limel-form-row--layout .row:nth-child(even){background-color:var(--form-background-color-of-even-rows, transparent)}.limel-form-row--layout .row:first-child{border-radius:var(--limel-form-row-border-radius) var(--limel-form-row-border-radius) 0 0}.limel-form-row--layout .row:last-child{border-radius:0 0 var(--limel-form-row-border-radius) var(--limel-form-row-border-radius)}.limel-form-row--layout .main-information{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--limel-form-row-main-information-gap);min-width:0}.limel-form-row--layout .main-information{position:relative}.limel-form-row--layout .main-information>.form-group.field{position:unset}.limel-form-row--layout .main-information>.form-group.field limel-help{top:0}.limel-form-row--layout limel-icon{color:rgb(var(--contrast-1200));width:var(--limel-form-row-icon-size);flex-shrink:0;min-width:0}.limel-form-row--layout .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:normal;flex-grow:1;color:var(--limel-theme-on-surface-color);font-size:0.875rem}.limel-form-row--layout .description{margin:0;color:var(--limel-theme-text-secondary-on-background-color);font-size:var(--limel-theme-default-small-font-size);line-height:1.5}.limel-form-row--layout .has-icon .description{padding-left:calc(var(--limel-form-row-icon-size) + var(--limel-form-row-main-information-gap))}.limel-form-row--layout .form-group.field{flex-shrink:0;display:flex;align-content:center}.limel-form-row--layout .form-group.field limel-slider{min-width:8rem;display:block}";
|
|
44944
44944
|
|
|
44945
44945
|
const Form = class {
|
|
44946
44946
|
constructor(hostRef) {
|