@openremote/or-survey 1.2.0-snapshot.20241002120954 → 1.2.0-snapshot.20241015145246

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.
@@ -246,13 +246,13 @@
246
246
  display: block;
247
247
  }
248
248
 
249
- .anwser-card {
249
+ .answer-card {
250
250
  flex: 1;
251
251
  flex-grow: 1;
252
252
  flex-basis: 0;
253
253
  }
254
254
 
255
- .anwser-card {
255
+ .answer-card {
256
256
  background-color: var(--internal-or-survey-color1, #F3C11F);
257
257
  margin-left: 5px;
258
258
  border: 3px solid white;
@@ -262,41 +262,41 @@
262
262
  -webkit-box-sizing: border-box;
263
263
  }
264
264
 
265
- .anwser-card:first-child {
265
+ .answer-card:first-child {
266
266
  margin-left: 0;
267
267
  }
268
268
 
269
- .anwser-card:nth-of-type(1),
270
- .anwser-card:nth-of-type(5),
271
- .anwser-card:nth-of-type(9){
269
+ .answer-card:nth-of-type(1),
270
+ .answer-card:nth-of-type(5),
271
+ .answer-card:nth-of-type(9){
272
272
  background-color: var(--internal-or-survey-color1, #F3C11F);
273
273
  }
274
274
 
275
- .anwser-card:nth-of-type(2),
276
- .anwser-card:nth-of-type(6),
277
- .anwser-card:nth-of-type(10){
275
+ .answer-card:nth-of-type(2),
276
+ .answer-card:nth-of-type(6),
277
+ .answer-card:nth-of-type(10){
278
278
  background-color: var(--internal-or-survey-color2, #4A99BA);
279
279
  }
280
280
 
281
- .anwser-card:nth-of-type(3),
282
- .anwser-card:nth-of-type(7),
283
- .anwser-card:nth-of-type(11){
281
+ .answer-card:nth-of-type(3),
282
+ .answer-card:nth-of-type(7),
283
+ .answer-card:nth-of-type(11){
284
284
  background-color: var(--internal-or-survey-color3, #23B099);
285
285
  }
286
286
 
287
- .anwser-card:nth-of-type(4),
288
- .anwser-card:nth-of-type(8),
289
- .anwser-card:nth-of-type(12){
287
+ .answer-card:nth-of-type(4),
288
+ .answer-card:nth-of-type(8),
289
+ .answer-card:nth-of-type(12){
290
290
  background-color: var(--internal-or-survey-color4, #EA8D31);
291
291
  }
292
292
 
293
293
 
294
- .anwser-card.rating {
294
+ .answer-card.rating {
295
295
  border: none;
296
296
  background-color: transparent;
297
297
  }
298
298
 
299
- .anwser-card.rating label {
299
+ .answer-card.rating label {
300
300
  border-radius: 50%;
301
301
  background-color: var(--or-survey-color-button, #e32527);
302
302
 
@@ -438,7 +438,7 @@
438
438
  -webkit-justify-content: center;
439
439
  justify-content: center;
440
440
  }
441
- .anwser-card {
441
+ .answer-card {
442
442
  width: 25%;
443
443
  min-width: 25%;
444
444
  max-width: 25%;
@@ -447,7 +447,7 @@
447
447
  margin-left: 0px;
448
448
  }
449
449
  @media (max-width: 1480px) {
450
- .anwser-card {
450
+ .answer-card {
451
451
  width: 50%;
452
452
  min-width: 50%;
453
453
  max-width: 50%;
@@ -460,7 +460,7 @@
460
460
  padding: 20px;
461
461
  }
462
462
 
463
- .anwser-card.rating {
463
+ .answer-card.rating {
464
464
  width: 20%;
465
465
  min-width: 20%;
466
466
  max-width: 20%;
@@ -599,7 +599,7 @@
599
599
  <textarea rows="4" class="text-input" type="${this.getInputType(e.type)}" id="${e.id}" name="${e.id}_${t}">${i}</textarea>
600
600
  `:N`
601
601
  ${e.attributes&&e.attributes.answerOptions.value.map(((t,a)=>N`
602
- <div class="anwser-card ${this.getType(e.type)}">
602
+ <div class="answer-card ${this.getType(e.type)}">
603
603
 
604
604
  ${i?N`
605
605
  ${"multiSelect"===this.getType(e.type)?N`
package/dist/umd/index.js CHANGED
@@ -246,13 +246,13 @@
246
246
  display: block;
247
247
  }
248
248
 
249
- .anwser-card {
249
+ .answer-card {
250
250
  flex: 1;
251
251
  flex-grow: 1;
252
252
  flex-basis: 0;
253
253
  }
254
254
 
255
- .anwser-card {
255
+ .answer-card {
256
256
  background-color: var(--internal-or-survey-color1, #F3C11F);
257
257
  margin-left: 5px;
258
258
  border: 3px solid white;
@@ -262,41 +262,41 @@
262
262
  -webkit-box-sizing: border-box;
263
263
  }
264
264
 
265
- .anwser-card:first-child {
265
+ .answer-card:first-child {
266
266
  margin-left: 0;
267
267
  }
268
268
 
269
- .anwser-card:nth-of-type(1),
270
- .anwser-card:nth-of-type(5),
271
- .anwser-card:nth-of-type(9){
269
+ .answer-card:nth-of-type(1),
270
+ .answer-card:nth-of-type(5),
271
+ .answer-card:nth-of-type(9){
272
272
  background-color: var(--internal-or-survey-color1, #F3C11F);
273
273
  }
274
274
 
275
- .anwser-card:nth-of-type(2),
276
- .anwser-card:nth-of-type(6),
277
- .anwser-card:nth-of-type(10){
275
+ .answer-card:nth-of-type(2),
276
+ .answer-card:nth-of-type(6),
277
+ .answer-card:nth-of-type(10){
278
278
  background-color: var(--internal-or-survey-color2, #4A99BA);
279
279
  }
280
280
 
281
- .anwser-card:nth-of-type(3),
282
- .anwser-card:nth-of-type(7),
283
- .anwser-card:nth-of-type(11){
281
+ .answer-card:nth-of-type(3),
282
+ .answer-card:nth-of-type(7),
283
+ .answer-card:nth-of-type(11){
284
284
  background-color: var(--internal-or-survey-color3, #23B099);
285
285
  }
286
286
 
287
- .anwser-card:nth-of-type(4),
288
- .anwser-card:nth-of-type(8),
289
- .anwser-card:nth-of-type(12){
287
+ .answer-card:nth-of-type(4),
288
+ .answer-card:nth-of-type(8),
289
+ .answer-card:nth-of-type(12){
290
290
  background-color: var(--internal-or-survey-color4, #EA8D31);
291
291
  }
292
292
 
293
293
 
294
- .anwser-card.rating {
294
+ .answer-card.rating {
295
295
  border: none;
296
296
  background-color: transparent;
297
297
  }
298
298
 
299
- .anwser-card.rating label {
299
+ .answer-card.rating label {
300
300
  border-radius: 50%;
301
301
  background-color: var(--or-survey-color-button, #e32527);
302
302
 
@@ -438,7 +438,7 @@
438
438
  -webkit-justify-content: center;
439
439
  justify-content: center;
440
440
  }
441
- .anwser-card {
441
+ .answer-card {
442
442
  width: 25%;
443
443
  min-width: 25%;
444
444
  max-width: 25%;
@@ -447,7 +447,7 @@
447
447
  margin-left: 0px;
448
448
  }
449
449
  @media (max-width: 1480px) {
450
- .anwser-card {
450
+ .answer-card {
451
451
  width: 50%;
452
452
  min-width: 50%;
453
453
  max-width: 50%;
@@ -460,7 +460,7 @@
460
460
  padding: 20px;
461
461
  }
462
462
 
463
- .anwser-card.rating {
463
+ .answer-card.rating {
464
464
  width: 20%;
465
465
  min-width: 20%;
466
466
  max-width: 20%;
@@ -599,7 +599,7 @@
599
599
  <textarea rows="4" class="text-input" type="${this.getInputType(e.type)}" id="${e.id}" name="${e.id}_${t}">${i}</textarea>
600
600
  `:N`
601
601
  ${e.attributes&&e.attributes.answerOptions.value.map(((t,a)=>N`
602
- <div class="anwser-card ${this.getType(e.type)}">
602
+ <div class="answer-card ${this.getType(e.type)}">
603
603
 
604
604
  ${i?N`
605
605
  ${"multiSelect"===this.getType(e.type)?N`