@abgov/react-components 4.0.0-alpha.127 → 4.0.0-alpha.129

package/react-components.umd.js

@@ -6767,16 +6767,16 @@
 
 	function get_each_context_1(ctx, list, i) {
 	  const child_ctx = ctx.slice();
-	  child_ctx[49] = list[i];
-	  child_ctx[53] = i;
+	  child_ctx[48] = list[i];
+	  child_ctx[52] = i;
 	  return child_ctx;
 	}
 
 	function get_each_context$4(ctx, list, i) {
 	  const child_ctx = ctx.slice();
-	  child_ctx[49] = list[i];
+	  child_ctx[48] = list[i];
 	  return child_ctx;
-	} // (256:2) {:else}
+	} // (259:2) {:else}
 
 
 	function create_else_block$5(ctx) {
@@ -6795,14 +6795,14 @@
 	  let dispose;
 	  let if_block =
 	  /*_isMenuVisible*/
-	  ctx[15] && create_if_block_1$7(ctx);
+	  ctx[17] && create_if_block_1$7(ctx);
 	  let each_value_1 =
 	  /*_options*/
-	  ctx[13];
+	  ctx[12];
 
 	  const get_key = ctx =>
 	  /*index*/
-	  ctx[53];
+	  ctx[52];
 
 	  for (let i = 0; i < each_value_1.length; i += 1) {
 	    let child_ctx = get_each_context_1(ctx, each_value_1, i);
@@ -6839,7 +6839,7 @@
 	      set_custom_element_data(goa_input, "aria-controls", "menu");
 	      set_custom_element_data(goa_input, "aria-expanded",
 	      /*_isMenuVisible*/
-	      ctx[15]);
+	      ctx[17]);
 	      set_custom_element_data(goa_input, "arialabel", goa_input_arialabel_value =
 	      /*arialabel*/
 	      ctx[1] ||
@@ -6854,7 +6854,7 @@
 	      set_custom_element_data(goa_input, "type", "text");
 	      set_custom_element_data(goa_input, "value",
 	      /*_selectedLabel*/
-	      ctx[14]);
+	      ctx[16]);
 	      set_custom_element_data(goa_input, "width", "100%");
 	      set_custom_element_data(goa_input, "name",
 	      /*name*/
@@ -6863,7 +6863,7 @@
 	      attr(ul, "role", "listbox");
 	      attr(ul, "aria-activedescendant",
 	      /*_selectedLabel*/
-	      ctx[14]);
+	      ctx[16]);
 	      attr(ul, "data-testid", "dropdown-menu");
 	      attr(ul, "tabindex", "0");
 	      attr(ul, "class", "dropdown-list");
@@ -6872,7 +6872,7 @@
       ctx[3]}`);
 	      toggle_class(ul, "dropdown-active",
 	      /*_isMenuVisible*/
-	      ctx[15]);
+	      ctx[17]);
 	    },
 
 	    m(target, anchor) {
@@ -6903,7 +6903,7 @@
 	    p(ctx, dirty) {
 	      if (
 	      /*_isMenuVisible*/
-	      ctx[15]) {
+	      ctx[17]) {
 	        if (if_block) {
 	          if_block.p(ctx, dirty);
 	        } else {
@@ -6950,10 +6950,10 @@
 
 	      if (dirty[0] &
 	      /*_isMenuVisible*/
-	      32768) {
+	      131072) {
 	        set_custom_element_data(goa_input, "aria-expanded",
 	        /*_isMenuVisible*/
-	        ctx[15]);
+	        ctx[17]);
 	      }
 
 	      if (dirty[0] &
@@ -6976,10 +6976,10 @@
 
 	      if (dirty[0] &
 	      /*_selectedLabel*/
-	      16384) {
+	      65536) {
 	        set_custom_element_data(goa_input, "value",
 	        /*_selectedLabel*/
-	        ctx[14]);
+	        ctx[16]);
 	      }
 
 	      if (dirty[0] &
@@ -6992,19 +6992,19 @@
 
 	      if (dirty[0] &
 	      /*_options, _values, _highlightedIndex, onSelect*/
-	      67186688) {
+	      67407872) {
 	        each_value_1 =
 	        /*_options*/
-	        ctx[13];
+	        ctx[12];
 	        each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value_1, each_1_lookup, ul, destroy_block, create_each_block_1, null, get_each_context_1);
 	      }
 
 	      if (dirty[0] &
 	      /*_selectedLabel*/
-	      16384) {
+	      65536) {
 	        attr(ul, "aria-activedescendant",
 	        /*_selectedLabel*/
-	        ctx[14]);
+	        ctx[16]);
 	      }
 
 	      if (dirty[0] &
@@ -7017,10 +7017,10 @@
 
 	      if (dirty[0] &
 	      /*_isMenuVisible*/
-	      32768) {
+	      131072) {
 	        toggle_class(ul, "dropdown-active",
 	        /*_isMenuVisible*/
-	        ctx[15]);
+	        ctx[17]);
 	      }
 	    },
 
@@ -7045,7 +7045,7 @@
 	    }
 
 	  };
-	} // (237:2) {#if _native}
+	} // (240:2) {#if _native}
 
 
 	function create_if_block$f(ctx) {
@@ -7056,7 +7056,7 @@
 	  let dispose;
 	  let each_value =
 	  /*_options*/
-	  ctx[13];
+	  ctx[12];
 	  let each_blocks = [];
 
 	  for (let i = 0; i < each_value.length; i += 1) {
@@ -7074,7 +7074,7 @@
 
 	      select.disabled =
 	      /*_disabled*/
-	      ctx[21];
+	      ctx[22];
 	      attr(select, "aria-label", select_aria_label_value =
 	      /*arialabel*/
 	      ctx[1] ||
@@ -7108,10 +7108,10 @@
 	    p(ctx, dirty) {
 	      if (dirty[0] &
 	      /*_options*/
-	      8192) {
+	      4096) {
 	        each_value =
 	        /*_options*/
-	        ctx[13];
+	        ctx[12];
 	        let i;
 
 	        for (i = 0; i < each_value.length; i += 1) {
@@ -7135,10 +7135,10 @@
 
 	      if (dirty[0] &
 	      /*_disabled*/
-	      2097152) {
+	      4194304) {
 	        select.disabled =
 	        /*_disabled*/
-	        ctx[21];
+	        ctx[22];
 	      }
 
 	      if (dirty[0] &
@@ -7171,7 +7171,7 @@
 	    }
 
 	  };
-	} // (257:4) {#if _isMenuVisible}
+	} // (260:4) {#if _isMenuVisible}
 
 
 	function create_if_block_1$7(ctx) {
@@ -7216,16 +7216,16 @@
 	    }
 
 	  };
-	} // (300:6) {#each _options as option, index (index)}
+	} // (303:6) {#each _options as option, index (index)}
 
 
 	function create_each_block_1(key_1, ctx) {
 	  let li;
 	  let t0_value = (
 	  /*option*/
-	  ctx[49].label ||
+	  ctx[48].label ||
 	  /*option*/
-	  ctx[49].value) + "";
+	  ctx[48].value) + "";
 	  let t0;
 	  let t1;
 	  let li_id_value;
@@ -7243,7 +7243,7 @@
 	      /*click_handler*/
 	      ctx[32](
 	      /*option*/
-	      ctx[49])
+	      ctx[48])
 	    );
 	  }
 
@@ -7257,40 +7257,40 @@
 	      t1 = space();
 	      attr(li, "id", li_id_value =
 	      /*option*/
-	      ctx[49].label);
+	      ctx[48].label);
 	      attr(li, "role", "option");
 	      attr(li, "aria-label", li_aria_label_value =
 	      /*option*/
-	      ctx[49].label ||
+	      ctx[48].label ||
 	      /*option*/
-	      ctx[49].value);
+	      ctx[48].value);
 	      attr(li, "aria-selected", li_aria_selected_value =
 	      /*_values*/
-	      ctx[12].includes(
+	      ctx[15].includes(
 	      /*option*/
-	      ctx[49].value) ? "true" : "false");
+	      ctx[48].value) ? "true" : "false");
 	      attr(li, "class", "dropdown-item");
 	      attr(li, "data-testid", li_data_testid_value = `dropdown-item-${
       /*option*/
-      ctx[49].value}`);
+      ctx[48].value}`);
 	      attr(li, "data-index", li_data_index_value =
 	      /*index*/
-	      ctx[53]);
+	      ctx[52]);
 	      attr(li, "data-value", li_data_value_value =
 	      /*option*/
-	      ctx[49].value);
+	      ctx[48].value);
 	      attr(li, "style", li_style_value = `display: ${"block"}`);
 	      toggle_class(li, "dropdown-item--disabled", false);
 	      toggle_class(li, "dropdown-item--tabbed",
 	      /*index*/
-	      ctx[53] ===
+	      ctx[52] ===
 	      /*_highlightedIndex*/
-	      ctx[16]);
+	      ctx[18]);
 	      toggle_class(li, "dropdown-item--selected",
 	      /*_values*/
-	      ctx[12].includes(
+	      ctx[15].includes(
 	      /*option*/
-	      ctx[49].value));
+	      ctx[48].value));
 	      this.first = li;
 	    },
 
