eat-js-sdk 0.0.40 → 0.0.42

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.
@@ -5756,7 +5756,8 @@
5756
5756
  // src/lib/stores/modal.ts
5757
5757
  var modalSettings = writable({
5758
5758
  isModalOpen: false,
5759
- modalAriaLabel: ""
5759
+ modalAriaLabel: "",
5760
+ isOpenLastStatus: false
5760
5761
  });
5761
5762
 
5762
5763
  // src/lib/composables/useCategorise.ts
@@ -6907,7 +6908,8 @@
6907
6908
  attr(button2, "aria-label", "Reset");
6908
6909
  attr(button2, "class", "focus-ring w-full py-2 px-3 text-white text-base leading-4 rounded-lg font-bold border-2 border-blue-1000 bg-soft-blue hover:bg-yellow-1000 hover:text-charcoal active:bg-yellow-1100 active:text-charcoal md:w-fit");
6909
6910
  attr(div1, "class", "flex flex-col-reverse items-center space-y-2 space-y-reverse md:justify-between md:flex-row md:space-y-0");
6910
- attr(div2, "class", "absolute inset-y-0 right-4 left-4 w-fit h-fit m-auto bg-white p-6 max-w-[400px] shadow-md rounded-lg md:inset-0");
6911
+ attr(div2, "tabindex", "0");
6912
+ attr(div2, "class", "absolute inset-y-0 right-4 left-4 w-fit h-fit m-auto bg-white p-6 max-w-[400px] shadow-md rounded-lg focus-visible:outline-none md:inset-0");
6911
6913
  },
6912
6914
  m(target, anchor) {
6913
6915
  insert(target, div2, anchor);
@@ -6926,6 +6928,7 @@
6926
6928
  append(div1, button1);
6927
6929
  append(div1, t7);
6928
6930
  append(div1, button2);
6931
+ ctx[3](div2);
6929
6932
  current = true;
6930
6933
  if (!mounted) {
6931
6934
  dispose = [
@@ -6933,19 +6936,19 @@
6933
6936
  button0,
6934
6937
  "click",
6935
6938
  /*closeResetModal*/
6936
- ctx[0]
6939
+ ctx[1]
6937
6940
  ),
6938
6941
  listen(
6939
6942
  button1,
6940
6943
  "click",
6941
6944
  /*closeResetModal*/
6942
- ctx[0]
6945
+ ctx[1]
6943
6946
  ),
6944
6947
  listen(
6945
6948
  button2,
6946
6949
  "click",
6947
6950
  /*resetCategories*/
6948
- ctx[1]
6951
+ ctx[2]
6949
6952
  )
6950
6953
  ];
6951
6954
  mounted = true;
@@ -6970,6 +6973,7 @@
6970
6973
  }
6971
6974
  destroy_component(alerticon);
6972
6975
  destroy_component(crossicon);
6976
+ ctx[3](null);
6973
6977
  mounted = false;
6974
6978
  run_all(dispose);
6975
6979
  }
@@ -6994,8 +6998,8 @@
6994
6998
  },
6995
6999
  p(ctx2, [dirty]) {
6996
7000
  const commonmodal_changes = {};
6997
- if (dirty & /*$$scope*/
6998
- 8) {
7001
+ if (dirty & /*$$scope, categoryModal*/
7002
+ 65) {
6999
7003
  commonmodal_changes.$$scope = { dirty, ctx: ctx2 };
7000
7004
  }
7001
7005
  commonmodal.$set(commonmodal_changes);
@@ -7015,12 +7019,24 @@
7015
7019
  }
7016
7020
  };
7017
7021
  }
7018
- function instance8($$self) {
7022
+ function instance8($$self, $$props, $$invalidate) {
7023
+ let categoryModal;
7024
+ const { isModalOpen } = get_store_value(modalSettings);
7025
+ if (isModalOpen) {
7026
+ setTimeout(
7027
+ () => {
7028
+ categoryModal.focus();
7029
+ $$invalidate(0, categoryModal.tabIndex = -1, categoryModal);
7030
+ },
7031
+ 100
7032
+ );
7033
+ }
7019
7034
  const closeResetModal = () => {
7020
7035
  modalSettings.set({
7021
7036
  ...get_store_value(modalSettings),
7022
7037
  isModalOpen: false,
7023
- modalAriaLabel: ""
7038
+ modalAriaLabel: "",
7039
+ isOpenLastStatus: true
7024
7040
  });
7025
7041
  };
7026
7042
  const dispatch = createEventDispatcher();
@@ -7052,7 +7068,13 @@
7052
7068
  dispatch("resetCategory", { answer_list: [] });
7053
7069
  closeResetModal();
7054
7070
  };
7055
- return [closeResetModal, resetCategories];
7071
+ function div2_binding($$value) {
7072
+ binding_callbacks[$$value ? "unshift" : "push"](() => {
7073
+ categoryModal = $$value;
7074
+ $$invalidate(0, categoryModal);
7075
+ });
7076
+ }
7077
+ return [categoryModal, closeResetModal, resetCategories, div2_binding];
7056
7078
  }
7057
7079
  var PromptCategoriseModal = class extends SvelteComponent {
7058
7080
  constructor(options) {
@@ -7472,9 +7494,9 @@
7472
7494
  // src/lib/components/prompt/categorise/PromptCategorise.svelte
7473
7495
  function get_each_context3(ctx, list, i) {
7474
7496
  const child_ctx = ctx.slice();
7475
- child_ctx[46] = list[i];
7476
- child_ctx[47] = list;
7477
- child_ctx[48] = i;
7497
+ child_ctx[48] = list[i];
7498
+ child_ctx[49] = list;
7499
+ child_ctx[50] = i;
7478
7500
  return child_ctx;
7479
7501
  }
7480
7502
  function create_if_block_42(ctx) {
@@ -7484,7 +7506,7 @@
7484
7506
  promptcategorisemodal.$on(
7485
7507
  "resetCategory",
7486
7508
  /*saveCategory*/
7487
- ctx[28]
7509
+ ctx[29]
7488
7510
  );
7489
7511
  return {
7490
7512
  c() {
@@ -7534,7 +7556,7 @@
7534
7556
  button,
7535
7557
  "tabindex",
7536
7558
  /*categoryTabIndex*/
7537
- ctx[12]
7559
+ ctx[13]
7538
7560
  );
7539
7561
  attr(button, "aria-label", "Reset words");
7540
7562
  attr(button, "class", "group focus-ring flex items-center rounded-lg border-2 border-soft-blue text-blue-1000 px-3 py-2 absolute right-0 -top-2.5 hover:bg-blue-100");
@@ -7551,19 +7573,19 @@
7551
7573
  button,
7552
7574
  "click",
7553
7575
  /*openResetModal*/
7554
- ctx[23]
7576
+ ctx[24]
7555
7577
  );
7556
7578
  mounted = true;
7557
7579
  }
7558
7580
  },
7559
7581
  p(ctx2, dirty) {
7560
7582
  if (!current || dirty[0] & /*categoryTabIndex*/
7561
- 4096) {
7583
+ 8192) {
7562
7584
  attr(
7563
7585
  button,
7564
7586
  "tabindex",
7565
7587
  /*categoryTabIndex*/
7566
- ctx2[12]
7588
+ ctx2[13]
7567
7589
  );
7568
7590
  }
7569
7591
  },
@@ -7598,7 +7620,7 @@
7598
7620
  t0 = text("Option ");
7599
7621
  t1 = text(
7600
7622
  /*selectedItemName*/
7601
- ctx[13]
7623
+ ctx[14]
7602
7624
  );
7603
7625
  t2 = text(" added in:\xA0");
7604
7626
  attr(span, "class", "sr-only");
@@ -7611,11 +7633,11 @@
7611
7633
  },
7612
7634
  p(ctx2, dirty) {
7613
7635
  if (dirty[0] & /*selectedItemName*/
7614
- 8192)
7636
+ 16384)
7615
7637
  set_data(
7616
7638
  t1,
7617
7639
  /*selectedItemName*/
7618
- ctx2[13]
7640
+ ctx2[14]
7619
7641
  );
7620
7642
  },
