eat-js-sdk 0.0.38 → 0.0.40

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.
@@ -5331,7 +5331,8 @@
5331
5331
  openCategoryContainer: [],
5332
5332
  currentWordBinIndex: 0,
5333
5333
  currentTabContainer: "",
5334
- lastSelectedTabContainer: ""
5334
+ lastSelectedTabContainer: "",
5335
+ selectedItemName: ""
5335
5336
  });
5336
5337
 
5337
5338
  // src/lib/assets/img/product/GripVertical.svelte
@@ -5598,13 +5599,15 @@
5598
5599
  categoriseSettings.set({
5599
5600
  ...storeCategoriseSettings,
5600
5601
  selectedItemId: itemId,
5601
- sourceSelectedContainerId: containerId
5602
+ sourceSelectedContainerId: containerId,
5603
+ selectedItemName: word
5602
5604
  });
5603
5605
  } else if (currentSelectedItemId === itemId) {
5604
5606
  categoriseSettings.set({
5605
5607
  ...storeCategoriseSettings,
5606
5608
  selectedItemId: "",
5607
- sourceSelectedContainerId: ""
5609
+ sourceSelectedContainerId: "",
5610
+ selectedItemName: ""
5608
5611
  });
5609
5612
  }
5610
5613
  setTimeout(
@@ -7469,19 +7472,19 @@
7469
7472
  // src/lib/components/prompt/categorise/PromptCategorise.svelte
7470
7473
  function get_each_context3(ctx, list, i) {
7471
7474
  const child_ctx = ctx.slice();
7472
- child_ctx[45] = list[i];
7473
- child_ctx[46] = list;
7474
- child_ctx[47] = i;
7475
+ child_ctx[46] = list[i];
7476
+ child_ctx[47] = list;
7477
+ child_ctx[48] = i;
7475
7478
  return child_ctx;
7476
7479
  }
7477
- function create_if_block_23(ctx) {
7480
+ function create_if_block_42(ctx) {
7478
7481
  let promptcategorisemodal;
7479
7482
  let current;
7480
7483
  promptcategorisemodal = new PromptCategoriseModal_default({});
7481
7484
  promptcategorisemodal.$on(
7482
7485
  "resetCategory",
7483
7486
  /*saveCategory*/
7484
- ctx[27]
7487
+ ctx[28]
7485
7488
  );
7486
7489
  return {
7487
7490
  c() {
@@ -7507,7 +7510,7 @@
7507
7510
  }
7508
7511
  };
7509
7512
  }
7510
- function create_if_block_16(ctx) {
7513
+ function create_if_block_32(ctx) {
7511
7514
  let button;
7512
7515
  let span0;
7513
7516
  let switchicon;
@@ -7548,7 +7551,7 @@
7548
7551
  button,
7549
7552
  "click",
7550
7553
  /*openResetModal*/
7551
- ctx[22]
7554
+ ctx[23]
7552
7555
  );
7553
7556
  mounted = true;
7554
7557
  }
@@ -7584,6 +7587,44 @@
7584
7587
  }
7585
7588
  };
7586
7589
  }
7590
+ function create_if_block_23(ctx) {
7591
+ let span;
7592
+ let t0;
7593
+ let t1;
7594
+ let t2;
7595
+ return {
7596
+ c() {
7597
+ span = element("span");
7598
+ t0 = text("Option ");
7599
+ t1 = text(
7600
+ /*selectedItemName*/
7601
+ ctx[13]
7602
+ );
7603
+ t2 = text(" added in:\xA0");
7604
+ attr(span, "class", "sr-only");
7605
+ },
7606
+ m(target, anchor) {
7607
+ insert(target, span, anchor);
7608
+ append(span, t0);
7609
+ append(span, t1);
7610
+ append(span, t2);
7611
+ },
7612
+ p(ctx2, dirty) {
7613
+ if (dirty[0] & /*selectedItemName*/
7614
+ 8192)
7615
+ set_data(
7616
+ t1,
7617
+ /*selectedItemName*/
7618
+ ctx2[13]
7619
+ );
7620
+ },
7621
+ d(detaching) {
7622
+ if (detaching) {
7623
+ detach(span);
7624
+ }
7625
+ }
7626
+ };
7627
+ }
7587
7628
  function create_else_block3(ctx) {
7588
7629
  let smallchevrondown;
7589
7630
  let current;
@@ -7611,7 +7652,7 @@
7611
7652
  }
7612
7653
  };
7613
7654
  }
