@abgov/react-components 4.17.0-alpha.2 → 4.17.0-alpha.3

package/react-components.umd.js

@@ -1540,7 +1540,7 @@
 	_tabItems[index].setAttribute("open","true");// display tab content
 	}});_panelEl.setAttribute("aria-labelledby",`tab-${_currentTab}`);_panelEl.setAttribute("id",`tabpanel-${_currentTab}`);}function handleKeydownEvents(){_rootEl.addEventListener("keydown",onKeyDown);}function onKeyDown(e){let isHandled=false;switch(e.key){case'ArrowUp':case'ArrowLeft':if(_currentTab===1){setCurrentTab(_tabItems.length);}else {setCurrentTab(_currentTab-1);}isHandled=true;break;case'ArrowDown':case'ArrowRight':if(_currentTab===_tabItems.length){setCurrentTab(1);}else {setCurrentTab(_currentTab+1);}isHandled=true;break;case'Home':setCurrentTab(1);isHandled=true;break;case'End':setCurrentTab(_tabItems.length);isHandled=true;break;}if(isHandled){e.stopPropagation();e.preventDefault();}}function div0_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_tabs=$$value;$$invalidate(1,_tabs);});}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_panelEl=$$value;$$invalidate(2,_panelEl);});}function div2_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(0,_rootEl);});}$$self.$$set=$$props=>{if('initialtab'in $$props)$$invalidate(3,initialtab=$$props.initialtab);};return [_rootEl,_tabs,_panelEl,initialtab,div0_binding,div1_binding,div2_binding];}class Tabs extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font:var(--goa-typography-body-m)}.tab{display:flex;gap:var(--goa-space-xs)}[role="tab"]{background:none;overflow:hidden;white-space:nowrap;cursor:pointer;border:none;font:var(--goa-typography-body-m);color:var(--goa-color-text-default);letter-spacing:0.03125rem}[role="tab"][aria-selected="true"]{font:var(--goa-typography-heading-s)}[role="tab"]:focus-visible{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}[role="tab"]:hover:not([aria-selected="true"]),[role="tab"]:focus:not([aria-selected="true"]),[role="tab"]:focus-visible:not([aria-selected="true"]){border-color:var(--goa-color-greyscale-200)}@media screen and (max-width: 623px){@media not (max-color:2147477350){[role="tablist"]{border-bottom:none}.tabs{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);display:flex;gap:var(--goa-space-xl)}[role="tab"]{padding:var(--goa-space-s) var(--goa-space-m);border-bottom:4px solid transparent}[role="tab"][aria-selected="true"]{border-color:var(--goa-color-interactive-default)}}}@media not  screen and (max-width: 623px){@media not (color:2147477350){[role="tablist"]{border-bottom:none}.tabs{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);display:flex;gap:var(--goa-space-xl)}[role="tab"]{padding:var(--goa-space-s) var(--goa-space-m);border-bottom:4px solid transparent}[role="tab"][aria-selected="true"]{border-color:var(--goa-color-interactive-default)}}}@media screen and (max-width: 623px){[role="tab"]{width:100%;padding:var(--goa-space-xs) 0;padding-left:12px;border-left:4px solid transparent}[role="tab"][aria-selected="true"]{border-color:var(--goa-color-interactive-default);background:var(--goa-color-info-background)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance,create_fragment,safe_not_equal,{initialtab:3},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["initialtab"];}get initialtab(){return this.$$.ctx[3];}set initialtab(initialtab){this.$$set({initialtab});flush();}}customElements.define("goa-tabs",Tabs);
 
-	var GoADatePicker = function GoADatePicker(_a) {
+	function GoADatePicker(_a) {
 	  var name = _a.name,
 	      value = _a.value,
 	      min = _a.min,
@@ -1572,9 +1572,9 @@
 	    mb: mb,
 	    ml: ml
 	  }, void 0);
-	};
+	}
 
-	var GoACalendar = function GoACalendar(_a) {
+	function GoACalendar(_a) {
 	  var name = _a.name,
 	      value = _a.value,
 	      min = _a.min,
@@ -1606,7 +1606,7 @@
 	    mb: mb,
 	    ml: ml
 	  }, void 0);
