Merge branch 'main' of https://github.com/Citolab/qti-components

.storybook/preview-head.html

@@ -14,10 +14,3 @@
 </script> -->
 
 <!-- tailwind, we ditch the preflight and instead use modern-normalize -->
-<link
-  rel="stylesheet"
-  href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/2.0.0/modern-normalize.min.css"
-  integrity="sha512-4xo8blKMVCiXpTaLzQSLSw3KFOVPWhm/TRtuPVc4WG6kUgjH6J03IBuG7JZPkcWMxJ5huwaBpOpnwYElP/m6wg=="
-  crossorigin="anonymous"
-  referrerpolicy="no-referrer"
-/>

.storybook/preview.ts

@@ -1,4 +1,4 @@
-import '../src/styles.css';
+import '../src/styles.bundled.css';
 import type { Preview } from '@storybook/web-components';
 
 import { setCustomElementsManifest } from '@storybook/web-components';

package.json

@@ -12,12 +12,13 @@
   "engines": {
     "node": ">=16.0.0"
   },
-  "version": "6.4.2",
+  "version": "6.4.4",
   "type": "module",
   "main": "dist/index.js",
   "exports": {
     ".": {
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     },
     "./context": {
       "import": "./dist/context/index.js",

src/styles.bundled.css

@@ -1,7 +1,6 @@
 @import 'tailwindcss/base';
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';
+@import './styles/qti-styles.css';
 
 @config "../tailwind.config.bundled.cjs";
-
-@import './styles/qti-styles.css';

vscode.html-custom-data.json

@@ -672,15 +672,13 @@
       "references": []
     },
     {
-      "name": "qti-slider-interaction",
-      "description": "The SliderInteraction.Type (qti-slider-interaction) presents the candidate with a control for selecting a numerical value between a lower and upper bound.\n---\n\n\n### **Events:**\n - **qti-register-interaction** - emitted when the interaction wants to register itself\n- **qti-interaction-response** - emitted when the interaction changes\n\n### **Slots:**\n - _default_ - The default slot where <qti-simple-choice> must be placed.\n- **prompt** - slot where the prompt is placed.\n\n### **CSS Properties:**\n - **--show-value** - shows the current value while sliding _(default: undefined)_\n- **--show-ticks** - shows the ticks according to steps _(default: undefined)_\n- **--show-bounds** - shows value for lower and upper boundary _(default: undefined)_\n\n### **CSS Parts:**\n - **slider** - -- slider inluding, bounds and ticks and value, use it for paddings and margins\n- **bounds** - -- div for bounds, containing two divs for with min, and max bounds value\n- **ticks** - -- div for ticks, use lineair gradient and exposed css variables for styling\n- **rail** - -- div for rail, style according to needs\n- **knob** - -- div, should be relative or absolute\n- **value** - -- div, containing value",
+      "name": "qti-text-entry-interaction",
+      "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction** - undefined\n- **qti-interaction-response** - undefined",
       "attributes": [
-        { "name": "value", "values": [] },
-        { "name": "step-label", "values": [] },
-        { "name": "reverse", "values": [] },
-        { "name": "lower-bound", "values": [] },
-        { "name": "upper-bound", "values": [] },
-        { "name": "step", "values": [] },
+        { "name": "expected-length", "values": [] },
+        { "name": "pattern-mask", "values": [] },
+        { "name": "placeholder-text", "values": [] },
+        { "name": "class", "values": [] },
         { "name": "response-identifier", "values": [] },
         {
           "name": "disabled",
@@ -696,13 +694,15 @@
       "references": []
     },
     {
-      "name": "qti-text-entry-interaction",
-      "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction** - undefined\n- **qti-interaction-response** - undefined",
+      "name": "qti-slider-interaction",
+      "description": "The SliderInteraction.Type (qti-slider-interaction) presents the candidate with a control for selecting a numerical value between a lower and upper bound.\n---\n\n\n### **Events:**\n - **qti-register-interaction** - emitted when the interaction wants to register itself\n- **qti-interaction-response** - emitted when the interaction changes\n\n### **Slots:**\n - _default_ - The default slot where <qti-simple-choice> must be placed.\n- **prompt** - slot where the prompt is placed.\n\n### **CSS Properties:**\n - **--show-value** - shows the current value while sliding _(default: undefined)_\n- **--show-ticks** - shows the ticks according to steps _(default: undefined)_\n- **--show-bounds** - shows value for lower and upper boundary _(default: undefined)_\n\n### **CSS Parts:**\n - **slider** - -- slider inluding, bounds and ticks and value, use it for paddings and margins\n- **bounds** - -- div for bounds, containing two divs for with min, and max bounds value\n- **ticks** - -- div for ticks, use lineair gradient and exposed css variables for styling\n- **rail** - -- div for rail, style according to needs\n- **knob** - -- div, should be relative or absolute\n- **value** - -- div, containing value",
       "attributes": [
-        { "name": "expected-length", "values": [] },
-        { "name": "pattern-mask", "values": [] },
-        { "name": "placeholder-text", "values": [] },
-        { "name": "class", "values": [] },
+        { "name": "value", "values": [] },
+        { "name": "step-label", "values": [] },
+        { "name": "reverse", "values": [] },
+        { "name": "lower-bound", "values": [] },
+        { "name": "upper-bound", "values": [] },
+        { "name": "step", "values": [] },
         { "name": "response-identifier", "values": [] },
         {
           "name": "disabled",
@@ -842,12 +842,6 @@
       "attributes": [],
       "references": []
     },
-    {
-      "name": "qti-map-response",
-      "description": "\n---\n",
-      "attributes": [{ "name": "identifier", "values": [] }],
-      "references": []
-    },
     {
       "name": "qti-mapping",
       "description": "\n---\n",
@@ -858,6 +852,12 @@
       ],
       "references": []
     },
+    {
+      "name": "qti-map-response",
+      "description": "\n---\n",
+      "attributes": [{ "name": "identifier", "values": [] }],
+      "references": []
+    },
     {
       "name": "qti-match",
       "description": "\n---\n",