eat-js-sdk 1.0.45 → 1.0.47

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 (2) hide show
  1. package/dist/eat-prompt-builder.mjs +921 -1095
  2. package/package.json +1 -1
package/dist/eat-prompt-builder.mjs CHANGED
@@ -727,7 +727,7 @@
727
727
  }
728
728
  component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
729
729
  }
730
- function init(component, options, instance19, create_fragment32, not_equal, props, append_styles2 = null, dirty = [-1]) {
730
+ function init(component, options, instance18, create_fragment19, not_equal, props, append_styles2 = null, dirty = [-1]) {
731
731
  const parent_component = current_component;
732
732
  set_current_component(component);
733
733
  const $$ = component.$$ = {
@@ -753,7 +753,7 @@
753
753
  };
754
754
  append_styles2 && append_styles2($$.root);
755
755
  let ready = false;
756
- $$.ctx = instance19 ? instance19(component, options.props || {}, (i, ret, ...rest) => {
756
+ $$.ctx = instance18 ? instance18(component, options.props || {}, (i, ret, ...rest) => {
757
757
  const value = rest.length ? rest[0] : ret;
758
758
  if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
759
759
  if (!$$.skip_bound && $$.bound[i])
@@ -766,7 +766,7 @@
766
766
  $$.update();
767
767
  ready = true;
768
768
  run_all($$.before_update);
769
- $$.fragment = create_fragment32 ? create_fragment32($$.ctx) : false;
769
+ $$.fragment = create_fragment19 ? create_fragment19($$.ctx) : false;
770
770
  if (options.target) {
771
771
  if (options.hydrate) {
772
772
  start_hydrating();
@@ -1192,12 +1192,12 @@
1192
1192
  return data % 2 === 0;
1193
1193
  };
1194
1194
  var useCorrectIconString = () => {
1195
- return `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Check Icon">
1195
+ return `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" class="correct-icon">
1196
1196
  <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM14.7284 6.79289C14.3378 6.40237 13.7047 6.40237 13.3141 6.79289L8.02125 12.0858L6.20711 10.2716C5.81658 9.88112 5.18342 9.88112 4.79289 10.2716C4.40237 10.6622 4.40237 11.2953 4.79289 11.6859L7.31414 14.2071C7.70467 14.5976 8.33783 14.5976 8.72836 14.2071L14.7284 8.20711C15.1189 7.81658 15.1189 7.18342 14.7284 6.79289Z" fill="currentColor"/>
1197
1197
  </svg>`;
1198
1198
  };
1199
1199
  var useErrorIconString = () => {
1200
- return `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Cross Icon">
1200
+ return `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" class="incorrect-icon">
1201
1201
  <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.70711 6.29289C7.31658 5.90237 6.68342 5.90237 6.29289 6.29289C5.90237 6.68342 5.90237 7.31658 6.29289 7.70711L8.585 10L6.29289 12.2929C5.93241 12.6534 5.90468 13.2206 6.2097 13.6129L6.29289 13.7071C6.68342 14.0976 7.31658 14.0976 7.70711 13.7071L10 11.415L12.2929 13.7071C12.6534 14.0676 13.2206 14.0953 13.6129 13.7903L13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L11.415 10L13.7071 7.70711C14.0676 7.34662 14.0953 6.77939 13.7903 6.3871L13.7071 6.29289C13.3166 5.90237 12.6834 5.90237 12.2929 6.29289L10 8.585L7.70711 6.29289Z" fill="currentColor"/>
1202
1202
  </svg>`;
1203
1203
  };
@@ -2834,51 +2834,368 @@
2834
2834
  customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {}, "interactionType": {}, "hasDivider": { "type": "Boolean" }, "stimulus": {}, "optionHasMedia": { "type": "Boolean" } }, ["default"], [], true));
2835
2835
  var PromptBody_default = PromptBody;
2836
2836
 
2837
- // src/lib/assets/img/messaging/InfoSolid.svelte
2837
+ // src/lib/constants/svgConstants.ts
2838
+ var svgIconRegistry = {
2839
+ alertIcon: {
2840
+ width: 22,
2841
+ height: 20,
2842
+ viewBox: "0 0 22 20",
2843
+ fill: "none",
2844
+ fillRule: "evenodd",
2845
+ clipRule: "evenodd",
2846
+ path: "M9.81616 0.255055C11.1909 -0.366408 12.8298 0.181391 13.5454 1.53306L21.7676 17.064C22.4728 18.396 21.5072 19.9998 20.0001 19.9998H2.00006C0.492906 19.9998 -0.472697 18.396 0.23248 17.064L8.45475 1.53306C8.72491 1.02275 9.14223 0.605431 9.65254 0.335267L9.81616 0.255055ZM11.0001 13.9998C10.4478 13.9998 10.0001 14.4475 10.0001 14.9998C10.0001 15.5521 10.4478 15.9998 11.0001 15.9998C11.5523 15.9998 12.0001 15.5521 12.0001 14.9998C12.0001 14.4475 11.5523 13.9998 11.0001 13.9998ZM11.0001 5.99978C10.4478 5.99978 10.0001 6.4475 10.0001 6.99978V10.9998C10.0001 11.5521 10.4478 11.9998 11.0001 11.9998C11.5523 11.9998 12.0001 11.5521 12.0001 10.9998V6.99978C12.0001 6.4475 11.5523 5.99978 11.0001 5.99978Z",
2847
+ pathFill: "#C84414"
2848
+ },
2849
+ arrowDownCircle: {
2850
+ width: 20,
2851
+ height: 20,
2852
+ viewBox: "0 0 20 20",
2853
+ fill: "none",
2854
+ fillRule: "evenodd",
2855
+ clipRule: "evenodd",
2856
+ path: "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 5C9.44772 5 9 5.44772 9 6V11.585L6.70711 9.29289C6.34662 8.93241 5.77939 8.90468 5.3871 9.2097L5.29289 9.29289C4.90237 9.68342 4.90237 10.3166 5.29289 10.7071L9.29289 14.7071C9.32136 14.7356 9.35153 14.7623 9.38325 14.7872C9.39016 14.7927 9.3974 14.7982 9.40469 14.8037C9.42887 14.8215 9.45372 14.8383 9.47934 14.8539C9.49139 14.8614 9.50361 14.8685 9.51594 14.8753C9.53571 14.8862 9.55611 14.8966 9.5769 14.9063C9.5939 14.9143 9.6112 14.9218 9.62866 14.9288C9.64842 14.9367 9.6682 14.9439 9.68826 14.9505C9.70315 14.9553 9.71854 14.9599 9.73401 14.9642C9.75556 14.9702 9.77725 14.9754 9.79921 14.9798C9.81662 14.9833 9.83405 14.9864 9.85153 14.989L9.88338 14.9933L9.91075 14.996C9.934 14.9981 9.95732 14.9994 9.98065 14.9998L10 15C10.0065 15 10.0129 14.9999 10.0193 14.9998C10.0427 14.9994 10.066 14.9981 10.0893 14.996C10.1097 14.9943 10.1294 14.9919 10.149 14.989C10.1659 14.9864 10.1834 14.9833 10.2007 14.9798C10.2227 14.9754 10.2444 14.9702 10.2658 14.9643C10.2815 14.9599 10.2969 14.9553 10.3121 14.9503C10.3318 14.9439 10.3516 14.9367 10.3711 14.9289C10.3888 14.9218 10.4061 14.9143 10.4232 14.9063C10.4439 14.8966 10.4643 14.8862 10.4843 14.8751C10.4964 14.8685 10.5086 14.8614 10.5207 14.854C10.5463 14.8383 10.5711 14.8215 10.5952 14.8037L10.6129 14.7903C10.6485 14.7623 10.6786 14.7356 10.7071 14.7071L14.7071 10.7071C15.0976 10.3166 15.0976 9.68342 14.7071 9.29289C14.3166 8.90237 13.6834 8.90237 13.2929 9.29289L11 11.585V6C11 5.48716 10.614 5.06449 10.1166 5.00673L10 5Z",
2857
+ pathFill: "currentColor"
2858
+ },
2859
+ crossIcon: {
2860
+ width: 12,
2861
+ height: 12,
2862
+ viewBox: "0 0 12 12",
2863
+ fill: "none",
2864
+ fillRule: "evenodd",
2865
+ clipRule: "evenodd",
2866
+ path: "M1.70711 0.292893L6 4.585L10.2929 0.292893C10.6834 -0.0976311 11.3166 -0.0976311 11.7071 0.292893C12.0976 0.683418 12.0976 1.31658 11.7071 1.70711L7.415 6L11.7071 10.2929C12.0976 10.6834 12.0976 11.3166 11.7071 11.7071C11.3166 12.0976 10.6834 12.0976 10.2929 11.7071L6 7.415L1.70711 11.7071C1.31658 12.0976 0.683418 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.585 6L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893Z",
2867
+ pathFill: "currentColor"
2868
+ },
2869
+ errorSolid: {
2870
+ width: 20,
2871
+ height: 20,
2872
+ viewBox: "0 0 20 20",
2873
+ fill: "none",
2874
+ fillRule: "evenodd",
2875
+ clipRule: "evenodd",
2876
+ path: "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.70711 6.29289C7.31658 5.90237 6.68342 5.90237 6.29289 6.29289C5.90237 6.68342 5.90237 7.31658 6.29289 7.70711L8.585 10L6.29289 12.2929C5.93241 12.6534 5.90468 13.2206 6.2097 13.6129L6.29289 13.7071C6.68342 14.0976 7.31658 14.0976 7.70711 13.7071L10 11.415L12.2929 13.7071C12.6534 14.0676 13.2206 14.0953 13.6129 13.7903L13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L11.415 10L13.7071 7.70711C14.0676 7.34662 14.0953 6.77939 13.7903 6.3871L13.7071 6.29289C13.3166 5.90237 12.6834 5.90237 12.2929 6.29289L10 8.585L7.70711 6.29289Z",
2877
+ pathFill: "currentColor"
2878
+ },
2879
+ infoSolid: {
2880
+ width: 20,
2881
+ height: 20,
2882
+ viewBox: "0 0 20 20",
2883
+ fill: "none",
2884
+ fillRule: "evenodd",
2885
+ clipRule: "evenodd",
2886
+ path: "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 9C9.44772 9 9 9.44772 9 10V14.5C9 15.0523 9.44772 15.5 10 15.5C10.5523 15.5 11 15.0523 11 14.5V10C11 9.44772 10.5523 9 10 9ZM10 5C9.44772 5 9 5.44772 9 6C9 6.55228 9.44772 7 10 7C10.5523 7 11 6.55228 11 6C11 5.44772 10.5523 5 10 5Z",
2887
+ pathFill: "currentColor"
2888
+ },
2889
+ smallChevronDown: {
2890
+ width: 8,
2891
+ height: 5,
2892
+ viewBox: "0 0 8 5",
2893
+ fill: "none",
2894
+ fillRule: "evenodd",
2895
+ clipRule: "evenodd",
2896
+ path: "M4 3.05719L6.86193 0.195262C7.12228 -0.0650874 7.54439 -0.0650874 7.80474 0.195262C8.06509 0.455612 8.06509 0.877721 7.80474 1.13807L4.4714 4.4714C4.21105 4.73175 3.78895 4.73175 3.5286 4.4714L0.195262 1.13807C-0.0650874 0.877721 -0.0650874 0.455612 0.195262 0.195262C0.455612 -0.0650874 0.877721 -0.0650874 1.13807 0.195262L4 3.05719Z",
2897
+ pathFill: "currentColor"
2898
+ },
2899
+ smallChevronLeft: {
2900
+ width: 7,
2901
+ height: 12,
2902
+ viewBox: "0 0 7 12",
2903
+ fill: "none",
2904
+ fillRule: "evenodd",
2905
+ clipRule: "evenodd",
2906
+ path: "M2.41421 6L6.70711 10.2929C7.09763 10.6834 7.09763 11.3166 6.70711 11.7071C6.31658 12.0976 5.68342 12.0976 5.29289 11.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289L5.29289 0.292893C5.68342 -0.0976311 6.31658 -0.0976311 6.70711 0.292893C7.09763 0.683418 7.09763 1.31658 6.70711 1.70711L2.41421 6Z",
2907
+ pathFill: "currentColor"
2908
+ },
2909
+ smallChevronRight: {
2910
+ width: 7,
2911
+ height: 12,
2912
+ viewBox: "0 0 7 12",
2913
+ fill: "none",
2914
+ fillRule: "evenodd",
2915
+ clipRule: "evenodd",
2916
+ path: "M4.58579 6L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.70711 5.29289C7.09763 5.68342 7.09763 6.31658 6.70711 6.70711L1.70711 11.7071C1.31658 12.0976 0.683418 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.58579 6Z",
2917
+ pathFill: "currentColor"
2918
+ },
2919
+ smallChevronUp: {
2920
+ width: 8,
2921
+ height: 5,
2922
+ viewBox: "0 0 8 5",
2923
+ fill: "none",
2924
+ fillRule: "evenodd",
2925
+ clipRule: "evenodd",
2926
+ path: "M4 1.60948L1.13807 4.4714C0.877721 4.73175 0.455612 4.73175 0.195262 4.4714C-0.0650874 4.21105 -0.0650874 3.78894 0.195262 3.5286L3.5286 0.195262C3.78895 -0.0650874 4.21105 -0.0650874 4.4714 0.195262L7.80474 3.5286C8.06509 3.78894 8.06509 4.21105 7.80474 4.4714C7.54439 4.73175 7.12228 4.73175 6.86193 4.4714L4 1.60948Z",
2927
+ pathFill: "currentColor"
2928
+ },
2929
+ success: {
2930
+ width: 15,
2931
+ height: 11,
2932
+ viewBox: "0 0 15 11",
2933
+ fill: "none",
2934
+ fillRule: "evenodd",
2935
+ clipRule: "evenodd",
2936
+ path: "M13.2929 0.292893C13.6834 -0.0976311 14.3166 -0.0976311 14.7071 0.292893C15.0976 0.683418 15.0976 1.31658 14.7071 1.70711L5.70711 10.7071C5.31658 11.0976 4.68342 11.0976 4.29289 10.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289C0.683418 4.90237 1.31658 4.90237 1.70711 5.29289L5 8.58579L13.2929 0.292893Z",
2937
+ pathFill: "currentColor"
2938
+ },
2939
+ successRounded: {
2940
+ width: 12,
2941
+ height: 8,
2942
+ viewBox: "0 0 12 8",
2943
+ fill: "none",
2944
+ fillRule: "evenodd",
2945
+ clipRule: "evenodd",
2946
+ path: "M9.79289 0.292893C10.1834 -0.0976311 10.8166 -0.0976311 11.2071 0.292893C11.5976 0.683418 11.5976 1.31658 11.2071 1.70711L5.20711 7.70711C4.81658 8.09763 4.18342 8.09763 3.79289 7.70711L0.792893 4.70711C0.402369 4.31658 0.402369 3.68342 0.792893 3.29289C1.18342 2.90237 1.81658 2.90237 2.20711 3.29289L4.5 5.58579L9.79289 0.292893Z",
2947
+ pathFill: "white"
2948
+ },
2949
+ successSolid: {
2950
+ width: 20,
2951
+ height: 20,
2952
+ viewBox: "0 0 20 20",
2953
+ fill: "none",
2954
+ fillRule: "evenodd",
2955
+ clipRule: "evenodd",
2956
+ path: "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM14.7284 6.79289C14.3378 6.40237 13.7047 6.40237 13.3141 6.79289L8.02125 12.0858L6.20711 10.2716C5.81658 9.88112 5.18342 9.88112 4.79289 10.2716C4.40237 10.6622 4.40237 11.2953 4.79289 11.6859L7.31414 14.2071C7.70467 14.5976 8.33783 14.5976 8.72836 14.2071L14.7284 8.20711C15.1189 7.81658 15.1189 7.18342 14.7284 6.79289Z",
2957
+ pathFill: "currentColor"
2958
+ },
2959
+ switch: {
2960
+ width: 12,
2961
+ height: 16,
2962
+ viewBox: "0 0 12 16",
2963
+ fill: "none",
2964
+ path: "M11.0005 6.99936C10.4475 6.99936 10.0005 7.44736 10.0005 7.99936C10.0005 10.2054 8.20549 11.9994 6.00049 11.9994V10.6434C6.00049 10.0094 5.58749 9.80936 5.08449 10.1984L2.37749 12.2914C1.87449 12.6814 1.87449 13.3184 2.37749 13.7074L5.08449 15.8014C5.58749 16.1904 6.00049 15.9904 6.00049 15.3554V13.9994C9.30849 13.9994 12.0005 11.3084 12.0005 7.99936C12.0005 7.44736 11.5525 6.99936 11.0005 6.99936ZM6.91599 0.198664C6.41199 -0.190336 5.99999 0.0096643 5.99999 0.643664V1.99966C2.69099 1.99966 -1.14441e-05 4.69066 -1.14441e-05 7.99966C-1.14441e-05 8.55166 0.447989 8.99966 0.999989 8.99966C1.55199 8.99966 1.99999 8.55166 1.99999 7.99966C1.99999 5.79366 3.79399 3.99966 5.99999 3.99966V5.35566C5.99999 5.98966 6.41199 6.18966 6.91599 5.80066L9.62299 3.70766C10.126 3.31766 10.126 2.68166 9.62299 2.29166L6.91599 0.198664Z",
2965
+ pathFill: "currentColor"
2966
+ },
2967
+ gripVertical: {
2968
+ width: 6,
2969
+ height: 14,
2970
+ viewBox: "0 0 6 14",
2971
+ fill: "none",
2972
+ fillRule: "evenodd",
2973
+ clipRule: "evenodd",
2974
+ path: "M1 12C1.55228 12 2 12.4477 2 13C2 13.5523 1.55228 14 1 14C0.447715 14 0 13.5523 0 13C0 12.4477 0.447715 12 1 12ZM5 12C5.55228 12 6 12.4477 6 13C6 13.5523 5.55228 14 5 14C4.44772 14 4 13.5523 4 13C4 12.4477 4.44772 12 5 12ZM1 8C1.55228 8 2 8.44772 2 9C2 9.55228 1.55228 10 1 10C0.447715 10 0 9.55228 0 9C0 8.44772 0.447715 8 1 8ZM5 8C5.55228 8 6 8.44772 6 9C6 9.55228 5.55228 10 5 10C4.44772 10 4 9.55228 4 9C4 8.44772 4.44772 8 5 8ZM1 4C1.55228 4 2 4.44772 2 5C2 5.55228 1.55228 6 1 6C0.447715 6 0 5.55228 0 5C0 4.44772 0.447715 4 1 4ZM5 4C5.55228 4 6 4.44772 6 5C6 5.55228 5.55228 6 5 6C4.44772 6 4 5.55228 4 5C4 4.44772 4.44772 4 5 4ZM1 0C1.55228 0 2 0.447715 2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1C0 0.447715 0.447715 0 1 0ZM5 0C5.55228 0 6 0.447715 6 1C6 1.55228 5.55228 2 5 2C4.44772 2 4 1.55228 4 1C4 0.447715 4.44772 0 5 0Z",
2975
+ pathFill: "currentColor"
2976
+ }
2977
+ };
2978
+
2979
+ // src/lib/assets/img/SvgLoader.svelte
2980
+ function create_if_block4(ctx) {
2981
+ let path;
2982
+ let path_fill_rule_value;
2983
+ let path_clip_rule_value;
2984
+ let path_d_value;
2985
+ let path_fill_value;
2986
+ return {
2987
+ c() {
2988
+ path = svg_element("path");
2989
+ attr(path, "fill-rule", path_fill_rule_value = /*iconProps*/
2990
+ ctx[2].fillRule);
2991
+ attr(path, "clip-rule", path_clip_rule_value = /*iconProps*/
2992
+ ctx[2].clipRule);
2993
+ attr(path, "d", path_d_value = /*iconProps*/
2994
+ ctx[2].path);
2995
+ attr(path, "fill", path_fill_value = /*iconProps*/
2996
+ ctx[2].pathFill);
2997
+ },
2998
+ m(target, anchor) {
2999
+ insert(target, path, anchor);
3000
+ },
3001
+ p(ctx2, dirty) {
3002
+ if (dirty & /*iconProps*/
3003
+ 4 && path_fill_rule_value !== (path_fill_rule_value = /*iconProps*/
3004
+ ctx2[2].fillRule)) {
3005
+ attr(path, "fill-rule", path_fill_rule_value);
3006
+ }
3007
+ if (dirty & /*iconProps*/
3008
+ 4 && path_clip_rule_value !== (path_clip_rule_value = /*iconProps*/
3009
+ ctx2[2].clipRule)) {
3010
+ attr(path, "clip-rule", path_clip_rule_value);
3011
+ }
3012
+ if (dirty & /*iconProps*/
3013
+ 4 && path_d_value !== (path_d_value = /*iconProps*/
3014
+ ctx2[2].path)) {
3015
+ attr(path, "d", path_d_value);
3016
+ }
3017
+ if (dirty & /*iconProps*/
3018
+ 4 && path_fill_value !== (path_fill_value = /*iconProps*/
3019
+ ctx2[2].pathFill)) {
3020
+ attr(path, "fill", path_fill_value);
3021
+ }
3022
+ },
3023
+ d(detaching) {
3024
+ if (detaching) {
3025
+ detach(path);
3026
+ }
3027
+ }
3028
+ };
3029
+ }
2838
3030
  function create_fragment4(ctx) {
2839
3031
  let svg;
2840
- let path;
3032
+ let svg_width_value;
3033
+ let svg_height_value;
3034
+ let svg_viewBox_value;
3035
+ let svg_fill_value;
3036
+ let svg_class_value;
3037
+ let if_block = (
3038
+ /*iconProps*/
3039
+ ctx[2].path && create_if_block4(ctx)
3040
+ );
2841
3041
  return {
2842
3042
  c() {
2843
3043
  svg = svg_element("svg");
2844
- path = svg_element("path");
2845
- attr(path, "fill-rule", "evenodd");
2846
- attr(path, "clip-rule", "evenodd");
2847
- attr(path, "d", "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 9C9.44772 9 9 9.44772 9 10V14.5C9 15.0523 9.44772 15.5 10 15.5C10.5523 15.5 11 15.0523 11 14.5V10C11 9.44772 10.5523 9 10 9ZM10 5C9.44772 5 9 5.44772 9 6C9 6.55228 9.44772 7 10 7C10.5523 7 11 6.55228 11 6C11 5.44772 10.5523 5 10 5Z");
2848
- attr(path, "fill", "currentColor");
2849
- attr(svg, "width", "20");
2850
- attr(svg, "height", "20");
2851
- attr(svg, "viewBox", "0 0 20 20");
2852
- attr(svg, "fill", "none");
3044
+ if (if_block)
3045
+ if_block.c();
3046
+ attr(svg, "width", svg_width_value = /*iconProps*/
3047
+ ctx[2].width);
3048
+ attr(svg, "height", svg_height_value = /*iconProps*/
3049
+ ctx[2].height);
3050
+ attr(svg, "viewBox", svg_viewBox_value = /*iconProps*/
3051
+ ctx[2].viewBox);
3052
+ attr(svg, "fill", svg_fill_value = /*iconProps*/
3053
+ ctx[2].fill);
2853
3054
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
2854
- attr(svg, "role", "img");
2855
- attr(svg, "aria-label", "Info Icon");
3055
+ attr(svg, "class", svg_class_value = /*className*/
3056
+ ctx[1] ?? /*svgName*/
3057
+ ctx[0]);
2856
3058
  },
2857
3059
  m(target, anchor) {
2858
3060
  insert(target, svg, anchor);
2859
- append(svg, path);
3061
+ if (if_block)
3062
+ if_block.m(svg, null);
3063
+ },
3064
+ p(ctx2, [dirty]) {
3065
+ if (
3066
+ /*iconProps*/
3067
+ ctx2[2].path
3068
+ ) {
3069
+ if (if_block) {
3070
+ if_block.p(ctx2, dirty);
3071
+ } else {
3072
+ if_block = create_if_block4(ctx2);
3073
+ if_block.c();
3074
+ if_block.m(svg, null);
3075
+ }
3076
+ } else if (if_block) {
3077
+ if_block.d(1);
3078
+ if_block = null;
3079
+ }
3080
+ if (dirty & /*iconProps*/
3081
+ 4 && svg_width_value !== (svg_width_value = /*iconProps*/
3082
+ ctx2[2].width)) {
3083
+ attr(svg, "width", svg_width_value);
3084
+ }
3085
+ if (dirty & /*iconProps*/
3086
+ 4 && svg_height_value !== (svg_height_value = /*iconProps*/
3087
+ ctx2[2].height)) {
3088
+ attr(svg, "height", svg_height_value);
3089
+ }
3090
+ if (dirty & /*iconProps*/
3091
+ 4 && svg_viewBox_value !== (svg_viewBox_value = /*iconProps*/
3092
+ ctx2[2].viewBox)) {
3093
+ attr(svg, "viewBox", svg_viewBox_value);
3094
+ }
3095
+ if (dirty & /*iconProps*/
3096
+ 4 && svg_fill_value !== (svg_fill_value = /*iconProps*/
3097
+ ctx2[2].fill)) {
3098
+ attr(svg, "fill", svg_fill_value);
3099
+ }
3100
+ if (dirty & /*className, svgName*/
3101
+ 3 && svg_class_value !== (svg_class_value = /*className*/
3102
+ ctx2[1] ?? /*svgName*/
3103
+ ctx2[0])) {
3104
+ attr(svg, "class", svg_class_value);
3105
+ }
2860
3106
  },
2861
- p: noop,
2862
3107
  i: noop,
2863
3108
  o: noop,
2864
3109
  d(detaching) {
2865
3110
  if (detaching) {
2866
3111
  detach(svg);
2867
3112
  }
3113
+ if (if_block)
3114
+ if_block.d();
3115
+ }
3116
+ };
3117
+ }
3118
+ function instance4($$self, $$props, $$invalidate) {
3119
+ let iconProps;
3120
+ let { width = void 0 } = $$props;
3121
+ let { height = void 0 } = $$props;
3122
+ let { svgName } = $$props;
3123
+ let { className = void 0 } = $$props;
3124
+ $$self.$$set = ($$props2) => {
3125
+ if ("width" in $$props2)
3126
+ $$invalidate(3, width = $$props2.width);
3127
+ if ("height" in $$props2)
3128
+ $$invalidate(4, height = $$props2.height);
3129
+ if ("svgName" in $$props2)
3130
+ $$invalidate(0, svgName = $$props2.svgName);
3131
+ if ("className" in $$props2)
3132
+ $$invalidate(1, className = $$props2.className);
3133
+ };
3134
+ $$self.$$.update = () => {
3135
+ if ($$self.$$.dirty & /*svgName, width, height*/
3136
+ 25) {
3137
+ $:
3138
+ $$invalidate(2, iconProps = (() => {
3139
+ const defaults = svgIconRegistry[svgName] ?? {};
3140
+ return {
3141
+ width: width ?? defaults.width,
3142
+ height: height ?? defaults.height,
3143
+ viewBox: `0 0 ${width ?? defaults.width} ${height ?? defaults.height}`,
3144
+ fillRule: defaults.fillRule ?? void 0,
3145
+ clipRule: defaults.clipRule ?? void 0,
3146
+ fill: defaults.fill,
3147
+ path: defaults.path,
3148
+ pathFill: defaults.pathFill
3149
+ };
3150
+ })());
2868
3151
  }
2869
3152
  };
3153
+ return [svgName, className, iconProps, width, height];
2870
3154
  }
2871
- var InfoSolid = class extends SvelteComponent {
3155
+ var SvgLoader = class extends SvelteComponent {
2872
3156
  constructor(options) {
2873
3157
  super();
2874
- init(this, options, null, create_fragment4, safe_not_equal, {});
3158
+ init(this, options, instance4, create_fragment4, safe_not_equal, {
3159
+ width: 3,
3160
+ height: 4,
3161
+ svgName: 0,
3162
+ className: 1
3163
+ });
3164
+ }
3165
+ get width() {
3166
+ return this.$$.ctx[3];
3167
+ }
3168
+ set width(width) {
3169
+ this.$$set({ width });
3170
+ flush();
3171
+ }
3172
+ get height() {
3173
+ return this.$$.ctx[4];
3174
+ }
3175
+ set height(height) {
3176
+ this.$$set({ height });
3177
+ flush();
3178
+ }
3179
+ get svgName() {
3180
+ return this.$$.ctx[0];
3181
+ }
3182
+ set svgName(svgName) {
3183
+ this.$$set({ svgName });
3184
+ flush();
3185
+ }
3186
+ get className() {
3187
+ return this.$$.ctx[1];
3188
+ }
3189
+ set className(className) {
3190
+ this.$$set({ className });
3191
+ flush();
2875
3192
  }
2876
3193
  };
2877
- create_custom_element(InfoSolid, {}, [], [], true);
2878
- var InfoSolid_default = InfoSolid;
3194
+ create_custom_element(SvgLoader, { "width": {}, "height": {}, "svgName": {}, "className": {} }, [], [], true);
3195
+ var SvgLoader_default = SvgLoader;
2879
3196
 
2880
3197
  // src/lib/components/prompt/template/PromptResultFeedbackAlert.svelte
2881
- function create_if_block4(ctx) {
3198
+ function create_if_block5(ctx) {
2882
3199
  let div1;
2883
3200
  let t0;
2884
3201
  let div0;
@@ -3045,14 +3362,19 @@
3045
3362
  }
3046
3363
  function create_if_block_32(ctx) {
3047
3364
  let span;
3048
- let infosolid;
3365
+ let svgloader;
3049
3366
  let span_class_value;
3050
3367
  let current;
3051
- infosolid = new InfoSolid_default({});
3368
+ svgloader = new SvgLoader_default({
3369
+ props: {
3370
+ svgName: "infoSolid",
3371
+ className: "info-icon"
3372
+ }
3373
+ });
3052
3374
  return {
3053
3375
  c() {
3054
3376
  span = element("span");
3055
- create_component(infosolid.$$.fragment);
3377
+ create_component(svgloader.$$.fragment);
3056
3378
  attr(span, "aria-hidden", "true");
3057
3379
  attr(span, "class", span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
3058
3380
  (ctx[3] ? "text-blue-950" : (
@@ -3062,7 +3384,7 @@
3062
3384
  },
3063
3385
  m(target, anchor) {
3064
3386
  insert(target, span, anchor);
3065
- mount_component(infosolid, span, null);
3387
+ mount_component(svgloader, span, null);
3066
3388
  current = true;
3067
3389
  },
3068
3390
  p(ctx2, dirty) {
@@ -3078,18 +3400,18 @@
3078
3400
  i(local) {
3079
3401
  if (current)
3080
3402
  return;
3081
- transition_in(infosolid.$$.fragment, local);
3403
+ transition_in(svgloader.$$.fragment, local);
3082
3404
  current = true;
3083
3405
  },
3084
3406
  o(local) {
3085
- transition_out(infosolid.$$.fragment, local);
3407
+ transition_out(svgloader.$$.fragment, local);
3086
3408
  current = false;
3087
3409
  },
3088
3410
  d(detaching) {
3089
3411
  if (detaching) {
3090
3412
  detach(span);
3091
3413
  }
3092
- destroy_component(infosolid);
3414
+ destroy_component(svgloader);
3093
3415
  }
3094
3416
  };
3095
3417
  }
@@ -3148,7 +3470,7 @@
3148
3470
  let current;
3149
3471
  let if_block = (
3150
3472
  /*displayedResultFeedback*/
3151
- ctx[4] && create_if_block4(ctx)
3473
+ ctx[4] && create_if_block5(ctx)
3152
3474
  );
3153
3475
  return {
3154
3476
  c() {
@@ -3174,7 +3496,7 @@
3174
3496
  transition_in(if_block, 1);
3175
3497
  }
3176
3498
  } else {
3177
- if_block = create_if_block4(ctx2);
3499
+ if_block = create_if_block5(ctx2);
3178
3500
  if_block.c();
3179
3501
  transition_in(if_block, 1);
3180
3502
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3206,7 +3528,7 @@
3206
3528
  }
3207
3529
  };
3208
3530
  }
3209
- function instance4($$self, $$props, $$invalidate) {
3531
+ function instance5($$self, $$props, $$invalidate) {
3210
3532
  let displayedResultFeedbackTitle;
3211
3533
  let displayedResultFeedback;
3212
3534
  let { hasIcon = false } = $$props;
@@ -3255,7 +3577,7 @@
3255
3577
  var PromptResultFeedbackAlert = class extends SvelteComponent {
3256
3578
  constructor(options) {
3257
3579
  super();
3258
- init(this, options, instance4, create_fragment5, safe_not_equal, {
3580
+ init(this, options, instance5, create_fragment5, safe_not_equal, {
3259
3581
  hasIcon: 0,
3260
3582
  isFeedbackAlert: 1,
3261
3583
  isResultCorrect: 2,
@@ -3344,174 +3666,6 @@
3344
3666
  };
3345
3667
  var useMCQ_default = useAlphabetEquivalent;
3346
3668
 
3347
- // src/lib/assets/img/messaging/Success.svelte
3348
- function create_fragment6(ctx) {
3349
- let svg;
3350
- let path;
3351
- return {
3352
- c() {
3353
- svg = svg_element("svg");
3354
- path = svg_element("path");
3355
- attr(path, "fill-rule", "evenodd");
3356
- attr(path, "clip-rule", "evenodd");
3357
- attr(path, "d", "M13.2929 0.292893C13.6834 -0.0976311 14.3166 -0.0976311 14.7071 0.292893C15.0976 0.683418 15.0976 1.31658 14.7071 1.70711L5.70711 10.7071C5.31658 11.0976 4.68342 11.0976 4.29289 10.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289C0.683418 4.90237 1.31658 4.90237 1.70711 5.29289L5 8.58579L13.2929 0.292893Z");
3358
- attr(path, "fill", "currentColor");
3359
- attr(svg, "width", "15");
3360
- attr(svg, "height", "11");
3361
- attr(svg, "viewBox", "0 0 15 11");
3362
- attr(svg, "fill", "none");
3363
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
3364
- },
3365
- m(target, anchor) {
3366
- insert(target, svg, anchor);
3367
- append(svg, path);
3368
- },
3369
- p: noop,
3370
- i: noop,
3371
- o: noop,
3372
- d(detaching) {
3373
- if (detaching) {
3374
- detach(svg);
3375
- }
3376
- }
3377
- };
3378
- }
3379
- var Success = class extends SvelteComponent {
3380
- constructor(options) {
3381
- super();
3382
- init(this, options, null, create_fragment6, safe_not_equal, {});
3383
- }
3384
- };
3385
- create_custom_element(Success, {}, [], [], true);
3386
- var Success_default = Success;
3387
-
3388
- // src/lib/assets/img/messaging/SuccessRounded.svelte
3389
- function create_fragment7(ctx) {
3390
- let svg;
3391
- let path;
3392
- return {
3393
- c() {
3394
- svg = svg_element("svg");
3395
- path = svg_element("path");
3396
- attr(path, "fill-rule", "evenodd");
3397
- attr(path, "clip-rule", "evenodd");
3398
- attr(path, "d", "M9.79289 0.292893C10.1834 -0.0976311 10.8166 -0.0976311 11.2071 0.292893C11.5976 0.683418 11.5976 1.31658 11.2071 1.70711L5.20711 7.70711C4.81658 8.09763 4.18342 8.09763 3.79289 7.70711L0.792893 4.70711C0.402369 4.31658 0.402369 3.68342 0.792893 3.29289C1.18342 2.90237 1.81658 2.90237 2.20711 3.29289L4.5 5.58579L9.79289 0.292893Z");
3399
- attr(path, "fill", "white");
3400
- attr(svg, "width", "12");
3401
- attr(svg, "height", "8");
3402
- attr(svg, "viewBox", "0 0 12 8");
3403
- attr(svg, "fill", "none");
3404
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
3405
- },
3406
- m(target, anchor) {
3407
- insert(target, svg, anchor);
3408
- append(svg, path);
3409
- },
3410
- p: noop,
3411
- i: noop,
3412
- o: noop,
3413
- d(detaching) {
3414
- if (detaching) {
3415
- detach(svg);
3416
- }
3417
- }
3418
- };
3419
- }
3420
- var SuccessRounded = class extends SvelteComponent {
3421
- constructor(options) {
3422
- super();
3423
- init(this, options, null, create_fragment7, safe_not_equal, {});
3424
- }
3425
- };
3426
- create_custom_element(SuccessRounded, {}, [], [], true);
3427
- var SuccessRounded_default = SuccessRounded;
3428
-
3429
- // src/lib/assets/img/messaging/SuccessSolid.svelte
3430
- function create_fragment8(ctx) {
3431
- let svg;
3432
- let path;
3433
- return {
3434
- c() {
3435
- svg = svg_element("svg");
3436
- path = svg_element("path");
3437
- attr(path, "fill-rule", "evenodd");
3438
- attr(path, "clip-rule", "evenodd");
3439
- attr(path, "d", "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM14.7284 6.79289C14.3378 6.40237 13.7047 6.40237 13.3141 6.79289L8.02125 12.0858L6.20711 10.2716C5.81658 9.88112 5.18342 9.88112 4.79289 10.2716C4.40237 10.6622 4.40237 11.2953 4.79289 11.6859L7.31414 14.2071C7.70467 14.5976 8.33783 14.5976 8.72836 14.2071L14.7284 8.20711C15.1189 7.81658 15.1189 7.18342 14.7284 6.79289Z");
3440
- attr(path, "fill", "currentColor");
3441
- attr(svg, "width", "20");
3442
- attr(svg, "height", "20");
3443
- attr(svg, "viewBox", "0 0 20 20");
3444
- attr(svg, "fill", "none");
3445
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
3446
- attr(svg, "role", "img");
3447
- attr(svg, "aria-hidden", "true");
3448
- },
3449
- m(target, anchor) {
3450
- insert(target, svg, anchor);
3451
- append(svg, path);
3452
- },
3453
- p: noop,
3454
- i: noop,
3455
- o: noop,
3456
- d(detaching) {
3457
- if (detaching) {
3458
- detach(svg);
3459
- }
3460
- }
3461
- };
3462
- }
3463
- var SuccessSolid = class extends SvelteComponent {
3464
- constructor(options) {
3465
- super();
3466
- init(this, options, null, create_fragment8, safe_not_equal, {});
3467
- }
3468
- };
3469
- create_custom_element(SuccessSolid, {}, [], [], true);
3470
- var SuccessSolid_default = SuccessSolid;
3471
-
3472
- // src/lib/assets/img/messaging/ErrorSolid.svelte
3473
- function create_fragment9(ctx) {
3474
- let svg;
3475
- let path;
3476
- return {
3477
- c() {
3478
- svg = svg_element("svg");
3479
- path = svg_element("path");
3480
- attr(path, "fill-rule", "evenodd");
3481
- attr(path, "clip-rule", "evenodd");
3482
- attr(path, "d", "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.70711 6.29289C7.31658 5.90237 6.68342 5.90237 6.29289 6.29289C5.90237 6.68342 5.90237 7.31658 6.29289 7.70711L8.585 10L6.29289 12.2929C5.93241 12.6534 5.90468 13.2206 6.2097 13.6129L6.29289 13.7071C6.68342 14.0976 7.31658 14.0976 7.70711 13.7071L10 11.415L12.2929 13.7071C12.6534 14.0676 13.2206 14.0953 13.6129 13.7903L13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L11.415 10L13.7071 7.70711C14.0676 7.34662 14.0953 6.77939 13.7903 6.3871L13.7071 6.29289C13.3166 5.90237 12.6834 5.90237 12.2929 6.29289L10 8.585L7.70711 6.29289Z");
3483
- attr(path, "fill", "currentColor");
3484
- attr(svg, "width", "20");
3485
- attr(svg, "height", "20");
3486
- attr(svg, "viewBox", "0 0 20 20");
3487
- attr(svg, "fill", "none");
3488
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
3489
- attr(svg, "role", "img");
3490
- attr(svg, "aria-hidden", "true");
3491
- },
3492
- m(target, anchor) {
3493
- insert(target, svg, anchor);
3494
- append(svg, path);
3495
- },
3496
- p: noop,
3497
- i: noop,
3498
- o: noop,
3499
- d(detaching) {
3500
- if (detaching) {
3501
- detach(svg);
3502
- }
3503
- }
3504
- };
3505
- }
3506
- var ErrorSolid = class extends SvelteComponent {
3507
- constructor(options) {
3508
- super();
3509
- init(this, options, null, create_fragment9, safe_not_equal, {});
3510
- }
3511
- };
3512
- create_custom_element(ErrorSolid, {}, [], [], true);
3513
- var ErrorSolid_default = ErrorSolid;
3514
-
3515
3669
  // src/lib/components/prompt/mcq/PromptMCQ.svelte
3516
3670
  function get_each_context(ctx, list, i) {
3517
3671
  const child_ctx = ctx.slice();
@@ -3596,7 +3750,7 @@
3596
3750
  }
3597
3751
  };
3598
3752
  }
3599
- function create_if_block5(ctx) {
3753
+ function create_if_block6(ctx) {
3600
3754
  let div2;
3601
3755
  let div0;
3602
3756
  let div0_class_value;
@@ -3791,36 +3945,41 @@
3791
3945
  }
3792
3946
  function create_if_block_62(ctx) {
3793
3947
  let span;
3794
- let success;
3948
+ let svgloader;
3795
3949
  let current;
3796
- success = new Success_default({});
3950
+ svgloader = new SvgLoader_default({
3951
+ props: {
3952
+ svgName: "success",
3953
+ className: "missing-correct-icon"
3954
+ }
3955
+ });
3797
3956
  return {
3798
3957
  c() {
3799
3958
  span = element("span");
3800
- create_component(success.$$.fragment);
3959
+ create_component(svgloader.$$.fragment);
3801
3960
  attr(span, "aria-hidden", "true");
3802
3961
  attr(span, "class", "text-green-900 mr-1");
3803
3962
  },
3804
3963
  m(target, anchor) {
3805
3964
  insert(target, span, anchor);
3806
- mount_component(success, span, null);
3965
+ mount_component(svgloader, span, null);
3807
3966
  current = true;
3808
3967
  },
3809
3968
  i(local) {
3810
3969
  if (current)
3811
3970
  return;
3812
- transition_in(success.$$.fragment, local);
3971
+ transition_in(svgloader.$$.fragment, local);
3813
3972
  current = true;
3814
3973
  },
3815
3974
  o(local) {
3816
- transition_out(success.$$.fragment, local);
3975
+ transition_out(svgloader.$$.fragment, local);
3817
3976
  current = false;
3818
3977
  },
3819
3978
  d(detaching) {
3820
3979
  if (detaching) {
3821
3980
  detach(span);
3822
3981
  }
3823
- destroy_component(success);
3982
+ destroy_component(svgloader);
3824
3983
  }
3825
3984
  };
3826
3985
  }
@@ -3917,56 +4076,66 @@
3917
4076
  };
3918
4077
  }
3919
4078
  function create_else_block(ctx) {
3920
- let errorsolid;
4079
+ let svgloader;
3921
4080
  let current;
3922
- errorsolid = new ErrorSolid_default({});
4081
+ svgloader = new SvgLoader_default({
4082
+ props: {
4083
+ svgName: "errorSolid",
4084
+ className: "incorrect-icon"
4085
+ }
4086
+ });
3923
4087
  return {
3924
4088
  c() {
3925
- create_component(errorsolid.$$.fragment);
4089
+ create_component(svgloader.$$.fragment);
3926
4090
  },
3927
4091
  m(target, anchor) {
3928
- mount_component(errorsolid, target, anchor);
4092
+ mount_component(svgloader, target, anchor);
3929
4093
  current = true;
3930
4094
  },
3931
4095
  i(local) {
3932
4096
  if (current)
3933
4097
  return;
3934
- transition_in(errorsolid.$$.fragment, local);
4098
+ transition_in(svgloader.$$.fragment, local);
3935
4099
  current = true;
3936
4100
  },
3937
4101
  o(local) {
3938
- transition_out(errorsolid.$$.fragment, local);
4102
+ transition_out(svgloader.$$.fragment, local);
3939
4103
  current = false;
3940
4104
  },
3941
4105
  d(detaching) {
3942
- destroy_component(errorsolid, detaching);
4106
+ destroy_component(svgloader, detaching);
3943
4107
  }
3944
4108
  };
3945
4109
  }
3946
4110
  function create_if_block_52(ctx) {
3947
- let successsolid;
4111
+ let svgloader;
3948
4112
  let current;
3949
- successsolid = new SuccessSolid_default({});
4113
+ svgloader = new SvgLoader_default({
4114
+ props: {
4115
+ svgName: "successSolid",
4116
+ className: "correct-icon"
4117
+ }
4118
+ });
3950
4119
  return {
3951
4120
  c() {
3952
- create_component(successsolid.$$.fragment);
4121
+ create_component(svgloader.$$.fragment);
3953
4122
  },
3954
4123
  m(target, anchor) {
3955
- mount_component(successsolid, target, anchor);
4124
+ mount_component(svgloader, target, anchor);
3956
4125
  current = true;
3957
4126
  },
3958
4127
  i(local) {
3959
4128
  if (current)
3960
4129
  return;
3961
- transition_in(successsolid.$$.fragment, local);
4130
+ transition_in(svgloader.$$.fragment, local);
3962
4131
  current = true;
3963
4132
  },
3964
4133
  o(local) {
3965
- transition_out(successsolid.$$.fragment, local);
4134
+ transition_out(svgloader.$$.fragment, local);
3966
4135
  current = false;
3967
4136
  },
3968
4137
  d(detaching) {
3969
- destroy_component(successsolid, detaching);
4138
+ destroy_component(svgloader, detaching);
3970
4139
  }
3971
4140
  };
3972
4141
  }
@@ -4070,35 +4239,40 @@
4070
4239
  }
4071
4240
  function create_if_block_33(ctx) {
4072
4241
  let span;
4073
- let successrounded;
4242
+ let svgloader;
4074
4243
  let current;
4075
- successrounded = new SuccessRounded_default({});
4244
+ svgloader = new SvgLoader_default({
4245
+ props: {
4246
+ svgName: "successRounded",
4247
+ className: "selected-icon"
4248
+ }
4249
+ });
4076
4250
  return {
4077
4251
  c() {
4078
4252
  span = element("span");
4079
- create_component(successrounded.$$.fragment);
4253
+ create_component(svgloader.$$.fragment);
4080
4254
  attr(span, "class", "w-3 h-2 flex items-center justify-center");
4081
4255
  },
4082
4256
  m(target, anchor) {
4083
4257
  insert(target, span, anchor);
4084
- mount_component(successrounded, span, null);
4258
+ mount_component(svgloader, span, null);
4085
4259
  current = true;
4086
4260
  },
4087
4261
  i(local) {
4088
4262
  if (current)
4089
4263
  return;
4090
- transition_in(successrounded.$$.fragment, local);
4264
+ transition_in(svgloader.$$.fragment, local);
4091
4265
  current = true;
4092
4266
  },
4093
4267
  o(local) {
4094
- transition_out(successrounded.$$.fragment, local);
4268
+ transition_out(svgloader.$$.fragment, local);
4095
4269
  current = false;
4096
4270
  },
4097
4271
  d(detaching) {
4098
4272
  if (detaching) {
4099
4273
  detach(span);
4100
4274
  }
4101
- destroy_component(successrounded);
4275
+ destroy_component(svgloader);
4102
4276
  }
4103
4277
  };
4104
4278
  }
@@ -4786,7 +4960,7 @@
4786
4960
  );
4787
4961
  let if_block1 = (
4788
4962
  /*options*/
4789
- ctx[12] && create_if_block5(ctx)
4963
+ ctx[12] && create_if_block6(ctx)
4790
4964
  );
4791
4965
  return {
4792
4966
  c() {
@@ -4864,7 +5038,7 @@
4864
5038
  }
4865
5039
  };
4866
5040
  }
4867
- function create_fragment10(ctx) {
5041
+ function create_fragment6(ctx) {
4868
5042
  let promptbody;
4869
5043
  let current;
4870
5044
  promptbody = new PromptBody_default({
@@ -4922,7 +5096,7 @@
4922
5096
  }
4923
5097
  };
4924
5098
  }
4925
- function instance5($$self, $$props, $$invalidate) {
5099
+ function instance6($$self, $$props, $$invalidate) {
4926
5100
  let isFeedbackShown;
4927
5101
  let { sessionData } = $$props;
4928
5102
  let { isDataSaving } = $$props;
@@ -5088,8 +5262,8 @@
5088
5262
  init(
5089
5263
  this,
5090
5264
  options,
5091
- instance5,
5092
- create_fragment10,
5265
+ instance6,
5266
+ create_fragment6,
5093
5267
  safe_not_equal,
5094
5268
  {
5095
5269
  sessionData: 17,
@@ -5214,7 +5388,7 @@
5214
5388
  var svelte_autosize_default = action;
5215
5389
 
5216
5390
  // src/lib/components/common/InvalidBanner.svelte
5217
- function create_fragment11(ctx) {
5391
+ function create_fragment7(ctx) {
5218
5392
  let p;
5219
5393
  let t2;
5220
5394
  return {
@@ -5248,7 +5422,7 @@
5248
5422
  }
5249
5423
  };
5250
5424
  }
5251
- function instance6($$self, $$props, $$invalidate) {
5425
+ function instance7($$self, $$props, $$invalidate) {
5252
5426
  let { bannerLabel: bannerLabel2 = "Invalid." } = $$props;
5253
5427
  $$self.$$set = ($$props2) => {
5254
5428
  if ("bannerLabel" in $$props2)
@@ -5259,7 +5433,7 @@
5259
5433
  var InvalidBanner = class extends SvelteComponent {
5260
5434
  constructor(options) {
5261
5435
  super();
5262
- init(this, options, instance6, create_fragment11, safe_not_equal, { bannerLabel: 0 });
5436
+ init(this, options, instance7, create_fragment7, safe_not_equal, { bannerLabel: 0 });
5263
5437
  }
5264
5438
  get bannerLabel() {
5265
5439
  return this.$$.ctx[0];
@@ -5726,7 +5900,7 @@
5726
5900
  }
5727
5901
  };
5728
5902
  }
5729
- function create_if_block6(ctx) {
5903
+ function create_if_block7(ctx) {
5730
5904
  let t0;
5731
5905
  let div;
5732
5906
  let t1;
@@ -5982,56 +6156,66 @@
5982
6156
  };
5983
6157
  }
5984
6158
  function create_else_block_1(ctx) {
5985
- let errorsolid;
6159
+ let svgloader;
5986
6160
  let current;
5987
- errorsolid = new ErrorSolid_default({});
6161
+ svgloader = new SvgLoader_default({
6162
+ props: {
6163
+ svgName: "errorSolid",
6164
+ className: "incorrect-icon"
6165
+ }
6166
+ });
5988
6167
  return {
5989
6168
  c() {
5990
- create_component(errorsolid.$$.fragment);
6169
+ create_component(svgloader.$$.fragment);
5991
6170
  },
5992
6171
  m(target, anchor) {
5993
- mount_component(errorsolid, target, anchor);
6172
+ mount_component(svgloader, target, anchor);
5994
6173
  current = true;
5995
6174
  },
5996
6175
  i(local) {
5997
6176
  if (current)
5998
6177
  return;
5999
- transition_in(errorsolid.$$.fragment, local);
6178
+ transition_in(svgloader.$$.fragment, local);
6000
6179
  current = true;
6001
6180
  },
6002
6181
  o(local) {
6003
- transition_out(errorsolid.$$.fragment, local);
6182
+ transition_out(svgloader.$$.fragment, local);
6004
6183
  current = false;
6005
6184
  },
6006
6185
  d(detaching) {
6007
- destroy_component(errorsolid, detaching);
6186
+ destroy_component(svgloader, detaching);
6008
6187
  }
6009
6188
  };
6010
6189
  }
6011
6190
  function create_if_block_63(ctx) {
6012
- let successsolid;
6191
+ let svgloader;
6013
6192
  let current;
6014
- successsolid = new SuccessSolid_default({});
6193
+ svgloader = new SvgLoader_default({
6194
+ props: {
6195
+ svgName: "successSolid",
6196
+ className: "correct-icon"
6197
+ }
6198
+ });
6015
6199
  return {
6016
6200
  c() {
6017
- create_component(successsolid.$$.fragment);
6201
+ create_component(svgloader.$$.fragment);
6018
6202
  },
6019
6203
  m(target, anchor) {
6020
- mount_component(successsolid, target, anchor);
6204
+ mount_component(svgloader, target, anchor);
6021
6205
  current = true;
6022
6206
  },
6023
6207
  i(local) {
6024
6208
  if (current)
6025
6209
  return;
6026
- transition_in(successsolid.$$.fragment, local);
6210
+ transition_in(svgloader.$$.fragment, local);
6027
6211
  current = true;
6028
6212
  },
6029
6213
  o(local) {
6030
- transition_out(successsolid.$$.fragment, local);
6214
+ transition_out(svgloader.$$.fragment, local);
6031
6215
  current = false;
6032
6216
  },
6033
6217
  d(detaching) {
6034
- destroy_component(successsolid, detaching);
6218
+ destroy_component(svgloader, detaching);
6035
6219
  }
6036
6220
  };
6037
6221
  }
@@ -6281,56 +6465,66 @@
6281
6465
  };
6282
6466
  }
6283
6467
  function create_else_block2(ctx) {
6284
- let errorsolid;
6468
+ let svgloader;
6285
6469
  let current;
6286
- errorsolid = new ErrorSolid_default({});
6470
+ svgloader = new SvgLoader_default({
6471
+ props: {
6472
+ svgName: "errorSolid",
6473
+ className: "incorrect-icon"
6474
+ }
6475
+ });
6287
6476
  return {
6288
6477
  c() {
6289
- create_component(errorsolid.$$.fragment);
6478
+ create_component(svgloader.$$.fragment);
6290
6479
  },
6291
6480
  m(target, anchor) {
6292
- mount_component(errorsolid, target, anchor);
6481
+ mount_component(svgloader, target, anchor);
6293
6482
  current = true;
6294
6483
  },
6295
6484
  i(local) {
6296
6485
  if (current)
6297
6486
  return;
6298
- transition_in(errorsolid.$$.fragment, local);
6487
+ transition_in(svgloader.$$.fragment, local);
6299
6488
  current = true;
6300
6489
  },
6301
6490
  o(local) {
6302
- transition_out(errorsolid.$$.fragment, local);
6491
+ transition_out(svgloader.$$.fragment, local);
6303
6492
  current = false;
6304
6493
  },
6305
6494
  d(detaching) {
6306
- destroy_component(errorsolid, detaching);
6495
+ destroy_component(svgloader, detaching);
6307
6496
  }
6308
6497
  };
6309
6498
  }
6310
6499
  function create_if_block_34(ctx) {
6311
- let successsolid;
6500
+ let svgloader;
6312
6501
  let current;
6313
- successsolid = new SuccessSolid_default({});
6502
+ svgloader = new SvgLoader_default({
6503
+ props: {
6504
+ svgName: "successSolid",
6505
+ className: "correct-icon"
6506
+ }
6507
+ });
6314
6508
  return {
6315
6509
  c() {
6316
- create_component(successsolid.$$.fragment);
6510
+ create_component(svgloader.$$.fragment);
6317
6511
  },
6318
6512
  m(target, anchor) {
6319
- mount_component(successsolid, target, anchor);
6513
+ mount_component(svgloader, target, anchor);
6320
6514
  current = true;
6321
6515
  },
6322
6516
  i(local) {
6323
6517
  if (current)
6324
6518
  return;
6325
- transition_in(successsolid.$$.fragment, local);
6519
+ transition_in(svgloader.$$.fragment, local);
6326
6520
  current = true;
6327
6521
  },
6328
6522
  o(local) {
6329
- transition_out(successsolid.$$.fragment, local);
6523
+ transition_out(svgloader.$$.fragment, local);
6330
6524
  current = false;
6331
6525
  },
6332
6526
  d(detaching) {
6333
- destroy_component(successsolid, detaching);
6527
+ destroy_component(svgloader, detaching);
6334
6528
  }
6335
6529
  };
6336
6530
  }
@@ -6819,7 +7013,7 @@
6819
7013
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
6820
7014
  let if_block1 = (
6821
7015
  /*isFinished*/
6822
- ctx[0] && create_if_block6(ctx)
7016
+ ctx[0] && create_if_block7(ctx)
6823
7017
  );
6824
7018
  return {
6825
7019
  c() {
@@ -6850,7 +7044,7 @@
6850
7044
  transition_in(if_block1, 1);
6851
7045
  }
6852
7046
  } else {
6853
- if_block1 = create_if_block6(ctx2);
7047
+ if_block1 = create_if_block7(ctx2);
6854
7048
  if_block1.c();
6855
7049
  transition_in(if_block1, 1);
6856
7050
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -6886,7 +7080,7 @@
6886
7080
  }
6887
7081
  };
6888
7082
  }
6889
- function create_fragment12(ctx) {
7083
+ function create_fragment8(ctx) {
6890
7084
  let promptbody;
6891
7085
  let current;
6892
7086
  promptbody = new PromptBody_default({
@@ -6949,7 +7143,7 @@
6949
7143
  };
6950
7144
  }
6951
7145
  var idLabel = "answerText";
6952
- function instance7($$self, $$props, $$invalidate) {
7146
+ function instance8($$self, $$props, $$invalidate) {
6953
7147
  let { sessionData } = $$props;
6954
7148
  let { isDataSaving } = $$props;
6955
7149
  let { isFinished = false } = $$props;
@@ -7306,8 +7500,8 @@
7306
7500
  init(
7307
7501
  this,
7308
7502
  options,
7309
- instance7,
7310
- create_fragment12,
7503
+ instance8,
7504
+ create_fragment8,
7311
7505
  safe_not_equal,
7312
7506
  {
7313
7507
  sessionData: 30,
@@ -9383,212 +9577,196 @@
9383
9577
  }(parseFloat(value));
9384
9578
  }
9385
9579
 
9386
- // src/lib/assets/img/product/GripVertical.svelte
9387
- function create_fragment13(ctx) {
9388
- let svg;
9389
- let path;
9390
- return {
9391
- c() {
9392
- svg = svg_element("svg");
9393
- path = svg_element("path");
9394
- attr(path, "fill-rule", "evenodd");
9395
- attr(path, "clip-rule", "evenodd");
9396
- attr(path, "d", "M1 12C1.55228 12 2 12.4477 2 13C2 13.5523 1.55228 14 1 14C0.447715 14 0 13.5523 0 13C0 12.4477 0.447715 12 1 12ZM5 12C5.55228 12 6 12.4477 6 13C6 13.5523 5.55228 14 5 14C4.44772 14 4 13.5523 4 13C4 12.4477 4.44772 12 5 12ZM1 8C1.55228 8 2 8.44772 2 9C2 9.55228 1.55228 10 1 10C0.447715 10 0 9.55228 0 9C0 8.44772 0.447715 8 1 8ZM5 8C5.55228 8 6 8.44772 6 9C6 9.55228 5.55228 10 5 10C4.44772 10 4 9.55228 4 9C4 8.44772 4.44772 8 5 8ZM1 4C1.55228 4 2 4.44772 2 5C2 5.55228 1.55228 6 1 6C0.447715 6 0 5.55228 0 5C0 4.44772 0.447715 4 1 4ZM5 4C5.55228 4 6 4.44772 6 5C6 5.55228 5.55228 6 5 6C4.44772 6 4 5.55228 4 5C4 4.44772 4.44772 4 5 4ZM1 0C1.55228 0 2 0.447715 2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1C0 0.447715 0.447715 0 1 0ZM5 0C5.55228 0 6 0.447715 6 1C6 1.55228 5.55228 2 5 2C4.44772 2 4 1.55228 4 1C4 0.447715 4.44772 0 5 0Z");
9397
- attr(path, "fill", "currentColor");
9398
- attr(svg, "width", "6");
9399
- attr(svg, "height", "14");
9400
- attr(svg, "viewBox", "0 0 6 14");
9401
- attr(svg, "fill", "none");
9402
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9403
- },
9404
- m(target, anchor) {
9405
- insert(target, svg, anchor);
9406
- append(svg, path);
9407
- },
9408
- p: noop,
9409
- i: noop,
9410
- o: noop,
9411
- d(detaching) {
9412
- if (detaching) {
9413
- detach(svg);
9414
- }
9415
- }
9416
- };
9417
- }
9418
- var GripVertical = class extends SvelteComponent {
9419
- constructor(options) {
9420
- super();
9421
- init(this, options, null, create_fragment13, safe_not_equal, {});
9422
- }
9423
- };
9424
- create_custom_element(GripVertical, {}, [], [], true);
9425
- var GripVertical_default = GripVertical;
9426
-
9427
9580
  // src/lib/components/prompt/categorise/PromptCategoriseWordButton.svelte
9428
9581
  function create_else_block3(ctx) {
9429
- let gripvertical;
9582
+ let svgloader;
9430
9583
  let current;
9431
- gripvertical = new GripVertical_default({});
9584
+ svgloader = new SvgLoader_default({
9585
+ props: {
9586
+ svgName: "gripVertical",
9587
+ className: "grip-icon"
9588
+ }
9589
+ });
9432
9590
  return {
9433
9591
  c() {
9434
- create_component(gripvertical.$$.fragment);
9592
+ create_component(svgloader.$$.fragment);
9435
9593
  },
9436
9594
  m(target, anchor) {
9437
- mount_component(gripvertical, target, anchor);
9595
+ mount_component(svgloader, target, anchor);
9438
9596
  current = true;
9439
9597
  },
9440
9598
  i(local) {
9441
9599
  if (current)
9442
9600
  return;
9443
- transition_in(gripvertical.$$.fragment, local);
9601
+ transition_in(svgloader.$$.fragment, local);
9444
9602
  current = true;
9445
9603
  },
9446
9604
  o(local) {
9447
- transition_out(gripvertical.$$.fragment, local);
9605
+ transition_out(svgloader.$$.fragment, local);
9448
9606
  current = false;
9449
9607
  },
9450
9608
  d(detaching) {
9451
- destroy_component(gripvertical, detaching);
9609
+ destroy_component(svgloader, detaching);
9452
9610
  }
9453
9611
  };
9454
9612
  }
9455
9613
  function create_if_block_35(ctx) {
9456
9614
  let span;
9457
- let success;
9615
+ let svgloader;
9458
9616
  let current;
9459
- success = new Success_default({});
9617
+ svgloader = new SvgLoader_default({
9618
+ props: {
9619
+ svgName: "success",
9620
+ className: "missing-correct-icon"
9621
+ }
9622
+ });
9460
9623
  return {
9461
9624
  c() {
9462
9625
  span = element("span");
9463
- create_component(success.$$.fragment);
9626
+ create_component(svgloader.$$.fragment);
9464
9627
  attr(span, "class", "text-green-800");
9465
9628
  },
9466
9629
  m(target, anchor) {
9467
9630
  insert(target, span, anchor);
9468
- mount_component(success, span, null);
9631
+ mount_component(svgloader, span, null);
9469
9632
  current = true;
9470
9633
  },
9471
9634
  i(local) {
9472
9635
  if (current)
9473
9636
  return;
9474
- transition_in(success.$$.fragment, local);
9637
+ transition_in(svgloader.$$.fragment, local);
9475
9638
  current = true;
9476
9639
  },
9477
9640
  o(local) {
9478
- transition_out(success.$$.fragment, local);
9641
+ transition_out(svgloader.$$.fragment, local);
9479
9642
  current = false;
9480
9643
  },
9481
9644
  d(detaching) {
9482
9645
  if (detaching) {
9483
9646
  detach(span);
9484
9647
  }
9485
- destroy_component(success);
9648
+ destroy_component(svgloader);
9486
9649
  }
9487
9650
  };
9488
9651
  }
9489
9652
  function create_if_block_26(ctx) {
9490
9653
  let span;
9491
- let errorsolid;
9654
+ let svgloader;
9492
9655
  let current;
9493
- errorsolid = new ErrorSolid_default({});
9656
+ svgloader = new SvgLoader_default({
9657
+ props: {
9658
+ svgName: "errorSolid",
9659
+ className: "incorrect-icon"
9660
+ }
9661
+ });
9494
9662
  return {
9495
9663
  c() {
9496
9664
  span = element("span");
9497
- create_component(errorsolid.$$.fragment);
9665
+ create_component(svgloader.$$.fragment);
9498
9666
  attr(span, "class", "text-red-800 preview-icon");
9499
9667
  },
9500
9668
  m(target, anchor) {
9501
9669
  insert(target, span, anchor);
9502
- mount_component(errorsolid, span, null);
9670
+ mount_component(svgloader, span, null);
9503
9671
  current = true;
9504
9672
  },
9505
9673
  i(local) {
9506
9674
  if (current)
9507
9675
  return;
9508
- transition_in(errorsolid.$$.fragment, local);
9676
+ transition_in(svgloader.$$.fragment, local);
9509
9677
  current = true;
9510
9678
  },
9511
9679
  o(local) {
9512
- transition_out(errorsolid.$$.fragment, local);
9680
+ transition_out(svgloader.$$.fragment, local);
9513
9681
  current = false;
9514
9682
  },
9515
9683
  d(detaching) {
9516
9684
  if (detaching) {
9517
9685
  detach(span);
9518
9686
  }
9519
- destroy_component(errorsolid);
9687
+ destroy_component(svgloader);
9520
9688
  }
9521
9689
  };
9522
9690
  }
9523
9691
  function create_if_block_16(ctx) {
9524
9692
  let span;
9525
- let successsolid;
9693
+ let svgloader;
9526
9694
  let current;
9527
- successsolid = new SuccessSolid_default({});
9695
+ svgloader = new SvgLoader_default({
9696
+ props: {
9697
+ svgName: "successSolid",
9698
+ className: "correct-icon"
9699
+ }
9700
+ });
9528
9701
  return {
9529
9702
  c() {
9530
9703
  span = element("span");
9531
- create_component(successsolid.$$.fragment);
9704
+ create_component(svgloader.$$.fragment);
9532
9705
  attr(span, "class", "text-green-800 preview-icon");
9533
9706
  },
9534
9707
  m(target, anchor) {
9535
9708
  insert(target, span, anchor);
9536
- mount_component(successsolid, span, null);
9709
+ mount_component(svgloader, span, null);
9537
9710
  current = true;
9538
9711
  },
9539
9712
  i(local) {
9540
9713
  if (current)
9541
9714
  return;
9542
- transition_in(successsolid.$$.fragment, local);
9715
+ transition_in(svgloader.$$.fragment, local);
9543
9716
  current = true;
9544
9717
  },
9545
9718
  o(local) {
9546
- transition_out(successsolid.$$.fragment, local);
9719
+ transition_out(svgloader.$$.fragment, local);
9547
9720
  current = false;
9548
9721
  },
9549
9722
  d(detaching) {
9550
9723
  if (detaching) {
9551
9724
  detach(span);
9552
9725
  }
9553
- destroy_component(successsolid);
9726
+ destroy_component(svgloader);
9554
9727
  }
9555
9728
  };
9556
9729
  }
9557
- function create_if_block7(ctx) {
9730
+ function create_if_block8(ctx) {
9558
9731
  let span;
9559
- let gripvertical;
9732
+ let svgloader;
9560
9733
  let current;
9561
- gripvertical = new GripVertical_default({});
9734
+ svgloader = new SvgLoader_default({
9735
+ props: {
9736
+ svgName: "gripVertical",
9737
+ className: "grip-icon"
9738
+ }
9739
+ });
9562
9740
  return {
9563
9741
  c() {
9564
9742
  span = element("span");
9565
- create_component(gripvertical.$$.fragment);
9743
+ create_component(svgloader.$$.fragment);
9566
9744
  attr(span, "class", "preview-vertical hidden");
9567
9745
  },
9568
9746
  m(target, anchor) {
9569
9747
  insert(target, span, anchor);
9570
- mount_component(gripvertical, span, null);
9748
+ mount_component(svgloader, span, null);
9571
9749
  current = true;
9572
9750
  },
9573
9751
  i(local) {
9574
9752
  if (current)
9575
9753
  return;
9576
- transition_in(gripvertical.$$.fragment, local);
9754
+ transition_in(svgloader.$$.fragment, local);
9577
9755
  current = true;
9578
9756
  },
9579
9757
  o(local) {
9580
- transition_out(gripvertical.$$.fragment, local);
9758
+ transition_out(svgloader.$$.fragment, local);
9581
9759
  current = false;
9582
9760
  },
9583
9761
  d(detaching) {
9584
9762
  if (detaching) {
9585
9763
  detach(span);
9586
9764
  }
9587
- destroy_component(gripvertical);
9765
+ destroy_component(svgloader);
9588
9766
  }
9589
9767
  };
9590
9768
  }
9591
- function create_fragment14(ctx) {
9769
+ function create_fragment9(ctx) {
9592
9770
  let button;
9593
9771
  let span0;
9594
9772
  let commonstringtohtml;
@@ -9639,7 +9817,7 @@
9639
9817
  let if_block1 = (
9640
9818
  /*resultType*/
9641
9819
  (ctx[0] === ANSWER_CORRECT || /*resultType*/
9642
- ctx[0] === ANSWER_INCORRECT) && create_if_block7(ctx)
9820
+ ctx[0] === ANSWER_INCORRECT) && create_if_block8(ctx)
9643
9821
  );
9644
9822
  return {
9645
9823
  c() {
@@ -9809,7 +9987,7 @@
9809
9987
  transition_in(if_block1, 1);
9810
9988
  }
9811
9989
  } else {
9812
- if_block1 = create_if_block7(ctx);
9990
+ if_block1 = create_if_block8(ctx);
9813
9991
  if_block1.c();
9814
9992
  transition_in(if_block1, 1);
9815
9993
  if_block1.m(span2, null);
@@ -9909,7 +10087,7 @@
9909
10087
  }
9910
10088
  };
9911
10089
  }
9912
- function instance8($$self, $$props, $$invalidate) {
10090
+ function instance9($$self, $$props, $$invalidate) {
9913
10091
  let { word = "" } = $$props;
9914
10092
  let { resultType = "" } = $$props;
9915
10093
  let { otherClass = "" } = $$props;
@@ -10065,7 +10243,7 @@
10065
10243
  var PromptCategoriseWordButton = class extends SvelteComponent {
10066
10244
  constructor(options) {
10067
10245
  super();
10068
- init(this, options, instance8, create_fragment14, safe_not_equal, {
10246
+ init(this, options, instance9, create_fragment9, safe_not_equal, {
10069
10247
  word: 1,
10070
10248
  resultType: 0,
10071
10249
  otherClass: 2,
@@ -10288,7 +10466,7 @@
10288
10466
  }
10289
10467
  };
10290
10468
  }
10291
- function create_if_block8(ctx) {
10469
+ function create_if_block9(ctx) {
10292
10470
  let button;
10293
10471
  let t2;
10294
10472
  let button_class_value;
@@ -10327,7 +10505,7 @@
10327
10505
  let current;
10328
10506
  let if_block = (
10329
10507
  /*item*/
10330
- ctx[39].type === ANSWER_MISSED && create_if_block8(ctx)
10508
+ ctx[39].type === ANSWER_MISSED && create_if_block9(ctx)
10331
10509
  );
10332
10510
  promptcategorisewordbutton = new PromptCategoriseWordButton_default({
10333
10511
  props: {
@@ -10419,7 +10597,7 @@
10419
10597
  if (if_block) {
10420
10598
  if_block.p(ctx, dirty);
10421
10599
  } else {
10422
- if_block = create_if_block8(ctx);
10600
+ if_block = create_if_block9(ctx);
10423
10601
  if_block.c();
10424
10602
  if_block.m(t2.parentNode, t2);
10425
10603
  }
@@ -10506,7 +10684,7 @@
10506
10684
  }
10507
10685
  };
10508
10686
  }
10509
- function create_fragment15(ctx) {
10687
+ function create_fragment10(ctx) {
10510
10688
  let t0;
10511
10689
  let t1;
10512
10690
  let section;
@@ -10782,7 +10960,7 @@
10782
10960
  }
10783
10961
  };
10784
10962
  }
10785
- function instance9($$self, $$props, $$invalidate) {
10963
+ function instance10($$self, $$props, $$invalidate) {
10786
10964
  let { containerClass = "" } = $$props;
10787
10965
  let { flipDurationMs = 5 } = $$props;
10788
10966
  let { containerId = "" } = $$props;
@@ -11127,8 +11305,8 @@
11127
11305
  init(
11128
11306
  this,
11129
11307
  options,
11130
- instance9,
11131
- create_fragment15,
11308
+ instance10,
11309
+ create_fragment10,
11132
11310
  safe_not_equal,
11133
11311
  {
11134
11312
  containerClass: 2,
@@ -11245,7 +11423,7 @@
11245
11423
  var PromptCategoriseDndContainer_default = PromptCategoriseDndContainer;
11246
11424
 
11247
11425
  // src/lib/components/common/CommonModal.svelte
11248
- function create_fragment16(ctx) {
11426
+ function create_fragment11(ctx) {
11249
11427
  let div2;
11250
11428
  let div0;
11251
11429
  let t2;
@@ -11377,7 +11555,7 @@
11377
11555
  var keypress_handler = () => {
11378
11556
  return false;
11379
11557
  };
11380
- function instance10($$self, $$props, $$invalidate) {
11558
+ function instance11($$self, $$props, $$invalidate) {
11381
11559
  let { $$slots: slots = {}, $$scope } = $$props;
11382
11560
  let { modalData = [] } = $$props;
11383
11561
  const dispatch = createEventDispatcher();
@@ -11409,7 +11587,7 @@
11409
11587
  var CommonModal = class extends SvelteComponent {
11410
11588
  constructor(options) {
11411
11589
  super();
11412
- init(this, options, instance10, create_fragment16, safe_not_equal, { modalData: 3 });
11590
+ init(this, options, instance11, create_fragment11, safe_not_equal, { modalData: 3 });
11413
11591
  }
11414
11592
  get modalData() {
11415
11593
  return this.$$.ctx[3];
@@ -11422,88 +11600,6 @@
11422
11600
  customElements.define("common-modal", create_custom_element(CommonModal, { "modalData": {} }, ["default"], [], true));
11423
11601
  var CommonModal_default = CommonModal;
11424
11602
 
11425
- // src/lib/assets/img/messaging/AlertIcon.svelte
11426
- function create_fragment17(ctx) {
11427
- let svg;
11428
- let path;
11429
- return {
11430
- c() {
11431
- svg = svg_element("svg");
11432
- path = svg_element("path");
11433
- attr(path, "fill-rule", "evenodd");
11434
- attr(path, "clip-rule", "evenodd");
11435
- attr(path, "d", "M9.81616 0.255055C11.1909 -0.366408 12.8298 0.181391 13.5454 1.53306L21.7676 17.064C22.4728 18.396 21.5072 19.9998 20.0001 19.9998H2.00006C0.492906 19.9998 -0.472697 18.396 0.23248 17.064L8.45475 1.53306C8.72491 1.02275 9.14223 0.605431 9.65254 0.335267L9.81616 0.255055ZM11.0001 13.9998C10.4478 13.9998 10.0001 14.4475 10.0001 14.9998C10.0001 15.5521 10.4478 15.9998 11.0001 15.9998C11.5523 15.9998 12.0001 15.5521 12.0001 14.9998C12.0001 14.4475 11.5523 13.9998 11.0001 13.9998ZM11.0001 5.99978C10.4478 5.99978 10.0001 6.4475 10.0001 6.99978V10.9998C10.0001 11.5521 10.4478 11.9998 11.0001 11.9998C11.5523 11.9998 12.0001 11.5521 12.0001 10.9998V6.99978C12.0001 6.4475 11.5523 5.99978 11.0001 5.99978Z");
11436
- attr(path, "fill", "#C84414");
11437
- attr(svg, "width", "22");
11438
- attr(svg, "height", "20");
11439
- attr(svg, "viewBox", "0 0 22 20");
11440
- attr(svg, "fill", "none");
11441
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11442
- },
11443
- m(target, anchor) {
11444
- insert(target, svg, anchor);
11445
- append(svg, path);
11446
- },
11447
- p: noop,
11448
- i: noop,
11449
- o: noop,
11450
- d(detaching) {
11451
- if (detaching) {
11452
- detach(svg);
11453
- }
11454
- }
11455
- };
11456
- }
11457
- var AlertIcon = class extends SvelteComponent {
11458
- constructor(options) {
11459
- super();
11460
- init(this, options, null, create_fragment17, safe_not_equal, {});
11461
- }
11462
- };
11463
- create_custom_element(AlertIcon, {}, [], [], true);
11464
- var AlertIcon_default = AlertIcon;
11465
-
11466
- // src/lib/assets/img/messaging/CrossIcon.svelte
11467
- function create_fragment18(ctx) {
11468
- let svg;
11469
- let path;
11470
- return {
11471
- c() {
11472
- svg = svg_element("svg");
11473
- path = svg_element("path");
11474
- attr(path, "fill-rule", "evenodd");
11475
- attr(path, "clip-rule", "evenodd");
11476
- attr(path, "d", "M1.70711 0.292893L6 4.585L10.2929 0.292893C10.6834 -0.0976311 11.3166 -0.0976311 11.7071 0.292893C12.0976 0.683418 12.0976 1.31658 11.7071 1.70711L7.415 6L11.7071 10.2929C12.0976 10.6834 12.0976 11.3166 11.7071 11.7071C11.3166 12.0976 10.6834 12.0976 10.2929 11.7071L6 7.415L1.70711 11.7071C1.31658 12.0976 0.683418 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.585 6L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893Z");
11477
- attr(path, "fill", "currentColor");
11478
- attr(svg, "width", "12");
11479
- attr(svg, "height", "12");
11480
- attr(svg, "viewBox", "0 0 12 12");
11481
- attr(svg, "fill", "none");
11482
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11483
- },
11484
- m(target, anchor) {
11485
- insert(target, svg, anchor);
11486
- append(svg, path);
11487
- },
11488
- p: noop,
11489
- i: noop,
11490
- o: noop,
11491
- d(detaching) {
11492
- if (detaching) {
11493
- detach(svg);
11494
- }
11495
- }
11496
- };
11497
- }
11498
- var CrossIcon = class extends SvelteComponent {
11499
- constructor(options) {
11500
- super();
11501
- init(this, options, null, create_fragment18, safe_not_equal, {});
11502
- }
11503
- };
11504
- create_custom_element(CrossIcon, {}, [], [], true);
11505
- var CrossIcon_default = CrossIcon;
11506
-
11507
11603
  // src/lib/components/prompt/categorise/PromptCategoriseModal.svelte
11508
11604
  function create_default_slot3(ctx) {
11509
11605
  let div0;
@@ -11512,12 +11608,12 @@
11512
11608
  let div3;
11513
11609
  let div1;
11514
11610
  let span0;
11515
- let alerticon;
11611
+ let svgloader0;
11516
11612
  let t2;
11517
11613
  let span1;
11518
11614
  let t4;
11519
11615
  let button0;
11520
- let crossicon;
11616
+ let svgloader1;
11521
11617
  let t5;
11522
11618
  let p;
11523
11619
  let t7;
@@ -11528,8 +11624,18 @@
11528
11624
  let current;
11529
11625
  let mounted;
11530
11626
  let dispose;
11531
- alerticon = new AlertIcon_default({});
11532
- crossicon = new CrossIcon_default({});
11627
+ svgloader0 = new SvgLoader_default({
11628
+ props: {
11629
+ svgName: "alertIcon",
11630
+ className: "alert-icon"
11631
+ }
11632
+ });
11633
+ svgloader1 = new SvgLoader_default({
11634
+ props: {
11635
+ svgName: "crossIcon",
11636
+ className: "cross-icon"
11637
+ }
11638
+ });
11533
11639
  return {
11534
11640
  c() {
11535
11641
  div0 = element("div");
@@ -11538,13 +11644,13 @@
11538
11644
  div3 = element("div");
11539
11645
  div1 = element("div");
11540
11646
  span0 = element("span");
11541
- create_component(alerticon.$$.fragment);
11647
+ create_component(svgloader0.$$.fragment);
11542
11648
  t2 = space();
11543
11649
  span1 = element("span");
11544
11650
  span1.textContent = "Reset words?";
11545
11651
  t4 = space();
11546
11652
  button0 = element("button");
11547
- create_component(crossicon.$$.fragment);
11653
+ create_component(svgloader1.$$.fragment);
11548
11654
  t5 = space();
11549
11655
  p = element("p");
11550
11656
  p.textContent = "Are you sure you want to reset your answers for this question? This\n cannot be undone.";
@@ -11583,12 +11689,12 @@
11583
11689
  insert(target, div3, anchor);
11584
11690
  append(div3, div1);
11585
11691
  append(div1, span0);
11586
- mount_component(alerticon, span0, null);
11692
+ mount_component(svgloader0, span0, null);
11587
11693
  append(div1, t2);
11588
11694
  append(div1, span1);
11589
11695
  append(div1, t4);
11590
11696
  append(div1, button0);
11591
- mount_component(crossicon, button0, null);
11697
+ mount_component(svgloader1, button0, null);
11592
11698
  append(div3, t5);
11593
11699
  append(div3, p);
11594
11700
  append(div3, t7);
@@ -11635,539 +11741,185 @@
11635
11741
  i(local) {
11636
11742
  if (current)
11637
11743
  return;
11638
- transition_in(alerticon.$$.fragment, local);
11639
- transition_in(crossicon.$$.fragment, local);
11640
- current = true;
11641
- },
11642
- o(local) {
11643
- transition_out(alerticon.$$.fragment, local);
11644
- transition_out(crossicon.$$.fragment, local);
11645
- current = false;
11646
- },
11647
- d(detaching) {
11648
- if (detaching) {
11649
- detach(div0);
11650
- detach(t1);
11651
- detach(div3);
11652
- }
11653
- ctx[7](null);
11654
- destroy_component(alerticon);
11655
- destroy_component(crossicon);
11656
- mounted = false;
11657
- run_all(dispose);
11658
- }
11659
- };
11660
- }
11661
- function create_fragment19(ctx) {
11662
- let commonmodal;
11663
- let current;
11664
- commonmodal = new CommonModal_default({
11665
- props: {
11666
- modalData: (
11667
- /*modalData*/
11668
- ctx[0]
11669
- ),
11670
- $$slots: { default: [create_default_slot3] },
11671
- $$scope: { ctx }
11672
- }
11673
- });
11674
- commonmodal.$on(
11675
- "updateModalSettings",
11676
- /*updateModal*/
11677
- ctx[4]
11678
- );
11679
- return {
11680
- c() {
11681
- create_component(commonmodal.$$.fragment);
11682
- },
11683
- m(target, anchor) {
11684
- mount_component(commonmodal, target, anchor);
11685
- current = true;
11686
- },
11687
- p(ctx2, [dirty]) {
11688
- const commonmodal_changes = {};
11689
- if (dirty & /*modalData*/
11690
- 1)
11691
- commonmodal_changes.modalData = /*modalData*/
11692
- ctx2[0];
11693
- if (dirty & /*$$scope, ariaHidden, categoryModal*/
11694
- 2054) {
11695
- commonmodal_changes.$$scope = { dirty, ctx: ctx2 };
11696
- }
11697
- commonmodal.$set(commonmodal_changes);
11698
- },
11699
- i(local) {
11700
- if (current)
11701
- return;
11702
- transition_in(commonmodal.$$.fragment, local);
11744
+ transition_in(svgloader0.$$.fragment, local);
11745
+ transition_in(svgloader1.$$.fragment, local);
11703
11746
  current = true;
11704
11747
  },
11705
11748
  o(local) {
11706
- transition_out(commonmodal.$$.fragment, local);
11749
+ transition_out(svgloader0.$$.fragment, local);
11750
+ transition_out(svgloader1.$$.fragment, local);
11707
11751
  current = false;
11708
- },
11709
- d(detaching) {
11710
- destroy_component(commonmodal, detaching);
11711
- }
11712
- };
11713
- }
11714
- function instance11($$self, $$props, $$invalidate) {
11715
- let { categoryData = [] } = $$props;
11716
- let { modalData = [] } = $$props;
11717
- let categoryModal;
11718
- let ariaHidden = false;
11719
- const { isModalOpen } = modalData;
11720
- const dispatch = createEventDispatcher();
11721
- if (isModalOpen) {
11722
- setTimeout(() => {
11723
- categoryModal.focus();
11724
- $$invalidate(2, ariaHidden = true);
11725
- });
11726
- }
11727
- const closeResetModal = () => {
11728
- $$invalidate(0, modalData = {
11729
- isModalOpen: false,
11730
- modalAriaLabel: "",
11731
- isOpenLastStatus: true
11732
- });
11733
- dispatchModalData(modalData);
11734
- };
11735
- const updateModal = ({ detail }) => {
11736
- $$invalidate(0, modalData = { ...modalData, ...detail });
11737
- dispatchModalData(modalData);
11738
- };
11739
- const dispatchModalData = (newSettings) => {
11740
- dispatch("updateModalSettings", newSettings);
11741
- };
11742
- const resetCategories = () => {
11743
- const { currentAnswer, rawCategoryItems } = categoryData;
11744
- const wordBinItems = rawCategoryItems.map((item) => item.id);
11745
- const shuffledWordBinItems = wordBinItems.map((value) => ({ value, sort: Math.random() })).sort((a, b) => a.sort - b.sort).map(({ value }) => value);
11746
- const resetCurrentAnswer = currentAnswer.map((answer) => {
11747
- return {
11748
- ...answer,
11749
- itemId: answer.categoryId === CONTAINER_WORD_BIN_ID ? shuffledWordBinItems : []
11750
- };
11751
- });
11752
- $$invalidate(6, categoryData = {
11753
- ...categoryData,
11754
- considerContainerId: "",
11755
- considerItemId: "",
11756
- considerCloneItemId: "",
11757
- sourceCloneContainerId: "",
11758
- sourceContainerId: "",
11759
- dropContainerId: "",
11760
- isDraggingOver: false,
11761
- selectedItemId: "",
11762
- selectedContainerId: "",
11763
- sourceSelectedContainerId: "",
11764
- currentAnswer: resetCurrentAnswer,
11765
- hasAddItemAnimation: false
11766
- });
11767
- dispatch("updateCategorySettings", categoryData);
11768
- dispatch("resetFeedback");
11769
- dispatch("resetCategory", { answer_list: [] });
11770
- closeResetModal();
11771
- };
11772
- function div0_binding($$value) {
11773
- binding_callbacks[$$value ? "unshift" : "push"](() => {
11774
- categoryModal = $$value;
11775
- $$invalidate(1, categoryModal);
11776
- });
11777
- }
11778
- $$self.$$set = ($$props2) => {
11779
- if ("categoryData" in $$props2)
11780
- $$invalidate(6, categoryData = $$props2.categoryData);
11781
- if ("modalData" in $$props2)
11782
- $$invalidate(0, modalData = $$props2.modalData);
11783
- };
11784
- return [
11785
- modalData,
11786
- categoryModal,
11787
- ariaHidden,
11788
- closeResetModal,
11789
- updateModal,
11790
- resetCategories,
11791
- categoryData,
11792
- div0_binding
11793
- ];
11794
- }
11795
- var PromptCategoriseModal = class extends SvelteComponent {
11796
- constructor(options) {
11797
- super();
11798
- init(this, options, instance11, create_fragment19, safe_not_equal, { categoryData: 6, modalData: 0 });
11799
- }
11800
- get categoryData() {
11801
- return this.$$.ctx[6];
11802
- }
11803
- set categoryData(categoryData) {
11804
- this.$$set({ categoryData });
11805
- flush();
11806
- }
11807
- get modalData() {
11808
- return this.$$.ctx[0];
11809
- }
11810
- set modalData(modalData) {
11811
- this.$$set({ modalData });
11812
- flush();
11813
- }
11814
- };
11815
- customElements.define("prompy-categorise-modal", create_custom_element(PromptCategoriseModal, { "categoryData": {}, "modalData": {} }, [], [], true));
11816
- var PromptCategoriseModal_default = PromptCategoriseModal;
11817
-
11818
- // src/lib/assets/img/action/Switch.svelte
11819
- function create_fragment20(ctx) {
11820
- let svg;
11821
- let path;
11822
- return {
11823
- c() {
11824
- svg = svg_element("svg");
11825
- path = svg_element("path");
11826
- attr(path, "d", "M11.0005 6.99936C10.4475 6.99936 10.0005 7.44736 10.0005 7.99936C10.0005 10.2054 8.20549 11.9994 6.00049 11.9994V10.6434C6.00049 10.0094 5.58749 9.80936 5.08449 10.1984L2.37749 12.2914C1.87449 12.6814 1.87449 13.3184 2.37749 13.7074L5.08449 15.8014C5.58749 16.1904 6.00049 15.9904 6.00049 15.3554V13.9994C9.30849 13.9994 12.0005 11.3084 12.0005 7.99936C12.0005 7.44736 11.5525 6.99936 11.0005 6.99936ZM6.91599 0.198664C6.41199 -0.190336 5.99999 0.0096643 5.99999 0.643664V1.99966C2.69099 1.99966 -1.14441e-05 4.69066 -1.14441e-05 7.99966C-1.14441e-05 8.55166 0.447989 8.99966 0.999989 8.99966C1.55199 8.99966 1.99999 8.55166 1.99999 7.99966C1.99999 5.79366 3.79399 3.99966 5.99999 3.99966V5.35566C5.99999 5.98966 6.41199 6.18966 6.91599 5.80066L9.62299 3.70766C10.126 3.31766 10.126 2.68166 9.62299 2.29166L6.91599 0.198664Z");
11827
- attr(path, "fill", "currentColor");
11828
- attr(svg, "width", "12");
11829
- attr(svg, "height", "16");
11830
- attr(svg, "viewBox", "0 0 12 16");
11831
- attr(svg, "fill", "none");
11832
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11833
- },
11834
- m(target, anchor) {
11835
- insert(target, svg, anchor);
11836
- append(svg, path);
11837
- },
11838
- p: noop,
11839
- i: noop,
11840
- o: noop,
11841
- d(detaching) {
11842
- if (detaching) {
11843
- detach(svg);
11844
- }
11845
- }
11846
- };
11847
- }
11848
- var Switch = class extends SvelteComponent {
11849
- constructor(options) {
11850
- super();
11851
- init(this, options, null, create_fragment20, safe_not_equal, {});
11852
- }
11853
- };
11854
- create_custom_element(Switch, {}, [], [], true);
11855
- var Switch_default = Switch;
11856
-
11857
- // src/lib/assets/img/messaging/SmallChevronUp.svelte
11858
- function create_fragment21(ctx) {
11859
- let svg;
11860
- let path;
11861
- return {
11862
- c() {
11863
- svg = svg_element("svg");
11864
- path = svg_element("path");
11865
- attr(path, "fill-rule", "evenodd");
11866
- attr(path, "clip-rule", "evenodd");
11867
- attr(path, "d", "M4 1.60948L1.13807 4.4714C0.877721 4.73175 0.455612 4.73175 0.195262 4.4714C-0.0650874 4.21105 -0.0650874 3.78894 0.195262 3.5286L3.5286 0.195262C3.78895 -0.0650874 4.21105 -0.0650874 4.4714 0.195262L7.80474 3.5286C8.06509 3.78894 8.06509 4.21105 7.80474 4.4714C7.54439 4.73175 7.12228 4.73175 6.86193 4.4714L4 1.60948Z");
11868
- attr(path, "fill", "currentColor");
11869
- attr(
11870
- svg,
11871
- "width",
11872
- /*width*/
11873
- ctx[0]
11874
- );
11875
- attr(
11876
- svg,
11877
- "height",
11878
- /*height*/
11879
- ctx[1]
11880
- );
11881
- attr(svg, "viewBox", "0 0 8 5");
11882
- attr(svg, "fill", "none");
11883
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11884
- attr(svg, "aria-hidden", "true");
11885
- },
11886
- m(target, anchor) {
11887
- insert(target, svg, anchor);
11888
- append(svg, path);
11889
- },
11890
- p(ctx2, [dirty]) {
11891
- if (dirty & /*width*/
11892
- 1) {
11893
- attr(
11894
- svg,
11895
- "width",
11896
- /*width*/
11897
- ctx2[0]
11898
- );
11899
- }
11900
- if (dirty & /*height*/
11901
- 2) {
11902
- attr(
11903
- svg,
11904
- "height",
11905
- /*height*/
11906
- ctx2[1]
11907
- );
11908
- }
11909
- },
11910
- i: noop,
11911
- o: noop,
11912
- d(detaching) {
11913
- if (detaching) {
11914
- detach(svg);
11915
- }
11916
- }
11917
- };
11918
- }
11919
- function instance12($$self, $$props, $$invalidate) {
11920
- let { width = 8 } = $$props;
11921
- let { height = 5 } = $$props;
11922
- $$self.$$set = ($$props2) => {
11923
- if ("width" in $$props2)
11924
- $$invalidate(0, width = $$props2.width);
11925
- if ("height" in $$props2)
11926
- $$invalidate(1, height = $$props2.height);
11927
- };
11928
- return [width, height];
11929
- }
11930
- var SmallChevronUp = class extends SvelteComponent {
11931
- constructor(options) {
11932
- super();
11933
- init(this, options, instance12, create_fragment21, safe_not_equal, { width: 0, height: 1 });
11934
- }
11935
- get width() {
11936
- return this.$$.ctx[0];
11937
- }
11938
- set width(width) {
11939
- this.$$set({ width });
11940
- flush();
11941
- }
11942
- get height() {
11943
- return this.$$.ctx[1];
11944
- }
11945
- set height(height) {
11946
- this.$$set({ height });
11947
- flush();
11948
- }
11949
- };
11950
- create_custom_element(SmallChevronUp, { "width": {}, "height": {} }, [], [], true);
11951
- var SmallChevronUp_default = SmallChevronUp;
11952
-
11953
- // src/lib/assets/img/messaging/SmallChevronDown.svelte
11954
- function create_fragment22(ctx) {
11955
- let svg;
11956
- let path;
11957
- return {
11958
- c() {
11959
- svg = svg_element("svg");
11960
- path = svg_element("path");
11961
- attr(path, "fill-rule", "evenodd");
11962
- attr(path, "clip-rule", "evenodd");
11963
- attr(path, "d", "M4 3.05719L6.86193 0.195262C7.12228 -0.0650874 7.54439 -0.0650874 7.80474 0.195262C8.06509 0.455612 8.06509 0.877721 7.80474 1.13807L4.4714 4.4714C4.21105 4.73175 3.78895 4.73175 3.5286 4.4714L0.195262 1.13807C-0.0650874 0.877721 -0.0650874 0.455612 0.195262 0.195262C0.455612 -0.0650874 0.877721 -0.0650874 1.13807 0.195262L4 3.05719Z");
11964
- attr(path, "fill", "currentColor");
11965
- attr(
11966
- svg,
11967
- "width",
11968
- /*width*/
11969
- ctx[0]
11970
- );
11971
- attr(
11972
- svg,
11973
- "height",
11974
- /*height*/
11975
- ctx[1]
11976
- );
11977
- attr(svg, "viewBox", "0 0 8 5");
11978
- attr(svg, "fill", "none");
11979
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11980
- attr(svg, "aria-hidden", "true");
11981
- },
11982
- m(target, anchor) {
11983
- insert(target, svg, anchor);
11984
- append(svg, path);
11985
- },
11986
- p(ctx2, [dirty]) {
11987
- if (dirty & /*width*/
11988
- 1) {
11989
- attr(
11990
- svg,
11991
- "width",
11992
- /*width*/
11993
- ctx2[0]
11994
- );
11995
- }
11996
- if (dirty & /*height*/
11997
- 2) {
11998
- attr(
11999
- svg,
12000
- "height",
12001
- /*height*/
12002
- ctx2[1]
12003
- );
12004
- }
12005
- },
12006
- i: noop,
12007
- o: noop,
12008
- d(detaching) {
12009
- if (detaching) {
12010
- detach(svg);
12011
- }
12012
- }
12013
- };
12014
- }
12015
- function instance13($$self, $$props, $$invalidate) {
12016
- let { width = 8 } = $$props;
12017
- let { height = 5 } = $$props;
12018
- $$self.$$set = ($$props2) => {
12019
- if ("width" in $$props2)
12020
- $$invalidate(0, width = $$props2.width);
12021
- if ("height" in $$props2)
12022
- $$invalidate(1, height = $$props2.height);
12023
- };
12024
- return [width, height];
12025
- }
12026
- var SmallChevronDown = class extends SvelteComponent {
12027
- constructor(options) {
12028
- super();
12029
- init(this, options, instance13, create_fragment22, safe_not_equal, { width: 0, height: 1 });
12030
- }
12031
- get width() {
12032
- return this.$$.ctx[0];
12033
- }
12034
- set width(width) {
12035
- this.$$set({ width });
12036
- flush();
12037
- }
12038
- get height() {
12039
- return this.$$.ctx[1];
12040
- }
12041
- set height(height) {
12042
- this.$$set({ height });
12043
- flush();
12044
- }
12045
- };
12046
- create_custom_element(SmallChevronDown, { "width": {}, "height": {} }, [], [], true);
12047
- var SmallChevronDown_default = SmallChevronDown;
12048
-
12049
- // src/lib/assets/img/messaging/SmallChevronLeft.svelte
12050
- function create_fragment23(ctx) {
12051
- let svg;
12052
- let path;
12053
- return {
12054
- c() {
12055
- svg = svg_element("svg");
12056
- path = svg_element("path");
12057
- attr(path, "fill-rule", "evenodd");
12058
- attr(path, "clip-rule", "evenodd");
12059
- attr(path, "d", "M2.41421 6L6.70711 10.2929C7.09763 10.6834 7.09763 11.3166 6.70711 11.7071C6.31658 12.0976 5.68342 12.0976 5.29289 11.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289L5.29289 0.292893C5.68342 -0.0976311 6.31658 -0.0976311 6.70711 0.292893C7.09763 0.683418 7.09763 1.31658 6.70711 1.70711L2.41421 6Z");
12060
- attr(path, "fill", "currentColor");
12061
- attr(svg, "width", "7");
12062
- attr(svg, "height", "12");
12063
- attr(svg, "viewBox", "0 0 7 12");
12064
- attr(svg, "fill", "none");
12065
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12066
- },
12067
- m(target, anchor) {
12068
- insert(target, svg, anchor);
12069
- append(svg, path);
12070
- },
12071
- p: noop,
12072
- i: noop,
12073
- o: noop,
11752
+ },
12074
11753
  d(detaching) {
12075
11754
  if (detaching) {
12076
- detach(svg);
11755
+ detach(div0);
11756
+ detach(t1);
11757
+ detach(div3);
12077
11758
  }
11759
+ ctx[7](null);
11760
+ destroy_component(svgloader0);
11761
+ destroy_component(svgloader1);
11762
+ mounted = false;
11763
+ run_all(dispose);
12078
11764
  }
12079
11765
  };
12080
11766
  }
12081
- var SmallChevronLeft = class extends SvelteComponent {
12082
- constructor(options) {
12083
- super();
12084
- init(this, options, null, create_fragment23, safe_not_equal, {});
12085
- }
12086
- };
12087
- create_custom_element(SmallChevronLeft, {}, [], [], true);
12088
- var SmallChevronLeft_default = SmallChevronLeft;
12089
-
12090
- // src/lib/assets/img/messaging/SmallChevronRight.svelte
12091
- function create_fragment24(ctx) {
12092
- let svg;
12093
- let path;
11767
+ function create_fragment12(ctx) {
11768
+ let commonmodal;
11769
+ let current;
11770
+ commonmodal = new CommonModal_default({
11771
+ props: {
11772
+ modalData: (
11773
+ /*modalData*/
11774
+ ctx[0]
11775
+ ),
11776
+ $$slots: { default: [create_default_slot3] },
11777
+ $$scope: { ctx }
11778
+ }
11779
+ });
11780
+ commonmodal.$on(
11781
+ "updateModalSettings",
11782
+ /*updateModal*/
11783
+ ctx[4]
11784
+ );
12094
11785
  return {
12095
11786
  c() {
12096
- svg = svg_element("svg");
12097
- path = svg_element("path");
12098
- attr(path, "fill-rule", "evenodd");
12099
- attr(path, "clip-rule", "evenodd");
12100
- attr(path, "d", "M4.58579 6L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.70711 5.29289C7.09763 5.68342 7.09763 6.31658 6.70711 6.70711L1.70711 11.7071C1.31658 12.0976 0.683418 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.58579 6Z");
12101
- attr(path, "fill", "currentColor");
12102
- attr(svg, "width", "7");
12103
- attr(svg, "height", "12");
12104
- attr(svg, "viewBox", "0 0 7 12");
12105
- attr(svg, "fill", "none");
12106
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11787
+ create_component(commonmodal.$$.fragment);
12107
11788
  },
12108
11789
  m(target, anchor) {
12109
- insert(target, svg, anchor);
12110
- append(svg, path);
11790
+ mount_component(commonmodal, target, anchor);
11791
+ current = true;
12111
11792
  },
12112
- p: noop,
12113
- i: noop,
12114
- o: noop,
12115
- d(detaching) {
12116
- if (detaching) {
12117
- detach(svg);
11793
+ p(ctx2, [dirty]) {
11794
+ const commonmodal_changes = {};
11795
+ if (dirty & /*modalData*/
11796
+ 1)
11797
+ commonmodal_changes.modalData = /*modalData*/
11798
+ ctx2[0];
11799
+ if (dirty & /*$$scope, ariaHidden, categoryModal*/
11800
+ 2054) {
11801
+ commonmodal_changes.$$scope = { dirty, ctx: ctx2 };
12118
11802
  }
12119
- }
12120
- };
12121
- }
12122
- var SmallChevronRight = class extends SvelteComponent {
12123
- constructor(options) {
12124
- super();
12125
- init(this, options, null, create_fragment24, safe_not_equal, {});
12126
- }
12127
- };
12128
- create_custom_element(SmallChevronRight, {}, [], [], true);
12129
- var SmallChevronRight_default = SmallChevronRight;
12130
-
12131
- // src/lib/assets/img/messaging/ArrowDownCircle.svelte
12132
- function create_fragment25(ctx) {
12133
- let svg;
12134
- let path;
12135
- return {
12136
- c() {
12137
- svg = svg_element("svg");
12138
- path = svg_element("path");
12139
- attr(path, "fill-rule", "evenodd");
12140
- attr(path, "clip-rule", "evenodd");
12141
- attr(path, "d", "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 5C9.44772 5 9 5.44772 9 6V11.585L6.70711 9.29289C6.34662 8.93241 5.77939 8.90468 5.3871 9.2097L5.29289 9.29289C4.90237 9.68342 4.90237 10.3166 5.29289 10.7071L9.29289 14.7071C9.32136 14.7356 9.35153 14.7623 9.38325 14.7872C9.39016 14.7927 9.3974 14.7982 9.40469 14.8037C9.42887 14.8215 9.45372 14.8383 9.47934 14.8539C9.49139 14.8614 9.50361 14.8685 9.51594 14.8753C9.53571 14.8862 9.55611 14.8966 9.5769 14.9063C9.5939 14.9143 9.6112 14.9218 9.62866 14.9288C9.64842 14.9367 9.6682 14.9439 9.68826 14.9505C9.70315 14.9553 9.71854 14.9599 9.73401 14.9642C9.75556 14.9702 9.77725 14.9754 9.79921 14.9798C9.81662 14.9833 9.83405 14.9864 9.85153 14.989L9.88338 14.9933L9.91075 14.996C9.934 14.9981 9.95732 14.9994 9.98065 14.9998L10 15C10.0065 15 10.0129 14.9999 10.0193 14.9998C10.0427 14.9994 10.066 14.9981 10.0893 14.996C10.1097 14.9943 10.1294 14.9919 10.149 14.989C10.1659 14.9864 10.1834 14.9833 10.2007 14.9798C10.2227 14.9754 10.2444 14.9702 10.2658 14.9643C10.2815 14.9599 10.2969 14.9553 10.3121 14.9503C10.3318 14.9439 10.3516 14.9367 10.3711 14.9289C10.3888 14.9218 10.4061 14.9143 10.4232 14.9063C10.4439 14.8966 10.4643 14.8862 10.4843 14.8751C10.4964 14.8685 10.5086 14.8614 10.5207 14.854C10.5463 14.8383 10.5711 14.8215 10.5952 14.8037L10.6129 14.7903C10.6485 14.7623 10.6786 14.7356 10.7071 14.7071L14.7071 10.7071C15.0976 10.3166 15.0976 9.68342 14.7071 9.29289C14.3166 8.90237 13.6834 8.90237 13.2929 9.29289L11 11.585V6C11 5.48716 10.614 5.06449 10.1166 5.00673L10 5Z");
12142
- attr(path, "fill", "currentColor");
12143
- attr(svg, "width", "20");
12144
- attr(svg, "height", "20");
12145
- attr(svg, "viewBox", "0 0 20 20");
12146
- attr(svg, "fill", "none");
12147
- attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11803
+ commonmodal.$set(commonmodal_changes);
12148
11804
  },
12149
- m(target, anchor) {
12150
- insert(target, svg, anchor);
12151
- append(svg, path);
11805
+ i(local) {
11806
+ if (current)
11807
+ return;
11808
+ transition_in(commonmodal.$$.fragment, local);
11809
+ current = true;
11810
+ },
11811
+ o(local) {
11812
+ transition_out(commonmodal.$$.fragment, local);
11813
+ current = false;
12152
11814
  },
12153
- p: noop,
12154
- i: noop,
12155
- o: noop,
12156
11815
  d(detaching) {
12157
- if (detaching) {
12158
- detach(svg);
12159
- }
11816
+ destroy_component(commonmodal, detaching);
12160
11817
  }
12161
11818
  };
12162
11819
  }
12163
- var ArrowDownCircle = class extends SvelteComponent {
11820
+ function instance12($$self, $$props, $$invalidate) {
11821
+ let { categoryData = [] } = $$props;
11822
+ let { modalData = [] } = $$props;
11823
+ let categoryModal;
11824
+ let ariaHidden = false;
11825
+ const { isModalOpen } = modalData;
11826
+ const dispatch = createEventDispatcher();
11827
+ if (isModalOpen) {
11828
+ setTimeout(() => {
11829
+ categoryModal.focus();
11830
+ $$invalidate(2, ariaHidden = true);
11831
+ });
11832
+ }
11833
+ const closeResetModal = () => {
11834
+ $$invalidate(0, modalData = {
11835
+ isModalOpen: false,
11836
+ modalAriaLabel: "",
11837
+ isOpenLastStatus: true
11838
+ });
11839
+ dispatchModalData(modalData);
11840
+ };
11841
+ const updateModal = ({ detail }) => {
11842
+ $$invalidate(0, modalData = { ...modalData, ...detail });
11843
+ dispatchModalData(modalData);
11844
+ };
11845
+ const dispatchModalData = (newSettings) => {
11846
+ dispatch("updateModalSettings", newSettings);
11847
+ };
11848
+ const resetCategories = () => {
11849
+ const { currentAnswer, rawCategoryItems } = categoryData;
11850
+ const wordBinItems = rawCategoryItems.map((item) => item.id);
11851
+ const shuffledWordBinItems = wordBinItems.map((value) => ({ value, sort: Math.random() })).sort((a, b) => a.sort - b.sort).map(({ value }) => value);
11852
+ const resetCurrentAnswer = currentAnswer.map((answer) => {
11853
+ return {
11854
+ ...answer,
11855
+ itemId: answer.categoryId === CONTAINER_WORD_BIN_ID ? shuffledWordBinItems : []
11856
+ };
11857
+ });
11858
+ $$invalidate(6, categoryData = {
11859
+ ...categoryData,
11860
+ considerContainerId: "",
11861
+ considerItemId: "",
11862
+ considerCloneItemId: "",
11863
+ sourceCloneContainerId: "",
11864
+ sourceContainerId: "",
11865
+ dropContainerId: "",
11866
+ isDraggingOver: false,
11867
+ selectedItemId: "",
11868
+ selectedContainerId: "",
11869
+ sourceSelectedContainerId: "",
11870
+ currentAnswer: resetCurrentAnswer,
11871
+ hasAddItemAnimation: false
11872
+ });
11873
+ dispatch("updateCategorySettings", categoryData);
11874
+ dispatch("resetFeedback");
11875
+ dispatch("resetCategory", { answer_list: [] });
11876
+ closeResetModal();
11877
+ };
11878
+ function div0_binding($$value) {
11879
+ binding_callbacks[$$value ? "unshift" : "push"](() => {
11880
+ categoryModal = $$value;
11881
+ $$invalidate(1, categoryModal);
11882
+ });
11883
+ }
11884
+ $$self.$$set = ($$props2) => {
11885
+ if ("categoryData" in $$props2)
11886
+ $$invalidate(6, categoryData = $$props2.categoryData);
11887
+ if ("modalData" in $$props2)
11888
+ $$invalidate(0, modalData = $$props2.modalData);
11889
+ };
11890
+ return [
11891
+ modalData,
11892
+ categoryModal,
11893
+ ariaHidden,
11894
+ closeResetModal,
11895
+ updateModal,
11896
+ resetCategories,
11897
+ categoryData,
11898
+ div0_binding
11899
+ ];
11900
+ }
11901
+ var PromptCategoriseModal = class extends SvelteComponent {
12164
11902
  constructor(options) {
12165
11903
  super();
12166
- init(this, options, null, create_fragment25, safe_not_equal, {});
11904
+ init(this, options, instance12, create_fragment12, safe_not_equal, { categoryData: 6, modalData: 0 });
11905
+ }
11906
+ get categoryData() {
11907
+ return this.$$.ctx[6];
11908
+ }
11909
+ set categoryData(categoryData) {
11910
+ this.$$set({ categoryData });
11911
+ flush();
11912
+ }
11913
+ get modalData() {
11914
+ return this.$$.ctx[0];
11915
+ }
11916
+ set modalData(modalData) {
11917
+ this.$$set({ modalData });
11918
+ flush();
12167
11919
  }
12168
11920
  };
12169
- create_custom_element(ArrowDownCircle, {}, [], [], true);
12170
- var ArrowDownCircle_default = ArrowDownCircle;
11921
+ customElements.define("prompy-categorise-modal", create_custom_element(PromptCategoriseModal, { "categoryData": {}, "modalData": {} }, [], [], true));
11922
+ var PromptCategoriseModal_default = PromptCategoriseModal;
12171
11923
 
12172
11924
  // node_modules/svelte-viewport-info/dist/svelte-viewport-info.esm.js
12173
11925
  var MediaMatcher = window.matchMedia || // @ts-ignore
@@ -12479,18 +12231,23 @@
12479
12231
  function create_if_block_64(ctx) {
12480
12232
  let button;
12481
12233
  let span0;
12482
- let switchicon;
12234
+ let svgloader;
12483
12235
  let t0;
12484
12236
  let span2;
12485
12237
  let current;
12486
12238
  let mounted;
12487
12239
  let dispose;
12488
- switchicon = new Switch_default({});
12240
+ svgloader = new SvgLoader_default({
12241
+ props: {
12242
+ svgName: "switch",
12243
+ className: "switch-icon"
12244
+ }
12245
+ });
12489
12246
  return {
12490
12247
  c() {
12491
12248
  button = element("button");
12492
12249
  span0 = element("span");
12493
- create_component(switchicon.$$.fragment);
12250
+ create_component(svgloader.$$.fragment);
12494
12251
  t0 = space();
12495
12252
  span2 = element("span");
12496
12253
  span2.innerHTML = `Reset <span class="hidden md:inline-block">words</span>`;
@@ -12508,7 +12265,7 @@
12508
12265
  m(target, anchor) {
12509
12266
  insert(target, button, anchor);
12510
12267
  append(button, span0);
12511
- mount_component(switchicon, span0, null);
12268
+ mount_component(svgloader, span0, null);
12512
12269
  append(button, t0);
12513
12270
  append(button, span2);
12514
12271
  current = true;
@@ -12536,18 +12293,18 @@
12536
12293
  i(local) {
12537
12294
  if (current)
12538
12295
  return;
12539
- transition_in(switchicon.$$.fragment, local);
12296
+ transition_in(svgloader.$$.fragment, local);
12540
12297
  current = true;
12541
12298
  },
12542
12299
  o(local) {
12543
- transition_out(switchicon.$$.fragment, local);
12300
+ transition_out(svgloader.$$.fragment, local);
12544
12301
  current = false;
12545
12302
  },
12546
12303
  d(detaching) {
12547
12304
  if (detaching) {
12548
12305
  detach(button);
12549
12306
  }
12550
- destroy_component(switchicon);
12307
+ destroy_component(svgloader);
12551
12308
  mounted = false;
12552
12309
  dispose();
12553
12310
  }
@@ -12716,56 +12473,66 @@
12716
12473
  };
12717
12474
  }
12718
12475
  function create_else_block4(ctx) {
12719
- let smallchevrondown;
12476
+ let svgloader;
12720
12477
  let current;
12721
- smallchevrondown = new SmallChevronDown_default({});
12478
+ svgloader = new SvgLoader_default({
12479
+ props: {
12480
+ svgName: "smallChevronDown",
12481
+ className: "expand-icon"
12482
+ }
12483
+ });
12722
12484
  return {
12723
12485
  c() {
12724
- create_component(smallchevrondown.$$.fragment);
12486
+ create_component(svgloader.$$.fragment);
12725
12487
  },
12726
12488
  m(target, anchor) {
12727
- mount_component(smallchevrondown, target, anchor);
12489
+ mount_component(svgloader, target, anchor);
12728
12490
  current = true;
12729
12491
  },
12730
12492
  i(local) {
12731
12493
  if (current)
12732
12494
  return;
12733
- transition_in(smallchevrondown.$$.fragment, local);
12495
+ transition_in(svgloader.$$.fragment, local);
12734
12496
  current = true;
12735
12497
  },
12736
12498
  o(local) {
12737
- transition_out(smallchevrondown.$$.fragment, local);
12499
+ transition_out(svgloader.$$.fragment, local);
12738
12500
  current = false;
12739
12501
  },
12740
12502
  d(detaching) {
12741
- destroy_component(smallchevrondown, detaching);
12503
+ destroy_component(svgloader, detaching);
12742
12504
  }
12743
12505
  };
12744
12506
  }
12745
12507
  function create_if_block_18(ctx) {
12746
- let smallchevronup;
12508
+ let svgloader;
12747
12509
  let current;
12748
- smallchevronup = new SmallChevronUp_default({});
12510
+ svgloader = new SvgLoader_default({
12511
+ props: {
12512
+ svgName: "smallChevronUp",
12513
+ className: "collapse-icon"
12514
+ }
12515
+ });
12749
12516
  return {
12750
12517
  c() {
12751
- create_component(smallchevronup.$$.fragment);
12518
+ create_component(svgloader.$$.fragment);
12752
12519
  },
12753
12520
  m(target, anchor) {
12754
- mount_component(smallchevronup, target, anchor);
12521
+ mount_component(svgloader, target, anchor);
12755
12522
  current = true;
12756
12523
  },
12757
12524
  i(local) {
12758
12525
  if (current)
12759
12526
  return;
12760
- transition_in(smallchevronup.$$.fragment, local);
12527
+ transition_in(svgloader.$$.fragment, local);
12761
12528
  current = true;
12762
12529
  },
12763
12530
  o(local) {
12764
- transition_out(smallchevronup.$$.fragment, local);
12531
+ transition_out(svgloader.$$.fragment, local);
12765
12532
  current = false;
12766
12533
  },
12767
12534
  d(detaching) {
12768
- destroy_component(smallchevronup, detaching);
12535
+ destroy_component(svgloader, detaching);
12769
12536
  }
12770
12537
  };
12771
12538
  }
@@ -13549,7 +13316,7 @@
13549
13316
  }
13550
13317
  };
13551
13318
  }
13552
- function create_if_block9(ctx) {
13319
+ function create_if_block10(ctx) {
13553
13320
  let span;
13554
13321
  let t0;
13555
13322
  let t1;
@@ -13594,7 +13361,7 @@
13594
13361
  let span0;
13595
13362
  let t2;
13596
13363
  let span1;
13597
- let arrowdowncircle;
13364
+ let svgloader0;
13598
13365
  let t3;
13599
13366
  let t4;
13600
13367
  let div1;
@@ -13626,7 +13393,7 @@
13626
13393
  let div4;
13627
13394
  let button1;
13628
13395
  let span4;
13629
- let smallchevronleft;
13396
+ let svgloader1;
13630
13397
  let button1_class_value;
13631
13398
  let button1_disabled_value;
13632
13399
  let t17;
@@ -13634,7 +13401,7 @@
13634
13401
  let t18;
13635
13402
  let button2;
13636
13403
  let span5;
13637
- let smallchevronright;
13404
+ let svgloader2;
13638
13405
  let button2_class_value;
13639
13406
  let button2_disabled_value;
13640
13407
  let div5_aria_live_value;
@@ -13646,7 +13413,12 @@
13646
13413
  /*isFeedbackShown*/
13647
13414
  ctx[25] && create_if_block_84(ctx)
13648
13415
  );
13649
- arrowdowncircle = new ArrowDownCircle_default({});
13416
+ svgloader0 = new SvgLoader_default({
13417
+ props: {
13418
+ svgName: "arrowDownCircle",
13419
+ className: "arrow-down-circle-icon"
13420
+ }
13421
+ });
13650
13422
  let if_block1 = (
13651
13423
  /*isModalOpen*/
13652
13424
  ctx[18] && create_if_block_74(ctx)
@@ -13668,8 +13440,13 @@
13668
13440
  const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
13669
13441
  each_blocks[i] = null;
13670
13442
  });
13671
- let if_block3 = show_if && create_if_block9(ctx);
13672
- smallchevronleft = new SmallChevronLeft_default({});
13443
+ let if_block3 = show_if && create_if_block10(ctx);
13444
+ svgloader1 = new SvgLoader_default({
13445
+ props: {
13446
+ svgName: "smallChevronLeft",
13447
+ className: "arrow-left-icon"
13448
+ }
13449
+ });
13673
13450
  promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
13674
13451
  props: {
13675
13452
  containerClass: "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal\n " + /*isWordBInTotalZero*/
@@ -13720,7 +13497,12 @@
13720
13497
  /*saveCategory*/
13721
13498
  ctx[46]
13722
13499
  );
13723
- smallchevronright = new SmallChevronRight_default({});
13500
+ svgloader2 = new SvgLoader_default({
13501
+ props: {
13502
+ svgName: "smallChevronRight",
13503
+ className: "arrow-right-icon"
13504
+ }
13505
+ });
13724
13506
  return {
13725
13507
  c() {
13726
13508
  div0 = element("div");
@@ -13732,7 +13514,7 @@
13732
13514
  span0.textContent = "Skip to Word Bin";
13733
13515
  t2 = space();
13734
13516
  span1 = element("span");
13735
- create_component(arrowdowncircle.$$.fragment);
13517
+ create_component(svgloader0.$$.fragment);
13736
13518
  t3 = space();
13737
13519
  if (if_block1)
13738
13520
  if_block1.c();
@@ -13772,13 +13554,13 @@
13772
13554
  div4 = element("div");
13773
13555
  button1 = element("button");
13774
13556
  span4 = element("span");
13775
- create_component(smallchevronleft.$$.fragment);
13557
+ create_component(svgloader1.$$.fragment);
13776
13558
  t17 = space();
13777
13559
  create_component(promptcategorisedndcontainer.$$.fragment);
13778
13560
  t18 = space();
13779
13561
  button2 = element("button");
13780
13562
  span5 = element("span");
13781
- create_component(smallchevronright.$$.fragment);
13563
+ create_component(svgloader2.$$.fragment);
13782
13564
  attr(div0, "aria-live", "polite");
13783
13565
  attr(span0, "class", "test-base font-semibold underline mr-1");
13784
13566
  attr(span1, "class", "text-inherit h-6 w-6 flex items-center justify-center");
@@ -13878,7 +13660,7 @@
13878
13660
  append(button0, span0);
13879
13661
  append(button0, t2);
13880
13662
  append(button0, span1);
13881
- mount_component(arrowdowncircle, span1, null);
13663
+ mount_component(svgloader0, span1, null);
13882
13664
  insert(target, t3, anchor);
13883
13665
  if (if_block1)
13884
13666
  if_block1.m(target, anchor);
@@ -13912,13 +13694,13 @@
13912
13694
  append(div5, div4);
13913
13695
  append(div4, button1);
13914
13696
  append(button1, span4);
13915
- mount_component(smallchevronleft, span4, null);
13697
+ mount_component(svgloader1, span4, null);
13916
13698
  append(div4, t17);
13917
13699
  mount_component(promptcategorisedndcontainer, div4, null);
13918
13700
  append(div4, t18);
13919
13701
  append(div4, button2);
13920
13702
  append(button2, span5);
13921
- mount_component(smallchevronright, span5, null);
13703
+ mount_component(svgloader2, span5, null);
13922
13704
  ctx[62](div5);
13923
13705
  current = true;
13924
13706
  if (!mounted) {
@@ -14118,7 +13900,7 @@
14118
13900
  if (if_block3) {
14119
13901
  if_block3.p(ctx, dirty);
14120
13902
  } else {
14121
- if_block3 = create_if_block9(ctx);
13903
+ if_block3 = create_if_block10(ctx);
14122
13904
  if_block3.c();
14123
13905
  if_block3.m(div3, t9);
14124
13906
  }
@@ -14254,29 +14036,29 @@
14254
14036
  if (current)
14255
14037
  return;
14256
14038
  transition_in(if_block0);
14257
- transition_in(arrowdowncircle.$$.fragment, local);
14039
+ transition_in(svgloader0.$$.fragment, local);
14258
14040
  transition_in(if_block1);
14259
14041
  transition_in(if_block2);
14260
14042
  for (let i = 0; i < each_value.length; i += 1) {
14261
14043
  transition_in(each_blocks[i]);
14262
14044
  }
14263
- transition_in(smallchevronleft.$$.fragment, local);
14045
+ transition_in(svgloader1.$$.fragment, local);
14264
14046
  transition_in(promptcategorisedndcontainer.$$.fragment, local);
14265
- transition_in(smallchevronright.$$.fragment, local);
14047
+ transition_in(svgloader2.$$.fragment, local);
14266
14048
  current = true;
14267
14049
  },
14268
14050
  o(local) {
14269
14051
  transition_out(if_block0);
14270
- transition_out(arrowdowncircle.$$.fragment, local);
14052
+ transition_out(svgloader0.$$.fragment, local);
14271
14053
  transition_out(if_block1);
14272
14054
  transition_out(if_block2);
14273
14055
  each_blocks = each_blocks.filter(Boolean);
14274
14056
  for (let i = 0; i < each_blocks.length; i += 1) {
14275
14057
  transition_out(each_blocks[i]);
14276
14058
  }
14277
- transition_out(smallchevronleft.$$.fragment, local);
14059
+ transition_out(svgloader1.$$.fragment, local);
14278
14060
  transition_out(promptcategorisedndcontainer.$$.fragment, local);
14279
- transition_out(smallchevronright.$$.fragment, local);
14061
+ transition_out(svgloader2.$$.fragment, local);
14280
14062
  current = false;
14281
14063
  },
14282
14064
  d(detaching) {
@@ -14294,7 +14076,7 @@
14294
14076
  }
14295
14077
  if (if_block0)
14296
14078
  if_block0.d();
14297
- destroy_component(arrowdowncircle);
14079
+ destroy_component(svgloader0);
14298
14080
  if (if_block1)
14299
14081
  if_block1.d(detaching);
14300
14082
  if (if_block2)
@@ -14302,16 +14084,16 @@
14302
14084
  destroy_each(each_blocks, detaching);
14303
14085
  if (if_block3)
14304
14086
  if_block3.d();
14305
- destroy_component(smallchevronleft);
14087
+ destroy_component(svgloader1);
14306
14088
  destroy_component(promptcategorisedndcontainer);
14307
- destroy_component(smallchevronright);
14089
+ destroy_component(svgloader2);
14308
14090
  ctx[62](null);
14309
14091
  mounted = false;
14310
14092
  run_all(dispose);
14311
14093
  }
14312
14094
  };
14313
14095
  }
14314
- function create_fragment26(ctx) {
14096
+ function create_fragment13(ctx) {
14315
14097
  let div;
14316
14098
  let promptbody;
14317
14099
  let current;
@@ -14374,7 +14156,7 @@
14374
14156
  }
14375
14157
  };
14376
14158
  }
14377
- function instance14($$self, $$props, $$invalidate) {
14159
+ function instance13($$self, $$props, $$invalidate) {
14378
14160
  let { sessionData } = $$props;
14379
14161
  let { isFinished = false } = $$props;
14380
14162
  let { isPreviewMode = false } = $$props;
@@ -14865,8 +14647,8 @@
14865
14647
  init(
14866
14648
  this,
14867
14649
  options,
14868
- instance14,
14869
- create_fragment26,
14650
+ instance13,
14651
+ create_fragment13,
14870
14652
  safe_not_equal,
14871
14653
  {
14872
14654
  sessionData: 54,
@@ -15111,137 +14893,161 @@
15111
14893
  }
15112
14894
  function create_else_block_12(ctx) {
15113
14895
  let span;
15114
- let errorsolid;
14896
+ let svgloader;
15115
14897
  let current;
15116
- errorsolid = new ErrorSolid_default({});
14898
+ svgloader = new SvgLoader_default({
14899
+ props: {
14900
+ svgName: "errorSolid",
14901
+ className: "incorrect-icon"
14902
+ }
14903
+ });
15117
14904
  return {
15118
14905
  c() {
15119
14906
  span = element("span");
15120
- create_component(errorsolid.$$.fragment);
14907
+ create_component(svgloader.$$.fragment);
15121
14908
  attr(span, "class", "text-red-900 mr-2");
15122
14909
  },
15123
14910
  m(target, anchor) {
15124
14911
  insert(target, span, anchor);
15125
- mount_component(errorsolid, span, null);
14912
+ mount_component(svgloader, span, null);
15126
14913
  current = true;
15127
14914
  },
15128
14915
  i(local) {
15129
14916
  if (current)
15130
14917
  return;
15131
- transition_in(errorsolid.$$.fragment, local);
14918
+ transition_in(svgloader.$$.fragment, local);
15132
14919
  current = true;
15133
14920
  },
15134
14921
  o(local) {
15135
- transition_out(errorsolid.$$.fragment, local);
14922
+ transition_out(svgloader.$$.fragment, local);
15136
14923
  current = false;
15137
14924
  },
15138
14925
  d(detaching) {
15139
14926
  if (detaching) {
15140
14927
  detach(span);
15141
14928
  }
15142
- destroy_component(errorsolid);
14929
+ destroy_component(svgloader);
15143
14930
  }
15144
14931
  };
15145
14932
  }
15146
14933
  function create_if_block_29(ctx) {
15147
14934
  let span;
15148
- let successsolid;
14935
+ let svgloader;
15149
14936
  let current;
15150
- successsolid = new SuccessSolid_default({});
14937
+ svgloader = new SvgLoader_default({
14938
+ props: {
14939
+ svgName: "successSolid",
14940
+ className: "correct-icon"
14941
+ }
14942
+ });
15151
14943
  return {
15152
14944
  c() {
15153
14945
  span = element("span");
15154
- create_component(successsolid.$$.fragment);
14946
+ create_component(svgloader.$$.fragment);
15155
14947
  attr(span, "class", "text-green-900 mr-2");
15156
14948
  },
15157
14949
  m(target, anchor) {
15158
14950
  insert(target, span, anchor);
15159
- mount_component(successsolid, span, null);
14951
+ mount_component(svgloader, span, null);
15160
14952
  current = true;
15161
14953
  },
15162
14954
  i(local) {
15163
14955
  if (current)
15164
14956
  return;
15165
- transition_in(successsolid.$$.fragment, local);
14957
+ transition_in(svgloader.$$.fragment, local);
15166
14958
  current = true;
15167
14959
  },
15168
14960
  o(local) {
15169
- transition_out(successsolid.$$.fragment, local);
14961
+ transition_out(svgloader.$$.fragment, local);
15170
14962
  current = false;
15171
14963
  },
15172
14964
  d(detaching) {
15173
14965
  if (detaching) {
15174
14966
  detach(span);
15175
14967
  }
15176
- destroy_component(successsolid);
14968
+ destroy_component(svgloader);
15177
14969
  }
15178
14970
  };
15179
14971
  }
15180
14972
  function create_else_block5(ctx) {
15181
14973
  let span;
15182
- let smallchevrondown;
14974
+ let svgloader;
15183
14975
  let current;
15184
- smallchevrondown = new SmallChevronDown_default({ props: { width: 12, height: 7 } });
14976
+ svgloader = new SvgLoader_default({
14977
+ props: {
14978
+ svgName: "smallChevronDown",
14979
+ className: "expand-icon",
14980
+ width: 12,
14981
+ height: 7
14982
+ }
14983
+ });
15185
14984
  return {
15186
14985
  c() {
15187
14986
  span = element("span");
15188
- create_component(smallchevrondown.$$.fragment);
14987
+ create_component(svgloader.$$.fragment);
15189
14988
  attr(span, "class", "flex items-center justify-center text-blue-1000");
15190
14989
  },
15191
14990
  m(target, anchor) {
15192
14991
  insert(target, span, anchor);
15193
- mount_component(smallchevrondown, span, null);
14992
+ mount_component(svgloader, span, null);
15194
14993
  current = true;
15195
14994
  },
15196
14995
  i(local) {
15197
14996
  if (current)
15198
14997
  return;
15199
- transition_in(smallchevrondown.$$.fragment, local);
14998
+ transition_in(svgloader.$$.fragment, local);
15200
14999
  current = true;
15201
15000
  },
15202
15001
  o(local) {
15203
- transition_out(smallchevrondown.$$.fragment, local);
15002
+ transition_out(svgloader.$$.fragment, local);
15204
15003
  current = false;
15205
15004
  },
15206
15005
  d(detaching) {
15207
15006
  if (detaching) {
15208
15007
  detach(span);
15209
15008
  }
15210
- destroy_component(smallchevrondown);
15009
+ destroy_component(svgloader);
15211
15010
  }
15212
15011
  };
15213
15012
  }
15214
- function create_if_block10(ctx) {
15013
+ function create_if_block11(ctx) {
15215
15014
  let span;
15216
- let smallchevronup;
15015
+ let svgloader;
15217
15016
  let current;
15218
- smallchevronup = new SmallChevronUp_default({ props: { width: 12, height: 7 } });
15017
+ svgloader = new SvgLoader_default({
15018
+ props: {
15019
+ svgName: "smallChevronUp",
15020
+ className: "collapse-icon",
15021
+ width: 12,
15022
+ height: 7
15023
+ }
15024
+ });
15219
15025
  return {
15220
15026
  c() {
15221
15027
  span = element("span");
15222
- create_component(smallchevronup.$$.fragment);
15028
+ create_component(svgloader.$$.fragment);
15223
15029
  attr(span, "class", "flex items-center justify-center text-blue-1000");
15224
15030
  },
15225
15031
  m(target, anchor) {
15226
15032
  insert(target, span, anchor);
15227
- mount_component(smallchevronup, span, null);
15033
+ mount_component(svgloader, span, null);
15228
15034
  current = true;
15229
15035
  },
15230
15036
  i(local) {
15231
15037
  if (current)
15232
15038
  return;
15233
- transition_in(smallchevronup.$$.fragment, local);
15039
+ transition_in(svgloader.$$.fragment, local);
15234
15040
  current = true;
15235
15041
  },
15236
15042
  o(local) {
15237
- transition_out(smallchevronup.$$.fragment, local);
15043
+ transition_out(svgloader.$$.fragment, local);
15238
15044
  current = false;
15239
15045
  },
15240
15046
  d(detaching) {
15241
15047
  if (detaching) {
15242
15048
  detach(span);
15243
15049
  }
15244
- destroy_component(smallchevronup);
15050
+ destroy_component(svgloader);
15245
15051
  }
15246
15052
  };
15247
15053
  }
@@ -15251,11 +15057,11 @@
15251
15057
  let commonstringtohtml;
15252
15058
  let t0;
15253
15059
  let span0;
15254
- let successsolid;
15060
+ let svgloader0;
15255
15061
  let span0_class_value;
15256
15062
  let t1;
15257
15063
  let span1;
15258
- let errorsolid;
15064
+ let svgloader1;
15259
15065
  let span1_class_value;
15260
15066
  let t2;
15261
15067
  let li_id_value;
@@ -15277,8 +15083,18 @@
15277
15083
  ctx[15] ? "current-option" : "")
15278
15084
  }
15279
15085
  });
15280
- successsolid = new SuccessSolid_default({});
15281
- errorsolid = new ErrorSolid_default({});
15086
+ svgloader0 = new SvgLoader_default({
15087
+ props: {
15088
+ svgName: "successSolid",
15089
+ className: "correct-icon"
15090
+ }
15091
+ });
15092
+ svgloader1 = new SvgLoader_default({
15093
+ props: {
15094
+ svgName: "errorSolid",
15095
+ className: "incorrect-icon"
15096
+ }
15097
+ });
15282
15098
  function click_handler() {
15283
15099
  return (
15284
15100
  /*click_handler*/
@@ -15297,10 +15113,10 @@
15297
15113
  create_component(commonstringtohtml.$$.fragment);
15298
15114
  t0 = space();
15299
15115
  span0 = element("span");
15300
- create_component(successsolid.$$.fragment);
15116
+ create_component(svgloader0.$$.fragment);
15301
15117
  t1 = space();
15302
15118
  span1 = element("span");
15303
- create_component(errorsolid.$$.fragment);
15119
+ create_component(svgloader1.$$.fragment);
15304
15120
  t2 = space();
15305
15121
  attr(span0, "class", span0_class_value = "flex items-center " + /*isCorrect*/
15306
15122
  (ctx[13](
@@ -15339,10 +15155,10 @@
15339
15155
  mount_component(commonstringtohtml, div, null);
15340
15156
  append(div, t0);
15341
15157
  append(div, span0);
15342
- mount_component(successsolid, span0, null);
15158
+ mount_component(svgloader0, span0, null);
15343
15159
  append(div, t1);
15344
15160
  append(div, span1);
15345
- mount_component(errorsolid, span1, null);
15161
+ mount_component(svgloader1, span1, null);
15346
15162
  append(li, t2);
15347
15163
  current = true;
15348
15164
  if (!mounted) {
@@ -15424,14 +15240,14 @@
15424
15240
  if (current)
15425
15241
  return;
15426
15242
  transition_in(commonstringtohtml.$$.fragment, local);
15427
- transition_in(successsolid.$$.fragment, local);
15428
- transition_in(errorsolid.$$.fragment, local);
15243
+ transition_in(svgloader0.$$.fragment, local);
15244
+ transition_in(svgloader1.$$.fragment, local);
15429
15245
  current = true;
15430
15246
  },
15431
15247
  o(local) {
15432
15248
  transition_out(commonstringtohtml.$$.fragment, local);
15433
- transition_out(successsolid.$$.fragment, local);
15434
- transition_out(errorsolid.$$.fragment, local);
15249
+ transition_out(svgloader0.$$.fragment, local);
15250
+ transition_out(svgloader1.$$.fragment, local);
15435
15251
  current = false;
15436
15252
  },
15437
15253
  d(detaching) {
@@ -15439,14 +15255,14 @@
15439
15255
  detach(li);
15440
15256
  }
15441
15257
  destroy_component(commonstringtohtml);
15442
- destroy_component(successsolid);
15443
- destroy_component(errorsolid);
15258
+ destroy_component(svgloader0);
15259
+ destroy_component(svgloader1);
15444
15260
  mounted = false;
15445
15261
  run_all(dispose);
15446
15262
  }
15447
15263
  };
15448
15264
  }
15449
- function create_fragment27(ctx) {
15265
+ function create_fragment14(ctx) {
15450
15266
  let span1;
15451
15267
  let div0;
15452
15268
  let div0_class_value;
@@ -15508,7 +15324,7 @@
15508
15324
  ctx[2] && /*previewInteractiveEvent*/
15509
15325
  ctx[6]) && create_if_block_19(ctx)
15510
15326
  );
15511
- const if_block_creators = [create_if_block10, create_else_block5];
15327
+ const if_block_creators = [create_if_block11, create_else_block5];
15512
15328
  const if_blocks = [];
15513
15329
  function select_block_type_3(ctx2, dirty) {
15514
15330
  if (
@@ -15959,7 +15775,7 @@
15959
15775
  };
15960
15776
  }
15961
15777
  var keyPressDelay = 1e3;
15962
- function instance15($$self, $$props, $$invalidate) {
15778
+ function instance14($$self, $$props, $$invalidate) {
15963
15779
  let activeIndex;
15964
15780
  let lastKeyPressTime;
15965
15781
  let focusKeyDelay;
@@ -16277,8 +16093,8 @@
16277
16093
  init(
16278
16094
  this,
16279
16095
  options,
16280
- instance15,
16281
- create_fragment27,
16096
+ instance14,
16097
+ create_fragment14,
16282
16098
  safe_not_equal,
16283
16099
  {
16284
16100
  metadata: 22,
@@ -16675,7 +16491,7 @@
16675
16491
  }
16676
16492
  };
16677
16493
  }
16678
- function create_if_block11(ctx) {
16494
+ function create_if_block12(ctx) {
16679
16495
  let span1;
16680
16496
  let span0;
16681
16497
  let current_block_type_index;
@@ -16761,56 +16577,66 @@
16761
16577
  };
16762
16578
  }
16763
16579
  function create_else_block6(ctx) {
16764
- let errorsolid;
16580
+ let svgloader;
16765
16581
  let current;
16766
- errorsolid = new ErrorSolid_default({});
16582
+ svgloader = new SvgLoader_default({
16583
+ props: {
16584
+ svgName: "errorSolid",
16585
+ className: "incorrect-icon"
16586
+ }
16587
+ });
16767
16588
  return {
16768
16589
  c() {
16769
- create_component(errorsolid.$$.fragment);
16590
+ create_component(svgloader.$$.fragment);
16770
16591
  },
16771
16592
  m(target, anchor) {
16772
- mount_component(errorsolid, target, anchor);
16593
+ mount_component(svgloader, target, anchor);
16773
16594
  current = true;
16774
16595
  },
16775
16596
  i(local) {
16776
16597
  if (current)
16777
16598
  return;
16778
- transition_in(errorsolid.$$.fragment, local);
16599
+ transition_in(svgloader.$$.fragment, local);
16779
16600
  current = true;
16780
16601
  },
16781
16602
  o(local) {
16782
- transition_out(errorsolid.$$.fragment, local);
16603
+ transition_out(svgloader.$$.fragment, local);
16783
16604
  current = false;
16784
16605
  },
16785
16606
  d(detaching) {
16786
- destroy_component(errorsolid, detaching);
16607
+ destroy_component(svgloader, detaching);
16787
16608
  }
16788
16609
  };
16789
16610
  }
16790
16611
  function create_if_block_110(ctx) {
16791
- let successsolid;
16612
+ let svgloader;
16792
16613
  let current;
16793
- successsolid = new SuccessSolid_default({});
16614
+ svgloader = new SvgLoader_default({
16615
+ props: {
16616
+ svgName: "successSolid",
16617
+ className: "correct-icon"
16618
+ }
16619
+ });
16794
16620
  return {
16795
16621
  c() {
16796
- create_component(successsolid.$$.fragment);
16622
+ create_component(svgloader.$$.fragment);
16797
16623
  },
16798
16624
  m(target, anchor) {
16799
- mount_component(successsolid, target, anchor);
16625
+ mount_component(svgloader, target, anchor);
16800
16626
  current = true;
16801
16627
  },
16802
16628
  i(local) {
16803
16629
  if (current)
16804
16630
  return;
16805
- transition_in(successsolid.$$.fragment, local);
16631
+ transition_in(svgloader.$$.fragment, local);
16806
16632
  current = true;
16807
16633
  },
16808
16634
  o(local) {
16809
- transition_out(successsolid.$$.fragment, local);
16635
+ transition_out(svgloader.$$.fragment, local);
16810
16636
  current = false;
16811
16637
  },
16812
16638
  d(detaching) {
16813
- destroy_component(successsolid, detaching);
16639
+ destroy_component(svgloader, detaching);
16814
16640
  }
16815
16641
  };
16816
16642
  }
@@ -16888,7 +16714,7 @@
16888
16714
  }
16889
16715
  current_block_type_index = select_block_type_2(ctx, -1);
16890
16716
  if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
16891
- let if_block2 = show_if && create_if_block11(ctx);
16717
+ let if_block2 = show_if && create_if_block12(ctx);
16892
16718
  return {
16893
16719
  c() {
16894
16720
  div3 = element("div");
@@ -17263,7 +17089,7 @@
17263
17089
  }
17264
17090
  };
17265
17091
  }
17266
- function create_fragment28(ctx) {
17092
+ function create_fragment15(ctx) {
17267
17093
  let each_1_anchor;
17268
17094
  let current;
17269
17095
  let each_value = ensure_array_like(
@@ -17343,7 +17169,7 @@
17343
17169
  }
17344
17170
  };
17345
17171
  }
17346
- function instance16($$self, $$props, $$invalidate) {
17172
+ function instance15($$self, $$props, $$invalidate) {
17347
17173
  let { sessionId } = $$props;
17348
17174
  let { answerResults = [] } = $$props;
17349
17175
  let { correctAnswers = [] } = $$props;
@@ -17372,7 +17198,7 @@
17372
17198
  var PromptResultFeedbackTable = class extends SvelteComponent {
17373
17199
  constructor(options) {
17374
17200
  super();
17375
- init(this, options, instance16, create_fragment28, safe_not_equal, {
17201
+ init(this, options, instance15, create_fragment15, safe_not_equal, {
17376
17202
  sessionId: 0,
17377
17203
  answerResults: 1,
17378
17204
  correctAnswers: 2,
@@ -17605,7 +17431,7 @@
17605
17431
  }
17606
17432
  };
17607
17433
  }
17608
- function create_if_block12(ctx) {
17434
+ function create_if_block13(ctx) {
17609
17435
  let div;
17610
17436
  let t0;
17611
17437
  let t1;
@@ -17801,7 +17627,7 @@
17801
17627
  });
17802
17628
  let if_block = (
17803
17629
  /*showFeedbackandTable*/
17804
- ctx[11] && create_if_block12(ctx)
17630
+ ctx[11] && create_if_block13(ctx)
17805
17631
  );
17806
17632
  return {
17807
17633
  c() {
@@ -17868,7 +17694,7 @@
17868
17694
  transition_in(if_block, 1);
17869
17695
  }
17870
17696
  } else {
17871
- if_block = create_if_block12(ctx2);
17697
+ if_block = create_if_block13(ctx2);
17872
17698
  if_block.c();
17873
17699
  transition_in(if_block, 1);
17874
17700
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -17910,7 +17736,7 @@
17910
17736
  }
17911
17737
  };
17912
17738
  }
17913
- function create_fragment29(ctx) {
17739
+ function create_fragment16(ctx) {
17914
17740
  let promptbody;
17915
17741
  let current;
17916
17742
  promptbody = new PromptBody_default({
@@ -17965,7 +17791,7 @@
17965
17791
  }
17966
17792
  };
17967
17793
  }
17968
- function instance17($$self, $$props, $$invalidate) {
17794
+ function instance16($$self, $$props, $$invalidate) {
17969
17795
  let answer;
17970
17796
  let getSessionFeedbackData;
17971
17797
  let isSkipped;
@@ -18189,8 +18015,8 @@
18189
18015
  init(
18190
18016
  this,
18191
18017
  options,
18192
- instance17,
18193
- create_fragment29,
18018
+ instance16,
18019
+ create_fragment16,
18194
18020
  safe_not_equal,
18195
18021
  {
18196
18022
  sessionData: 0,
@@ -18251,7 +18077,7 @@
18251
18077
  var PromptDropdown_default = PromptDropdown;
18252
18078
 
18253
18079
  // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
18254
- function create_fragment30(ctx) {
18080
+ function create_fragment17(ctx) {
18255
18081
  let div3;
18256
18082
  return {
18257
18083
  c() {
@@ -18274,7 +18100,7 @@
18274
18100
  var PromptSkeleton = class extends SvelteComponent {
18275
18101
  constructor(options) {
18276
18102
  super();
18277
- init(this, options, null, create_fragment30, safe_not_equal, {});
18103
+ init(this, options, null, create_fragment17, safe_not_equal, {});
18278
18104
  }
18279
18105
  };
18280
18106
  customElements.define("prompt-skeleton", create_custom_element(PromptSkeleton, {}, [], [], true));
@@ -18400,7 +18226,7 @@
18400
18226
  }
18401
18227
  };
18402
18228
  }
18403
- function create_if_block13(ctx) {
18229
+ function create_if_block14(ctx) {
18404
18230
  let promptskeleton;
18405
18231
  let current;
18406
18232
  promptskeleton = new PromptSkeleton_default({});
@@ -18772,7 +18598,7 @@
18772
18598
  }
18773
18599
  };
18774
18600
  }
18775
- function create_fragment31(ctx) {
18601
+ function create_fragment18(ctx) {
18776
18602
  let current_block_type_index;
18777
18603
  let if_block;
18778
18604
  let t2;
@@ -18780,7 +18606,7 @@
18780
18606
  let link1;
18781
18607
  let link2;
18782
18608
  let current;
18783
- const if_block_creators = [create_if_block13, create_if_block_112, create_else_block_14];
18609
+ const if_block_creators = [create_if_block14, create_if_block_112, create_else_block_14];
18784
18610
  const if_blocks = [];
18785
18611
  function select_block_type(ctx2, dirty) {
18786
18612
  if (
@@ -18864,7 +18690,7 @@
18864
18690
  };
18865
18691
  }
18866
18692
  var bannerLabel = "Invalid session id.";
18867
- function instance18($$self, $$props, $$invalidate) {
18693
+ function instance17($$self, $$props, $$invalidate) {
18868
18694
  const { "session-id": sessionId, "preview-mode": previewMode, "item-id": itemId, "preview-contentful": previewContentful } = $$props;
18869
18695
  const previewModeType = ["true", "interactive"];
18870
18696
  const isPreviewModeInteractive = Boolean(previewMode === "interactive" && itemId);
@@ -19134,7 +18960,7 @@
19134
18960
  var PromptBuilder = class extends SvelteComponent {
19135
18961
  constructor(options) {
19136
18962
  super();
19137
- init(this, options, instance18, create_fragment31, safe_not_equal, {}, add_css2);
18963
+ init(this, options, instance17, create_fragment18, safe_not_equal, {}, add_css2);
19138
18964
  }
19139
18965
  };
19140
18966
  customElements.define("prompt-builder", create_custom_element(PromptBuilder, {}, [], [], true));