@@ -7309,82 +7309,82 @@
 	      ctx = new_ctx;
 	      if (dirty[0] &
 	      /*_options*/
-	      8192 && t0_value !== (t0_value = (
+	      4096 && t0_value !== (t0_value = (
 	      /*option*/
-	      ctx[49].label ||
+	      ctx[48].label ||
 	      /*option*/
-	      ctx[49].value) + "")) set_data(t0, t0_value);
+	      ctx[48].value) + "")) set_data(t0, t0_value);
 
 	      if (dirty[0] &
 	      /*_options*/
-	      8192 && li_id_value !== (li_id_value =
+	      4096 && li_id_value !== (li_id_value =
 	      /*option*/
-	      ctx[49].label)) {
+	      ctx[48].label)) {
 	        attr(li, "id", li_id_value);
 	      }
 
 	      if (dirty[0] &
 	      /*_options*/
-	      8192 && li_aria_label_value !== (li_aria_label_value =
+	      4096 && li_aria_label_value !== (li_aria_label_value =
 	      /*option*/
-	      ctx[49].label ||
+	      ctx[48].label ||
 	      /*option*/
-	      ctx[49].value)) {
+	      ctx[48].value)) {
 	        attr(li, "aria-label", li_aria_label_value);
 	      }
 
 	      if (dirty[0] &
 	      /*_values, _options*/
-	      12288 && li_aria_selected_value !== (li_aria_selected_value =
+	      36864 && li_aria_selected_value !== (li_aria_selected_value =
 	      /*_values*/
-	      ctx[12].includes(
+	      ctx[15].includes(
 	      /*option*/
-	      ctx[49].value) ? "true" : "false")) {
+	      ctx[48].value) ? "true" : "false")) {
 	        attr(li, "aria-selected", li_aria_selected_value);
 	      }
 
 	      if (dirty[0] &
 	      /*_options*/
-	      8192 && li_data_testid_value !== (li_data_testid_value = `dropdown-item-${
+	      4096 && li_data_testid_value !== (li_data_testid_value = `dropdown-item-${
       /*option*/
-      ctx[49].value}`)) {
+      ctx[48].value}`)) {
 	        attr(li, "data-testid", li_data_testid_value);
 	      }
 
 	      if (dirty[0] &
 	      /*_options*/
-	      8192 && li_data_index_value !== (li_data_index_value =
+	      4096 && li_data_index_value !== (li_data_index_value =
 	      /*index*/
-	      ctx[53])) {
+	      ctx[52])) {
 	        attr(li, "data-index", li_data_index_value);
 	      }
 
 	      if (dirty[0] &
 	      /*_options*/
-	      8192 && li_data_value_value !== (li_data_value_value =
+	      4096 && li_data_value_value !== (li_data_value_value =
 	      /*option*/
-	      ctx[49].value)) {
+	      ctx[48].value)) {
 	        attr(li, "data-value", li_data_value_value);
 	      }
 
 	      if (dirty[0] &
 	      /*_options, _highlightedIndex*/
-	      73728) {
+	      266240) {
 	        toggle_class(li, "dropdown-item--tabbed",
 	        /*index*/
-	        ctx[53] ===
+	        ctx[52] ===
 	        /*_highlightedIndex*/
-	        ctx[16]);
+	        ctx[18]);
 	      }
 
 	      if (dirty[0] &
 	      /*_values, _options*/
-	      12288) {
+	      36864) {
 	        toggle_class(li, "dropdown-item--selected",
 	        /*_values*/
-	        ctx[12].includes(
+	        ctx[15].includes(
 	        /*option*/
-	        ctx[49].value));
+	        ctx[48].value));
 	      }
 	    },
 