7621
7643
  d(detaching) {
@@ -7684,11 +7706,11 @@
7684
7706
  let div0;
7685
7707
  let show_if_1 = (
7686
7708
  /*checkContainerDroppedItem*/
7687
- ctx[21](
7709
+ ctx[22](
7688
7710
  /*category*/
7689
- ctx[46].id,
7711
+ ctx[48].id,
7690
7712
  /*dropContainerId*/
7691
- ctx[3]
7713
+ ctx[4]
7692
7714
  )
7693
7715
  );
7694
7716
  let t0;
@@ -7700,11 +7722,11 @@
7700
7722
  let span2;
7701
7723
  let t7_value = (
7702
7724
  /*getTotalWords*/
7703
- ctx[24](
7725
+ ctx[25](
7704
7726
  /*category*/
7705
- ctx[46].id,
7727
+ ctx[48].id,
7706
7728
  /*currentAnswer*/
7707
- ctx[6]
7729
+ ctx[7]
7708
7730
  ) + ""
7709
7731
  );
7710
7732
  let t7;
@@ -7724,7 +7746,7 @@
7724
7746
  let div1_class_value;
7725
7747
  let category = (
7726
7748
  /*category*/
7727
- ctx[46]
7749
+ ctx[48]
7728
7750
  );
7729
7751
  let current;
7730
7752
  let mounted;
@@ -7734,15 +7756,15 @@
7734
7756
  const if_blocks = [];
7735
7757
  function select_block_type(ctx2, dirty) {
7736
7758
  if (dirty[0] & /*openCategoryContainer*/
7737
- 1024)
7759
+ 2048)
7738
7760
  show_if = null;
7739
7761
  if (show_if == null)
7740
7762
  show_if = !!/*checkifCategoryContainerOpen*/
7741
- ctx2[25](
7763
+ ctx2[26](
7742
7764
  /*category*/
7743
- ctx2[46].id,
7765
+ ctx2[48].id,
7744
7766
  /*openCategoryContainer*/
7745
- ctx2[10]
7767
+ ctx2[11]
7746
7768
  );
7747
7769
  if (show_if)
7748
7770
  return 0;
@@ -7751,90 +7773,90 @@
7751
7773
  current_block_type_index = select_block_type(ctx, [-1, -1]);
7752
7774
  if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
7753
7775
  function div0_elementresize_handler() {
7754
- ctx[33].call(
7776
+ ctx[34].call(
7755
7777
  div0,
7756
7778
  /*category*/
7757
- ctx[46]
7779
+ ctx[48]
7758
7780
  );
7759
7781
  }
7760
7782
  promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
7761
7783
  props: {
7762
7784
  containerClass: "content-start !outline-none rounded-lg grow w-full md:p-4\n " + /*checkContainerDragOver*/
7763
- (ctx[20](
7785
+ (ctx[21](
7764
7786
  /*category*/
7765
- ctx[46].id,
7787
+ ctx[48].id,
7766
7788
  /*considerContainerId*/
7767
- ctx[1],
7789
+ ctx[2],
7768
7790
  /*isDraggingOver*/
7769
- ctx[2]
7791
+ ctx[3]
7770
7792
  ) ? "bg-violet-100" : "") + "\n " + /*checkifCategoryContainerOpen*/
7771
- (ctx[25](
7793
+ (ctx[26](
7772
7794
  /*category*/
7773
- ctx[46].id,
7795
+ ctx[48].id,
7774
7796
  /*openCategoryContainer*/
7775
- ctx[10]
7797
+ ctx[11]
7776
7798
  ) ? "h-full p-3 min-h-[86px] md:min-h-0" : ""),
7777
7799
  paddingTop: (
7778
7800
  /*checkifCategoryContainerOpen*/
7779
- ctx[25](
7801
+ ctx[26](
7780
7802
  /*category*/
7781
- ctx[46].id,
7803
+ ctx[48].id,
7782
7804
  /*openCategoryContainer*/
7783
- ctx[10]
7805
+ ctx[11]
7784
7806
  ) || !useIsSmallScreen() ? (
7785
7807
  /*categoryTitleHeight*/
7786
- ctx[15][
7808
+ ctx[16][
7787
7809
  /*category*/
7788
- ctx[46].id
7810
+ ctx[48].id
7789
7811
  ] + 16
7790
7812
  ) : (
7791
7813
  /*categoryTitleHeight*/
7792
- ctx[15][
7814
+ ctx[16][
7793
7815
  /*category*/
7794
- ctx[46].id
7816
+ ctx[48].id
7795
7817
  ]
7796
7818
  )
7797
7819
  ),
7798
7820
  containerId: (
7799
7821
  /*category*/
7800
- ctx[46].id
7822
+ ctx[48].id
7801
7823
  ),
7802
7824
  showButton: (
7803
7825
  /*checkifCategoryContainerOpen*/
7804
- ctx[25](
7826
+ ctx[26](
7805
7827
  /*category*/
7806
- ctx[46].id,
7828
+ ctx[48].id,
7807
7829
  /*openCategoryContainer*/
7808
- ctx[10]
7830
+ ctx[11]
7809
7831
  )
7810
7832
  ),
7811
7833
  ariaLabel: `Category ${/*index*/
7812
- ctx[48] + 1}: ${/*category*/
7813
- ctx[46].name}`
7834
+ ctx[50] + 1}: ${/*category*/
7835
+ ctx[48].name}`
7814
7836
  }
7815
7837
  });
7816
7838
  promptcategorisedndcontainer.$on(
7817
7839
  "saveCategory",
7818
7840
  /*saveCategory*/
7819
- ctx[28]
7841
+ ctx[29]
7820
7842
  );
7821
7843
  function keydown_handler(...args) {
7822
7844
  return (
7823
7845
  /*keydown_handler*/
7824
- ctx[34](
7846
+ ctx[35](
7825
7847
  /*category*/
7826
- ctx[46],
7848
+ ctx[48],
7827
7849
  ...args
7828
7850
  )
7829
7851
  );
7830
7852
  }
7831
7853
  const assign_div1 = () => (
7832
7854
  /*div1_binding*/
7833
- ctx[35](div1, category)
7855
+ ctx[36](div1, category)
7834
7856
  );
7835
7857
  const unassign_div1 = () => (
7836
7858
  /*div1_binding*/
7837
- ctx[35](null, category)
7859
+ ctx[36](null, category)
7838
7860
  );
7839
7861
  return {
7840
7862
  c() {
@@ -7845,11 +7867,11 @@
7845
7867
  t0 = space();
7846
7868
  span0 = element("span");
7847
7869
  span0.textContent = `Category ${/*index*/
7848
- ctx[48] + 1}:\xA0`;
7870
+ ctx[50] + 1}:\xA0`;
7849
7871
  t4 = space();
7850
7872
  span1 = element("span");
7851
7873
  span1.textContent = `${/*category*/
7852
- ctx[46].name}`;
7874
+ ctx[48].name}`;
7853
7875
  t6 = space();
7854
7876
  button = element("button");
7855
7877
  span2 = element("span");
@@ -7865,106 +7887,112 @@
7865
7887
  attr(span2, "class", "mx-0.5");
7866
7888
  attr(span3, "class", "w-4 h-4 text-inherit flex items-center justify-center");
7867
7889
  attr(button, "aria-label", button_aria_label_value = /*getTotalWords*/
7868
- ctx[24](
7890
+ ctx[25](
7869
7891
  /*category*/
7870
- ctx[46].id,
7892
+ ctx[48].id,
7871
7893
  /*currentAnswer*/
7872
- ctx[6]
7894
+ ctx[7]
7873
7895
  ));
7874
7896
  attr(button, "class", "focus-ring flex items-center rounded-[32px] p-1.5 text-charcoal text-sm border border-gray-800 bg-gray-50 min-w-[85px] ml-3 whitespace-nowrap active:raw-focus-ring active:bg-black-55 md:hidden");
7875
7897
  attr(div0, "id", div0_id_value = `category-title${/*index*/
7876
- ctx[48]}`);
7898
+ ctx[50]}`);
7877
7899
  attr(div0, "aria-live", div0_aria_live_value = /*checkContainerDroppedItem*/
7878
- ctx[21](
7900
+ ctx[22](
7879
7901
  /*category*/
7880
- ctx[46].id,
7902
+ ctx[48].id,
7881
7903
  /*dropContainerId*/
7882
- ctx[3]
7904
+ ctx[4]
7883
7905
  ) ? "polite" : "off");
7884
7906
  attr(div0, "class", div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
7885
- (ctx[21](
7907
+ (ctx[22](
7886
7908
  /*category*/
7887
- ctx[46].id,
7909
+ ctx[48].id,
7888
7910
  /*dropContainerId*/
7889
- ctx[3]
7911
+ ctx[4]
7890
7912
  ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
7891
- ctx[25](
7913
+ ctx[26](
7892
7914
  /*category*/
7893
- ctx[46].id,
7915
+ ctx[48].id,
7894
7916
  /*openCategoryContainer*/
7895
- ctx[10]
7917
+ ctx[11]
7896
7918
  ) && /*checkContainerDragOver*/
7897
- ctx[20](
7919
+ ctx[21](
7898
7920
  /*category*/
7899
- ctx[46].id,
7921
+ ctx[48].id,
7900
7922
  /*considerContainerId*/
7901
- ctx[1],
7923
+ ctx[2],
7902
7924
  /*isDraggingOver*/
7903
- ctx[2]
7925
+ ctx[3]
7904
7926
  ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
7905
- (ctx[25](
7927
+ (ctx[26](
7906
7928
  /*category*/
7907
- ctx[46].id,
7929
+ ctx[48].id,
7908
7930
  /*openCategoryContainer*/
7909
- ctx[10]
7931
+ ctx[11]
7910
7932
  ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
7911
- ctx[25](
7933
+ ctx[26](
7912
7934
  /*category*/
7913
- ctx[46].id,
7935
+ ctx[48].id,
7914
7936
  /*openCategoryContainer*/
7915
- ctx[10]
7937
+ ctx[11]
7916
7938
  ) && /*checkSelectedSourceContainer*/
7917
- ctx[22](
7939
+ ctx[23](
7918
7940
  /*category*/
7919
- ctx[46].id,
7941
+ ctx[48].id,
7920
7942
  /*sourceSelectedContainerId*/
7921
- ctx[5],
7943
+ ctx[6],
7922
7944
  /*currentSelectedItemId*/
7923
- ctx[4]
7945
+ ctx[5]
7924
7946
  ) ? "group-hover/itemContainer:bg-violet-100 md:group-hover/itemContainer:bg-white" : ""));
7925
7947
  add_render_callback(() => div0_elementresize_handler.call(div0));
7948
+ attr(
7949
+ div1,
7950
+ "aria-hidden",
7951
+ /*isModalOpen*/
7952
+ ctx[10]
7953
+ );
7926
7954
  attr(
7927
7955
  div1,
7928
7956
  "tabindex",
7929
7957
  /*categoryTabIndex*/
7930
- ctx[12]
7958
+ ctx[13]
7931
7959
  );
7932
7960
  attr(div1, "role", "group");
7933
7961
  attr(div1, "class", div1_class_value = "focus-ring group/itemContainer flex flex-col border border-gray-800 rounded-lg basis-0 grow relative md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
7934
- (ctx[20](
7962
+ (ctx[21](
7935
7963
  /*category*/
7936
- ctx[46].id,
7964
+ ctx[48].id,
7937
7965
  /*considerContainerId*/
7938
- ctx[1],
7966
+ ctx[2],
7939
7967
  /*isDraggingOver*/
7940
- ctx[2]
7968
+ ctx[3]
7941
7969
  ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
7942
- (ctx[21](
7970
+ (ctx[22](
7943
7971
  /*category*/
7944
- ctx[46].id,
7972
+ ctx[48].id,
7945
7973
  /*dropContainerId*/
7946
- ctx[3]
7974
+ ctx[4]
7947
7975
  ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
7948
- (ctx[21](
7976
+ (ctx[22](
7949
7977
  /*category*/
7950
- ctx[46].id,
7978
+ ctx[48].id,
7951
7979
  /*dropContainerId*/
7952
- ctx[3]
7980
+ ctx[4]
7953
7981
  ) && /*hasAddItemAnimation*/
7954
- ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
7955
- (ctx[22](
7982
+ ctx[9] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
7983
+ (ctx[23](
7956
7984
  /*category*/
7957
- ctx[46].id,
7985
+ ctx[48].id,
7958
7986
  /*sourceSelectedContainerId*/
7959
- ctx[5],
7987
+ ctx[6],
7960
7988
  /*currentSelectedItemId*/
7961
- ctx[4]
7989
+ ctx[5]
7962
7990
  ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
7963
- (ctx[25](
7991
+ (ctx[26](
7964
7992
  /*category*/
7965
- ctx[46].id,
7993
+ ctx[48].id,
7966
7994
  /*openCategoryContainer*/
7967
- ctx[10]
7995
+ ctx[11]
7968
7996
  ) ? "min-h-[140px]" : ""));
7969
7997
  },
7970
7998
  m(target, anchor) {
@@ -7994,18 +8022,18 @@
7994
8022
  listen(button, "click", function() {
7995
8023
  if (is_function(
7996
8024
  /*addCategoryContainer*/
7997
- ctx[26](
8025
+ ctx[27](
7998
8026
  /*category*/
7999
- ctx[46].id,
8027
+ ctx[48].id,
8000
8028
  /*openCategoryContainer*/
8001
- ctx[10]
8029
+ ctx[11]
8002
8030
  )
8003
8031
  ))
8004
- ctx[26](
8032
+ ctx[27](
8005
8033
  /*category*/
8006
- ctx[46].id,
8034
+ ctx[48].id,
8007
8035
  /*openCategoryContainer*/
8008
- ctx[10]
8036
+ ctx[11]
8009
8037
  ).apply(this, arguments);
8010
8038
  }),
8011
8039
  listen(div1, "keydown", keydown_handler),
@@ -8013,7 +8041,7 @@
8013
8041
  div1,
8014
8042
  "focus",
8015
8043
  /*resetTabCategory*/
8016
- ctx[30]
8044
+ ctx[31]
8017
8045
  )
8018
8046
  ];
8019
8047
  mounted = true;
@@ -8022,13 +8050,13 @@
8022
8050
  p(new_ctx, dirty) {
8023
8051
  ctx = new_ctx;
8024
8052
  if (dirty[0] & /*dropContainerId*/
8025
- 8)
8053
+ 16)
8026
8054
  show_if_1 = /*checkContainerDroppedItem*/
8027
- ctx[21](
8055
+ ctx[22](
8028
8056
  /*category*/
8029
- ctx[46].id,
8057
+ ctx[48].id,
8030
8058
  /*dropContainerId*/
8031
- ctx[3]
8059
+ ctx[4]
8032
8060
  );
8033
8061
  if (show_if_1) {
8034
8062
  if (if_block0) {
@@ -8043,12 +8071,12 @@
8043
8071
  if_block0 = null;
8044
8072
  }
8045
8073
  if ((!current || dirty[0] & /*currentAnswer*/
8046
- 64) && t7_value !== (t7_value = /*getTotalWords*/
8047
- ctx[24](
8074
+ 128) && t7_value !== (t7_value = /*getTotalWords*/
8075
+ ctx[25](
8048
8076
  /*category*/
8049
- ctx[46].id,
8077
+ ctx[48].id,
8050
8078
  /*currentAnswer*/
8051
- ctx[6]
8079
+ ctx[7]
8052
8080
  ) + ""))
8053
8081
  set_data(t7, t7_value);
8054
8082
  let previous_block_index = current_block_type_index;
@@ -8069,171 +8097,180 @@
8069
8097
  if_block1.m(span3, null);
8070
8098
  }
8071
8099
  if (!current || dirty[0] & /*currentAnswer*/
8072
- 64 && button_aria_label_value !== (button_aria_label_value = /*getTotalWords*/
8073
- ctx[24](
8100
+ 128 && button_aria_label_value !== (button_aria_label_value = /*getTotalWords*/
8101
+ ctx[25](
8074
8102
  /*category*/
8075
- ctx[46].id,
8103
+ ctx[48].id,
8076
8104
  /*currentAnswer*/
8077
- ctx[6]
8105
+ ctx[7]
8078
8106
  ))) {
8079
8107
  attr(button, "aria-label", button_aria_label_value);
8080
8108
  }
8081
8109
  if (!current || dirty[0] & /*dropContainerId*/
8082
- 8 && div0_aria_live_value !== (div0_aria_live_value = /*checkContainerDroppedItem*/
8083
- ctx[21](
8110
+ 16 && div0_aria_live_value !== (div0_aria_live_value = /*checkContainerDroppedItem*/
8111
+ ctx[22](
8084
8112
  /*category*/
8085
- ctx[46].id,
8113
+ ctx[48].id,
8086
8114
  /*dropContainerId*/
8087
- ctx[3]
8115
+ ctx[4]
8088
8116
  ) ? "polite" : "off")) {
8089
8117
  attr(div0, "aria-live", div0_aria_live_value);
8090
8118
  }
8091
8119
  if (!current || dirty[0] & /*dropContainerId, openCategoryContainer, considerContainerId, isDraggingOver, sourceSelectedContainerId, currentSelectedItemId*/
8092
- 1086 && div0_class_value !== (div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
8093
- (ctx[21](
8120
+ 2172 && div0_class_value !== (div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
8121
+ (ctx[22](
8094
8122
  /*category*/
8095
- ctx[46].id,
8123
+ ctx[48].id,
8096
8124
  /*dropContainerId*/
8097
- ctx[3]
8125
+ ctx[4]
8098
8126
  ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
8099
- ctx[25](
8127
+ ctx[26](
8100
8128
  /*category*/
8101
- ctx[46].id,
8129
+ ctx[48].id,
8102
8130
  /*openCategoryContainer*/
8103
- ctx[10]
8131
+ ctx[11]
8104
8132
  ) && /*checkContainerDragOver*/
8105
- ctx[20](
8133
+ ctx[21](
8106
8134
  /*category*/
8107
- ctx[46].id,
8135
+ ctx[48].id,
8108
8136
  /*considerContainerId*/
8109
- ctx[1],
8137
+ ctx[2],
8110
8138
  /*isDraggingOver*/
8111
- ctx[2]
8139
+ ctx[3]
8112
8140
  ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
8113
- (ctx[25](
8141
+ (ctx[26](
8114
8142
  /*category*/
8115
- ctx[46].id,
8143
+ ctx[48].id,
8116
8144
  /*openCategoryContainer*/
8117
- ctx[10]
8145
+ ctx[11]
8118
8146
  ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
8119
- ctx[25](
8147
+ ctx[26](
8120
8148
  /*category*/
8121
- ctx[46].id,
8149
+ ctx[48].id,
8122
8150
  /*openCategoryContainer*/
8123
- ctx[10]
8151
+ ctx[11]
8124
8152
  ) && /*checkSelectedSourceContainer*/
8125
- ctx[22](
8153
+ ctx[23](
8126
8154
  /*category*/
8127
- ctx[46].id,
8155
+ ctx[48].id,
8128
8156
  /*sourceSelectedContainerId*/
8129
- ctx[5],
8157
+ ctx[6],
8130
8158
  /*currentSelectedItemId*/
8131
- ctx[4]
8159
+ ctx[5]
8132
8160
  ) ? "group-hover/itemContainer:bg-violet-100 md:group-hover/itemContainer:bg-white" : ""))) {
8133
8161
  attr(div0, "class", div0_class_value);
8134
8162
  }
8135
8163
  const promptcategorisedndcontainer_changes = {};
8136
8164
  if (dirty[0] & /*considerContainerId, isDraggingOver, openCategoryContainer*/
8137
- 1030)
8165
+ 2060)
8138
8166
  promptcategorisedndcontainer_changes.containerClass = "content-start !outline-none rounded-lg grow w-full md:p-4\n " + /*checkContainerDragOver*/
8139
- (ctx[20](
8167
+ (ctx[21](
8140
8168
  /*category*/
8141
- ctx[46].id,
8169
+ ctx[48].id,
8142
8170
  /*considerContainerId*/
8143
- ctx[1],
8171
+ ctx[2],
8144
8172
  /*isDraggingOver*/
8145
- ctx[2]
8173
+ ctx[3]
8146
8174
  ) ? "bg-violet-100" : "") + "\n " + /*checkifCategoryContainerOpen*/
8147
- (ctx[25](
8175
+ (ctx[26](
8148
8176
  /*category*/
8149
- ctx[46].id,
8177
+ ctx[48].id,
8150
8178
  /*openCategoryContainer*/
8151
- ctx[10]
8179
+ ctx[11]
8152
8180
  ) ? "h-full p-3 min-h-[86px] md:min-h-0" : "");
8153
8181
  if (dirty[0] & /*openCategoryContainer, categoryTitleHeight*/
8154
- 33792)
8182
+ 67584)
8155
8183
  promptcategorisedndcontainer_changes.paddingTop = /*checkifCategoryContainerOpen*/
8156
- ctx[25](
8184
+ ctx[26](
8157
8185
  /*category*/
8158
- ctx[46].id,
8186
+ ctx[48].id,
8159
8187
  /*openCategoryContainer*/
8160
- ctx[10]
8188
+ ctx[11]
8161
8189
  ) || !useIsSmallScreen() ? (
8162
8190
  /*categoryTitleHeight*/
8163
- ctx[15][
8191
+ ctx[16][
8164
8192
  /*category*/
8165
- ctx[46].id
8193
+ ctx[48].id
8166
8194
  ] + 16
8167
8195
  ) : (
8168
8196
  /*categoryTitleHeight*/
8169
- ctx[15][
8197
+ ctx[16][
8170
8198
  /*category*/
8171
- ctx[46].id
8199
+ ctx[48].id
8172
8200
  ]
8173
8201
  );
8174
8202
  if (dirty[0] & /*openCategoryContainer*/
8175
- 1024)
8203
+ 2048)
8176
8204
  promptcategorisedndcontainer_changes.showButton = /*checkifCategoryContainerOpen*/
8177
- ctx[25](
8205
+ ctx[26](
8178
8206
  /*category*/
8179
- ctx[46].id,
8207
+ ctx[48].id,
8180
8208
  /*openCategoryContainer*/
8181
- ctx[10]
8209
+ ctx[11]
8182
8210
  );
8183
8211
  promptcategorisedndcontainer.$set(promptcategorisedndcontainer_changes);
8212
+ if (!current || dirty[0] & /*isModalOpen*/
8213
+ 1024) {
8214
+ attr(
8215
+ div1,
8216
+ "aria-hidden",
8217
+ /*isModalOpen*/
8218
+ ctx[10]
8219
+ );
8220
+ }
8184
8221
  if (!current || dirty[0] & /*categoryTabIndex*/
8185
- 4096) {
8222
+ 8192) {
8186
8223
  attr(
8187
8224
  div1,
8188
8225
  "tabindex",
8189
8226
  /*categoryTabIndex*/
8190
- ctx[12]
8227
+ ctx[13]
8191
8228
  );
8192
8229
  }
8193
8230
  if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, openCategoryContainer*/
8194
- 1342 && div1_class_value !== (div1_class_value = "focus-ring group/itemContainer flex flex-col border border-gray-800 rounded-lg basis-0 grow relative md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
8195
- (ctx[20](
8231
+ 2684 && div1_class_value !== (div1_class_value = "focus-ring group/itemContainer flex flex-col border border-gray-800 rounded-lg basis-0 grow relative md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
8232
+ (ctx[21](
8196
8233
  /*category*/
8197
- ctx[46].id,
8234
+ ctx[48].id,
8198
8235
  /*considerContainerId*/
8199
- ctx[1],
8236
+ ctx[2],
8200
8237
  /*isDraggingOver*/
8201
- ctx[2]
8238
+ ctx[3]
8202
8239
  ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
8203
- (ctx[21](
8240
+ (ctx[22](
8204
8241
  /*category*/
8205
- ctx[46].id,
8242
+ ctx[48].id,
8206
8243
  /*dropContainerId*/
8207
- ctx[3]
8244
+ ctx[4]
8208
8245
  ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
8209
- (ctx[21](
8246
+ (ctx[22](
8210
8247
  /*category*/
8211
- ctx[46].id,
8248
+ ctx[48].id,
8212
8249
  /*dropContainerId*/
8213
- ctx[3]
8250
+ ctx[4]
8214
8251
  ) && /*hasAddItemAnimation*/
8215
- ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
8216
- (ctx[22](
8252
+ ctx[9] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
8253
+ (ctx[23](
8217
8254
  /*category*/
8218
- ctx[46].id,
8255
+ ctx[48].id,
8219
8256
  /*sourceSelectedContainerId*/
8220
- ctx[5],
8257
+ ctx[6],
8221
8258
  /*currentSelectedItemId*/
8222
- ctx[4]
8259
+ ctx[5]
8223
8260
  ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
8224
- (ctx[25](
8261
+ (ctx[26](
8225
8262
  /*category*/
8226
- ctx[46].id,
8263
+ ctx[48].id,
8227
8264
  /*openCategoryContainer*/
8228
- ctx[10]
8265
+ ctx[11]
8229
8266
  ) ? "min-h-[140px]" : ""))) {
8230
8267
  attr(div1, "class", div1_class_value);
8231
8268
  }
8232
8269
  if (category !== /*category*/
8233
- ctx[46]) {
8270
+ ctx[48]) {
8234
8271
  unassign_div1();
8235
8272
  category = /*category*/
8236
- ctx[46];
8273
+ ctx[48];
8237
8274
  assign_div1();
8238
8275
  }
8239
8276
  },
@@ -8275,7 +8312,7 @@
8275
8312
  t0 = text("Option ");
8276
8313
  t1 = text(
8277
8314
  /*selectedItemName*/
8278
- ctx[13]
8315
+ ctx[14]
8279
8316
  );
8280
8317
  t2 = text(" added in:\xA0");
8281
8318
  attr(span, "class", "sr-only");
@@ -8288,11 +8325,11 @@
8288
8325
  },
8289
8326
  p(ctx2, dirty) {
8290
8327
  if (dirty[0] & /*selectedItemName*/
8291
- 8192)
8328
+ 16384)
8292
8329
  set_data(
8293
8330
  t1,
8294
8331
  /*selectedItemName*/
8295
- ctx2[13]
8332
+ ctx2[14]
8296
8333
  );
8297
8334
  },
8298
8335
  d(detaching) {
@@ -8320,10 +8357,10 @@
8320
8357
  let div2;
8321
8358
  let show_if = (
8322
8359
  /*checkContainerDroppedItem*/
8323
- ctx[21](
8360
+ ctx[22](
8324
8361
  CONTAINER_WORD_BIN_ID,
8325
8362
  /*dropContainerId*/
8326
- ctx[3]
8363
+ ctx[4]
8327
8364
  )
8328
8365
  );
8329
8366
  let t8;
@@ -8357,16 +8394,16 @@
8357
8394
  arrowdowncircle = new ArrowDownCircle_default({});
8358
8395
  let if_block0 = (
8359
8396
  /*isModalOpen*/
8360
- ctx[9] && create_if_block_42(ctx)
8397
+ ctx[10] && create_if_block_42(ctx)
8361
8398
  );
8362
8399
  let if_block1 = (
8363
8400
  /*totalRemainingWordBinItem*/
8364
- ctx[7] !== /*totalCategoryItems*/
8365
- ctx[0] && create_if_block_32(ctx)
8401
+ ctx[8] !== /*totalCategoryItems*/
8402
+ ctx[1] && create_if_block_32(ctx)
8366
8403
  );
8367
8404
  let each_value = ensure_array_like(Object.values(
8368
8405
  /*categoryGroups*/
8369
- ctx[19]
8406
+ ctx[20]
8370
8407
  ));
8371
8408
  let each_blocks = [];
8372
8409
  for (let i = 0; i < each_value.length; i += 1) {
@@ -8380,14 +8417,14 @@
8380
8417
  promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
8381
8418
  props: {
8382
8419
  containerClass: "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal\n " + /*isWordBInTotalZero*/
8383
- (ctx[27](
8420
+ (ctx[28](
8384
8421
  /*totalRemainingWordBinItem*/
8385
- ctx[7]
8422
+ ctx[8]
8386
8423
  ) && !/*currentSelectedItemId*/
8387
- ctx[4] ? "absolute inset-0" : ""),
8424
+ ctx[5] ? "absolute inset-0" : ""),
8388
8425
  items: (
8389
8426
  /*categoryItems*/
8390
- ctx[18]
8427
+ ctx[19]
8391
8428
  ),
8392
8429
  containerId: CONTAINER_WORD_BIN_ID,
8393
8430
  ariaLabel: "Word bin"
@@ -8396,7 +8433,7 @@
8396
8433
  promptcategorisedndcontainer.$on(
8397
8434
  "saveCategory",
8398
8435
  /*saveCategory*/
8399
- ctx[28]
8436
+ ctx[29]
8400
8437
  );
8401
8438
  smallchevronright = new SmallChevronRight_default({});
8402
8439
  return {
@@ -8434,12 +8471,12 @@
8434
8471
  span3 = element("span");
8435
8472
  t11 = text(
8436
8473
  /*totalRemainingWordBinItem*/
8437
- ctx[7]
8474
+ ctx[8]
8438
8475
  );
8439
8476
  t12 = text(" out of ");
8440
8477
  t13 = text(
8441
8478
  /*totalCategoryItems*/
8442
- ctx[0]
8479
+ ctx[1]
8443
8480
  );
8444
8481
  t14 = text(" left");
8445
8482
  t15 = space();
@@ -8459,7 +8496,7 @@
8459
8496
  button0,
8460
8497
  "tabindex",
8461
8498
  /*categoryTabIndex*/
8462
- ctx[12]
8499
+ ctx[13]
8463
8500
  );
8464
8501
  attr(button0, "aria-label", "Skip to word bin");
8465
8502
  attr(button0, "class", "flex items-center text-charcoal border-l-6 border-charcoal bg-yellow-1000 py-1.5 pr-3 pl-4 focus-visible:border-charcoal left-[-9999px] z-0 focus-within:left-0 focus-within:right-0 focus-within:top-0 absolute focus-within:z-30 focus-visible:outline-none");
@@ -8469,7 +8506,7 @@
8469
8506
  div0,
8470
8507
  "aria-hidden",
8471
8508
  /*isModalOpen*/
8472
- ctx[9]
8509
+ ctx[10]
8473
8510
  );
8474
8511
  attr(div1, "class", "mb-5 grid gap-2 grid-cols-1 md:grid-cols-2 md:gap-6 lg:flex lg:gap-0");
8475
8512
  attr(span2, "class", "text-base leading-5 !text-gray-900 font-semibold md:mb-2 md:item-heading");
@@ -8478,61 +8515,67 @@
8478
8515
  attr(span4, "class", "w-6 h-6 text-inherit flex items-center justify-center");
8479
8516
  attr(button1, "aria-label", "Left");
8480
8517
  attr(button1, "class", button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
8481
- (ctx[27](
8518
+ (ctx[28](
8482
8519
  /*totalRemainingWordBinItem*/
8483
- ctx[7]
8520
+ ctx[8]
8484
8521
  ) ? "hidden" : ""));
8485
8522
  button1.disabled = button1_disabled_value = /*currentWordBinIndex*/
8486
- ctx[11] === 0;
8523
+ ctx[12] === 0;
8487
8524
  attr(span5, "class", "w-6 h-6 text-inherit flex items-center justify-center ml-[3px]");
8488
8525
  attr(button2, "aria-label", "Right");
8489
8526
  attr(button2, "class", button2_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
8490
- (ctx[27](
8527
+ (ctx[28](
8491
8528
  /*totalRemainingWordBinItem*/
8492
- ctx[7]
8529
+ ctx[8]
8493
8530
  ) ? "hidden" : ""));
8494
8531
  button2.disabled = button2_disabled_value = /*currentWordBinIndex*/
8495
- ctx[11] === /*totalRemainingWordBinItem*/
8496
- ctx[7] - 1;
8532
+ ctx[12] === /*totalRemainingWordBinItem*/
8533
+ ctx[8] - 1;
8497
8534
  attr(div3, "class", "flex items-center justify-between px-4 min-h-[133px] md:min-h-0 md:block md:px-0 md:justify-normal");
8535
+ attr(
8536
+ div4,
8537
+ "aria-hidden",
8538
+ /*isModalOpen*/
8539
+ ctx[10]
8540
+ );
8498
8541
  attr(
8499
8542
  div4,
8500
8543
  "tabindex",
8501
8544
  /*categoryTabIndex*/
8502
- ctx[12]
8545
+ ctx[13]
8503
8546
  );
8504
8547
  attr(div4, "aria-live", div4_aria_live_value = /*checkContainerDroppedItem*/
8505
- ctx[21](
8548
+ ctx[22](
8506
8549
  CONTAINER_WORD_BIN_ID,
8507
8550
  /*dropContainerId*/
8508
- ctx[3]
8551
+ ctx[4]
8509
8552
  ) ? "polite" : "off");
8510
8553
  attr(div4, "role", "group");
8511
8554
  attr(div4, "class", div4_class_value = "focus-ring shadow-[0_-12px_14px_-16px_#00000033] rounded-lg relative min-h-[133px] md:min-h-[164px] md:border md:shadow-[0_0_#0000] md:border-gray-400 " + /*checkContainerDragOver*/
8512
- (ctx[20](
8555
+ (ctx[21](
8513
8556
  CONTAINER_WORD_BIN_ID,
8514
8557
  /*considerContainerId*/
8515
- ctx[1],
8558
+ ctx[2],
8516
8559
  /*isDraggingOver*/
8517
- ctx[2]
8560
+ ctx[3]
8518
8561
  ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
8519
- (ctx[21](
8562
+ (ctx[22](
8520
8563
  CONTAINER_WORD_BIN_ID,
8521
8564
  /*dropContainerId*/
8522
- ctx[3]
8565
+ ctx[4]
8523
8566
  ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
8524
- (ctx[21](
8567
+ (ctx[22](
8525
8568
  CONTAINER_WORD_BIN_ID,
8526
8569
  /*dropContainerId*/
8527
- ctx[3]
8570
+ ctx[4]
8528
8571
  ) && /*hasAddItemAnimation*/
8529
- ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
8530
- (ctx[22](
8572
+ ctx[9] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
8573
+ (ctx[23](
8531
8574
  CONTAINER_WORD_BIN_ID,
8532
8575
  /*sourceSelectedContainerId*/
8533
- ctx[5],
8576
+ ctx[6],
8534
8577
  /*currentSelectedItemId*/
8535
- ctx[4]
8578
+ ctx[5]
8536
8579
  ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : ""));
8537
8580
  },
8538
8581
  m(target, anchor) {
@@ -8581,7 +8624,7 @@
8581
8624
  append(div3, button2);
8582
8625
  append(button2, span5);
8583
8626
  mount_component(smallchevronright, span5, null);
8584
- ctx[37](div4);
8627
+ ctx[38](div4);
8585
8628
  current = true;
8586
8629
  if (!mounted) {
8587
8630
  dispose = [
@@ -8589,37 +8632,37 @@
8589
8632
  button0,
8590
8633
  "keypress",
8591
8634
  /*goToWordBin*/
8592
- ctx[31]
8635
+ ctx[32]
8593
8636
  ),
8594
8637
  listen(button1, "click", function() {
8595
8638
  if (is_function(useNavigateItem(
8596
8639
  /*currentWordBinIndex*/
8597
- ctx[11],
8640
+ ctx[12],
8598
8641
  /*currentAnswer*/
8599
- ctx[6],
8642
+ ctx[7],
8600
8643
  "left"
8601
8644
  )))
8602
8645
  useNavigateItem(
8603
8646
  /*currentWordBinIndex*/
8604
- ctx[11],
8647
+ ctx[12],
8605
8648
  /*currentAnswer*/
8606
- ctx[6],
8649
+ ctx[7],
8607
8650
  "left"
8608
8651
  ).apply(this, arguments);
8609
8652
  }),
8610
8653
  listen(button2, "click", function() {
8611
8654
  if (is_function(useNavigateItem(
8612
8655
  /*currentWordBinIndex*/
8613
- ctx[11],
8656
+ ctx[12],
8614
8657
  /*currentAnswer*/
8615
- ctx[6],
8658
+ ctx[7],
8616
8659
  "right"
8617
8660
  )))
8618
8661
  useNavigateItem(
8619
8662
  /*currentWordBinIndex*/
8620
- ctx[11],
8663
+ ctx[12],
8621
8664
  /*currentAnswer*/
8622
- ctx[6],
8665
+ ctx[7],
8623
8666
  "right"
8624
8667
  ).apply(this, arguments);
8625
8668
  }),
@@ -8627,13 +8670,13 @@
8627
8670
  div4,
8628
8671
  "keydown",
8629
8672
  /*keydown_handler_1*/
8630
- ctx[36]
8673
+ ctx[37]
8631
8674
  ),
8632
8675
  listen(
8633
8676
  div4,
8634
8677
  "focus",
8635
8678
  /*resetTabCategory*/
8636
- ctx[30]
8679
+ ctx[31]
8637
8680
  )
8638
8681
  ];
8639
8682
  mounted = true;
@@ -8642,22 +8685,22 @@
8642
8685
  p(new_ctx, dirty) {
8643
8686
  ctx = new_ctx;
8644
8687
  if (!current || dirty[0] & /*categoryTabIndex*/
8645
- 4096) {
8688
+ 8192) {
8646
8689
  attr(
8647
8690
  button0,
8648
8691
  "tabindex",
8649
8692
  /*categoryTabIndex*/
8650
- ctx[12]
8693
+ ctx[13]
8651
8694
  );
8652
8695
  }
8653
8696
  if (
8654
8697
  /*isModalOpen*/
8655
- ctx[9]
8698
+ ctx[10]
8656
8699
  ) {
8657
8700
  if (if_block0) {
8658
8701
  if_block0.p(ctx, dirty);
8659
8702
  if (dirty[0] & /*isModalOpen*/
8660
- 512) {
8703
+ 1024) {
8661
8704
  transition_in(if_block0, 1);
8662
8705
  }
8663
8706
  } else {
@@ -8675,13 +8718,13 @@
8675
8718
  }
8676
8719
  if (
8677
8720
  /*totalRemainingWordBinItem*/
8678
- ctx[7] !== /*totalCategoryItems*/
8679
- ctx[0]
8721
+ ctx[8] !== /*totalCategoryItems*/
8722
+ ctx[1]
8680
8723
  ) {
8681
8724
  if (if_block1) {
8682
8725
  if_block1.p(ctx, dirty);
8683
8726
  if (dirty[0] & /*totalRemainingWordBinItem, totalCategoryItems*/
8684
- 129) {
8727
+ 258) {
8685
8728
  transition_in(if_block1, 1);
8686
8729
  }
8687
8730
  } else {
@@ -8698,19 +8741,20 @@
8698
8741
  check_outros();
8699
8742
  }
8700
8743
  if (!current || dirty[0] & /*isModalOpen*/
8701
- 512) {
8744
+ 1024) {
8702
8745
  attr(
8703
8746
  div0,
8704
8747
  "aria-hidden",
8705
8748
  /*isModalOpen*/
8706
- ctx[9]
8749
+ ctx[10]
8707
8750
  );
8708
8751
  }
8709
- if (dirty[0] & /*categoryTabIndex, checkContainerDragOver, categoryGroups, considerContainerId, isDraggingOver, checkContainerDroppedItem, dropContainerId, hasAddItemAnimation, checkSelectedSourceContainer, sourceSelectedContainerId, currentSelectedItemId, checkifCategoryContainerOpen, openCategoryContainer, tabCategory, getContainerTabSelected, resetTabCategory, categoryTitleHeight, saveCategory, getTotalWords, currentAnswer, addCategoryContainer, selectedItemName*/
8710
- 2004415870) {
8752
+ if (dirty[0] & /*isModalOpen, categoryTabIndex, checkContainerDragOver, categoryGroups, considerContainerId, isDraggingOver, checkContainerDroppedItem, dropContainerId, hasAddItemAnimation, checkSelectedSourceContainer, sourceSelectedContainerId, currentSelectedItemId, checkifCategoryContainerOpen, openCategoryContainer, tabCategory, getContainerTabSelected, categoryTitleHeight, saveCategory, getTotalWords, currentAnswer, addCategoryContainer, selectedItemName*/
8753
+ 1861349116 | dirty[1] & /*resetTabCategory*/
8754
+ 1) {
8711
8755
  each_value = ensure_array_like(Object.values(
8712
8756
  /*categoryGroups*/
8713
- ctx[19]
8757
+ ctx[20]
8714
8758
  ));
8715
8759
  let i;
8716
8760
  for (i = 0; i < each_value.length; i += 1) {
@@ -8732,12 +8776,12 @@
8732
8776
  check_outros();
8733
8777
  }
8734
8778
  if (dirty[0] & /*dropContainerId*/
8735
- 8)
8779
+ 16)
8736
8780
  show_if = /*checkContainerDroppedItem*/
8737
- ctx[21](
8781
+ ctx[22](
8738
8782
  CONTAINER_WORD_BIN_ID,
8739
8783
  /*dropContainerId*/
8740
- ctx[3]
8784
+ ctx[4]
8741
8785
  );
8742
8786
  if (show_if) {
8743
8787
  if (if_block2) {
@@ -8752,100 +8796,109 @@
8752
8796
  if_block2 = null;
8753
8797
  }
8754
8798
  if (!current || dirty[0] & /*totalRemainingWordBinItem*/
8755
- 128)
8799
+ 256)
8756
8800
  set_data(
8757
8801
  t11,
8758
8802
  /*totalRemainingWordBinItem*/
8759
- ctx[7]
8803
+ ctx[8]
8760
8804
  );
8761
8805
  if (!current || dirty[0] & /*totalCategoryItems*/
8762
- 1)
8806
+ 2)
8763
8807
  set_data(
8764
8808
  t13,
8765
8809
  /*totalCategoryItems*/
8766
- ctx[0]
8810
+ ctx[1]
8767
8811
  );
8768
8812
  if (!current || dirty[0] & /*totalRemainingWordBinItem*/
8769
- 128 && button1_class_value !== (button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
8770
- (ctx[27](
8813
+ 256 && button1_class_value !== (button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
8814
+ (ctx[28](
8771
8815
  /*totalRemainingWordBinItem*/
8772
- ctx[7]
8816
+ ctx[8]
8773
8817
  ) ? "hidden" : ""))) {
8774
8818
  attr(button1, "class", button1_class_value);
8775
8819
  }
8776
8820
  if (!current || dirty[0] & /*currentWordBinIndex*/
8777
- 2048 && button1_disabled_value !== (button1_disabled_value = /*currentWordBinIndex*/
8778
- ctx[11] === 0)) {
8821
+ 4096 && button1_disabled_value !== (button1_disabled_value = /*currentWordBinIndex*/
8822
+ ctx[12] === 0)) {
8779
8823
  button1.disabled = button1_disabled_value;
8780
8824
  }
8781
8825
  const promptcategorisedndcontainer_changes = {};
8782
8826
  if (dirty[0] & /*totalRemainingWordBinItem, currentSelectedItemId*/
8783
- 144)
8827
+ 288)
8784
8828
  promptcategorisedndcontainer_changes.containerClass = "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal\n " + /*isWordBInTotalZero*/
8785
- (ctx[27](
8829
+ (ctx[28](
8786
8830
  /*totalRemainingWordBinItem*/
8787
- ctx[7]
8831
+ ctx[8]
8788
8832
  ) && !/*currentSelectedItemId*/
8789
- ctx[4] ? "absolute inset-0" : "");
8833
+ ctx[5] ? "absolute inset-0" : "");
8790
8834
  promptcategorisedndcontainer.$set(promptcategorisedndcontainer_changes);
8791
8835
  if (!current || dirty[0] & /*totalRemainingWordBinItem*/
8792
- 128 && button2_class_value !== (button2_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
8793
- (ctx[27](
8836
+ 256 && button2_class_value !== (button2_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
8837
+ (ctx[28](
8794
8838
  /*totalRemainingWordBinItem*/
8795
- ctx[7]
8839
+ ctx[8]
8796
8840
  ) ? "hidden" : ""))) {
8797
8841
  attr(button2, "class", button2_class_value);
8798
8842
  }
8799
8843
  if (!current || dirty[0] & /*currentWordBinIndex, totalRemainingWordBinItem*/
8800
- 2176 && button2_disabled_value !== (button2_disabled_value = /*currentWordBinIndex*/
8801
- ctx[11] === /*totalRemainingWordBinItem*/
8802
- ctx[7] - 1)) {
8844
+ 4352 && button2_disabled_value !== (button2_disabled_value = /*currentWordBinIndex*/
8845
+ ctx[12] === /*totalRemainingWordBinItem*/
8846
+ ctx[8] - 1)) {
8803
8847
  button2.disabled = button2_disabled_value;
8804
8848
  }
8849
+ if (!current || dirty[0] & /*isModalOpen*/
8850
+ 1024) {
8851
+ attr(
8852
+ div4,
8853
+ "aria-hidden",
8854
+ /*isModalOpen*/
8855
+ ctx[10]
8856
+ );
8857
+ }
8805
8858
  if (!current || dirty[0] & /*categoryTabIndex*/
8806
- 4096) {
8859
+ 8192) {
8807
8860
  attr(
8808
8861
  div4,
8809
8862
  "tabindex",
8810
8863
  /*categoryTabIndex*/
8811
- ctx[12]
8864
+ ctx[13]
8812
8865
  );
8813
8866
  }
8814
8867
  if (!current || dirty[0] & /*dropContainerId*/
8815
- 8 && div4_aria_live_value !== (div4_aria_live_value = /*checkContainerDroppedItem*/
8816
- ctx[21](
8868
+ 16 && div4_aria_live_value !== (div4_aria_live_value = /*checkContainerDroppedItem*/
8869
+ ctx[22](
8817
8870
  CONTAINER_WORD_BIN_ID,
8818
8871
  /*dropContainerId*/
8819
- ctx[3]
8872
+ ctx[4]
8820
8873
  ) ? "polite" : "off")) {
8821
8874
  attr(div4, "aria-live", div4_aria_live_value);
8822
8875
  }
8823
8876
  if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId*/
8824
- 318 && div4_class_value !== (div4_class_value = "focus-ring shadow-[0_-12px_14px_-16px_#00000033] rounded-lg relative min-h-[133px] md:min-h-[164px] md:border md:shadow-[0_0_#0000] md:border-gray-400 " + /*checkContainerDragOver*/
8825
- (ctx[20](
8877
+ 636 && div4_class_value !== (div4_class_value = "focus-ring shadow-[0_-12px_14px_-16px_#00000033] rounded-lg relative min-h-[133px] md:min-h-[164px] md:border md:shadow-[0_0_#0000] md:border-gray-400 " + /*checkContainerDragOver*/
8878
+ (ctx[21](
8826
8879
  CONTAINER_WORD_BIN_ID,
8827
8880
  /*considerContainerId*/
8828
- ctx[1],
8881
+ ctx[2],
8829
8882
  /*isDraggingOver*/
8830
- ctx[2]
8883
+ ctx[3]
8831
8884
  ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
8832
- (ctx[21](
8885
+ (ctx[22](
8833
8886
  CONTAINER_WORD_BIN_ID,
8834
8887
  /*dropContainerId*/
8835
- ctx[3]
8888
+ ctx[4]
8836
8889
  ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
8837
- (ctx[21](
8890
+ (ctx[22](
8838
8891
  CONTAINER_WORD_BIN_ID,
8839
8892
  /*dropContainerId*/
8840
- ctx[3]
8893
+ ctx[4]
8841
8894
  ) && /*hasAddItemAnimation*/
8842
- ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
8843
- (ctx[22](
8895
+ ctx[9] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
8896
+ (ctx[23](
8844
8897
  CONTAINER_WORD_BIN_ID,
8845
8898
  /*sourceSelectedContainerId*/
8846
- ctx[5],
8899
+ ctx[6],
8847
8900
  /*currentSelectedItemId*/
8848
- ctx[4]
8901
+ ctx[5]
8849
8902
  ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : ""))) {
8850
8903
  attr(div4, "class", div4_class_value);
8851
8904
  }
@@ -8899,24 +8952,25 @@
8899
8952
  destroy_component(smallchevronleft);
8900
8953
  destroy_component(promptcategorisedndcontainer);
8901
8954
  destroy_component(smallchevronright);
8902
- ctx[37](null);
8955
+ ctx[38](null);
8903
8956
  mounted = false;
8904
8957
  run_all(dispose);
8905
8958
  }
8906
8959
  };
8907
8960
  }
8908
8961
  function create_fragment20(ctx) {
8962
+ let div;
8909
8963
  let promptbody;
8910
8964
  let current;
8911
8965
  promptbody = new PromptBody_default({
8912
8966
  props: {
8913
8967
  rubric: (
8914
8968
  /*rubric*/
8915
- ctx[16].text
8969
+ ctx[17].text
8916
8970
  ),
8917
8971
  prompt: (
8918
8972
  /*prompt*/
8919
- ctx[17]
8973
+ ctx[18]
8920
8974
  ),
8921
8975
  $$slots: { default: [create_default_slot4] },
8922
8976
  $$scope: { ctx }
@@ -8924,17 +8978,21 @@
8924
8978
  });
8925
8979
  return {
8926
8980
  c() {
8981
+ div = element("div");
8927
8982
  create_component(promptbody.$$.fragment);
8983
+ attr(div, "class", "outline-none");
8928
8984
  },
8929
8985
  m(target, anchor) {
8930
- mount_component(promptbody, target, anchor);
8986
+ insert(target, div, anchor);
8987
+ mount_component(promptbody, div, null);
8988
+ ctx[39](div);
8931
8989
  current = true;
8932
8990
  },
8933
8991
  p(ctx2, dirty) {
8934
8992
  const promptbody_changes = {};
8935
- if (dirty[0] & /*categoryTabIndex, dropContainerId, considerContainerId, isDraggingOver, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, tabCategory, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, totalCategoryItems, selectedItemName, openCategoryContainer, categoryTitleHeight, isModalOpen*/
8936
- 65535 | dirty[1] & /*$$scope*/
8937
- 262144) {
8993
+ if (dirty[0] & /*isModalOpen, categoryTabIndex, dropContainerId, considerContainerId, isDraggingOver, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, tabCategory, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, totalCategoryItems, selectedItemName, openCategoryContainer, categoryTitleHeight*/
8994
+ 131070 | dirty[1] & /*$$scope*/
8995
+ 1048576) {
8938
8996
  promptbody_changes.$$scope = { dirty, ctx: ctx2 };
8939
8997
  }
8940
8998
  promptbody.$set(promptbody_changes);
@@ -8950,13 +9008,18 @@
8950
9008
  current = false;
8951
9009
  },
8952
9010
  d(detaching) {
8953
- destroy_component(promptbody, detaching);
9011
+ if (detaching) {
9012
+ detach(div);
9013
+ }
9014
+ destroy_component(promptbody);
9015
+ ctx[39](null);
8954
9016
  }
8955
9017
  };
8956
9018
  }
8957
9019
  function instance9($$self, $$props, $$invalidate) {
8958
9020
  let { sessionData } = $$props;
8959
9021
  const dispatch = createEventDispatcher();
9022
+ let srDiv;
8960
9023
  let totalCategoryItems = 0;
8961
9024
  let considerContainerId = "";
8962
9025
  let isDraggingOver = false;
@@ -8976,8 +9039,8 @@
8976
9039
  const { prompt, category_groups: interactionCategoryGroups, category_items: interactionCategoryItems } = interaction;
8977
9040
  const categoryItems = useFilterUniqueObject(interactionCategoryItems);
8978
9041
  const categoryGroups = useFilterUniqueObject(interactionCategoryGroups);
8979
- const tabCategory = [{ CONTAINER_WORD_BIN_ID: false }];
8980
- categoryGroups.map((group) => $$invalidate(14, tabCategory[group.id] = false, tabCategory));
9042
+ const tabCategory = [];
9043
+ categoryGroups.map((group) => $$invalidate(15, tabCategory[group.id] = false, tabCategory));
8981
9044
  totalCategoryItems = totalRemainingWordBinItem = Object.keys(categoryItems).length;
8982
9045
  let wordBinItems = categoryItems.map((item) => item.id);
8983
9046
  let initialCategoryAnswer = [
@@ -8988,7 +9051,7 @@
8988
9051
  ];
8989
9052
  let categoryTitleHeight = [];
8990
9053
  categoryGroups.map((category) => {
8991
- $$invalidate(15, categoryTitleHeight[category.id] = "", categoryTitleHeight);
9054
+ $$invalidate(16, categoryTitleHeight[category.id] = "", categoryTitleHeight);
8992
9055
  });
8993
9056
  if (metadata) {
8994
9057
  const { events } = metadata.interactions;
@@ -9013,26 +9076,37 @@
9013
9076
  rawCategories: categoryGroups
9014
9077
  });
9015
9078
  modalSettings.subscribe((value) => {
9016
- const { isModalOpen: storeIsModalOpen } = value;
9017
- $$invalidate(9, isModalOpen = storeIsModalOpen);
9018
- $$invalidate(12, categoryTabIndex = storeIsModalOpen ? -1 : 0);
9079
+ const { isModalOpen: storeIsModalOpen, isOpenLastStatus } = value;
9080
+ $$invalidate(10, isModalOpen = storeIsModalOpen);
9081
+ $$invalidate(13, categoryTabIndex = storeIsModalOpen ? -1 : 0);
9082
+ if (!storeIsModalOpen && isOpenLastStatus) {
9083
+ setTimeout(() => {
9084
+ $$invalidate(0, srDiv.tabIndex = 0, srDiv);
9085
+ srDiv.focus();
9086
+ $$invalidate(0, srDiv.tabIndex = -1, srDiv);
9087
+ modalSettings.set({
9088
+ ...get_store_value(modalSettings),
9089
+ isOpenLastStatus: false
9090
+ });
9091
+ });
9092
+ }
9019
9093
  });
9020
9094
  categoriseSettings.subscribe((value) => {
9021
9095
  const { considerContainerId: storeConsiderContainerId, isDraggingOver: storeIsDraggingOver, dropContainerId: storeDropContainerId, sourceCloneContainerId: storeSourceCloneContainerId, selectedItemId: storeSelectedItemId, sourceSelectedContainerId: storeSourceSelectedContainerId, currentAnswer: storeCurrentAnswer, hasAddItemAnimation: storeHasAddItemAnimation, openCategoryContainer: storeOpenCategoryContainer, currentWordBinIndex: storeCurrentWordBinIndex, selectedItemName: storeSelectedItemName, lastSelectedTabContainer } = value;
9022
- $$invalidate(1, considerContainerId = storeConsiderContainerId);
9023
- $$invalidate(2, isDraggingOver = storeIsDraggingOver);
9024
- $$invalidate(3, dropContainerId = storeDropContainerId);
9096
+ $$invalidate(2, considerContainerId = storeConsiderContainerId);
9097
+ $$invalidate(3, isDraggingOver = storeIsDraggingOver);
9098
+ $$invalidate(4, dropContainerId = storeDropContainerId);
9025
9099
  sourceCloneContainerId = storeSourceCloneContainerId;
9026
- $$invalidate(4, currentSelectedItemId = storeSelectedItemId);
9027
- $$invalidate(5, sourceSelectedContainerId = storeSourceSelectedContainerId);
9028
- $$invalidate(6, currentAnswer = storeCurrentAnswer);
9029
- $$invalidate(8, hasAddItemAnimation = storeHasAddItemAnimation);
9030
- $$invalidate(10, openCategoryContainer = storeOpenCategoryContainer);
9031
- $$invalidate(11, currentWordBinIndex = storeCurrentWordBinIndex);
9032
- $$invalidate(13, selectedItemName = storeSelectedItemName);
9033
- $$invalidate(12, categoryTabIndex = storeSelectedItemId.length ? -1 : 0);
9100
+ $$invalidate(5, currentSelectedItemId = storeSelectedItemId);
9101
+ $$invalidate(6, sourceSelectedContainerId = storeSourceSelectedContainerId);
9102
+ $$invalidate(7, currentAnswer = storeCurrentAnswer);
9103
+ $$invalidate(9, hasAddItemAnimation = storeHasAddItemAnimation);
9104
+ $$invalidate(11, openCategoryContainer = storeOpenCategoryContainer);
9105
+ $$invalidate(12, currentWordBinIndex = storeCurrentWordBinIndex);
9106
+ $$invalidate(14, selectedItemName = storeSelectedItemName);
9107
+ $$invalidate(13, categoryTabIndex = storeSelectedItemId.length ? -1 : 0);
9034
9108
  const storeWordBinItem = currentAnswer.filter((answer) => answer.categoryId === CONTAINER_WORD_BIN_ID);
9035
- $$invalidate(7, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
9109
+ $$invalidate(8, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
9036
9110
  if (lastSelectedTabContainer) {
9037
9111
  setTimeout(
9038
9112
  () => {
@@ -9113,27 +9187,34 @@
9113
9187
  };
9114
9188
  function div0_elementresize_handler(category) {
9115
9189
  categoryTitleHeight[category.id] = this.clientHeight;
9116
- $$invalidate(15, categoryTitleHeight);
9190
+ $$invalidate(16, categoryTitleHeight);
9117
9191
  }
9118
9192
  const keydown_handler = (category, { key }) => getContainerTabSelected(key, category.id);
9119
9193
  function div1_binding($$value, category) {
9120
9194
  binding_callbacks[$$value ? "unshift" : "push"](() => {
9121
9195
  tabCategory[category.id] = $$value;
9122
- $$invalidate(14, tabCategory);
9196
+ $$invalidate(15, tabCategory);
9123
9197
  });
9124
9198
  }
9125
9199
  const keydown_handler_1 = ({ key }) => getContainerTabSelected(key, CONTAINER_WORD_BIN_ID);
9126
9200
  function div4_binding($$value) {
9127
9201
  binding_callbacks[$$value ? "unshift" : "push"](() => {
9128
9202
  tabCategory[CONTAINER_WORD_BIN_ID] = $$value;
9129
- $$invalidate(14, tabCategory);
9203
+ $$invalidate(15, tabCategory);
9204
+ });
9205
+ }
9206
+ function div_binding($$value) {
9207
+ binding_callbacks[$$value ? "unshift" : "push"](() => {
9208
+ srDiv = $$value;
9209
+ $$invalidate(0, srDiv);
9130
9210
  });
9131
9211
  }
9132
9212
  $$self.$$set = ($$props2) => {
9133
9213
  if ("sessionData" in $$props2)
9134
- $$invalidate(32, sessionData = $$props2.sessionData);
9214
+ $$invalidate(33, sessionData = $$props2.sessionData);
9135
9215
  };
9136
9216
  return [
9217
+ srDiv,
9137
9218
  totalCategoryItems,
9138
9219
  considerContainerId,
9139
9220
  isDraggingOver,
@@ -9171,16 +9252,17 @@
9171
9252
  keydown_handler,
9172
9253
  div1_binding,
9173
9254
  keydown_handler_1,
9174
- div4_binding
9255
+ div4_binding,
9256
+ div_binding
9175
9257
  ];
9176
9258
  }
9177
9259
  var PromptCategorise = class extends SvelteComponent {
9178
9260
  constructor(options) {
9179
9261
  super();
9180
- init(this, options, instance9, create_fragment20, safe_not_equal, { sessionData: 32 }, null, [-1, -1]);
9262
+ init(this, options, instance9, create_fragment20, safe_not_equal, { sessionData: 33 }, null, [-1, -1]);
9181
9263
  }
9182
9264
  get sessionData() {
9183
- return this.$$.ctx[32];
9265
+ return this.$$.ctx[33];
9184
9266
  }
9185
9267
  set sessionData(sessionData) {
9186
9268
  this.$$set({ sessionData });
@@ -9281,7 +9363,7 @@
9281
9363
 
9282
9364
  // src/lib/components/prompt/PromptBuilder.svelte
9283
9365
  function add_css(target) {
9284
- append_styles(target, "svelte-19319yb", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-19319yb-pulse{{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-19319yb-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>span>.choice{border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>.choice{--tw-border-opacity:1}.btn-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>.choice,.btn-mcq-option.selected.incorrect>span>.choice{--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(93 99 107/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px;outline:2px solid transparent;outline-offset:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));transition-duration:50ms}}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));cursor:grabbing !important}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-12{top:3rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-2{margin-top:0.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-6,.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(8 38 99/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(8 38 99/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
9366
+ append_styles(target, "svelte-198p8t", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-198p8t-pulse{{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-198p8t-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>span>.choice{border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>.choice{--tw-border-opacity:1}.btn-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>.choice,.btn-mcq-option.selected.incorrect>span>.choice{--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(93 99 107/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px;outline:2px solid transparent;outline-offset:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));transition-duration:50ms}}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));cursor:grabbing !important}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-12{top:3rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-2{margin-top:0.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-6,.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(8 38 99/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(8 38 99/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
9285
9367
  }
9286
9368
  function create_else_block_12(ctx) {
9287
9369
  let invalidbanner;