@citolab/qti-components 6.7.1-6 → 6.7.1-7

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.
Files changed (4) hide show
  1. package/dist/custom-elements.json +59 -59
  2. package/dist/item.css +31 -114
  3. package/dist/item.minimal.css +31 -114
  4. package/package.json +1 -1
package/dist/custom-elements.json CHANGED
@@ -96,65 +96,6 @@
96
96
  }
97
97
  ]
98
98
  },
99
- {
100
- "kind": "javascript-module",
101
- "path": "src/lib/qti-transformers/index.ts",
102
- "declarations": [],
103
- "exports": [
104
- {
105
- "kind": "js",
106
- "name": "*",
107
- "declaration": {
108
- "name": "*",
109
- "package": "./qti-transformers"
110
- }
111
- }
112
- ]
113
- },
114
- {
115
- "kind": "javascript-module",
116
- "path": "src/lib/qti-transformers/qti-transformers.ts",
117
- "declarations": [
118
- {
119
- "kind": "function",
120
- "name": "qtiTransformItem",
121
- "description": "This module exports a function that returns an object with methods to load, parse, transform and serialize QTI XML items.",
122
- "return": {
123
- "type": {
124
- "text": ""
125
- }
126
- }
127
- },
128
- {
129
- "kind": "function",
130
- "name": "qtiTransformTest",
131
- "description": "Returns an object with methods to load, parse and transform QTI tests.",
132
- "return": {
133
- "type": {
134
- "text": ""
135
- }
136
- }
137
- }
138
- ],
139
- "exports": [
140
- {
141
- "kind": "js",
142
- "name": "qtiTransformItem",
143
- "declaration": {
144
- "name": "qtiTransformItem",
145
- "module": "src/lib/qti-transformers/qti-transformers.ts"
146
- }
147
- },
148
- {
149
- "kind": "js",
150
- "name": "qtiTransformTest",
151
- "declaration": {
152
- "name": "qtiTransformTest",
153
- "module": "src/lib/qti-transformers/qti-transformers.ts"
154
- }
155
- }
156
- ]
157
- },
158
99
  {
159
100
  "kind": "javascript-module",
160
101
  "path": "src/lib/qti-components/index.ts",
@@ -562,6 +503,65 @@
562
503
  }
563
504
  ]
564
505
  },