@@ -7395,14 +7395,14 @@
 	    }
 
 	  };
-	} // (246:6) {#each _options as option}
+	} // (249:6) {#each _options as option}
 
 
 	function create_each_block$4(ctx) {
 	  let option;
 	  let t0_value =
 	  /*option*/
-	  ctx[49].label + "";
+	  ctx[48].label + "";
 	  let t0;
 	  let t1;
 	  let option_selected_value;
@@ -7415,14 +7415,14 @@
 	      t1 = space();
 	      option.selected = option_selected_value =
 	      /*option*/
-	      ctx[49].selected;
+	      ctx[48].selected;
 	      option.__value = option_value_value =
 	      /*option*/
-	      ctx[49].value;
+	      ctx[48].value;
 	      option.value = option.__value;
 	      attr(option, "aria-label", option_aria_label_value =
 	      /*option*/
-	      ctx[49].label);
+	      ctx[48].label);
 	    },
 
 	    m(target, anchor) {
@@ -7434,32 +7434,32 @@
 	    p(ctx, dirty) {
 	      if (dirty[0] &
 	      /*_options*/
-	      8192 && t0_value !== (t0_value =
+	      4096 && t0_value !== (t0_value =
 	      /*option*/
-	      ctx[49].label + "")) set_data(t0, t0_value);
+	      ctx[48].label + "")) set_data(t0, t0_value);
 
 	      if (dirty[0] &
 	      /*_options*/
-	      8192 && option_selected_value !== (option_selected_value =
+	      4096 && option_selected_value !== (option_selected_value =
 	      /*option*/
-	      ctx[49].selected)) {
+	      ctx[48].selected)) {
 	        option.selected = option_selected_value;
 	      }
 
 	      if (dirty[0] &
 	      /*_options*/
-	      8192 && option_value_value !== (option_value_value =
+	      4096 && option_value_value !== (option_value_value =
 	      /*option*/
-	      ctx[49].value)) {
+	      ctx[48].value)) {
 	        option.__value = option_value_value;
 	        option.value = option.__value;
 	      }
 
 	      if (dirty[0] &
 	      /*_options*/
-	      8192 && option_aria_label_value !== (option_aria_label_value =
+	      4096 && option_aria_label_value !== (option_aria_label_value =
 	      /*option*/
-	      ctx[49].label)) {
+	      ctx[48].label)) {
 	        attr(option, "aria-label", option_aria_label_value);
 	      }
 	    },