-	};
+	}
 
 	/*! *****************************************************************************
 	Copyright (c) Microsoft Corporation.
@@ -1758,7 +1758,7 @@
 	  }, void 0);
 	}
 
-	var GoAAccordion = function GoAAccordion(_a) {
+	function GoAAccordion(_a) {
 	  var open = _a.open,
 	      heading = _a.heading,
 	      headingSize = _a.headingSize,
@@ -1787,7 +1787,7 @@
 	      children: headingContent
 	    }), void 0), children]
 	  }), void 0);
-	};
+	}
 
 	function GoAFormStep(props) {
 	  return jsxRuntime.jsx("goa-form-step", {
@@ -1836,7 +1836,7 @@
 	  }), void 0);
 	}
 
-	var GoAAppHeader = function GoAAppHeader(_a) {
+	function GoAAppHeader(_a) {
 	  var heading = _a.heading,
 	      url = _a.url,
 	      maxContentWidth = _a.maxContentWidth,
@@ -1850,9 +1850,9 @@
 	  }, {
 	    children: children
 	  }), void 0);
-	};
+	}
 
-	var GoABadge = function GoABadge(_a) {
+	function GoABadge(_a) {
 	  var type = _a.type,
 	      content = _a.content,
 	      icon = _a.icon,
@@ -1873,12 +1873,12 @@
 	    mb: mb,
 	    ml: ml
 	  }, void 0);
-	};
+	}
 	/**
 	 * @deprecated
 	 */
 
-	var GoAInfoBadge = function GoAInfoBadge(_a) {
+	function GoAInfoBadge(_a) {
 	  var content = _a.content,
 	      testId = _a.testId,
 	      icon = _a.icon,
@@ -1898,12 +1898,12 @@
 	    mb: mb,
 	    ml: ml
 	  }, void 0);
-	};
+	}
 	/**
 	 * @deprecated
 	 */
 
-	var GoASuccessBadge = function GoASuccessBadge(_a) {
+	function GoASuccessBadge(_a) {
 	  var content = _a.content,
 	      testId = _a.testId,
 	      icon = _a.icon,
@@ -1923,12 +1923,12 @@
 	    mb: mb,
 	    ml: ml
 	  }, void 0);
-	};
+	}
 	/**
 	 * @deprecated
 	 */
 
-	var GoAImportantBadge = function GoAImportantBadge(_a) {
+	function GoAImportantBadge(_a) {
 	  var content = _a.content,
 	      testId = _a.testId,
 	      icon = _a.icon,
@@ -1948,12 +1948,12 @@
 	    mb: mb,
 	    ml: ml
 	  }, void 0);
-	};
+	}
 	/**
 	 * @deprecated
 	 */
 
-	var GoAEmergencyBadge = function GoAEmergencyBadge(_a) {
+	function GoAEmergencyBadge(_a) {
 	  var content = _a.content,
 	      testId = _a.testId,
 	      icon = _a.icon,
@@ -1973,7 +1973,7 @@
 	    mb: mb,
 	    ml: ml
 	  }, void 0);
-	};
+	}
 
 	function GoABlock(props) {
 	  return jsxRuntime.jsx("goa-block", __assign({
@@ -1990,7 +1990,7 @@
 	  }), void 0);
 	}
 
-	var GoAButtonGroup = function GoAButtonGroup(_a) {
+	function GoAButtonGroup(_a) {
 	  var alignment = _a.alignment,
 	      gap = _a.gap,
 	      testId = _a.testId,
@@ -2010,9 +2010,9 @@
 	  }, {
 	    children: children
 	  }), void 0);
-	};
+	}
 
-	var GoAButton = function GoAButton(_a) {
+	function GoAButton(_a) {
 	  var _b = _a.disabled,
 	      disabled = _b === void 0 ? false : _b,
 	      _c = _a.type,
@@ -2065,7 +2065,7 @@
 	  }, {
 	    children: children
 	  }), void 0);
-	};
+	}
 
 	var GoACallout = function GoACallout(_a) {
 	  var heading = _a.heading,
@@ -2093,7 +2093,7 @@
 	  }), void 0);
 	};
 
-	var GoACheckbox = function GoACheckbox(_a) {
+	function GoACheckbox(_a) {
 	  var id = _a.id,
 	      name = _a.name,
 	      testId = _a.testId,
@@ -2147,7 +2147,7 @@
 	  }, {
 	    children: children
 	  }), void 0);
