@abgov/web-components 1.17.0-alpha.113 → 1.17.0-alpha.115

package/index.js

@@ -13174,7 +13174,7 @@ function create_else_block$a(ctx) {
   let if_block1 = current_block_type(ctx);
   let each_value_1 = ensure_array_like(
     /*_filteredOptions*/
-    ctx[15]
+    ctx[16]
   );
   const get_key = (ctx2) => (
     /*index*/
@@ -13329,7 +13329,7 @@ function create_else_block$a(ctx) {
       );
       set_custom_element_data(goa_popover, "data-testid", "option-list");
       set_custom_element_data(goa_popover, "width", goa_popover_width_value = `${/*_popoverMaxWidth*/
-      ctx[21] || 100}px`);
+      ctx[21] || 300}px`);
       set_custom_element_data(
         goa_popover,
         "open",
@@ -13575,11 +13575,11 @@ function create_else_block$a(ctx) {
         );
       }
       if (dirty[0] & /*_filteredOptions, _selectedOption, _highlightedIndex, _isDirty, _filterable*/
-      302301184 | dirty[1] & /*onSelect*/
+      302350336 | dirty[1] & /*onSelect*/
       2) {
         each_value_1 = ensure_array_like(
           /*_filteredOptions*/
-          ctx2[15]
+          ctx2[16]
         );
         each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx2, each_value_1, each_1_lookup, ul, destroy_block, create_each_block_1$1, null, get_each_context_1$1);
         if (!each_value_1.length && each_1_else) {
@@ -13642,7 +13642,7 @@ function create_else_block$a(ctx) {
       }
       if (!current || dirty[0] & /*_popoverMaxWidth*/
       2097152 && goa_popover_width_value !== (goa_popover_width_value = `${/*_popoverMaxWidth*/
-      ctx2[21] || 100}px`)) {
+      ctx2[21] || 300}px`)) {
         set_custom_element_data(goa_popover, "width", goa_popover_width_value);
       }
       if (!current || dirty[0] & /*_isMenuVisible*/
@@ -13702,7 +13702,7 @@ function create_if_block$s(ctx) {
   );
   let each_value = ensure_array_like(
     /*_options*/
-    ctx[17]
+    ctx[14]
   );
   let each_blocks = [];
   for (let i = 0; i < each_value.length; i += 1) {
@@ -13792,10 +13792,10 @@ function create_if_block$s(ctx) {
         }
       }
       if (dirty[0] & /*value, _options*/
-      131073) {
+      16385) {
         each_value = ensure_array_like(
           /*_options*/
-          ctx2[17]
+          ctx2[14]
         );
         let i;
         for (i = 0; i < each_value.length; i += 1) {
@@ -14235,7 +14235,7 @@ function create_each_block_1$1(key_1, ctx) {
         "dropdown-item--highlighted",
         /*index*/
         ctx[77] === /*_highlightedIndex*/
-        ctx[14]
+        ctx[15]
       );
       this.first = li;
     },
@@ -14252,38 +14252,38 @@ function create_each_block_1$1(key_1, ctx) {
       var _a, _b;
       ctx = new_ctx;
       if (dirty[0] & /*_filteredOptions*/
-      32768 && t0_value !== (t0_value = /*option*/
+      65536 && t0_value !== (t0_value = /*option*/
       (ctx[73].label || /*option*/
       ctx[73].value) + "")) set_data(t0, t0_value);
       if (dirty[0] & /*_filteredOptions*/
-      32768 && li_id_value !== (li_id_value = /*option*/
+      65536 && li_id_value !== (li_id_value = /*option*/
       ctx[73].value)) {
         attr(li, "id", li_id_value);
       }
       if (dirty[0] & /*_selectedOption, _filteredOptions*/
-      294912 && li_aria_selected_value !== (li_aria_selected_value = /*_selectedOption*/
+      327680 && li_aria_selected_value !== (li_aria_selected_value = /*_selectedOption*/
       ((_a = ctx[18]) == null ? void 0 : _a.value) === /*option*/
       (ctx[73].label || /*option*/
       ctx[73].value))) {
         attr(li, "aria-selected", li_aria_selected_value);
       }
       if (dirty[0] & /*_filteredOptions*/
-      32768 && li_data_index_value !== (li_data_index_value = /*index*/
+      65536 && li_data_index_value !== (li_data_index_value = /*index*/
       ctx[77])) {
         attr(li, "data-index", li_data_index_value);
       }
       if (dirty[0] & /*_filteredOptions*/
-      32768 && li_data_testid_value !== (li_data_testid_value = `dropdown-item-${/*option*/
+      65536 && li_data_testid_value !== (li_data_testid_value = `dropdown-item-${/*option*/
       ctx[73].value}`)) {
         attr(li, "data-testid", li_data_testid_value);
       }
       if (dirty[0] & /*_filteredOptions*/
-      32768 && li_data_value_value !== (li_data_value_value = /*option*/
+      65536 && li_data_value_value !== (li_data_value_value = /*option*/
       ctx[73].value)) {
         attr(li, "data-value", li_data_value_value);
       }
       if (dirty[0] & /*_selectedOption, _filteredOptions*/
-      294912) {
+      327680) {
         toggle_class(
           li,
           "selected",
@@ -14294,13 +14294,13 @@ function create_each_block_1$1(key_1, ctx) {
         );
       }
       if (dirty[0] & /*_filteredOptions, _highlightedIndex*/
-      49152) {
+      98304) {
         toggle_class(
           li,
           "dropdown-item--highlighted",
           /*index*/
           ctx[77] === /*_highlightedIndex*/
-          ctx[14]
+          ctx[15]
         );
       }
     },
@@ -14342,16 +14342,16 @@ function create_each_block$7(ctx) {
     },
     p(ctx2, dirty) {
       if (dirty[0] & /*_options*/
-      131072 && t0_value !== (t0_value = /*option*/
+      16384 && t0_value !== (t0_value = /*option*/
       ctx2[73].label + "")) set_data(t0, t0_value);
       if (dirty[0] & /*value, _options*/
-      131073 && option_1_selected_value !== (option_1_selected_value = /*value*/
+      16385 && option_1_selected_value !== (option_1_selected_value = /*value*/
       ctx2[0] === /*option*/
       ctx2[73].value)) {
         option_1.selected = option_1_selected_value;
       }
       if (dirty[0] & /*_options*/
-      131072 && option_1_value_value !== (option_1_value_value = /*option*/
+      16384 && option_1_value_value !== (option_1_value_value = /*option*/
       ctx2[73].value)) {
         option_1.__value = option_1_value_value;
         set_input_value(option_1, option_1.__value);
@@ -14377,7 +14377,7 @@ function create_fragment$N(ctx) {
   function select_block_type(ctx2, dirty) {
     if (
       /*_native*/
-      ctx2[16]
+      ctx2[17]
     ) return 0;
     return 1;
   }
@@ -14413,7 +14413,7 @@ function create_fragment$N(ctx) {
         div,
         "dropdown-native",
         /*_native*/
-        ctx[16]
+        ctx[17]
       );
     },
     m(target, anchor) {
@@ -14472,12 +14472,12 @@ function create_fragment$N(ctx) {
         attr(div, "style", div_style_value);
       }
       if (!current || dirty[0] & /*_native*/
-      65536) {
+      131072) {
         toggle_class(
           div,
           "dropdown-native",
           /*_native*/
-          ctx2[16]
+          ctx2[17]
         );
       }
     },
@@ -14593,19 +14593,19 @@ function instance$N($$self, $$props, $$invalidate) {
       const detail = e.detail;
       if (_mountStatus === "ready") {
         if (detail.mountType === "reset") {
-          $$invalidate(17, _options = []);
+          $$invalidate(14, _options = []);
         }
         _mountStatus = "active";
       }
       switch (detail.mountType) {
         case "append":
-          $$invalidate(17, _options = [..._options, detail]);
+          $$invalidate(14, _options = [..._options, detail]);
           break;
         case "prepend":
-          $$invalidate(17, _options = [detail, ..._options]);
+          $$invalidate(14, _options = [detail, ..._options]);
           break;
         case "reset":
-          $$invalidate(17, _options = [..._options, detail]);
+          $$invalidate(14, _options = [..._options, detail]);
           break;
       }
       if (_mountTimeoutId) {
@@ -14661,7 +14661,7 @@ function instance$N($$self, $$props, $$invalidate) {
     } else if (index >= items.length) {
       index = _filterable ? 0 : items.length - 1;
     }
-    $$invalidate(14, _highlightedIndex = index);
+    $$invalidate(15, _highlightedIndex = index);
     scrollToOption(index);
   }
   function scrollToOption(index) {
@@ -14674,7 +14674,7 @@ function instance$N($$self, $$props, $$invalidate) {
     liNode.scrollIntoView({ behavior: "smooth", block: "nearest" });
   }
   function syncFilteredOptions() {
-    $$invalidate(15, _filteredOptions = _filterable ? _options.filter((option) => isFilterMatch(option, (_inputEl == null ? void 0 : _inputEl.value) || "")) : _options);
+    $$invalidate(16, _filteredOptions = _filterable ? _options.filter((option) => isFilterMatch(option, (_inputEl == null ? void 0 : _inputEl.value) || "")) : _options);
   }
   function showMenu() {
     if (_disabled) {
@@ -14770,7 +14770,7 @@ function instance$N($$self, $$props, $$invalidate) {
   function reset() {
     if (_disabled) return;
     $$invalidate(26, _activeDescendantId = void 0);
-    $$invalidate(14, _highlightedIndex = -1);
+    $$invalidate(15, _highlightedIndex = -1);
     $$invalidate(18, _selectedOption = void 0);
     $$invalidate(25, _isDirty = true);
     syncFilteredOptions();
@@ -14969,15 +14969,15 @@ function instance$N($$self, $$props, $$invalidate) {
     }
     if ($$self.$$.dirty[1] & /*native*/
     8192) {
-      $$invalidate(16, _native = toBoolean(native));
+      $$invalidate(17, _native = toBoolean(native));
     }
     if ($$self.$$.dirty[0] & /*_native*/
-    65536 | $$self.$$.dirty[1] & /*filterable*/
+    131072 | $$self.$$.dirty[1] & /*filterable*/
     1024) {
       $$invalidate(28, _filterable = toBoolean(filterable) && !_native);
     }
     if ($$self.$$.dirty[0] & /*_filteredOptions, _highlightedIndex*/
-    49152) {
+    98304) {
       $$invalidate(26, _activeDescendantId = _filteredOptions[_highlightedIndex] ? _filteredOptions[_highlightedIndex].value : void 0);
     }
     if ($$self.$$.dirty[0] & /*value*/
@@ -14987,6 +14987,13 @@ function instance$N($$self, $$props, $$invalidate) {
         setSelected();
       }
     }
+    if ($$self.$$.dirty[0] & /*_options*/
+    16384 | $$self.$$.dirty[1] & /*width*/
+    2048) {
+      {
+        $$invalidate(20, _width = width || getLongestChildWidth(_options));
+      }
+    }
   };
   return [
     value,
@@ -15003,10 +15010,10 @@ function instance$N($$self, $$props, $$invalidate) {
     mb,
     ml,
     testid,
+    _options,
     _highlightedIndex,
     _filteredOptions,
     _native,
-    _options,
     _selectedOption,
     _isMenuVisible,
     _width,
@@ -29147,23 +29154,33 @@ function create_if_block$9(ctx) {
       set_custom_element_data(goa_focus_trap, "open", "true");
       attr(section, "data-testid", "popover-content");
       attr(section, "class", "popover-content svelte-n86i0p");
-      attr(section, "style", section_style_value = styles(style(
-        "width",
-        /*width*/
-        ctx[3]
-      ), style(
-        "min-width",
-        /*minwidth*/
-        ctx[2]
-      ), style(
-        "max-width",
-        /*maxwidth*/
-        ctx[1]
-      ), style(
-        "padding",
-        /*_padded*/
-        ctx[21] ? "var(--goa-space-m)" : "0"
-      )));
+      attr(section, "style", section_style_value = styles(
+        style(
+          "width",
+          /*width*/
+          ctx[3]
+        ),
+        style(
+          "min-width",
+          /*minwidth*/
+          ctx[2]
+        ),
+        style(
+          "max-width",
+          /*width*/
+          ctx[3] ? `max(${/*width*/
+          ctx[3]}, ${/*maxwidth*/
+          ctx[1]})` : (
+            /*maxwidth*/
+            ctx[1]
+          )
+        ),
+        style(
+          "padding",
+          /*_padded*/
+          ctx[21] ? "var(--goa-space-m)" : "0"
+        )
+      ));
       add_render_callback(() => (
         /*section_elementresize_handler*/
         ctx[33].call(section)
@@ -29223,23 +29240,33 @@ function create_if_block$9(ctx) {
         }
       }
       if (!current || dirty[0] & /*width, minwidth, maxwidth, _padded*/
-      2097166 && section_style_value !== (section_style_value = styles(style(
-        "width",
-        /*width*/
-        ctx2[3]
-      ), style(
-        "min-width",
-        /*minwidth*/
-        ctx2[2]
-      ), style(
-        "max-width",
-        /*maxwidth*/
-        ctx2[1]
-      ), style(
-        "padding",
-        /*_padded*/
-        ctx2[21] ? "var(--goa-space-m)" : "0"
-      )))) {
+      2097166 && section_style_value !== (section_style_value = styles(
+        style(
+          "width",
+          /*width*/
+          ctx2[3]
+        ),
+        style(
+          "min-width",
+          /*minwidth*/
+          ctx2[2]
+        ),
+        style(
+          "max-width",
+          /*width*/
+          ctx2[3] ? `max(${/*width*/
+          ctx2[3]}, ${/*maxwidth*/
+          ctx2[1]})` : (
+            /*maxwidth*/
+            ctx2[1]
+          )
+        ),
+        style(
+          "padding",
+          /*_padded*/
+          ctx2[21] ? "var(--goa-space-m)" : "0"
+        )
+      ))) {
         attr(section, "style", section_style_value);
       }
     },
@@ -31631,6 +31658,7 @@ function instance$d($$self, $$props, $$invalidate) {
   onMount(async () => {
     await tick();
     getChildren();
+    setCurrentUrl();
     addEventListeners();
   });
   onDestroy(() => {
@@ -31642,6 +31670,7 @@ function instance$d($$self, $$props, $$invalidate) {
     if (slotChildren.length === 0) return;
     _sideMenuLinks = slotChildren.filter((el) => el.tagName === "A").map((el) => {
       el.classList.remove("current");
+      el.addEventListener("click", setCurrentUrl);
       return el;
     });
     _rootEl.addEventListener("sidemenugroup:mounted", handleSideMenuGroupMount);
@@ -31683,9 +31712,6 @@ function instance$d($$self, $$props, $$invalidate) {
       observer = null;
     }
     window.removeEventListener("popstate", setCurrentUrl);
-    if (_rootEl) {
-      _rootEl.removeEventListener("sidemenugroup:mounted", handleSideMenuGroupMount);
-    }
   }
   function div_binding($$value) {
     binding_callbacks[$$value ? "unshift" : "push"](() => {