7614
- function create_if_block6(ctx) {
7655
+ function create_if_block_16(ctx) {
7615
7656
  let smallchevronup;
7616
7657
  let current;
7617
7658
  smallchevronup = new SmallChevronUp_default({});
@@ -7641,43 +7682,55 @@
7641
7682
  function create_each_block3(ctx) {
7642
7683
  let div1;
7643
7684
  let div0;
7685
+ let show_if_1 = (
7686
+ /*checkContainerDroppedItem*/
7687
+ ctx[21](
7688
+ /*category*/
7689
+ ctx[46].id,
7690
+ /*dropContainerId*/
7691
+ ctx[3]
7692
+ )
7693
+ );
7694
+ let t0;
7644
7695
  let span0;
7645
- let t3;
7696
+ let t4;
7646
7697
  let span1;
7647
- let t5;
7698
+ let t6;
7648
7699
  let button;
7649
7700
  let span2;
7650
- let t6_value = (
7701
+ let t7_value = (
7651
7702
  /*getTotalWords*/
7652
- ctx[23](
7703
+ ctx[24](
7653
7704
  /*category*/
7654
- ctx[45].id,
7705
+ ctx[46].id,
7655
7706
  /*currentAnswer*/
7656
7707
  ctx[6]
7657
7708
  ) + ""
7658
7709
  );
7659
- let t6;
7660
7710
  let t7;
7711
+ let t8;
7661
7712
  let span3;
7662
7713
  let show_if;
7663
7714
  let current_block_type_index;
7664
- let if_block;
7715
+ let if_block1;
7665
7716
  let button_aria_label_value;
7666
7717
  let div0_id_value;
7718
+ let div0_aria_live_value;
7667
7719
  let div0_class_value;
7668
7720
  let div0_resize_listener;
7669
- let t8;
7670
- let promptcategorisedndcontainer;
7671
7721
  let t9;
7722
+ let promptcategorisedndcontainer;
7723
+ let t10;
7672
7724
  let div1_class_value;
7673
7725
  let category = (
7674
7726
  /*category*/
7675
- ctx[45]
7727
+ ctx[46]
7676
7728
  );
7677
7729
  let current;
7678
7730
  let mounted;
7679
7731
  let dispose;
7680
- const if_block_creators = [create_if_block6, create_else_block3];
7732
+ let if_block0 = show_if_1 && create_if_block_23(ctx);
7733
+ const if_block_creators = [create_if_block_16, create_else_block3];
7681
7734
  const if_blocks = [];
7682
7735
  function select_block_type(ctx2, dirty) {
7683
7736
  if (dirty[0] & /*openCategoryContainer*/
@@ -7685,9 +7738,9 @@
7685
7738
  show_if = null;
7686
7739
  if (show_if == null)
7687
7740
  show_if = !!/*checkifCategoryContainerOpen*/
7688
- ctx2[24](
7741
+ ctx2[25](
7689
7742
  /*category*/
7690
- ctx2[45].id,
7743
+ ctx2[46].id,
7691
7744
  /*openCategoryContainer*/
7692
7745
  ctx2[10]
7693
7746
  );
@@ -7696,164 +7749,174 @@
7696
7749
  return 1;
7697
7750
  }
7698
7751
  current_block_type_index = select_block_type(ctx, [-1, -1]);
7699
- if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
7752
+ if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
7700
7753
  function div0_elementresize_handler() {
7701
- ctx[32].call(
7754
+ ctx[33].call(
7702
7755
  div0,
7703
7756
  /*category*/
7704
- ctx[45]
7757
+ ctx[46]
7705
7758
  );
7706
7759
  }
7707
7760
  promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
7708
7761
  props: {
7709
7762
  containerClass: "content-start !outline-none rounded-lg grow w-full md:p-4\n " + /*checkContainerDragOver*/
7710
- (ctx[19](
7763
+ (ctx[20](
7711
7764
  /*category*/
7712
- ctx[45].id,
7765
+ ctx[46].id,
7713
7766
  /*considerContainerId*/
7714
7767
  ctx[1],
7715
7768
  /*isDraggingOver*/
7716
7769
  ctx[2]
7717
7770
  ) ? "bg-violet-100" : "") + "\n " + /*checkifCategoryContainerOpen*/
7718
- (ctx[24](
7771
+ (ctx[25](
7719
7772
  /*category*/
7720
- ctx[45].id,
7773
+ ctx[46].id,
7721
7774
  /*openCategoryContainer*/
7722
7775
  ctx[10]
7723
7776
  ) ? "h-full p-3 min-h-[86px] md:min-h-0" : ""),
7724
7777
  paddingTop: (
7725
7778
  /*checkifCategoryContainerOpen*/
7726
- ctx[24](
7779
+ ctx[25](
7727
7780
  /*category*/
7728
- ctx[45].id,
7781
+ ctx[46].id,
7729
7782
  /*openCategoryContainer*/
7730
7783
  ctx[10]
7731
7784
  ) || !useIsSmallScreen() ? (
7732
7785
  /*categoryTitleHeight*/
7733
- ctx[14][
7786
+ ctx[15][
7734
7787
  /*category*/
7735
- ctx[45].id
7788
+ ctx[46].id
7736
7789
  ] + 16
7737
7790
  ) : (
7738
7791
  /*categoryTitleHeight*/
7739
- ctx[14][
7792
+ ctx[15][
7740
7793
  /*category*/
7741
- ctx[45].id
7794
+ ctx[46].id
7742
7795
  ]
7743
7796
  )
7744
7797
  ),
7745
7798
  containerId: (
7746
7799
  /*category*/
7747
- ctx[45].id
7800
+ ctx[46].id
7748
7801
  ),
7749
7802
  showButton: (
7750
7803
  /*checkifCategoryContainerOpen*/
7751
- ctx[24](
7804
+ ctx[25](
7752
7805
  /*category*/
7753
- ctx[45].id,
7806
+ ctx[46].id,
7754
7807
  /*openCategoryContainer*/
7755
7808
  ctx[10]
7756
7809
  )
7757
7810
  ),
7758
7811
  ariaLabel: `Category ${/*index*/
7759
- ctx[47] + 1}: ${/*category*/
7760
- ctx[45].name}`
7812
+ ctx[48] + 1}: ${/*category*/
7813
+ ctx[46].name}`
7761
7814
  }
7762
7815
  });
7763
7816
  promptcategorisedndcontainer.$on(
7764
7817
  "saveCategory",
7765
7818
  /*saveCategory*/
7766
- ctx[27]
7819
+ ctx[28]
7767
7820
  );
7768
7821
  function keydown_handler(...args) {
7769
7822
  return (
7770
7823
  /*keydown_handler*/
7771
- ctx[33](
7824
+ ctx[34](
7772
7825
  /*category*/
7773
- ctx[45],
7826
+ ctx[46],
7774
7827
  ...args
7775
7828
  )
7776
7829
  );
7777
7830
  }
7778
7831
  const assign_div1 = () => (
7779
7832
  /*div1_binding*/
7780
- ctx[34](div1, category)
7833
+ ctx[35](div1, category)
7781
7834
  );
7782
7835
  const unassign_div1 = () => (
7783
7836
  /*div1_binding*/
7784
- ctx[34](null, category)
7837
+ ctx[35](null, category)
7785
7838
  );
7786
7839
  return {
7787
7840
  c() {
7788
7841
  div1 = element("div");
7789
7842
  div0 = element("div");
7843
+ if (if_block0)
7844
+ if_block0.c();
7845
+ t0 = space();
7790
7846
  span0 = element("span");
7791
7847
  span0.textContent = `Category ${/*index*/
7792
- ctx[47] + 1}:\xA0`;
7793
- t3 = space();
7848
+ ctx[48] + 1}:\xA0`;
7849
+ t4 = space();
7794
7850
  span1 = element("span");
7795
7851
  span1.textContent = `${/*category*/
7796
- ctx[45].name}`;
7797
- t5 = space();
7852
+ ctx[46].name}`;
7853
+ t6 = space();
7798
7854
  button = element("button");
7799
7855
  span2 = element("span");
7800
- t6 = text(t6_value);
7801
- t7 = space();
7802
- span3 = element("span");
7803
- if_block.c();
7856
+ t7 = text(t7_value);
7804
7857
  t8 = space();
7805
- create_component(promptcategorisedndcontainer.$$.fragment);
7858
+ span3 = element("span");
7859
+ if_block1.c();
7806
7860
  t9 = space();
7861
+ create_component(promptcategorisedndcontainer.$$.fragment);
7862
+ t10 = space();
7807
7863
  attr(span0, "class", "sr-only");
7808
7864
  attr(span1, "class", "text-base leading-5 !text-gray-900 md:item-heading");
7809
7865
  attr(span2, "class", "mx-0.5");
7810
7866
  attr(span3, "class", "w-4 h-4 text-inherit flex items-center justify-center");
7811
7867
  attr(button, "aria-label", button_aria_label_value = /*getTotalWords*/
7812
- ctx[23](
7868
+ ctx[24](
7813
7869
  /*category*/
7814
- ctx[45].id,
7870
+ ctx[46].id,
7815
7871
  /*currentAnswer*/
7816
7872
  ctx[6]
7817
7873
  ));
7818
7874
  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");
7819
7875
  attr(div0, "id", div0_id_value = `category-title${/*index*/
7820
- ctx[47]}`);
7876
+ ctx[48]}`);
7877
+ attr(div0, "aria-live", div0_aria_live_value = /*checkContainerDroppedItem*/
7878
+ ctx[21](
7879
+ /*category*/
7880
+ ctx[46].id,
7881
+ /*dropContainerId*/
7882
+ ctx[3]
7883
+ ) ? "polite" : "off");
7821
7884
  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*/
7822
- (ctx[20](
7885
+ (ctx[21](
7823
7886
  /*category*/
7824
- ctx[45].id,
7887
+ ctx[46].id,
7825
7888
  /*dropContainerId*/
7826
7889
  ctx[3]
7827
7890
  ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
7828
- ctx[24](
7891
+ ctx[25](
7829
7892
  /*category*/
7830
- ctx[45].id,
7893
+ ctx[46].id,
7831
7894
  /*openCategoryContainer*/
7832
7895
  ctx[10]
7833
7896
  ) && /*checkContainerDragOver*/
7834
- ctx[19](
7897
+ ctx[20](
7835
7898
  /*category*/
7836
- ctx[45].id,
7899
+ ctx[46].id,
7837
7900
  /*considerContainerId*/
7838
7901
  ctx[1],
7839
7902
  /*isDraggingOver*/
7840
7903
  ctx[2]
7841
7904
  ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
7842
- (ctx[24](
7905
+ (ctx[25](
7843
7906
  /*category*/
7844
- ctx[45].id,
7907
+ ctx[46].id,
7845
7908
  /*openCategoryContainer*/
7846
7909
  ctx[10]
7847
7910
  ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
7848
- ctx[24](
7911
+ ctx[25](
7849
7912
  /*category*/
7850
- ctx[45].id,
7913
+ ctx[46].id,
7851
7914
  /*openCategoryContainer*/
7852
7915
  ctx[10]
7853
7916
  ) && /*checkSelectedSourceContainer*/
7854
- ctx[21](
7917
+ ctx[22](
7855
7918
  /*category*/
7856
- ctx[45].id,
7919
+ ctx[46].id,
7857
7920
  /*sourceSelectedContainerId*/
7858
7921
  ctx[5],
7859
7922
  /*currentSelectedItemId*/
@@ -7868,38 +7931,38 @@
7868
7931
  );
7869
7932
  attr(div1, "role", "group");
7870
7933
  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*/
7871
- (ctx[19](
7934
+ (ctx[20](
7872
7935
  /*category*/
7873
- ctx[45].id,
7936
+ ctx[46].id,
7874
7937
  /*considerContainerId*/
7875
7938
  ctx[1],
7876
7939
  /*isDraggingOver*/
7877
7940
  ctx[2]
7878
7941
  ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
7879
- (ctx[20](
7942
+ (ctx[21](
7880
7943
  /*category*/
7881
- ctx[45].id,
7944
+ ctx[46].id,
7882
7945
  /*dropContainerId*/
7883
7946
  ctx[3]
7884
7947
  ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
7885
- (ctx[20](
7948
+ (ctx[21](
7886
7949
  /*category*/
7887
- ctx[45].id,
7950
+ ctx[46].id,
7888
7951
  /*dropContainerId*/
7889
7952
  ctx[3]
7890
7953
  ) && /*hasAddItemAnimation*/
7891
7954
  ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
7892
- (ctx[21](
7955
+ (ctx[22](
7893
7956
  /*category*/
7894
- ctx[45].id,
7957
+ ctx[46].id,
7895
7958
  /*sourceSelectedContainerId*/
7896
7959
  ctx[5],
7897
7960
  /*currentSelectedItemId*/
7898
7961
  ctx[4]
7899
7962
  ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
7900
- (ctx[24](
7963
+ (ctx[25](
7901
7964
  /*category*/
7902
- ctx[45].id,
7965
+ ctx[46].id,
7903
7966
  /*openCategoryContainer*/
7904
7967
  ctx[10]
7905
7968
  ) ? "min-h-[140px]" : ""));
@@ -7907,20 +7970,23 @@
7907
7970
  m(target, anchor) {
7908
7971
  insert(target, div1, anchor);
7909
7972
  append(div1, div0);
7973
+ if (if_block0)
7974
+ if_block0.m(div0, null);
7975
+ append(div0, t0);
7910
7976
  append(div0, span0);
7911
- append(div0, t3);
7977
+ append(div0, t4);
7912
7978
  append(div0, span1);
7913
- append(div0, t5);
7979
+ append(div0, t6);
7914
7980
  append(div0, button);
7915
7981
  append(button, span2);
7916
- append(span2, t6);
7917
- append(button, t7);
7982
+ append(span2, t7);
7983
+ append(button, t8);
7918
7984
  append(button, span3);
7919
7985
  if_blocks[current_block_type_index].m(span3, null);
7920
7986
  div0_resize_listener = add_iframe_resize_listener(div0, div0_elementresize_handler.bind(div0));
7921
- append(div1, t8);
7922
- mount_component(promptcategorisedndcontainer, div1, null);
7923
7987
  append(div1, t9);
7988
+ mount_component(promptcategorisedndcontainer, div1, null);
7989
+ append(div1, t10);
7924
7990
  assign_div1();
7925
7991
  current = true;
7926
7992
  if (!mounted) {
@@ -7928,16 +7994,16 @@
7928
7994
  listen(button, "click", function() {
7929
7995
  if (is_function(
7930
7996
  /*addCategoryContainer*/
7931
- ctx[25](
7997
+ ctx[26](
7932
7998
  /*category*/
7933
- ctx[45].id,
7999
+ ctx[46].id,
7934
8000
  /*openCategoryContainer*/
7935
8001
  ctx[10]
7936
8002
  )
7937
8003
  ))
7938
- ctx[25](
8004
+ ctx[26](
7939
8005
  /*category*/
7940
- ctx[45].id,
8006
+ ctx[46].id,
7941
8007
  /*openCategoryContainer*/
7942
8008
  ctx[10]
7943
8009
  ).apply(this, arguments);
@@ -7947,7 +8013,7 @@
7947
8013
  div1,
7948
8014
  "focus",
7949
8015
  /*resetTabCategory*/
7950
- ctx[29]
8016
+ ctx[30]
7951
8017
  )
7952
8018
  ];
7953
8019
  mounted = true;
@@ -7955,15 +8021,36 @@
7955
8021
  },
7956
8022
  p(new_ctx, dirty) {
7957
8023
  ctx = new_ctx;
8024
+ if (dirty[0] & /*dropContainerId*/
8025
+ 8)
8026
+ show_if_1 = /*checkContainerDroppedItem*/
8027
+ ctx[21](
8028
+ /*category*/
8029
+ ctx[46].id,
8030
+ /*dropContainerId*/
8031
+ ctx[3]
8032
+ );
8033
+ if (show_if_1) {
8034
+ if (if_block0) {
8035
+ if_block0.p(ctx, dirty);
8036
+ } else {
8037
+ if_block0 = create_if_block_23(ctx);
8038
+ if_block0.c();
8039
+ if_block0.m(div0, t0);
8040
+ }
8041
+ } else if (if_block0) {
8042
+ if_block0.d(1);
8043
+ if_block0 = null;
8044
+ }
7958
8045
  if ((!current || dirty[0] & /*currentAnswer*/
7959
- 64) && t6_value !== (t6_value = /*getTotalWords*/
7960
- ctx[23](
8046
+ 64) && t7_value !== (t7_value = /*getTotalWords*/
8047
+ ctx[24](
7961
8048
  /*category*/
7962
- ctx[45].id,
8049
+ ctx[46].id,
7963
8050
  /*currentAnswer*/
7964
8051
  ctx[6]
7965
8052
  ) + ""))
7966
- set_data(t6, t6_value);
8053
+ set_data(t7, t7_value);
7967
8054
  let previous_block_index = current_block_type_index;
7968
8055
  current_block_type_index = select_block_type(ctx, dirty);
7969
8056
  if (current_block_type_index !== previous_block_index) {
@@ -7972,62 +8059,72 @@
7972
8059
  if_blocks[previous_block_index] = null;
7973
8060
  });
7974
8061
  check_outros();
7975
- if_block = if_blocks[current_block_type_index];
7976
- if (!if_block) {
7977
- if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
7978
- if_block.c();
8062
+ if_block1 = if_blocks[current_block_type_index];
8063
+ if (!if_block1) {
8064
+ if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
8065
+ if_block1.c();
7979
8066
  } else {
7980
8067
  }
7981
- transition_in(if_block, 1);
7982
- if_block.m(span3, null);
8068
+ transition_in(if_block1, 1);
8069
+ if_block1.m(span3, null);
7983
8070
  }
7984
8071
  if (!current || dirty[0] & /*currentAnswer*/
7985
8072
  64 && button_aria_label_value !== (button_aria_label_value = /*getTotalWords*/
7986
- ctx[23](
8073
+ ctx[24](
7987
8074
  /*category*/
7988
- ctx[45].id,
8075
+ ctx[46].id,
7989
8076
  /*currentAnswer*/
7990
8077
  ctx[6]
7991
8078
  ))) {
7992
8079
  attr(button, "aria-label", button_aria_label_value);
7993
8080
  }
8081
+ if (!current || dirty[0] & /*dropContainerId*/
8082
+ 8 && div0_aria_live_value !== (div0_aria_live_value = /*checkContainerDroppedItem*/
8083
+ ctx[21](
8084
+ /*category*/
8085
+ ctx[46].id,
8086
+ /*dropContainerId*/
8087
+ ctx[3]
8088
+ ) ? "polite" : "off")) {
8089
+ attr(div0, "aria-live", div0_aria_live_value);
8090
+ }
7994
8091
  if (!current || dirty[0] & /*dropContainerId, openCategoryContainer, considerContainerId, isDraggingOver, sourceSelectedContainerId, currentSelectedItemId*/
7995
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*/
7996
- (ctx[20](
8093
+ (ctx[21](
7997
8094
  /*category*/
7998
- ctx[45].id,
8095
+ ctx[46].id,
7999
8096
  /*dropContainerId*/
8000
8097
  ctx[3]
8001
8098
  ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
8002
- ctx[24](
8099
+ ctx[25](
8003
8100
  /*category*/
8004
- ctx[45].id,
8101
+ ctx[46].id,
8005
8102
  /*openCategoryContainer*/
8006
8103
  ctx[10]
8007
8104
  ) && /*checkContainerDragOver*/
8008
- ctx[19](
8105
+ ctx[20](
8009
8106
  /*category*/
8010
- ctx[45].id,
8107
+ ctx[46].id,
8011
8108
  /*considerContainerId*/
8012
8109
  ctx[1],
8013
8110
  /*isDraggingOver*/
8014
8111
  ctx[2]
8015
8112
  ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
8016
- (ctx[24](
8113
+ (ctx[25](
8017
8114
  /*category*/
8018
- ctx[45].id,
8115
+ ctx[46].id,
8019
8116
  /*openCategoryContainer*/
8020
8117
  ctx[10]
8021
8118
  ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
8022
- ctx[24](
8119
+ ctx[25](
8023
8120
  /*category*/
8024
- ctx[45].id,
8121
+ ctx[46].id,
8025
8122
  /*openCategoryContainer*/
8026
8123
  ctx[10]
8027
8124
  ) && /*checkSelectedSourceContainer*/
8028
- ctx[21](
8125
+ ctx[22](
8029
8126
  /*category*/
8030
- ctx[45].id,
8127
+ ctx[46].id,
8031
8128
  /*sourceSelectedContainerId*/
8032
8129
  ctx[5],
8033
8130
  /*currentSelectedItemId*/
@@ -8039,47 +8136,47 @@
8039
8136
  if (dirty[0] & /*considerContainerId, isDraggingOver, openCategoryContainer*/
8040
8137
  1030)
8041
8138
  promptcategorisedndcontainer_changes.containerClass = "content-start !outline-none rounded-lg grow w-full md:p-4\n " + /*checkContainerDragOver*/
8042
- (ctx[19](
8139
+ (ctx[20](
8043
8140
  /*category*/
8044
- ctx[45].id,
8141
+ ctx[46].id,
8045
8142
  /*considerContainerId*/
8046
8143
  ctx[1],
8047
8144
  /*isDraggingOver*/
8048
8145
  ctx[2]
8049
8146
  ) ? "bg-violet-100" : "") + "\n " + /*checkifCategoryContainerOpen*/
8050
- (ctx[24](
8147
+ (ctx[25](
8051
8148
  /*category*/
8052
- ctx[45].id,
8149
+ ctx[46].id,
8053
8150
  /*openCategoryContainer*/
8054
8151
  ctx[10]
8055
8152
  ) ? "h-full p-3 min-h-[86px] md:min-h-0" : "");
8056
8153
  if (dirty[0] & /*openCategoryContainer, categoryTitleHeight*/
8057
- 17408)
8154
+ 33792)
8058
8155
  promptcategorisedndcontainer_changes.paddingTop = /*checkifCategoryContainerOpen*/
8059
- ctx[24](
8156
+ ctx[25](
8060
8157
  /*category*/
8061
- ctx[45].id,
8158
+ ctx[46].id,
8062
8159
  /*openCategoryContainer*/
8063
8160
  ctx[10]
8064
8161
  ) || !useIsSmallScreen() ? (
8065
8162
  /*categoryTitleHeight*/
8066
- ctx[14][
8163
+ ctx[15][
8067
8164
  /*category*/
8068
- ctx[45].id
8165
+ ctx[46].id
8069
8166
  ] + 16
8070
8167
  ) : (
8071
8168
  /*categoryTitleHeight*/
8072
- ctx[14][
8169
+ ctx[15][
8073
8170
  /*category*/
8074
- ctx[45].id
8171
+ ctx[46].id
8075
8172
  ]
8076
8173
  );
8077
8174
  if (dirty[0] & /*openCategoryContainer*/
8078
8175
  1024)
8079
8176
  promptcategorisedndcontainer_changes.showButton = /*checkifCategoryContainerOpen*/
8080
- ctx[24](
8177
+ ctx[25](
8081
8178
  /*category*/
8082
- ctx[45].id,
8179
+ ctx[46].id,
8083
8180
  /*openCategoryContainer*/
8084
8181
  ctx[10]
8085
8182
  );
@@ -8095,60 +8192,60 @@
8095
8192
  }
8096
8193
  if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, openCategoryContainer*/
8097
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*/
8098
- (ctx[19](
8195
+ (ctx[20](
8099
8196
  /*category*/
8100
- ctx[45].id,
8197
+ ctx[46].id,
8101
8198
  /*considerContainerId*/
8102
8199
  ctx[1],
8103
8200
  /*isDraggingOver*/
8104
8201
  ctx[2]
8105
8202
  ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
8106
- (ctx[20](
8203
+ (ctx[21](
8107
8204
  /*category*/
8108
- ctx[45].id,
8205
+ ctx[46].id,
8109
8206
  /*dropContainerId*/
8110
8207
  ctx[3]
8111
8208
  ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
8112
- (ctx[20](
8209
+ (ctx[21](
8113
8210
  /*category*/
8114
- ctx[45].id,
8211
+ ctx[46].id,
8115
8212
  /*dropContainerId*/
8116
8213
  ctx[3]
8117
8214
  ) && /*hasAddItemAnimation*/
8118
8215
  ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
8119
- (ctx[21](
8216
+ (ctx[22](
8120
8217
  /*category*/
8121
- ctx[45].id,
8218
+ ctx[46].id,
8122
8219
  /*sourceSelectedContainerId*/
8123
8220
  ctx[5],
8124
8221
  /*currentSelectedItemId*/
8125
8222
  ctx[4]
8126
8223
  ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
8127
- (ctx[24](
8224
+ (ctx[25](
8128
8225
  /*category*/
8129
- ctx[45].id,
8226
+ ctx[46].id,
8130
8227
  /*openCategoryContainer*/
8131
8228
  ctx[10]
8132
8229
  ) ? "min-h-[140px]" : ""))) {
8133
8230
  attr(div1, "class", div1_class_value);
8134
8231
  }
8135
8232
  if (category !== /*category*/
8136
- ctx[45]) {
8233
+ ctx[46]) {
8137
8234
  unassign_div1();
8138
8235
  category = /*category*/
8139
- ctx[45];
8236
+ ctx[46];
8140
8237
  assign_div1();
8141
8238
  }
8142
8239
  },
8143
8240
  i(local) {
8144
8241
  if (current)
8145
8242
  return;
8146
- transition_in(if_block);
8243
+ transition_in(if_block1);
8147
8244
  transition_in(promptcategorisedndcontainer.$$.fragment, local);
8148
8245
  current = true;
8149
8246
  },
8150
8247
  o(local) {
8151
- transition_out(if_block);
8248
+ transition_out(if_block1);
8152
8249
  transition_out(promptcategorisedndcontainer.$$.fragment, local);
8153
8250
  current = false;
8154
8251
  },
@@ -8156,6 +8253,8 @@
8156
8253
  if (detaching) {
8157
8254
  detach(div1);
8158
8255
  }
8256
+ if (if_block0)
8257
+ if_block0.d();
8159
8258
  if_blocks[current_block_type_index].d();
8160
8259
  div0_resize_listener();
8161
8260
  destroy_component(promptcategorisedndcontainer);
@@ -8165,6 +8264,44 @@
8165
8264
  }
8166
8265
  };
8167
8266
  }
8267
+ function create_if_block6(ctx) {
8268
+ let span;
8269
+ let t0;
8270
+ let t1;
8271
+ let t2;
8272
+ return {
8273
+ c() {
8274
+ span = element("span");
8275
+ t0 = text("Option ");
8276
+ t1 = text(
8277
+ /*selectedItemName*/
8278
+ ctx[13]
8279
+ );
8280
+ t2 = text(" added in:\xA0");
8281
+ attr(span, "class", "sr-only");
8282
+ },
8283
+ m(target, anchor) {
8284
+ insert(target, span, anchor);
8285
+ append(span, t0);
8286
+ append(span, t1);
8287
+ append(span, t2);
8288
+ },
8289
+ p(ctx2, dirty) {
8290
+ if (dirty[0] & /*selectedItemName*/
8291
+ 8192)
8292
+ set_data(
8293
+ t1,
8294
+ /*selectedItemName*/
8295
+ ctx2[13]
8296
+ );
8297
+ },
8298
+ d(detaching) {
8299
+ if (detaching) {
8300
+ detach(span);
8301
+ }
8302
+ }
8303
+ };
8304
+ }
8168
8305
  function create_default_slot4(ctx) {
8169
8306
  let button0;
8170
8307
  let span0;
@@ -8181,28 +8318,38 @@
8181
8318
  let t7;
8182
8319
  let div4;
8183
8320
  let div2;
8321
+ let show_if = (
8322
+ /*checkContainerDroppedItem*/
8323
+ ctx[21](
8324
+ CONTAINER_WORD_BIN_ID,
8325
+ /*dropContainerId*/
8326
+ ctx[3]
8327
+ )
8328
+ );
8329
+ let t8;
8184
8330
  let span2;
8185
- let t9;
8186
- let span3;
8187
8331
  let t10;
8332
+ let span3;
8188
8333
  let t11;
8189
8334
  let t12;
8190
8335
  let t13;
8191
8336
  let t14;
8337
+ let t15;
8192
8338
  let div3;
8193
8339
  let button1;
8194
8340
  let span4;
8195
8341
  let smallchevronleft;
8196
8342
  let button1_class_value;
8197
8343
  let button1_disabled_value;
8198
- let t15;
8199
- let promptcategorisedndcontainer;
8200
8344
  let t16;
8345
+ let promptcategorisedndcontainer;
8346
+ let t17;
8201
8347
  let button2;
8202
8348
  let span5;
8203
8349
  let smallchevronright;
8204
8350
  let button2_class_value;
8205
8351
  let button2_disabled_value;
8352
+ let div4_aria_live_value;
8206
8353
  let div4_class_value;
8207
8354
  let current;
8208
8355
  let mounted;
@@ -8210,16 +8357,16 @@
8210
8357
  arrowdowncircle = new ArrowDownCircle_default({});
8211
8358
  let if_block0 = (
8212
8359
  /*isModalOpen*/
8213
- ctx[9] && create_if_block_23(ctx)
8360
+ ctx[9] && create_if_block_42(ctx)
8214
8361
  );
8215
8362
  let if_block1 = (
8216
8363
  /*totalRemainingWordBinItem*/
8217
8364
  ctx[7] !== /*totalCategoryItems*/
8218
- ctx[0] && create_if_block_16(ctx)
8365
+ ctx[0] && create_if_block_32(ctx)
8219
8366
  );
8220
8367
  let each_value = ensure_array_like(Object.values(
8221
8368
  /*categoryGroups*/
8222
- ctx[18]
8369
+ ctx[19]
8223
8370
  ));
8224
8371
  let each_blocks = [];
8225
8372
  for (let i = 0; i < each_value.length; i += 1) {
@@ -8228,18 +8375,19 @@
8228
8375
  const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
8229
8376
  each_blocks[i] = null;
8230
8377
  });
8378
+ let if_block2 = show_if && create_if_block6(ctx);
8231
8379
  smallchevronleft = new SmallChevronLeft_default({});
8232
8380
  promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
8233
8381
  props: {
8234
8382
  containerClass: "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal\n " + /*isWordBInTotalZero*/
8235
- (ctx[26](
8383
+ (ctx[27](
8236
8384
  /*totalRemainingWordBinItem*/
8237
8385
  ctx[7]
8238
8386
  ) && !/*currentSelectedItemId*/
8239
8387
  ctx[4] ? "absolute inset-0" : ""),
8240
8388
  items: (
8241
8389
  /*categoryItems*/
8242
- ctx[17]
8390
+ ctx[18]
8243
8391
  ),
8244
8392
  containerId: CONTAINER_WORD_BIN_ID,
8245
8393
  ariaLabel: "Word bin"
@@ -8248,7 +8396,7 @@
8248
8396
  promptcategorisedndcontainer.$on(
8249
8397
  "saveCategory",
8250
8398
  /*saveCategory*/
8251
- ctx[27]
8399
+ ctx[28]
8252
8400
  );
8253
8401
  smallchevronright = new SmallChevronRight_default({});
8254
8402
  return {
@@ -8277,33 +8425,42 @@
8277
8425
  t7 = space();
8278
8426
  div4 = element("div");
8279
8427
  div2 = element("div");
8428
+ if (if_block2)
8429
+ if_block2.c();
8430
+ t8 = space();
8280
8431
  span2 = element("span");
8281
- span2.textContent = "Word Bin";
8282
- t9 = space();
8432
+ span2.textContent = "Word Bin:\xA0";
8433
+ t10 = space();
8283
8434
  span3 = element("span");
8284
- t10 = text(
8435
+ t11 = text(
8285
8436
  /*totalRemainingWordBinItem*/
8286
8437
  ctx[7]
8287
8438
  );
8288
- t11 = text(" out of ");
8289
- t12 = text(
8439
+ t12 = text(" out of ");
8440
+ t13 = text(
8290
8441
  /*totalCategoryItems*/
8291
8442
  ctx[0]
8292
8443
  );
8293
- t13 = text(" left");
8294
- t14 = space();
8444
+ t14 = text(" left");
8445
+ t15 = space();
8295
8446
  div3 = element("div");
8296
8447
  button1 = element("button");
8297
8448
  span4 = element("span");
8298
8449
  create_component(smallchevronleft.$$.fragment);
8299
- t15 = space();
8300
- create_component(promptcategorisedndcontainer.$$.fragment);
8301
8450
  t16 = space();
8451
+ create_component(promptcategorisedndcontainer.$$.fragment);
8452
+ t17 = space();
8302
8453
  button2 = element("button");
8303
8454
  span5 = element("span");
8304
8455
  create_component(smallchevronright.$$.fragment);
8305
8456
  attr(span0, "class", "test-base font-semibold underline mr-1");
8306
8457
  attr(span1, "class", "text-inherit h-6 w-6 flex items-center justify-center");
8458
+ attr(
8459
+ button0,
8460
+ "tabindex",
8461
+ /*categoryTabIndex*/
8462
+ ctx[12]
8463
+ );
8307
8464
  attr(button0, "aria-label", "Skip to word bin");
8308
8465
  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");
8309
8466
  attr(p, "class", "text-base leading-5 !text-gray-900 font-semibold md:item-heading");
@@ -8321,7 +8478,7 @@
8321
8478
  attr(span4, "class", "w-6 h-6 text-inherit flex items-center justify-center");
8322
8479
  attr(button1, "aria-label", "Left");
8323
8480
  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*/
8324
- (ctx[26](
8481
+ (ctx[27](
8325
8482
  /*totalRemainingWordBinItem*/
8326
8483
  ctx[7]
8327
8484
  ) ? "hidden" : ""));
@@ -8330,7 +8487,7 @@
8330
8487
  attr(span5, "class", "w-6 h-6 text-inherit flex items-center justify-center ml-[3px]");
8331
8488
  attr(button2, "aria-label", "Right");
8332
8489
  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*/
8333
- (ctx[26](
8490
+ (ctx[27](
8334
8491
  /*totalRemainingWordBinItem*/
8335
8492
  ctx[7]
8336
8493
  ) ? "hidden" : ""));
@@ -8344,27 +8501,33 @@
8344
8501
  /*categoryTabIndex*/
8345
8502
  ctx[12]
8346
8503
  );
8504
+ attr(div4, "aria-live", div4_aria_live_value = /*checkContainerDroppedItem*/
8505
+ ctx[21](
8506
+ CONTAINER_WORD_BIN_ID,
8507
+ /*dropContainerId*/
8508
+ ctx[3]
8509
+ ) ? "polite" : "off");
8347
8510
  attr(div4, "role", "group");
8348
8511
  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*/
8349
- (ctx[19](
8512
+ (ctx[20](
8350
8513
  CONTAINER_WORD_BIN_ID,
8351
8514
  /*considerContainerId*/
8352
8515
  ctx[1],
8353
8516
  /*isDraggingOver*/
8354
8517
  ctx[2]
8355
8518
  ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
8356
- (ctx[20](
8519
+ (ctx[21](
8357
8520
  CONTAINER_WORD_BIN_ID,
8358
8521
  /*dropContainerId*/
8359
8522
  ctx[3]
8360
8523
  ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
8361
- (ctx[20](
8524
+ (ctx[21](
8362
8525
  CONTAINER_WORD_BIN_ID,
8363
8526
  /*dropContainerId*/
8364
8527
  ctx[3]
8365
8528
  ) && /*hasAddItemAnimation*/
8366
8529
  ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
8367
- (ctx[21](
8530
+ (ctx[22](
8368
8531
  CONTAINER_WORD_BIN_ID,
8369
8532
  /*sourceSelectedContainerId*/
8370
8533
  ctx[5],
@@ -8397,25 +8560,28 @@
8397
8560
  insert(target, t7, anchor);
8398
8561
  insert(target, div4, anchor);
8399
8562
  append(div4, div2);
8563
+ if (if_block2)
8564
+ if_block2.m(div2, null);
8565
+ append(div2, t8);
8400
8566
  append(div2, span2);
8401
- append(div2, t9);
8567
+ append(div2, t10);
8402
8568
  append(div2, span3);
8403
- append(span3, t10);
8404
8569
  append(span3, t11);
8405
8570
  append(span3, t12);
8406
8571
  append(span3, t13);
8407
- append(div4, t14);
8572
+ append(span3, t14);
8573
+ append(div4, t15);
8408
8574
  append(div4, div3);
8409
8575
  append(div3, button1);
8410
8576
  append(button1, span4);
8411
8577
  mount_component(smallchevronleft, span4, null);
8412
- append(div3, t15);
8413
- mount_component(promptcategorisedndcontainer, div3, null);
8414
8578
  append(div3, t16);
8579
+ mount_component(promptcategorisedndcontainer, div3, null);
8580
+ append(div3, t17);
8415
8581
  append(div3, button2);
8416
8582
  append(button2, span5);
8417
8583
  mount_component(smallchevronright, span5, null);
8418
- ctx[36](div4);
8584
+ ctx[37](div4);
8419
8585
  current = true;
8420
8586
  if (!mounted) {
8421
8587
  dispose = [
@@ -8423,7 +8589,7 @@
8423
8589
  button0,
8424
8590
  "keypress",
8425
8591
  /*goToWordBin*/
8426
- ctx[30]
8592
+ ctx[31]
8427
8593
  ),
8428
8594
  listen(button1, "click", function() {
8429
8595
  if (is_function(useNavigateItem(
@@ -8461,13 +8627,13 @@
8461
8627
  div4,
8462
8628
  "keydown",
8463
8629
  /*keydown_handler_1*/
8464
- ctx[35]
8630
+ ctx[36]
8465
8631
  ),
8466
8632
  listen(
8467
8633
  div4,
8468
8634
  "focus",
8469
8635
  /*resetTabCategory*/
8470
- ctx[29]
8636
+ ctx[30]
8471
8637
  )
8472
8638
  ];
8473
8639
  mounted = true;
@@ -8475,6 +8641,15 @@
8475
8641
  },
8476
8642
  p(new_ctx, dirty) {
8477
8643
  ctx = new_ctx;
8644
+ if (!current || dirty[0] & /*categoryTabIndex*/
8645
+ 4096) {
8646
+ attr(
8647
+ button0,
8648
+ "tabindex",
8649
+ /*categoryTabIndex*/
8650
+ ctx[12]
8651
+ );
8652
+ }
8478
8653
  if (
8479
8654
  /*isModalOpen*/
8480
8655
  ctx[9]
@@ -8486,7 +8661,7 @@
8486
8661
  transition_in(if_block0, 1);
8487
8662
  }
8488
8663
  } else {
8489
- if_block0 = create_if_block_23(ctx);
8664
+ if_block0 = create_if_block_42(ctx);
8490
8665
  if_block0.c();
8491
8666
  transition_in(if_block0, 1);
8492
8667
  if_block0.m(t3.parentNode, t3);
@@ -8510,7 +8685,7 @@
8510
8685
  transition_in(if_block1, 1);
8511
8686
  }
8512
8687
  } else {
8513
- if_block1 = create_if_block_16(ctx);
8688
+ if_block1 = create_if_block_32(ctx);
8514
8689
  if_block1.c();
8515
8690
  transition_in(if_block1, 1);
8516
8691
  if_block1.m(div0, null);
@@ -8531,11 +8706,11 @@
8531
8706
  ctx[9]
8532
8707
  );
8533
8708
  }
8534
- if (dirty[0] & /*categoryTabIndex, checkContainerDragOver, categoryGroups, considerContainerId, isDraggingOver, checkContainerDroppedItem, dropContainerId, hasAddItemAnimation, checkSelectedSourceContainer, sourceSelectedContainerId, currentSelectedItemId, checkifCategoryContainerOpen, openCategoryContainer, tabCategory, getContainerTabSelected, resetTabCategory, categoryTitleHeight, saveCategory, getTotalWords, currentAnswer, addCategoryContainer*/
8535
- 1002206590) {
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) {
8536
8711
  each_value = ensure_array_like(Object.values(
8537
8712
  /*categoryGroups*/
8538
- ctx[18]
8713
+ ctx[19]
8539
8714
  ));
8540
8715
  let i;
8541
8716
  for (i = 0; i < each_value.length; i += 1) {
@@ -8556,23 +8731,43 @@
8556
8731
  }
8557
8732
  check_outros();
8558
8733
  }
8734
+ if (dirty[0] & /*dropContainerId*/
8735
+ 8)
8736
+ show_if = /*checkContainerDroppedItem*/
8737
+ ctx[21](
8738
+ CONTAINER_WORD_BIN_ID,
8739
+ /*dropContainerId*/
8740
+ ctx[3]
8741
+ );
8742
+ if (show_if) {
8743
+ if (if_block2) {
8744
+ if_block2.p(ctx, dirty);
8745
+ } else {
8746
+ if_block2 = create_if_block6(ctx);
8747
+ if_block2.c();
8748
+ if_block2.m(div2, t8);
8749
+ }
8750
+ } else if (if_block2) {
8751
+ if_block2.d(1);
8752
+ if_block2 = null;
8753
+ }
8559
8754
  if (!current || dirty[0] & /*totalRemainingWordBinItem*/
8560
8755
  128)
8561
8756
  set_data(
8562
- t10,
8757
+ t11,
8563
8758
  /*totalRemainingWordBinItem*/
8564
8759
  ctx[7]
8565
8760
  );
8566
8761
  if (!current || dirty[0] & /*totalCategoryItems*/
8567
8762
  1)
8568
8763
  set_data(
8569
- t12,
8764
+ t13,
8570
8765
  /*totalCategoryItems*/
8571
8766
  ctx[0]
8572
8767
  );
8573
8768
  if (!current || dirty[0] & /*totalRemainingWordBinItem*/
8574
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*/
8575
- (ctx[26](
8770
+ (ctx[27](
8576
8771
  /*totalRemainingWordBinItem*/
8577
8772
  ctx[7]
8578
8773
  ) ? "hidden" : ""))) {
@@ -8587,7 +8782,7 @@
8587
8782
  if (dirty[0] & /*totalRemainingWordBinItem, currentSelectedItemId*/
8588
8783
  144)
8589
8784
  promptcategorisedndcontainer_changes.containerClass = "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal\n " + /*isWordBInTotalZero*/
8590
- (ctx[26](
8785
+ (ctx[27](
8591
8786
  /*totalRemainingWordBinItem*/
8592
8787
  ctx[7]
8593
8788
  ) && !/*currentSelectedItemId*/
@@ -8595,7 +8790,7 @@
8595
8790
  promptcategorisedndcontainer.$set(promptcategorisedndcontainer_changes);
8596
8791
  if (!current || dirty[0] & /*totalRemainingWordBinItem*/
8597
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*/
8598
- (ctx[26](
8793
+ (ctx[27](
8599
8794
  /*totalRemainingWordBinItem*/
8600
8795
  ctx[7]
8601
8796
  ) ? "hidden" : ""))) {
@@ -8616,27 +8811,36 @@
8616
8811
  ctx[12]
8617
8812
  );
8618
8813
  }
8814
+ if (!current || dirty[0] & /*dropContainerId*/
8815
+ 8 && div4_aria_live_value !== (div4_aria_live_value = /*checkContainerDroppedItem*/
8816
+ ctx[21](
8817
+ CONTAINER_WORD_BIN_ID,
8818
+ /*dropContainerId*/
8819
+ ctx[3]
8820
+ ) ? "polite" : "off")) {
8821
+ attr(div4, "aria-live", div4_aria_live_value);
8822
+ }
8619
8823
  if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId*/
8620
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*/
8621
- (ctx[19](
8825
+ (ctx[20](
8622
8826
  CONTAINER_WORD_BIN_ID,
8623
8827
  /*considerContainerId*/
8624
8828
  ctx[1],
8625
8829
  /*isDraggingOver*/
8626
8830
  ctx[2]
8627
8831
  ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
8628
- (ctx[20](
8832
+ (ctx[21](
8629
8833
  CONTAINER_WORD_BIN_ID,
8630
8834
  /*dropContainerId*/
8631
8835
  ctx[3]
8632
8836
  ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
8633
- (ctx[20](
8837
+ (ctx[21](
8634
8838
  CONTAINER_WORD_BIN_ID,
8635
8839
  /*dropContainerId*/
8636
8840
  ctx[3]
8637
8841
  ) && /*hasAddItemAnimation*/
8638
8842
  ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
8639
- (ctx[21](
8843
+ (ctx[22](
8640
8844
  CONTAINER_WORD_BIN_ID,
8641
8845
  /*sourceSelectedContainerId*/
8642
8846
  ctx[5],
@@ -8690,10 +8894,12 @@
8690
8894
  if (if_block1)
8691
8895
  if_block1.d();
8692
8896
  destroy_each(each_blocks, detaching);
8897
+ if (if_block2)
8898
+ if_block2.d();
8693
8899
  destroy_component(smallchevronleft);
8694
8900
  destroy_component(promptcategorisedndcontainer);
8695
8901
  destroy_component(smallchevronright);
8696
- ctx[36](null);
8902
+ ctx[37](null);
8697
8903
  mounted = false;
8698
8904
  run_all(dispose);
8699
8905
  }
@@ -8706,11 +8912,11 @@
8706
8912
  props: {
8707
8913
  rubric: (
8708
8914
  /*rubric*/
8709
- ctx[15].text
8915
+ ctx[16].text
8710
8916
  ),
8711
8917
  prompt: (
8712
8918
  /*prompt*/
8713
- ctx[16]
8919
+ ctx[17]
8714
8920
  ),
8715
8921
  $$slots: { default: [create_default_slot4] },
8716
8922
  $$scope: { ctx }
@@ -8726,9 +8932,9 @@
8726
8932
  },
8727
8933
  p(ctx2, dirty) {
8728
8934
  const promptbody_changes = {};
8729
- if (dirty[0] & /*categoryTabIndex, considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, tabCategory, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, totalCategoryItems, openCategoryContainer, categoryTitleHeight, isModalOpen*/
8730
- 32767 | dirty[1] & /*$$scope*/
8731
- 131072) {
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) {
8732
8938
  promptbody_changes.$$scope = { dirty, ctx: ctx2 };
8733
8939
  }
8734
8940
  promptbody.$set(promptbody_changes);
@@ -8765,12 +8971,13 @@
8765
8971
  let openCategoryContainer = [];
8766
8972
  let currentWordBinIndex = [];
8767
8973
  let categoryTabIndex = 0;
8974
+ let selectedItemName = "";
8768
8975
  const { rubric, interaction, metadata } = sessionData;
8769
8976
  const { prompt, category_groups: interactionCategoryGroups, category_items: interactionCategoryItems } = interaction;
8770
8977
  const categoryItems = useFilterUniqueObject(interactionCategoryItems);
8771
8978
  const categoryGroups = useFilterUniqueObject(interactionCategoryGroups);
8772
8979
  const tabCategory = [{ CONTAINER_WORD_BIN_ID: false }];
8773
- categoryGroups.map((group) => $$invalidate(13, tabCategory[group.id] = false, tabCategory));
8980
+ categoryGroups.map((group) => $$invalidate(14, tabCategory[group.id] = false, tabCategory));
8774
8981
  totalCategoryItems = totalRemainingWordBinItem = Object.keys(categoryItems).length;
8775
8982
  let wordBinItems = categoryItems.map((item) => item.id);
8776
8983
  let initialCategoryAnswer = [
@@ -8781,7 +8988,7 @@
8781
8988
  ];
8782
8989
  let categoryTitleHeight = [];
8783
8990
  categoryGroups.map((category) => {
8784
- $$invalidate(14, categoryTitleHeight[category.id] = "", categoryTitleHeight);
8991
+ $$invalidate(15, categoryTitleHeight[category.id] = "", categoryTitleHeight);
8785
8992
  });
8786
8993
  if (metadata) {
8787
8994
  const { events } = metadata.interactions;
@@ -8811,7 +9018,7 @@
8811
9018
  $$invalidate(12, categoryTabIndex = storeIsModalOpen ? -1 : 0);
8812
9019
  });
8813
9020
  categoriseSettings.subscribe((value) => {
8814
- const { considerContainerId: storeConsiderContainerId, isDraggingOver: storeIsDraggingOver, dropContainerId: storeDropContainerId, sourceCloneContainerId: storeSourceCloneContainerId, selectedItemId: storeSelectedItemId, sourceSelectedContainerId: storeSourceSelectedContainerId, currentAnswer: storeCurrentAnswer, hasAddItemAnimation: storeHasAddItemAnimation, openCategoryContainer: storeOpenCategoryContainer, currentWordBinIndex: storeCurrentWordBinIndex, lastSelectedTabContainer } = value;
9021
+ 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;
8815
9022
  $$invalidate(1, considerContainerId = storeConsiderContainerId);
8816
9023
  $$invalidate(2, isDraggingOver = storeIsDraggingOver);
8817
9024
  $$invalidate(3, dropContainerId = storeDropContainerId);
@@ -8822,6 +9029,7 @@
8822
9029
  $$invalidate(8, hasAddItemAnimation = storeHasAddItemAnimation);
8823
9030
  $$invalidate(10, openCategoryContainer = storeOpenCategoryContainer);
8824
9031
  $$invalidate(11, currentWordBinIndex = storeCurrentWordBinIndex);
9032
+ $$invalidate(13, selectedItemName = storeSelectedItemName);
8825
9033
  $$invalidate(12, categoryTabIndex = storeSelectedItemId.length ? -1 : 0);
8826
9034
  const storeWordBinItem = currentAnswer.filter((answer) => answer.categoryId === CONTAINER_WORD_BIN_ID);
8827
9035
  $$invalidate(7, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
@@ -8888,7 +9096,8 @@
8888
9096
  categoriseSettings.set({
8889
9097
  ...get_store_value(categoriseSettings),
8890
9098
  selectedItemId: "",
8891
- sourceSelectedContainerId: ""
9099
+ sourceSelectedContainerId: "",
9100
+ selectedItemName: ""
8892
9101
  });
8893
9102
  }
8894
9103
  };
@@ -8904,25 +9113,25 @@
8904
9113
  };
8905
9114
  function div0_elementresize_handler(category) {
8906
9115
  categoryTitleHeight[category.id] = this.clientHeight;
8907
- $$invalidate(14, categoryTitleHeight);
9116
+ $$invalidate(15, categoryTitleHeight);
8908
9117
  }
8909
9118
  const keydown_handler = (category, { key }) => getContainerTabSelected(key, category.id);
8910
9119
  function div1_binding($$value, category) {
8911
9120
  binding_callbacks[$$value ? "unshift" : "push"](() => {
8912
9121
  tabCategory[category.id] = $$value;
8913
- $$invalidate(13, tabCategory);
9122
+ $$invalidate(14, tabCategory);
8914
9123
  });
8915
9124
  }
8916
9125
  const keydown_handler_1 = ({ key }) => getContainerTabSelected(key, CONTAINER_WORD_BIN_ID);
8917
9126
  function div4_binding($$value) {
8918
9127
  binding_callbacks[$$value ? "unshift" : "push"](() => {
8919
9128
  tabCategory[CONTAINER_WORD_BIN_ID] = $$value;
8920
- $$invalidate(13, tabCategory);
9129
+ $$invalidate(14, tabCategory);
8921
9130
  });
8922
9131
  }
8923
9132
  $$self.$$set = ($$props2) => {
8924
9133
  if ("sessionData" in $$props2)
8925
- $$invalidate(31, sessionData = $$props2.sessionData);
9134
+ $$invalidate(32, sessionData = $$props2.sessionData);
8926
9135
  };
8927
9136
  return [
8928
9137
  totalCategoryItems,
@@ -8938,6 +9147,7 @@
8938
9147
  openCategoryContainer,
8939
9148
  currentWordBinIndex,
8940
9149
  categoryTabIndex,
9150
+ selectedItemName,
8941
9151
  tabCategory,
8942
9152
  categoryTitleHeight,
8943
9153
  rubric,
@@ -8967,10 +9177,10 @@
8967
9177
  var PromptCategorise = class extends SvelteComponent {
8968
9178
  constructor(options) {
8969
9179
  super();
8970
- init(this, options, instance9, create_fragment20, safe_not_equal, { sessionData: 31 }, null, [-1, -1]);
9180
+ init(this, options, instance9, create_fragment20, safe_not_equal, { sessionData: 32 }, null, [-1, -1]);
8971
9181
  }
8972
9182
  get sessionData() {
8973
- return this.$$.ctx[31];
9183
+ return this.$$.ctx[32];
8974
9184
  }
8975
9185
  set sessionData(sessionData) {
8976
9186
  this.$$set({ sessionData });
@@ -9106,7 +9316,7 @@
9106
9316
  let if_block;
9107
9317
  let if_block_anchor;
9108
9318
  let current;
9109
- const if_block_creators = [create_if_block_24, create_if_block_32, create_if_block_42, create_else_block4];
9319
+ const if_block_creators = [create_if_block_24, create_if_block_33, create_if_block_43, create_else_block4];
9110
9320
  const if_blocks = [];
9111
9321
  function select_block_type_1(ctx2, dirty) {
9112
9322
  if (
@@ -9234,7 +9444,7 @@
9234
9444
  }
9235
9445
  };
9236
9446
  }
9237
- function create_if_block_42(ctx) {
9447
+ function create_if_block_43(ctx) {
9238
9448
  let promptcategorise;
9239
9449
  let current;
9240
9450
  promptcategorise = new PromptCategorise_default({
@@ -9279,7 +9489,7 @@
9279
9489
  }
9280
9490
  };
9281
9491
  }
9282
- function create_if_block_32(ctx) {
9492
+ function create_if_block_33(ctx) {
9283
9493
  let prompttypein;
9284
9494
  let current;
9285
9495
  prompttypein = new PromptTypeIn_default({