-	};
+	}
 
 	var GoAChip = function GoAChip(_a) {
 	  var _b = _a.leadingIcon,
@@ -2211,7 +2211,7 @@
 	  }, void 0);
 	};
 
-	var GoAContainer = function GoAContainer(_a) {
+	function GoAContainer(_a) {
 	  var accent = _a.accent,
 	      heading = _a.heading,
 	      title = _a.title,
@@ -2245,7 +2245,7 @@
 	      children: actions
 	    }), void 0)]
 	  }), void 0);
-	};
+	}
 
 	function GoADetails(props) {
 	  return jsxRuntime.jsx("goa-details", __assign({
@@ -2282,7 +2282,7 @@
 	  return JSON.stringify(value);
 	}
 
-	var GoADropdown = function GoADropdown(props) {
+	function GoADropdown(props) {
 	  var el = react.useRef(null);
 	  react.useEffect(function () {
 	    if (!el.current) {
@@ -2329,7 +2329,7 @@
 	  }, {
 	    children: props.children
 	  }), void 0);
-	};
+	}
 
 	function GoADropdownOption(props) {
 	  react.useEffect(function () {
@@ -2389,7 +2389,7 @@
 	  }), void 0);
 	}
 
-	var GoAFormItem = function GoAFormItem(_a) {
+	function GoAFormItem(_a) {
 	  var children = _a.children,
 	      helpText = _a.helpText,
 	      error = _a.error,
@@ -2417,9 +2417,9 @@
 	  }, {
 	    children: children
 	  }), void 0);
-	};
+	}
 
-	var GoAGrid = function GoAGrid(_a) {
+	function GoAGrid(_a) {
 	  var gap = _a.gap,
 	      minChildWidth = _a.minChildWidth,
 	      mt = _a.mt,
@@ -2439,9 +2439,9 @@
 	  }, {
 	    children: children
 	  }), void 0);
-	};
+	}
 
-	var GoAHeroBanner = function GoAHeroBanner(_a) {
+	function GoAHeroBanner(_a) {
 	  var heading = _a.heading,
 	      backgroundUrl = _a.backgroundUrl,
 	      minHeight = _a.minHeight,
@@ -2461,18 +2461,18 @@
 	  }, {
 	    children: children
 	  }), void 0);
-	};
+	}
 
-	var GoAHeroBannerActions = function GoAHeroBannerActions(_a) {
+	function GoAHeroBannerActions(_a) {
 	  var children = _a.children;
 	  return jsxRuntime.jsx("div", __assign({
 	    slot: "actions"
 	  }, {
 	    children: children
 	  }), void 0);
-	};
+	}
 
-	var GoAIconButton = function GoAIconButton(_a) {
+	function GoAIconButton(_a) {
 	  var icon = _a.icon,
 	      disabled = _a.disabled,
 	      _b = _a.variant,
@@ -2523,7 +2523,7 @@
 	  }, {
 	    children: children
 	  }), void 0);
-	};
+	}
 
 	function GoAIcon(_a) {
 	  var type = _a.type,
@@ -2546,7 +2546,7 @@
 	  }, void 0);
 	}
 
-	var GoAInput = function GoAInput(_a) {
+	function GoAInput(_a) {
 	  var id = _a.id,
 	      debounce = _a.debounce,
 	      name = _a.name,
@@ -2666,7 +2666,7 @@
 	      children: trailingContent
 	    }), void 0)]
 	  }), void 0);
-	};
+	}
 
 	var onDateChangeHandler = function onDateChangeHandler(onChange) {
 	  return function (name, value) {
@@ -2712,17 +2712,17 @@
 	  return dateFns.format(value, tmpl);
 	}
 
-	var GoAInputText = function GoAInputText(props) {
+	function GoAInputText(props) {
 	  return jsxRuntime.jsx(GoAInput, __assign({}, props, {
 	    type: "text"
 	  }), void 0);
-	};
-	var GoAInputPassword = function GoAInputPassword(props) {
+	}
+	function GoAInputPassword(props) {
 	  return jsxRuntime.jsx(GoAInput, __assign({}, props, {
 	    type: "password"
 	  }), void 0);
-	};
-	var GoAInputDate = function GoAInputDate(_a) {
+	}
+	function GoAInputDate(_a) {
 	  var value = _a.value,
 	      _b = _a.min,
 	      min = _b === void 0 ? "" : _b,
@@ -2737,8 +2737,8 @@
 	    max: toString(max),
 	    value: toString(value)
 	  }), void 0);