@@ -7479,7 +7479,7 @@
 	  function select_block_type(ctx, dirty) {
 	    if (
 	    /*_native*/
-	    ctx[22]) return create_if_block$f;
+	    ctx[14]) return create_if_block$f;
 	    return create_else_block$5;
 	  }
 
@@ -7508,11 +7508,11 @@
       /*width*/
       ctx[5] ||
       /*_computedWidth*/
-      ctx[17]}
+      ctx[19]}
   `);
 	      toggle_class(div, "dropdown-native",
 	      /*_native*/
-	      ctx[22]);
+	      ctx[14]);
 	    },
 
 	    m(target, anchor) {
@@ -7546,7 +7546,7 @@
 
 	      if (dirty[0] &
 	      /*mt, mr, mb, ml, width, _computedWidth*/
-	      134944 && div_style_value !== (div_style_value = `
+	      528160 && div_style_value !== (div_style_value = `
     ${calculateMargin(
       /*mt*/
       ctx[8],
@@ -7560,17 +7560,17 @@
       /*width*/
       ctx[5] ||
       /*_computedWidth*/
-      ctx[17]}
+      ctx[19]}
   `)) {
 	        attr(div, "style", div_style_value);
 	      }
 
 	      if (dirty[0] &
 	      /*_native*/
-	      4194304) {
+	      16384) {
 	        toggle_class(div, "dropdown-native",
 	        /*_native*/
-	        ctx[22]);
+	        ctx[14]);
 	      }
 	    },
 
@@ -7588,13 +7588,27 @@
 	  };
 	}
 