506
+ {
507
+ "kind": "javascript-module",
508
+ "path": "src/lib/qti-transformers/index.ts",
509
+ "declarations": [],
510
+ "exports": [
511
+ {
512
+ "kind": "js",
513
+ "name": "*",
514
+ "declaration": {
515
+ "name": "*",
516
+ "package": "./qti-transformers"
517
+ }
518
+ }
519
+ ]
520
+ },
521
+ {
522
+ "kind": "javascript-module",
523
+ "path": "src/lib/qti-transformers/qti-transformers.ts",
524
+ "declarations": [
525
+ {
526
+ "kind": "function",
527
+ "name": "qtiTransformItem",
528
+ "description": "This module exports a function that returns an object with methods to load, parse, transform and serialize QTI XML items.",
529
+ "return": {
530
+ "type": {
531
+ "text": ""
532
+ }
533
+ }
534
+ },
535
+ {
536
+ "kind": "function",
537
+ "name": "qtiTransformTest",
538
+ "description": "Returns an object with methods to load, parse and transform QTI tests.",
539
+ "return": {
540
+ "type": {
541
+ "text": ""
542
+ }
543
+ }
544
+ }
545
+ ],
546
+ "exports": [
547
+ {
548
+ "kind": "js",
549
+ "name": "qtiTransformItem",
550
+ "declaration": {
551
+ "name": "qtiTransformItem",
552
+ "module": "src/lib/qti-transformers/qti-transformers.ts"
553
+ }
554
+ },
555
+ {
556
+ "kind": "js",
557
+ "name": "qtiTransformTest",
558
+ "declaration": {
559
+ "name": "qtiTransformTest",
560
+ "module": "src/lib/qti-transformers/qti-transformers.ts"
561
+ }
562
+ }
563
+ ]
564
+ },
565
565
  {
566
566
  "kind": "javascript-module",
567
567
  "path": "src/lib/qti-components/internal/event-types.ts",
package/dist/item.css CHANGED
@@ -628,123 +628,40 @@ video {
628
628
  color: rgb(75 85 99 / var(--tw-text-opacity));
629
629
  }
630
630
  .qti-layout-row {
631
- display: flow-root;
631
+ display: flex;
632
+ flex-wrap: wrap;
632
633
  width: 100%;
634
+ gap: 2.1276595745%;
633
635
  }
634
636
  .qti-layout-row [class*='qti-layout-col'] {
635
- margin-left: 2.1276595745%;
636
- float: left;
637
- }
638
- .qti-layout-row [class*='qti-layout-col']:first-child {
639
- margin-left: 0;
640
- }
641
- .qti-layout-row .qti-layout-col12 {
642
- width: 100%;
643
- }
644
- .qti-layout-row .qti-layout-offset12 {
645
- margin-left: 104.2553191489%;
646
- }
647
- .qti-layout-row .qti-layout-offset12:first-child {
648
- margin-left: 102.1276595745%;
649
- }
650
- .qti-layout-row .qti-layout-col11 {
651
- width: 91.4893617021%;
652
- }
653
- .qti-layout-row .qti-layout-offset11 {
654
- margin-left: 95.7446808511%;
655
- }
656
- .qti-layout-row .qti-layout-offset11:first-child {
657
- margin-left: 93.6170212766%;
658
- }
659
- .qti-layout-row .qti-layout-col10 {
660
- width: 82.9787234043%;
661
- }
662
- .qti-layout-row .qti-layout-offset10 {
663
- margin-left: 87.2340425532%;
664
- }
665
- .qti-layout-row .qti-layout-offset10:first-child {
666
- margin-left: 85.1063829787%;
667
- }
668
- .qti-layout-row .qti-layout-col9 {
669
- width: 74.4680851064%;
670
- }
671
- .qti-layout-row .qti-layout-offset9 {
672
- margin-left: 78.7234042553%;
673
- }
674
- .qti-layout-row .qti-layout-offset9:first-child {
675
- margin-left: 76.5957446809%;
676
- }
677
- .qti-layout-row .qti-layout-col8 {
678
- width: 65.9574468085%;
679
- }
680
- .qti-layout-row .qti-layout-offset8 {
681
- margin-left: 70.2127659574%;
682
- }
683
- .qti-layout-row .qti-layout-offset8:first-child {
684
- margin-left: 68.085106383%;
685
- }
686
- .qti-layout-row .qti-layout-col7 {
687
- width: 57.4468085106%;
688
- }
689
- .qti-layout-row .qti-layout-offset7 {
690
- margin-left: 61.7021276596%;
691
- }
692
- .qti-layout-row .qti-layout-offset7:first-child {
693
- margin-left: 59.5744680851%;
694
- }
695
- .qti-layout-row .qti-layout-col6 {
696
- width: 48.9361702128%;
697
- }
698
- .qti-layout-row .qti-layout-offset6 {
699
- margin-left: 53.1914893617%;
700
- }
701
- .qti-layout-row .qti-layout-offset6:first-child {
702
- margin-left: 51.0638297872%;
703
- }
704
- .qti-layout-row .qti-layout-col5 {
705
- width: 40.4255319149%;
706
- }
707
- .qti-layout-row .qti-layout-offset5 {
708
- margin-left: 44.6808510638%;
709
- }
710
- .qti-layout-row .qti-layout-offset5:first-child {
711
- margin-left: 42.5531914894%;
712
- }
713
- .qti-layout-row .qti-layout-col4 {
714
- width: 31.914893617%;
715
- }
716
- .qti-layout-row .qti-layout-offset4 {
717
- margin-left: 36.170212766%;
718
- }
719
- .qti-layout-row .qti-layout-offset4:first-child {
720
- margin-left: 34.0425531915%;
721
- }
722
- .qti-layout-row .qti-layout-col3 {
723
- width: 23.4042553191%;
724
- }
725
- .qti-layout-row .qti-layout-offset3 {
726
- margin-left: 27.6595744681%;
727
- }
728
- .qti-layout-row .qti-layout-offset3:first-child {
729
- margin-left: 25.5319148936%;
730
- }
731
- .qti-layout-row .qti-layout-col2 {
732
- width: 14.8936170213%;
733
- }
734
- .qti-layout-row .qti-layout-offset2 {
735
- margin-left: 19.1489361702%;
736
- }
737
- .qti-layout-row .qti-layout-offset2:first-child {
738
- margin-left: 17.0212765957%;
739
- }
740
- .qti-layout-row .qti-layout-col1 {
741
- width: 6.3829787234%;
742
- }
743
- .qti-layout-row .qti-layout-offset1 {
744
- margin-left: 10.6382978723%;
745
- }
746
- .qti-layout-row .qti-layout-offset1:first-child {
747
- margin-left: 8.5106382979%;
637
+ box-sizing: border-box;
638
+ }
639
+ .qti-layout-col1 {width: 6.3829787234%;}
640
+ .qti-layout-col2 {width: 14.8936170213%;}
641
+ .qti-layout-col3 {width: 23.4042553191%;}
642
+ .qti-layout-col4 {width: 31.914893617%;}
643
+ .qti-layout-col5 {width: 40.4255319149%;}
644
+ .qti-layout-col6 {width: 48.9361702128%;}
645
+ .qti-layout-col7 {width: 57.4468085106%;}
646
+ .qti-layout-col8 {width: 65.9574468085%;}
647
+ .qti-layout-col9 {width: 74.4680851064%;}
648
+ .qti-layout-col10 {width: 82.9787234043%;}
649
+ .qti-layout-col11 {width: 91.4893617021%;}
650
+ .qti-layout-col12 {width: 100%;}
651
+ .qti-layout-offset1 { margin-left: 8.5106382979%; }
652
+ .qti-layout-offset2 { margin-left: 17.0212765957%; }
653
+ .qti-layout-offset3 { margin-left: 25.5319148936%; }
654
+ .qti-layout-offset4 { margin-left: 34.0425531915%; }
655
+ .qti-layout-offset5 { margin-left: 42.5531914894%; }
656
+ .qti-layout-offset6 { margin-left: 51.0638297872%; }
657
+ .qti-layout-offset7 { margin-left: 59.5744680851%; }
658
+ .qti-layout-offset8 { margin-left: 68.085106383%; }
659
+ .qti-layout-offset9 { margin-left: 76.5957446809%; }
660
+ .qti-layout-offset10 { margin-left: 85.1063829787%; }
661
+ .qti-layout-offset11 { margin-left: 93.6170212766%; }
662
+ .qti-layout-offset12 { margin-left: 102.1276595745%; }
663
+ @media (max-width:767px){
664
+ [class*="qti-layout-col"] {width:100%;}
748
665
  }
749
666
  /* .qti-input-width-1 {
750
667
  width: 1ch;
package/dist/item.minimal.css CHANGED
@@ -236,123 +236,40 @@
236
236
  color: rgb(75 85 99 / var(--tw-text-opacity));
237
237
  }
238
238
  .qti-layout-row {
239
- display: flow-root;
239
+ display: flex;
240
+ flex-wrap: wrap;
240
241
  width: 100%;
242
+ gap: 2.1276595745%;
241
243
  }
242
244
  .qti-layout-row [class*='qti-layout-col'] {
243
- margin-left: 2.1276595745%;
244
- float: left;
245
- }
246
- .qti-layout-row [class*='qti-layout-col']:first-child {
247
- margin-left: 0;
248
- }
249
- .qti-layout-row .qti-layout-col12 {
250
- width: 100%;
251
- }
252
- .qti-layout-row .qti-layout-offset12 {
253
- margin-left: 104.2553191489%;
254
- }
255
- .qti-layout-row .qti-layout-offset12:first-child {
256
- margin-left: 102.1276595745%;
257
- }
258
- .qti-layout-row .qti-layout-col11 {
259
- width: 91.4893617021%;
260
- }
261
- .qti-layout-row .qti-layout-offset11 {
262
- margin-left: 95.7446808511%;
263
- }
264
- .qti-layout-row .qti-layout-offset11:first-child {
265
- margin-left: 93.6170212766%;
266
- }
267
- .qti-layout-row .qti-layout-col10 {
268
- width: 82.9787234043%;
269
- }
270
- .qti-layout-row .qti-layout-offset10 {
271
- margin-left: 87.2340425532%;
272
- }
273
- .qti-layout-row .qti-layout-offset10:first-child {
274
- margin-left: 85.1063829787%;
275
- }
276
- .qti-layout-row .qti-layout-col9 {
277
- width: 74.4680851064%;
278
- }
279
- .qti-layout-row .qti-layout-offset9 {
280
- margin-left: 78.7234042553%;
281
- }
282
- .qti-layout-row .qti-layout-offset9:first-child {
283
- margin-left: 76.5957446809%;
284
- }
285
- .qti-layout-row .qti-layout-col8 {
286
- width: 65.9574468085%;
287
- }
288
- .qti-layout-row .qti-layout-offset8 {
289
- margin-left: 70.2127659574%;
290
- }
291
- .qti-layout-row .qti-layout-offset8:first-child {
292
- margin-left: 68.085106383%;
293
- }
294
- .qti-layout-row .qti-layout-col7 {
295
- width: 57.4468085106%;
296
- }
297
- .qti-layout-row .qti-layout-offset7 {
298
- margin-left: 61.7021276596%;
299
- }
300
- .qti-layout-row .qti-layout-offset7:first-child {
301
- margin-left: 59.5744680851%;
302
- }
303
- .qti-layout-row .qti-layout-col6 {
304
- width: 48.9361702128%;
305
- }
306
- .qti-layout-row .qti-layout-offset6 {
307
- margin-left: 53.1914893617%;
308
- }
309
- .qti-layout-row .qti-layout-offset6:first-child {
310
- margin-left: 51.0638297872%;
311
- }
312
- .qti-layout-row .qti-layout-col5 {
313
- width: 40.4255319149%;
314
- }
315
- .qti-layout-row .qti-layout-offset5 {
316
- margin-left: 44.6808510638%;
317
- }
318
- .qti-layout-row .qti-layout-offset5:first-child {
319
- margin-left: 42.5531914894%;
320
- }
321
- .qti-layout-row .qti-layout-col4 {
322
- width: 31.914893617%;
323
- }
324
- .qti-layout-row .qti-layout-offset4 {
325
- margin-left: 36.170212766%;
326
- }
327
- .qti-layout-row .qti-layout-offset4:first-child {
328
- margin-left: 34.0425531915%;
329
- }
330
- .qti-layout-row .qti-layout-col3 {
331
- width: 23.4042553191%;
332
- }
333
- .qti-layout-row .qti-layout-offset3 {
334
- margin-left: 27.6595744681%;
335
- }
336
- .qti-layout-row .qti-layout-offset3:first-child {
337
- margin-left: 25.5319148936%;
338
- }
339
- .qti-layout-row .qti-layout-col2 {
340
- width: 14.8936170213%;
341
- }
342
- .qti-layout-row .qti-layout-offset2 {
343
- margin-left: 19.1489361702%;
344
- }
345
- .qti-layout-row .qti-layout-offset2:first-child {
346
- margin-left: 17.0212765957%;
347
- }
348
- .qti-layout-row .qti-layout-col1 {
349
- width: 6.3829787234%;
350
- }
351
- .qti-layout-row .qti-layout-offset1 {
352
- margin-left: 10.6382978723%;
353
- }
354
- .qti-layout-row .qti-layout-offset1:first-child {
355
- margin-left: 8.5106382979%;
245
+ box-sizing: border-box;
246
+ }
247
+ .qti-layout-col1 {width: 6.3829787234%;}
248
+ .qti-layout-col2 {width: 14.8936170213%;}
249
+ .qti-layout-col3 {width: 23.4042553191%;}
250
+ .qti-layout-col4 {width: 31.914893617%;}
251
+ .qti-layout-col5 {width: 40.4255319149%;}
252
+ .qti-layout-col6 {width: 48.9361702128%;}
253
+ .qti-layout-col7 {width: 57.4468085106%;}
254
+ .qti-layout-col8 {width: 65.9574468085%;}
255
+ .qti-layout-col9 {width: 74.4680851064%;}
256
+ .qti-layout-col10 {width: 82.9787234043%;}
257
+ .qti-layout-col11 {width: 91.4893617021%;}
258
+ .qti-layout-col12 {width: 100%;}
259
+ .qti-layout-offset1 { margin-left: 8.5106382979%; }
260
+ .qti-layout-offset2 { margin-left: 17.0212765957%; }
261
+ .qti-layout-offset3 { margin-left: 25.5319148936%; }
262
+ .qti-layout-offset4 { margin-left: 34.0425531915%; }
263
+ .qti-layout-offset5 { margin-left: 42.5531914894%; }
264
+ .qti-layout-offset6 { margin-left: 51.0638297872%; }
265
+ .qti-layout-offset7 { margin-left: 59.5744680851%; }
266
+ .qti-layout-offset8 { margin-left: 68.085106383%; }
267
+ .qti-layout-offset9 { margin-left: 76.5957446809%; }
268
+ .qti-layout-offset10 { margin-left: 85.1063829787%; }
269
+ .qti-layout-offset11 { margin-left: 93.6170212766%; }
270
+ .qti-layout-offset12 { margin-left: 102.1276595745%; }
271
+ @media (max-width:767px){
272
+ [class*="qti-layout-col"] {width:100%;}
356
273
  }
357
274
  /* .qti-input-width-1 {
358
275
  width: 1ch;
package/package.json CHANGED
@@ -12,7 +12,7 @@
12
12
  "engines": {
13
13
  "node": ">=16.0.0"
14
14
  },
15
- "version": "6.7.1-6",
15
+ "version": "6.7.1-7",
16
16
  "type": "module",
17
17
  "exports": {
18
18
  "./qti-components": "./dist/qti-components/index.js",