-	};
-	var GoAInputTime = function GoAInputTime(_a) {
+	}
+	function GoAInputTime(_a) {
 	  var value = _a.value;
 	      _a.min;
 	      _a.max;
@@ -2749,8 +2749,8 @@
 	    value: value,
 	    type: "time"
 	  }), void 0);
-	};
-	var GoAInputDateTime = function GoAInputDateTime(_a) {
+	}
+	function GoAInputDateTime(_a) {
 	  var value = _a.value;
 	      _a.min;
 	      _a.max;
@@ -2761,29 +2761,29 @@
 	    value: toString(value, "yyyy-MM-dd'T'HH:mm"),
 	    type: "datetime-local"
 	  }), void 0);
-	};
-	var GoAInputEmail = function GoAInputEmail(props) {
+	}
+	function GoAInputEmail(props) {
 	  return jsxRuntime.jsx(GoAInput, __assign({}, props, {
 	    type: "email"
 	  }), void 0);
-	};
-	var GoAInputSearch = function GoAInputSearch(props) {
+	}
+	function GoAInputSearch(props) {
 	  return jsxRuntime.jsx(GoAInput, __assign({}, props, {
 	    type: "search",
 	    trailingIcon: "search"
 	  }), void 0);
-	};
-	var GoAInputUrl = function GoAInputUrl(props) {
+	}
+	function GoAInputUrl(props) {
 	  return jsxRuntime.jsx(GoAInput, __assign({}, props, {
 	    type: "url"
 	  }), void 0);
-	};
-	var GoAInputTel = function GoAInputTel(props) {
+	}
+	function GoAInputTel(props) {
 	  return jsxRuntime.jsx(GoAInput, __assign({}, props, {
 	    type: "tel"
 	  }), void 0);
-	};
-	var GoAInputFile = function GoAInputFile(props) {
+	}
+	function GoAInputFile(props) {
 	  return jsxRuntime.jsx("input", {
 	    id: props.id,
 	    name: props.name,
@@ -2795,13 +2795,13 @@
 	      backgroundColor: "revert"
 	    }
 	  }, void 0);
-	};
-	var GoAInputMonth = function GoAInputMonth(props) {
+	}
+	function GoAInputMonth(props) {
 	  return jsxRuntime.jsx(GoAInput, __assign({}, props, {
 	    type: "month"
 	  }), void 0);
-	};
-	var GoAInputNumber = function GoAInputNumber(_a) {
+	}
+	function GoAInputNumber(_a) {
 	  var _b = _a.min,
 	      min = _b === void 0 ? Number.MIN_VALUE : _b,
 	      _c = _a.max,
@@ -2834,14 +2834,14 @@
 	    onBlur: onBlur,
 	    type: "number"
 	  }), void 0);
-	};
-	var GoAInputRange = function GoAInputRange(props) {
+	}
+	function GoAInputRange(props) {
 	  return jsxRuntime.jsx(GoAInput, __assign({}, props, {
 	    type: "range"
 	  }), void 0);
-	};
+	}
 
-	var GoAMicrositeHeader = function GoAMicrositeHeader(_a) {
+	function GoAMicrositeHeader(_a) {
 	  var type = _a.type,
 	      version = _a.version,
 	      feedbackUrl = _a.feedbackUrl,
@@ -2858,9 +2858,9 @@
 	    feedbackurltarget: feedbackUrlTarget,
 	    headerurltarget: headerUrlTarget
 	  }, void 0);
-	};
+	}
 
-	var GoAModal = function GoAModal(_a) {
+	function GoAModal(_a) {
 	  var heading = _a.heading,
 	      children = _a.children,
 	      maxWidth = _a.maxWidth,
@@ -2905,7 +2905,7 @@
 	    closable: !!onClose,
 	    maxwidth: maxWidth,
 	    transition: transition,
-	    calloutVariant: calloutVariant,
+	    calloutvariant: calloutVariant,
 	    "data-testid": testId
 	  }, {
 	    children: [heading && jsxRuntime.jsx("div", __assign({
@@ -2918,7 +2918,7 @@
 	      children: actions
 	    }), void 0), children]
 	  }), void 0);