+	function parseValues(selectedValue) {
+	  let rawValue;
+
+	  try {
+	    rawValue = JSON.parse(selectedValue || "[]");
+	  } catch (e) {
+	    rawValue = [selectedValue];
+	  }
+
+	  const rawValues = typeof rawValue === "object" ? rawValue : [rawValue]; // convert all values to strings to avoid later type comparison issues
+
+	  return rawValues.map(val => `${val}`);
+	}
+
 	function instance$s($$self, $$props, $$invalidate) {
 	  const showMenu = _async(function () {
 	    if (_disabled || _isMenuVisible) {
 	      return;
 	    }
 
-	    $$invalidate(15, _isMenuVisible = true);
+	    $$invalidate(17, _isMenuVisible = true);
 	    return _call(tick, function () {
 	      // hide menu on blur
 	      _menuEl.addEventListener("blur", closeMenu); // bind up/down arrows to navigate options
@@ -7672,27 +7686,17 @@
 
 	  let _selectEl;
 
-	  onMount(function () {
-	    return _call(tick, function () {
-	      $$invalidate(12, _values = parseValues());
-	      $$invalidate(13, _options = getOptions());
-
-	      if (!_native) {
-	        $$invalidate(17, _computedWidth = getCustomDropdownWidth(_options));
-	        addKeyboardEventListeners();
-	        setHighlightedIndexToSelected();
-	      } // watch for DOM changes within the slot => dynamic binding
-
-
-	      const slot = _el.querySelector("slot");
+	  onMount(_async(function () {
+	    // watch for DOM changes within the slot => dynamic binding
+	    const slot = _el.querySelector("slot");
 
-	      slot === null || slot === void 0 ? void 0 : slot.addEventListener("slotchange", _e => {
-	        $$invalidate(14, _selectedLabel = "");
-	        $$invalidate(12, _values = parseValues());
-	        $$invalidate(13, _options = getOptions());
-	      });
+	    slot === null || slot === void 0 ? void 0 : slot.addEventListener("slotchange", _e => {
+	      $$invalidate(16, _selectedLabel = "");
+	      $$invalidate(15, _values = parseValues(value));
+	      $$invalidate(12, _options = getOptions());
 	    });
-	  });
+	    return _await();
+	  }));
 	  onDestroy(() => {
 	    removeKeyboardEventListeners();
 	  }); // Functions
@@ -7723,8 +7727,8 @@
 	      const selected = _values.includes(value);
 
 	      if (selected) {
-	        $$invalidate(14, _selectedLabel = label);
-	        $$invalidate(12, _values = [value]);
+	        $$invalidate(16, _selectedLabel = label);
+	        $$invalidate(15, _values = [value]);
 	      }
 
 	      return {
@@ -7765,21 +7769,6 @@
 	    _el.removeEventListener("focus", onFocus, true);
 
 	    _el.removeEventListener("blur", onBlur, true);
-	  } // parse and convert values to strings to avoid later type comparison issues
-
-
-	  function parseValues() {
-	    let rawValue;
-
-	    try {
-	      rawValue = JSON.parse(value || "[]");
-	    } catch (e) {
-	      rawValue = [value];
-	    }
-
-	    const rawValues = typeof rawValue === "object" ? rawValue : [rawValue]; // convert all values to strings to avoid later type comparison issues
-
-	    return rawValues.map(val => `${val}`);
 	  }
 
 	  function closeMenu() {
@@ -7788,11 +7777,11 @@
 	    _menuEl.removeEventListener("mouseover", onHighlight);
 
 	    setHighlightedIndexToSelected();
-	    $$invalidate(15, _isMenuVisible = false);
+	    $$invalidate(17, _isMenuVisible = false);
 	  }
 
 	  function setHighlightedIndexToSelected() {
-	    $$invalidate(16, _highlightedIndex = _options.findIndex(option => _values.includes(option.value)));
+	    $$invalidate(18, _highlightedIndex = _options.findIndex(option => _values.includes(option.value)));
 	  } // Event handlers
 
 	  /**
@@ -7802,7 +7791,7 @@
 
 	  function onSelect(value, label, close) {
 	    if (_disabled) return;
-	    $$invalidate(14, _selectedLabel = label);
+	    $$invalidate(16, _selectedLabel = label);
 	    let detail;
 
 	    if (_multiselect) {
@@ -7813,7 +7802,7 @@
 	        values: _values
 	      };
 	    } else {
-	      $$invalidate(12, _values = [value]);
+	      $$invalidate(15, _values = [value]);
 	      detail = {
 	        name,
 	        value
@@ -7869,14 +7858,14 @@
 
 	  function _handleArrowDown() {
 	    if (_highlightedIndex < _options.length - 1) {
-	      $$invalidate(16, _highlightedIndex++, _highlightedIndex);
+	      $$invalidate(18, _highlightedIndex++, _highlightedIndex);
 	      onSelect(_options[_highlightedIndex].value, _options[_highlightedIndex].label, false);
 	    }
 	  }
 
 	  function _handleArrowUp() {
 	    if (_highlightedIndex > 0) {
-	      $$invalidate(16, _highlightedIndex--, _highlightedIndex);
+	      $$invalidate(18, _highlightedIndex--, _highlightedIndex);
 	      onSelect(_options[_highlightedIndex].value, _options[_highlightedIndex].label, false);
 	    }
 	  } // add required bindings to component
@@ -7892,7 +7881,7 @@
 	  }
 
 	  function onHighlight(e) {
-	    $$invalidate(16, _highlightedIndex = Number(e.target.dataset.index));
+	    $$invalidate(18, _highlightedIndex = Number(e.target.dataset.index));
 	  }
 
 	  function onNativeSelect(e) {
@@ -7904,8 +7893,8 @@
 	  function select_binding($$value) {
 	    binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 	      _selectEl = $$value;
-	      $$invalidate(20, _selectEl);
-	      $$invalidate(13, _options);
+	      $$invalidate(21, _selectEl);
+	      ((($$invalidate(12, _options), $$invalidate(13, _el)), $$invalidate(28, value)), $$invalidate(14, _native)), $$invalidate(30, native);
 	    });
 	  }
 
@@ -7914,14 +7903,14 @@
 	  function ul_binding($$value) {
 	    binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 	      _menuEl = $$value;
-	      $$invalidate(19, _menuEl);
+	      $$invalidate(20, _menuEl);
 	    });
 	  }
 
 	  function div_binding($$value) {
 	    binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 	      _el = $$value;
-	      $$invalidate(18, _el);
+	      $$invalidate(13, _el);
 	    });
 	  }
 
@@ -7947,7 +7936,7 @@
 	    if ($$self.$$.dirty[0] &
 	    /*disabled*/
 	    64) {
-	      $$invalidate(21, _disabled = toBoolean(disabled));
+	      $$invalidate(22, _disabled = toBoolean(disabled));
 	    }
 
 	    if ($$self.$$.dirty[0] &
@@ -7965,11 +7954,28 @@
 	    if ($$self.$$.dirty[0] &
 	    /*native*/
 	    1073741824) {
-	      $$invalidate(22, _native = toBoolean(native));
+	      $$invalidate(14, _native = toBoolean(native));
+	    }
+
+	    if ($$self.$$.dirty[0] &
+	    /*_el, value, _native, _options*/
+	    268464128) {
+	      {
+	        if (_el) {
+	          $$invalidate(15, _values = parseValues(value));
+	          $$invalidate(12, _options = getOptions());
+
+	          if (!_native) {
+	            $$invalidate(19, _computedWidth = getCustomDropdownWidth(_options));
+	            addKeyboardEventListeners();
+	            setHighlightedIndexToSelected();
+	          }
+	        }
+	      }
 	    }
 	  };
 
-	  return [name, arialabel, leadingicon, maxheight, placeholder, width, disabled, error, mt, mr, mb, ml, _values, _options, _selectedLabel, _isMenuVisible, _highlightedIndex, _computedWidth, _el, _menuEl, _selectEl, _disabled, _native, _error, showMenu, closeMenu, onSelect, onNativeSelect, value, multiselect, native, select_binding, click_handler, ul_binding, div_binding];
+	  return [name, arialabel, leadingicon, maxheight, placeholder, width, disabled, error, mt, mr, mb, ml, _options, _el, _native, _values, _selectedLabel, _isMenuVisible, _highlightedIndex, _computedWidth, _menuEl, _selectEl, _disabled, _error, showMenu, closeMenu, onSelect, onNativeSelect, value, multiselect, native, select_binding, click_handler, ul_binding, div_binding];
 	}
 
 	class Dropdown extends SvelteElement {
@@ -20183,6 +20189,7 @@
 
 	var GoAContainer = function GoAContainer(_a) {
 	  var accent = _a.accent,
+	      heading = _a.heading,
 	      title = _a.title,
 	      padding = _a.padding,
 	      children = _a.children,
@@ -20193,6 +20200,7 @@
 	      mb = _a.mb,
 	      ml = _a.ml,
 	      testId = _a.testId;
+	  var headingContent = heading || title;
 	  return jsxRuntime.jsxs("goa-container", __assign({
 	    type: type,
 	    padding: padding,
@@ -20203,15 +20211,15 @@
 	    ml: ml,
 	    "data-testid": testId
 	  }, {
-	    children: [title && jsxRuntime.jsx("div", __assign({
+	    children: [headingContent && jsxRuntime.jsx("div", __assign({
 	      slot: "title"
 	    }, {
-	      children: title
-	    }), void 0), actions && jsxRuntime.jsx("div", __assign({
+	      children: headingContent
+	    }), void 0), children, actions && jsxRuntime.jsx("div", __assign({
 	      slot: "actions"
 	    }, {
 	      children: actions
-	    }), void 0), children]
+	    }), void 0)]
 	  }), void 0);
 	};