@genesislcap/foundation-zero 14.70.2 → 14.70.4-es2021.1

package/dist/esm/grid-layout/grid-layout.js

@@ -11,4 +11,10 @@ export class GridLayout extends FoundationGridLayout {
  * @remarks
  * HTML Element: \<zero-grid-layout\>
  */
-export const zeroGridLayout = GridLayout.compose(Object.assign({ baseName: 'grid-layout', shadowOptions: zeroGridLayoutShadowOptions, styles: zeroGridLayoutStyles, template: zeroGridLayoutTemplate }, defaultGridLayoutConfig));
+export const zeroGridLayout = GridLayout.compose({
+    baseName: 'grid-layout',
+    shadowOptions: zeroGridLayoutShadowOptions,
+    styles: zeroGridLayoutStyles,
+    template: zeroGridLayoutTemplate,
+    ...defaultGridLayoutConfig,
+});

package/dist/esm/grid-layout-item/grid-layout-item.js

@@ -11,4 +11,9 @@ export class GridLayoutItem extends FoundationGridLayoutItem {
  * @remarks
  * HTML Element: \<zero-grid-layout-item\>
  */
-export const zeroGridLayoutItem = GridLayoutItem.compose(Object.assign({ baseName: 'grid-layout-item', shadowOptions: zeroGridLayoutItemShadowOptions, template: zeroGridLayoutItemTemplate }, defaultGridLayoutItemConfig));
+export const zeroGridLayoutItem = GridLayoutItem.compose({
+    baseName: 'grid-layout-item',
+    shadowOptions: zeroGridLayoutItemShadowOptions,
+    template: zeroGridLayoutItemTemplate,
+    ...defaultGridLayoutItemConfig,
+});

package/dist/esm/horizontal-scroll/horizontal-scroll.js

@@ -6,5 +6,10 @@ import { zeroHorizontalScrollTemplate as template } from './horizontal-scroll.te
  */
 export class HorizontalScroll extends FoundationHorizontalScroll {
 }
-export const zeroHorizontalScroll = HorizontalScroll.compose(Object.assign({ baseName: 'horizontal-scroll', template,
-    styles, shadowOptions: foundationHorizontalScrollShadowOptions }, defaultHorizontalScrollConfig));
+export const zeroHorizontalScroll = HorizontalScroll.compose({
+    baseName: 'horizontal-scroll',
+    template,
+    styles,
+    shadowOptions: foundationHorizontalScrollShadowOptions,
+    ...defaultHorizontalScrollConfig,
+});

package/dist/esm/icon/icon.js

@@ -7,5 +7,10 @@ export class Icon extends FoundationIcon {
 }
 export const defaultIconConfig = foundationIconConfig;
 export const zeroIconShadowOptions = foundationIconShadowOptions;
-export const zeroIcon = Icon.compose(Object.assign({ baseName: 'icon', template,
-    styles, shadowOptions: zeroIconShadowOptions }, defaultIconConfig));
+export const zeroIcon = Icon.compose({
+    baseName: 'icon',
+    template,
+    styles,
+    shadowOptions: zeroIconShadowOptions,
+    ...defaultIconConfig,
+});

package/dist/esm/listbox/listbox.js

@@ -6,5 +6,10 @@ import { zeroListboxTemplate as template } from './listbox.template';
  */
 export class Listbox extends FoundationListbox {
 }
-export const zeroListbox = Listbox.compose(Object.assign({ baseName: 'listbox', template,
-    styles, shadowOptions: foundationListboxShadowOptions }, defaultListboxConfig));
+export const zeroListbox = Listbox.compose({
+    baseName: 'listbox',
+    template,
+    styles,
+    shadowOptions: foundationListboxShadowOptions,
+    ...defaultListboxConfig,
+});

package/dist/esm/listbox-option/listbox-option.js

@@ -6,5 +6,10 @@ import { zeroListboxOptionTemplate as template } from './listbox-option.template
  */
 export class ListboxOption extends FoundationListboxOption {
 }
-export const zeroListboxOption = ListboxOption.compose(Object.assign({ baseName: 'option', template,
-    styles, shadowOptions: foundationListboxOptionShadowOptions }, defaultListboxOptionConfig));
+export const zeroListboxOption = ListboxOption.compose({
+    baseName: 'option',
+    template,
+    styles,
+    shadowOptions: foundationListboxOptionShadowOptions,
+    ...defaultListboxOptionConfig,
+});

package/dist/esm/menu-item/menu-item.js

@@ -1,6 +1,9 @@
 import { foundationMenuItemShadowOptions, MenuItem as FoundationMenuItem, foundationMenuItemTemplate as zeroMenuItemTemplate, defaultMenuItemConfig, } from '@genesislcap/foundation-ui';
 import { zeroMenuItemStyles } from './menu-item.styles';
 export const zeroMenuItemShadowOptions = foundationMenuItemShadowOptions;
+/**
+ * @tagname %%prefix%%-menu-item
+ */
 export class MenuItem extends FoundationMenuItem {
 }
 /**
@@ -10,4 +13,10 @@ export class MenuItem extends FoundationMenuItem {
  * @remarks
  * HTML Element: \<zero-menu-item\>
  */
-export const zeroMenuItem = MenuItem.compose(Object.assign({ baseName: 'menu-item', template: zeroMenuItemTemplate, styles: zeroMenuItemStyles, shadowOptions: zeroMenuItemShadowOptions }, defaultMenuItemConfig));
+export const zeroMenuItem = MenuItem.compose({
+    baseName: 'menu-item',
+    template: zeroMenuItemTemplate,
+    styles: zeroMenuItemStyles,
+    shadowOptions: zeroMenuItemShadowOptions,
+    ...defaultMenuItemConfig,
+});

package/dist/esm/modal/modal.js

@@ -15,4 +15,10 @@ export class Modal extends FoundationModal {
  * @remarks
  * HTML Element: \<zero-modal\>
  */
-export const zeroModal = Modal.compose(Object.assign({ baseName: 'modal', shadowOptions: zeroModalShadowOptions, styles: zeroModalStyles, template: zeroModalTemplate }, defaultModalConfig));
+export const zeroModal = Modal.compose({
+    baseName: 'modal',
+    shadowOptions: zeroModalShadowOptions,
+    styles: zeroModalStyles,
+    template: zeroModalTemplate,
+    ...defaultModalConfig,
+});

package/dist/esm/multiselect/multiselect.js

@@ -8,5 +8,10 @@ export class Multiselect extends FoundationMultiselect {
 }
 export const defaultMultiselectConfig = foundationMultiselectConfig;
 export const zeroMultiselectShadowOptions = foundationMultiselectShadowOptions;
-export const zeroMultiselect = Multiselect.compose(Object.assign({ baseName: 'multiselect', template,
-    styles, shadowOptions: zeroMultiselectShadowOptions }, defaultMultiselectConfig));
+export const zeroMultiselect = Multiselect.compose({
+    baseName: 'multiselect',
+    template,
+    styles,
+    shadowOptions: zeroMultiselectShadowOptions,
+    ...defaultMultiselectConfig,
+});

package/dist/esm/number-field/number-field.js

@@ -8,4 +8,10 @@ export class NumberField extends FoundationNumberField {
 export const defaultNumberFieldConfig = foundationNumberFieldConfig;
 export const zeroNumberFieldTemplate = foundationNumberFieldTemplate;
 export const zeroNumberFieldShadowOptions = foundationNumberFieldShadowOptions;
-export const zeroNumberField = NumberField.compose(Object.assign({ baseName: 'number-field', template: zeroNumberFieldTemplate, styles, shadowOptions: zeroNumberFieldShadowOptions }, defaultNumberFieldConfig));
+export const zeroNumberField = NumberField.compose({
+    baseName: 'number-field',
+    template: zeroNumberFieldTemplate,
+    styles,
+    shadowOptions: zeroNumberFieldShadowOptions,
+    ...defaultNumberFieldConfig,
+});

package/dist/esm/progress/progress.js

@@ -6,5 +6,10 @@ import { zeroProgressTemplate as template } from './progress.template';
  */
 export class Progress extends FoundationProgress {
 }
-export const zeroProgress = Progress.compose(Object.assign({ baseName: 'progress', template,
-    styles, shadowOptions: foundationProgressShadowOptions }, defaultProgressConfig));
+export const zeroProgress = Progress.compose({
+    baseName: 'progress',
+    template,
+    styles,
+    shadowOptions: foundationProgressShadowOptions,
+    ...defaultProgressConfig,
+});

package/dist/esm/progress-ring/progress-ring.js

@@ -2,6 +2,9 @@ import { foundationProgressRingShadowOptions, ProgressRing as FoundationProgress
 import { PrimaryRapidColorHEX } from '../_common/colors.hex';
 import { zeroProgressRingStyles as styles } from './progress-ring.styles';
 import { zeroProgressRingTemplate as template } from './progress-ring.template';
+/**
+ * @tagname %%prefix%%-progress-ring
+ */
 export class ProgressRing extends FoundationProgressRing {
 }
 export const defaultZeroProgressRingConfig = {
@@ -18,5 +21,10 @@ export const defaultZeroProgressRingConfig = {
   </svg>
   `,
 };
-export const zeroProgressRing = ProgressRing.compose(Object.assign({ baseName: 'progress-ring', template,
-    styles, shadowOptions: foundationProgressRingShadowOptions }, defaultZeroProgressRingConfig));
+export const zeroProgressRing = ProgressRing.compose({
+    baseName: 'progress-ring',
+    template,
+    styles,
+    shadowOptions: foundationProgressRingShadowOptions,
+    ...defaultZeroProgressRingConfig,
+});

package/dist/esm/radio/radio.js

@@ -6,5 +6,10 @@ import { zeroRadioTemplate as template } from './radio.template';
  */
 export class Radio extends FoundationRadio {
 }
-export const zeroRadio = Radio.compose(Object.assign({ baseName: 'radio', template,
-    styles, shadowOptions: foundationRadioShadowOptions }, defaultRadioConfig));
+export const zeroRadio = Radio.compose({
+    baseName: 'radio',
+    template,
+    styles,
+    shadowOptions: foundationRadioShadowOptions,
+    ...defaultRadioConfig,
+});

package/dist/esm/radio-group/radio-group.js

@@ -6,5 +6,10 @@ import { zeroRadioGroupTemplate as template } from './radio-group.template';
  */
 export class RadioGroup extends FoundationRadioGroup {
 }
-export const zeroRadioGroup = RadioGroup.compose(Object.assign({ baseName: 'radio-group', template,
-    styles, shadowOptions: foundationRadioGroupShadowOptions }, defaultRadioGroupConfig));
+export const zeroRadioGroup = RadioGroup.compose({
+    baseName: 'radio-group',
+    template,
+    styles,
+    shadowOptions: foundationRadioGroupShadowOptions,
+    ...defaultRadioGroupConfig,
+});

package/dist/esm/segmented-control/segmented-control.js

@@ -16,5 +16,10 @@ export const defaultSegmentedControlConfig = {};
  * @remarks
  * HTML Element: \<zero-segmented-control\>
  */
-export const zeroSegmentedControl = SegmentedControl.compose(Object.assign({ baseName: 'segmented-control', template,
-    styles, shadowOptions: zeroSegmentedControlShadowOptions }, defaultSegmentedControlConfig));
+export const zeroSegmentedControl = SegmentedControl.compose({
+    baseName: 'segmented-control',
+    template,
+    styles,
+    shadowOptions: zeroSegmentedControlShadowOptions,
+    ...defaultSegmentedControlConfig,
+});

package/dist/esm/segmented-item/segmented-item.js

@@ -1,6 +1,9 @@
 import { Radio as FoundationFoundationRadio } from '@genesislcap/foundation-ui';
 import { zeroSegmentedItemStyles as styles } from './segmented-item.styles';
 import { zeroSegmentedItemTemplate as template } from './segmented-item.template';
+/**
+ * @tagname %%prefix%%-segmented-item
+ */
 export class SegmentedItem extends FoundationFoundationRadio {
 }
 // explicitly declaring for extensibility
@@ -13,5 +16,10 @@ export const defaultSegmentedItemConfig = {};
  * @remarks
  * HTML Element: \<zero-segmented-item\>
  */
-export const zeroSegmentedItem = SegmentedItem.compose(Object.assign({ baseName: 'segmented-item', template,
-    styles, shadowOptions: zeroSegmentedItemShadowOptions }, defaultSegmentedItemConfig));
+export const zeroSegmentedItem = SegmentedItem.compose({
+    baseName: 'segmented-item',
+    template,
+    styles,
+    shadowOptions: zeroSegmentedItemShadowOptions,
+    ...defaultSegmentedItemConfig,
+});

package/dist/esm/select/select.js

@@ -6,5 +6,10 @@ import { zeroSelectTemplate as template } from './select.template';
  */
 export class Select extends FoundationSelect {
 }
-export const zeroSelect = Select.compose(Object.assign({ baseName: 'select', template,
-    styles, shadowOptions: foundationSelectShadowOptions }, defaultSelectConfig));
+export const zeroSelect = Select.compose({
+    baseName: 'select',
+    template,
+    styles,
+    shadowOptions: foundationSelectShadowOptions,
+    ...defaultSelectConfig,
+});

package/dist/esm/skeleton/skeleton.js

@@ -6,5 +6,10 @@ import { zeroSkeletonTemplate as template } from './skeleton.template';
  */
 export class Skeleton extends FoundationSkeleton {
 }
-export const zeroSkeleton = Skeleton.compose(Object.assign({ baseName: 'skeleton', template,
-    styles, shadowOptions: foundationSkeletonShadowOptions }, defaultSkeletonConfig));
+export const zeroSkeleton = Skeleton.compose({
+    baseName: 'skeleton',
+    template,
+    styles,
+    shadowOptions: foundationSkeletonShadowOptions,
+    ...defaultSkeletonConfig,
+});

package/dist/esm/slider/slider.js

@@ -6,5 +6,10 @@ import { zeroSliderTemplate as template } from './slider.template';
  */
 export class Slider extends FoundationSlider {
 }
-export const zeroSlider = Slider.compose(Object.assign({ baseName: 'slider', template,
-    styles, shadowOptions: foundationSliderShadowOptions }, defaultSliderConfig));
+export const zeroSlider = Slider.compose({
+    baseName: 'slider',
+    template,
+    styles,
+    shadowOptions: foundationSliderShadowOptions,
+    ...defaultSliderConfig,
+});

package/dist/esm/slider-label/slider-label.js

@@ -6,5 +6,10 @@ import { zeroSliderLabelTemplate as template } from './slider-label.template';
  */
 export class SliderLabel extends FoundationSliderLabel {
 }
-export const zeroSliderLabel = SliderLabel.compose(Object.assign({ baseName: 'slider-label', template,
-    styles, shadowOptions: foundationSliderLabelShadowOptions }, defaultSliderLabelConfig));
+export const zeroSliderLabel = SliderLabel.compose({
+    baseName: 'slider-label',
+    template,
+    styles,
+    shadowOptions: foundationSliderLabelShadowOptions,
+    ...defaultSliderLabelConfig,
+});

package/dist/esm/snackbar/snackbar.stories.js

@@ -5,12 +5,11 @@ const meta = {
 };
 export default meta;
 const showError = (errorText) => {
-    var _a;
     let snackbar = document.querySelector('#js-snackbar');
     if (!snackbar) {
         snackbar = document.createElement('zero-snackbar');
         snackbar.id = 'js-snackbar';
-        (_a = document.querySelector('#zero-snackbar')) === null || _a === void 0 ? void 0 : _a.appendChild(snackbar);
+        document.querySelector('#zero-snackbar')?.appendChild(snackbar);
     }
     snackbar.error = {
         title: 'Error Title',

package/dist/esm/snackbar/snackbar.template.js

@@ -2,17 +2,16 @@ import { html, ref, repeat } from '@microsoft/fast-element';
 export const zeroSnackbarTemplate = html `
   <div class="snackbar ${(x) => x.deleteAnimation}" ${ref('snackbar')}>
     <div part="content" class="content">
-      <div>${(x) => { var _a; return ((_a = x.error) === null || _a === void 0 ? void 0 : _a.errorDetails) || 'Place holder for error message'; }}</div>
+      <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>
     </div>
     <div part="action" class="action">
-      ${repeat((x) => { var _a, _b, _c; return (_c = (_b = (_a = x.error) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.snackbar) === null || _c === void 0 ? void 0 : _c.confirmingActions; }, html `
+      ${repeat((x) => x.error?.config?.snackbar?.confirmingActions, html `
           <zero-button
             slot="action"
             appearance="lightweight"
             @click=${(x, c) => {
-    var _a;
-    x === null || x === void 0 ? void 0 : x.action();
-    (_a = c.parent) === null || _a === void 0 ? void 0 : _a.dismiss();
+    x?.action();
+    c.parent?.dismiss();
 }}
           >
             ${(x) => x.label}

package/dist/esm/switch/switch.js

@@ -6,5 +6,10 @@ import { zeroSwitchTemplate as template } from './switch.template';
  */
 export class Switch extends FoundationSwitch {
 }
-export const zeroSwitch = Switch.compose(Object.assign({ baseName: 'switch', template,
-    styles, shadowOptions: foundationSwitchShadowOptions }, defaultSwitchConfig));
+export const zeroSwitch = Switch.compose({
+    baseName: 'switch',
+    template,
+    styles,
+    shadowOptions: foundationSwitchShadowOptions,
+    ...defaultSwitchConfig,
+});

package/dist/esm/tab/tab.js

@@ -6,5 +6,10 @@ import { zeroTabTemplate as template } from './tab.template';
  */
 export class Tab extends FoundationTab {
 }
-export const zeroTab = Tab.compose(Object.assign({ baseName: 'tab', template,
-    styles, shadowOptions: foundationTabShadowOptions }, defaultTabConfig));
+export const zeroTab = Tab.compose({
+    baseName: 'tab',
+    template,
+    styles,
+    shadowOptions: foundationTabShadowOptions,
+    ...defaultTabConfig,
+});

package/dist/esm/tab-panel/tab-panel.js

@@ -6,5 +6,10 @@ import { zeroTabPanelTemplate as template } from './tab-panel.template';
  */
 export class TabPanel extends FoundationTabPanel {
 }
-export const zeroTabPanel = TabPanel.compose(Object.assign({ baseName: 'tab-panel', template,
-    styles, shadowOptions: foundationTabPanelShadowOptions }, defaultTabPanelConfig));
+export const zeroTabPanel = TabPanel.compose({
+    baseName: 'tab-panel',
+    template,
+    styles,
+    shadowOptions: foundationTabPanelShadowOptions,
+    ...defaultTabPanelConfig,
+});

package/dist/esm/tabs/tabs.js

@@ -6,5 +6,10 @@ import { zeroTabsTemplate as template } from './tabs.template';
  */
 export class Tabs extends FoundationTabs {
 }
-export const zeroTabs = Tabs.compose(Object.assign({ baseName: 'tabs', template,
-    styles, shadowOptions: foundationTabsShadowOptions }, defaultTabsConfig));
+export const zeroTabs = Tabs.compose({
+    baseName: 'tabs',
+    template,
+    styles,
+    shadowOptions: foundationTabsShadowOptions,
+    ...defaultTabsConfig,
+});

package/dist/esm/text-area/text-area.js

@@ -6,5 +6,10 @@ import { zeroTextAreaTemplate as template } from './text-area.template';
  */
 export class TextArea extends FoundationTextArea {
 }
-export const zeroTextArea = TextArea.compose(Object.assign({ baseName: 'text-area', template,
-    styles, shadowOptions: foundationTextAreaShadowOptions }, defaultTextAreaConfig));
+export const zeroTextArea = TextArea.compose({
+    baseName: 'text-area',
+    template,
+    styles,
+    shadowOptions: foundationTextAreaShadowOptions,
+    ...defaultTextAreaConfig,
+});

package/dist/esm/text-field/text-field.js

@@ -6,5 +6,10 @@ import { zeroTextFieldTemplate as template } from './text-field.template';
  */
 export class TextField extends FoundationTextField {
 }
-export const zeroTextField = TextField.compose(Object.assign({ baseName: 'text-field', template,
-    styles, shadowOptions: foundationTextFieldShadowOptions }, defaultTextFieldConfig));
+export const zeroTextField = TextField.compose({
+    baseName: 'text-field',
+    template,
+    styles,
+    shadowOptions: foundationTextFieldShadowOptions,
+    ...defaultTextFieldConfig,
+});

package/dist/esm/toast/toast.js

@@ -14,4 +14,10 @@ export class Toast extends FoundationToast {
  * @remarks
  * HTML Element: \<zero-toast\>
  */
-export const zeroToast = Toast.compose(Object.assign({ baseName: 'toast', shadowOptions: zeroToastShadowOptions, styles: zeroToastStyles, template: zeroToastTemplate }, defaultToastConfig));
+export const zeroToast = Toast.compose({
+    baseName: 'toast',
+    shadowOptions: zeroToastShadowOptions,
+    styles: zeroToastStyles,
+    template: zeroToastTemplate,
+    ...defaultToastConfig,
+});

package/dist/esm/toolbar/toolbar.js

@@ -6,5 +6,10 @@ import { zeroToolbarTemplate as template } from './toolbar.template';
  */
 export class Toolbar extends FoundationToolbar {
 }
-export const zeroToolbar = Toolbar.compose(Object.assign({ baseName: 'toolbar', template,
-    styles, shadowOptions: foundationToolbarShadowOptions }, defaultToolbarConfig));
+export const zeroToolbar = Toolbar.compose({
+    baseName: 'toolbar',
+    template,
+    styles,
+    shadowOptions: foundationToolbarShadowOptions,
+    ...defaultToolbarConfig,
+});

package/dist/esm/tooltip/tooltip.js

@@ -6,5 +6,10 @@ import { zeroTooltipTemplate as template } from './tooltip.template';
  */
 export class Tooltip extends FoundationTooltip {
 }
-export const zeroTooltip = Tooltip.compose(Object.assign({ baseName: 'tooltip', template,
-    styles, shadowOptions: foundationTooltipShadowOptions }, defaultTooltipConfig));
+export const zeroTooltip = Tooltip.compose({
+    baseName: 'tooltip',
+    template,
+    styles,
+    shadowOptions: foundationTooltipShadowOptions,
+    ...defaultTooltipConfig,
+});

package/dist/esm/tree-item/tree-item.js

@@ -1,7 +1,15 @@
 import { defaultTreeItemConfig, foundationTreeItemShadowOptions, TreeItem as FoundationTreeItem, } from '@genesislcap/foundation-ui';
 import { zeroTreeItemStyles as styles } from './tree-item.styles';
 import { zeroTreeItemTemplate as template } from './tree-item.template';
+/**
+ * @tagname %%prefix%%-tree-item
+ */
 export class TreeItem extends FoundationTreeItem {
 }
-export const zeroTreeItem = TreeItem.compose(Object.assign({ baseName: 'tree-item', template,
-    styles, shadowOptions: foundationTreeItemShadowOptions }, defaultTreeItemConfig));
+export const zeroTreeItem = TreeItem.compose({
+    baseName: 'tree-item',
+    template,
+    styles,
+    shadowOptions: foundationTreeItemShadowOptions,
+    ...defaultTreeItemConfig,
+});

package/dist/esm/tree-view/tree-view.js

@@ -6,5 +6,10 @@ import { zeroTreeViewTemplate as template } from './tree-view.template';
  */
 export class TreeView extends FoundationTreeView {
 }
-export const zeroTreeView = TreeView.compose(Object.assign({ baseName: 'tree-view', template,
-    styles, shadowOptions: foundationTreeViewShadowOptions }, defaultTreeViewConfig));
+export const zeroTreeView = TreeView.compose({
+    baseName: 'tree-view',
+    template,
+    styles,
+    shadowOptions: foundationTreeViewShadowOptions,
+    ...defaultTreeViewConfig,
+});

package/dist/esm/url-input/url-input.js

@@ -27,4 +27,10 @@ __decorate([
 ], UrlInput.prototype, "focused", void 0);
 export const defaultUrlInputConfig = foundationUrlInputConfig;
 export const zeroUrlInputShadowOptions = foundationUrlInputShadowOptions;
-export const zeroUrlInput = UrlInput.compose(Object.assign({ baseName: 'url-input', template: zeroUrlInputTemplate, styles, shadowOptions: foundationUrlInputShadowOptions }, foundationUrlInputConfig));
+export const zeroUrlInput = UrlInput.compose({
+    baseName: 'url-input',
+    template: zeroUrlInputTemplate,
+    styles,
+    shadowOptions: foundationUrlInputShadowOptions,
+    ...foundationUrlInputConfig,
+});

package/dist/esm/url-input/url-input.template.js

@@ -6,7 +6,7 @@ export const zeroUrlInputTemplate = html `
       required
       type="url"
       :value=${(x) => (x.focused && !x.readOnly ? x.value : '')}
-      @blur=${(x, c) => { var _a; return (!x.readOnly ? x.saveUrl((_a = c.event) === null || _a === void 0 ? void 0 : _a.target['value']) : ''); }}
+      @blur=${(x, c) => (!x.readOnly ? x.saveUrl(c.event?.target['value']) : '')}
       @focus=${(x) => x.focus()}
       :readOnly=${(x) => x.readOnly}
       }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.70.2",
+  "version": "14.70.4-es2021.1",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -62,7 +62,7 @@
     "storybook": "storybook dev -p 6006"
   },
   "devDependencies": {
-    "@genesislcap/genx": "14.70.2",
+    "@genesislcap/genx": "14.70.4-es2021.1",
     "@storybook/addon-essentials": "^7.1.0",
     "@storybook/addon-links": "^7.1.0",
     "@storybook/addons": "^7.1.0",
@@ -75,9 +75,9 @@
     "storybook": "^7.1.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.70.2",
-    "@genesislcap/foundation-ui": "14.70.2",
-    "@genesislcap/foundation-utils": "14.70.2",
+    "@genesislcap/foundation-comms": "14.70.4-es2021.1",
+    "@genesislcap/foundation-ui": "14.70.4-es2021.1",
+    "@genesislcap/foundation-utils": "14.70.4-es2021.1",
     "@microsoft/fast-colors": "^5.1.4",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -94,5 +94,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "efc54c4f5968451219d8ab6da8a0c73cb054c2b7"
+  "gitHead": "5d0d8ee36cfd068cfc6211033b326d0a978cfc05"
 }