-	};
+	}
 
 	var GoANotification = function GoANotification(_a) {
 	  var _b = _a.type,
@@ -2962,16 +2962,16 @@
 	  }, void 0);
 	}
 
-	var GoAPageBlock = function GoAPageBlock(props) {
+	function GoAPageBlock(props) {
 	  return jsxRuntime.jsx("goa-page-block", __assign({
 	    width: props.width,
 	    "data-testid": props.testId
 	  }, {
 	    children: props.children
 	  }), void 0);
-	};
+	}
 
-	var GoARadioItem = function GoARadioItem(_a) {
+	function GoARadioItem(_a) {
 	  var name = _a.name,
 	      label = _a.label,
 	      value = _a.value,
@@ -2993,9 +2993,9 @@
 	  }, {
 	    children: children
 	  }), void 0);
-	};
+	}
 
-	var GoARadioGroup = function GoARadioGroup(_a) {
+	function GoARadioGroup(_a) {
 	  var name = _a.name,
 	      value = _a.value,
 	      children = _a.children,
@@ -3049,7 +3049,7 @@
 	  }, {
 	    children: children
 	  }), void 0);
-	};
+	}
 
 	function GoAPagination(props) {
 	  var ref = react.useRef();
@@ -3084,7 +3084,7 @@
 	  }, void 0);
 	}
 
-	var GoAPopover = function GoAPopover(_a) {
+	function GoAPopover(_a) {
 	  var target = _a.target,
 	      testId = _a.testId,
 	      maxWidth = _a.maxWidth,
@@ -3113,7 +3113,7 @@
 	      children: target
 	    }), void 0)]
 	  }), void 0);
-	};
+	}
 
 	var GoASkeleton = function GoASkeleton(_a) {
 	  var maxWidth = _a.maxWidth,
@@ -3146,7 +3146,7 @@
 	  }, void 0);
 	}
 
-	var GoASpinner = function GoASpinner(_a) {
+	function GoASpinner(_a) {
 	  var type = _a.type,
 	      size = _a.size,
 	      progress = _a.progress,
@@ -3159,7 +3159,7 @@
 	    invert: invert,
 	    "data-testid": testId
 	  }, void 0);
-	};
+	}
 
 	function GoATable(props) {
 	  var ref = react.useRef(null);
@@ -3205,7 +3205,7 @@
 	  }), void 0);
 	}
 
-	var GoATableSortHeader = function GoATableSortHeader(_a) {
+	function GoATableSortHeader(_a) {
 	  var name = _a.name,
 	      _b = _a.direction,
 	      direction = _b === void 0 ? "none" : _b,
@@ -3216,9 +3216,9 @@
 	  }, {
 	    children: children
 	  }), void 0);
-	};
+	}
 
-	var GoATextArea = function GoATextArea(_a) {
+	function GoATextArea(_a) {
 	  var name = _a.name,
 	      value = _a.value,
 	      placeholder = _a.placeholder,
@@ -3273,9 +3273,9 @@
 	    mb: mb,
 	    ml: ml
 	  }, void 0);
-	};
+	}
 
-	var GoATooltip = function GoATooltip(props) {
+	function GoATooltip(props) {
 	  return jsxRuntime.jsx("goa-tooltip", __assign({
 	    position: props.position,
 	    content: props.content,
@@ -3288,7 +3288,7 @@
 	  }, {
 	    children: props.children
 	  }), void 0);
-	};
+	}
 
 	function GoATwoColumnLayout(props) {
 	  return jsxRuntime.jsxs("goa-two-column-layout", __assign({
@@ -3351,7 +3351,7 @@
 	  }), void 0);
 	}
 
-	var GoATab = function GoATab(_a) {
+	function GoATab(_a) {
 	  var heading = _a.heading,
 	      children = _a.children;
 	  return jsxRuntime.jsxs("goa-tab", {
@@ -3361,7 +3361,7 @@
 	      children: heading
 	    }), void 0), children]
 	  }, void 0);
-	};
+	}
 
 	exports.GoAAccordion = GoAAccordion;
 	exports.GoAAppFooter = GoAAppFooter;