@esri/calcite-components 1.0.0-next.597 → 1.0.0-next.599

package/dist/components/locale.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { n as numberKeys } from './key.js';
 import { c as createObserver } from './observers.js';
@@ -318,57 +318,64 @@ function getLocale(component) {
  */
 class NumberStringFormat {
   constructor() {
-    /**
-     * This method needs to be called before localize/delocalize to ensure the options are up to date
-     *
-     * @param options
-     */
-    this.setOptions = (options) => {
-      const locale = getSupportedLocale(options.locale);
-      const numberingSystem = getSupportedNumberingSystem(options.numberingSystem);
-      // cache formatter by only recreating when options change
-      if (numberingSystem === this.numberingSystem &&
-        locale === this.locale &&
-        (options === null || options === void 0 ? void 0 : options.useGrouping) === this.useGrouping) {
-        return;
-      }
-      this.locale = locale;
-      this.numberingSystem = numberingSystem;
-      this.useGrouping = options.useGrouping;
-      this.numberFormatter = new Intl.NumberFormat(this.locale, {
-        useGrouping: this.useGrouping,
-        numberingSystem: this.numberingSystem,
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 20
-      });
-      this.digits = [
-        ...new Intl.NumberFormat(this.locale, {
-          useGrouping: false,
-          numberingSystem: this.numberingSystem
-        }).format(9876543210)
-      ].reverse();
-      const index = new Map(this.digits.map((d, i) => [d, i]));
-      const parts = new Intl.NumberFormat(this.locale).formatToParts(-12345678.9);
-      this.actualGroup = parts.find((d) => d.type === "group").value;
-      // change whitespace group characters that don't render correctly
-      this.group = this.actualGroup.trim().length === 0 ? " " : this.actualGroup;
-      this.decimal = parts.find((d) => d.type === "decimal").value;
-      this.minusSign = parts.find((d) => d.type === "minusSign").value;
-      this.getDigitIndex = (d) => index.get(d);
-    };
     this.delocalize = (numberString) => sanitizeExponentialNumberString(numberString, (nonExpoNumString) => nonExpoNumString
       .trim()
-      .replace(new RegExp(`[${this.minusSign}]`, "g"), "-")
-      .replace(new RegExp(`[${this.group}]`, "g"), "")
-      .replace(new RegExp(`[${this.decimal}]`, "g"), ".")
-      .replace(new RegExp(`[${this.digits.join("")}]`, "g"), this.getDigitIndex));
+      .replace(new RegExp(`[${this._minusSign}]`, "g"), "-")
+      .replace(new RegExp(`[${this._group}]`, "g"), "")
+      .replace(new RegExp(`[${this._decimal}]`, "g"), ".")
+      .replace(new RegExp(`[${this._digits.join("")}]`, "g"), this._getDigitIndex));
     this.localize = (numberString) => sanitizeExponentialNumberString(numberString, (nonExpoNumString) => isValidNumber(nonExpoNumString)
       ? new BigDecimal(nonExpoNumString.trim())
-        .format(this.numberFormatter)
-        .replace(new RegExp(`[${this.actualGroup}]`, "g"), this.group)
+        .format(this._numberFormatter)
+        .replace(new RegExp(`[${this._actualGroup}]`, "g"), this._group)
       : nonExpoNumString);
   }
+  get group() {
+    return this._group;
+  }
+  get decimal() {
+    return this._decimal;
+  }
+  get minusSign() {
+    return this._minusSign;
+  }
+  get digits() {
+    return this._digits;
+  }
+  get numberFormatter() {
+    return this._numberFormatter;
+  }
+  get numberFormatOptions() {
+    return this._numberFormatOptions;
+  }
+  /**
+   * numberFormatOptions needs to be set before localize/delocalize is called to ensure the options are up to date
+   */
+  set numberFormatOptions(options) {
+    options.locale = getSupportedLocale(options.locale);
+    options.numberingSystem = getSupportedNumberingSystem(options.numberingSystem);
+    // cache formatter by only recreating when options change
+    if (JSON.stringify(this._numberFormatOptions) === JSON.stringify(options)) {
+      return;
+    }
+    this._numberFormatOptions = options;
+    this._numberFormatter = new Intl.NumberFormat(this._numberFormatOptions.locale, this._numberFormatOptions);
+    this._digits = [
+      ...new Intl.NumberFormat(this._numberFormatOptions.locale, {
+        useGrouping: false,
+        numberingSystem: this._numberFormatOptions.numberingSystem
+      }).format(9876543210)
+    ].reverse();
+    const index = new Map(this._digits.map((d, i) => [d, i]));
+    const parts = new Intl.NumberFormat(this._numberFormatOptions.locale).formatToParts(-12345678.9);
+    this._actualGroup = parts.find((d) => d.type === "group").value;
+    // change whitespace group characters that don't render correctly
+    this._group = this._actualGroup.trim().length === 0 ? " " : this._actualGroup;
+    this._decimal = parts.find((d) => d.type === "decimal").value;
+    this._minusSign = parts.find((d) => d.type === "minusSign").value;
+    this._getDigitIndex = (d) => index.get(d);
+  }
 }
 const numberStringFormatter = new NumberStringFormat();
 
-export { defaultNumberingSystem as a, getSupportedLocale as b, connectLocalized as c, disconnectLocalized as d, getSupportedNumberingSystem as g, isValidNumber as i, numberStringFormatter as n, parseNumberString as p, sanitizeNumberString as s, updateEffectiveLocale as u };
+export { defaultNumberingSystem as a, getSupportedNumberingSystem as b, connectLocalized as c, disconnectLocalized as d, getSupportedLocale as g, isValidNumber as i, numberStringFormatter as n, parseNumberString as p, sanitizeNumberString as s, updateEffectiveLocale as u };

package/dist/components/math.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalPlaces = (value) => {

package/dist/components/observers.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { Build } from '@stencil/core/internal/client/index.js';
 

package/dist/components/openCloseComponent.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 const componentToTransitionListeners = new WeakMap();
 function transitionStart(event) {

package/dist/components/panel.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { c as getElementDir, t as toAriaBoolean } from './dom.js';
@@ -73,37 +73,37 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, hides the component.
+     * When `true`, hides the component.
      *
-     * @deprecated use closed instead
+     * @deprecated use `closed` instead.
      */
     this.dismissed = false;
-    /** When true, panel will be hidden */
+    /** When `true`, the component will be hidden. */
     this.closed = false;
     /**
-     *  When true, interaction is prevented and the component is displayed with lower opacity.
+     *  When `true`, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
-     * When true, a close button is added to the component.
+     * When `true`, a close button is added to the component.
      *
-     * @deprecated use closable instead
+     * @deprecated use `closable` instead
      */
     this.dismissible = false;
-    /** When true, displays a close button in the trailing side of the header */
+    /** When `true`, displays a close button in the trailing side of the header. */
     this.closable = false;
     /**
-     * When true, displays a back button in the header.
+     * When `true`, displays a back button in the header.
      *
      * @deprecated use `calcite-flow-item` instead.
      */
     this.showBackButton = false;
     /**
-     * When true, a busy indicator is displayed.
+     * When `true`, a busy indicator is displayed.
      */
     this.loading = false;
     /**
-     * When true, the action menu items in the `header-menu-actions` slot are open.
+     * When `true`, the action menu items in the `header-menu-actions` slot are open.
      */
     this.menuOpen = false;
     this.resizeObserver = createObserver("resize", () => this.resizeHandler());
@@ -349,14 +349,17 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   renderFooterNode() {
     const { hasFooterContent, hasFooterActions } = this;
     const showFooter = hasFooterContent || hasFooterActions;
-    return (h("footer", { class: CSS.footer, hidden: !showFooter, key: "footer" }, h("slot", { key: "footer-slot", name: SLOTS.footer, onSlotchange: this.handleFooterSlotChange }), h("slot", { key: "footer-actions-slot", name: SLOTS.footerActions, onSlotchange: this.handleFooterActionsSlotChange })));
+    return (h("footer", { class: CSS.footer, hidden: !showFooter }, h("slot", { key: "footer-slot", name: SLOTS.footer, onSlotchange: this.handleFooterSlotChange }), h("slot", { key: "footer-actions-slot", name: SLOTS.footerActions, onSlotchange: this.handleFooterActionsSlotChange })));
   }
   renderContent() {
     const { hasFab } = this;
     const defaultSlotNode = h("slot", { key: "default-slot" });
-    const contentWrapperKey = "content-wrapper";
     const containerNode = hasFab ? (h("section", { class: CSS.contentContainer }, defaultSlotNode)) : (defaultSlotNode);
-    return (h("div", { class: { [CSS.contentWrapper]: true, [CSS.contentHeight]: true }, key: contentWrapperKey, onScroll: this.panelScrollHandler, ref: this.setPanelScrollEl }, containerNode, this.renderFab()));
+    return (h("div", { class: {
+        [CSS.contentWrapper]: true,
+        [CSS.contentContainer]: !hasFab,
+        [CSS.contentHeight]: hasFab
+      }, onScroll: this.panelScrollHandler, ref: this.setPanelScrollEl }, containerNode, this.renderFab()));
   }
   renderFab() {
     return (h("div", { class: CSS.fabContainer, hidden: !this.hasFab }, h("slot", { name: SLOTS.fab, onSlotchange: this.handleFabSlotChange })));

package/dist/components/pick-list-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { I as ICON_TYPES } from './resources.js';
@@ -51,11 +51,11 @@ const PickListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.calciteInternalListItemPropsChange = createEvent(this, "calciteInternalListItemPropsChange", 6);
     this.calciteInternalListItemValueChange = createEvent(this, "calciteInternalListItemValueChange", 6);
     /**
-     * When true, interaction is prevented and the component is displayed with lower opacity.
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
-     * When false, the component cannot be deselected by user interaction.
+     * When `false`, the component cannot be deselected by user interaction.
      */
     this.disableDeselect = false;
     /**
@@ -63,21 +63,21 @@ const PickListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
      */
     this.nonInteractive = false;
     /**
-     * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
+     * Determines the icon SVG symbol that will be shown. Options are `"circle"`, `"square"`, `"grip"` or `null`.
      *
      * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
      */
     this.icon = null;
     /**
-     * When true, displays a remove action that removes the item from the list.
+     * When `true`, displays a remove action that removes the item from the list.
      */
     this.removable = false;
     /**
-     * When true, selects an item. Toggles when an item is checked/unchecked.
+     * When `true`, selects an item. Toggles when an item is checked/unchecked.
      */
     this.selected = false;
     /**
-     * Accessible name for the component's remove button. Only applicable if removable is "true".
+     * When `removable` is `true`, the accessible name for the component's remove button.
      *
      * @default "Remove"
      */

package/dist/components/popover.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client/index.js';
 import { b as defaultOffsetDistance, f as filterComputedPlacements, c as connectFloatingUI, a as disconnectFloatingUI, p as positionFloatingUI, F as FloatingCSS, r as repositionDebounceTimeout } from './floating-ui.js';
@@ -126,39 +126,39 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      */
     this.autoClose = false;
     /**
-     * When true, a close button is added to the component.
+     * When `true`, a close button is added to the component.
      *
      * @deprecated use dismissible instead.
      */
     this.closeButton = false;
     /**
-     * When true, a close button is added to the component.
+     * When `true`, a close button is added to the component.
      *
-     * @deprecated use closable instead
+     * @deprecated use `closable` instead.
      */
     this.dismissible = false;
-    /** When true, display a close button within the Popover */
+    /** When `true`, display a close button within the component. */
     this.closable = false;
     /**
-     * When true, prevents flipping the component's placement when overlapping its `referenceElement`.
+     * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
      */
     this.disableFlip = false;
     /**
-     * When true, removes the caret pointer.
+     * When `true`, removes the caret pointer.
      */
     this.disablePointer = false;
     /**
-     * Offsets the position of the popover away from the `referenceElement`.
+     * Offsets the position of the component away from the `referenceElement`.
      *
      * @default 6
      */
     this.offsetDistance = defaultOffsetDistance;
     /**
-     * Offsets the position of the popover along the `referenceElement`.
+     * Offsets the position of the component along the `referenceElement`.
      */
     this.offsetSkidding = 0;
     /**
-     * When true, displays and positions the component.
+     * When `true`, displays and positions the component.
      */
     this.open = false;
     /**
@@ -177,7 +177,9 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      */
     this.placement = defaultPopoverPlacement;
     /**
-     * When true, disables automatically toggling the component when its `referenceElement` has been triggered. This property can be set to "true" to manage when a popover is open.
+     * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.
+     *
+     * This property can be set to `true` to manage when the component is open.
      */
     this.triggerDisabled = false;
     /**

package/dist/components/progress.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 
@@ -12,11 +12,16 @@ const Progress = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /** Use indeterminate if finding actual progress value is impossible. */
+    /**
+     * Specifies the component type.
+     *
+     * Use `"indeterminate"` if finding actual progress value is impossible.
+     *
+     */
     this.type = "determinate";
     /** The component's progress value, with a range of 0.0 - 1.0. */
     this.value = 0;
-    /** When true and for indeterminate progress bars, reverses the animation direction. */
+    /** When `true` and for `"indeterminate"` progress bars, reverses the animation direction. */
     this.reversed = false;
   }
   render() {

package/dist/components/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 const CSS = {
   sticky: "sticky-pos"

package/dist/components/resources2.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 const CSS = {
   heading: "heading",

package/dist/components/resources3.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 const CSS = {
   header: "header",

package/dist/components/scrim.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { d as defineCustomElement$1 } from './loader.js';
@@ -33,7 +33,7 @@ const Scrim = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      */
     this.intlLoading = TEXT.loading;
     /**
-     * When true, a busy indicator is displayed.
+     * When `true`, a busy indicator is displayed.
      */
     this.loading = false;
   }

package/dist/components/shared-list-render.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { f as focusElement, b as getSlotted, t as toAriaBoolean } from './dom.js';
 import { g as getRoundRobinIndex } from './array.js';

package/dist/components/sortable.esm.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 /**!
  * Sortable 1.15.0

package/dist/components/switch.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { f as focusElement, t as toAriaBoolean } from './dom.js';
@@ -23,17 +23,17 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** When true, interaction is prevented and the component is displayed with lower opacity. */
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
     /** Specifies the size of the component. */
     this.scale = "m";
     /**
-     * When true, the component is checked.
+     * When `true`, the component is checked.
      *
      * @deprecated use `checked` instead.
      */
     this.switched = false;
-    /** When true, the component is checked. */
+    /** When `true`, the component is checked. */
     this.checked = false;
     //--------------------------------------------------------------------------
     //

package/dist/components/tab-nav.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as getElementDir, l as filterDirectChildren } from './dom.js';

package/dist/components/tab-title.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { proxyCustomElement, HTMLElement, createEvent, Build, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -29,7 +29,7 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //
     //--------------------------------------------------------------------------
     /**
-     * When true, the component and its respective `calcite-tab` contents are selected.
+     * When `true`, the component and its respective `calcite-tab` contents are selected.
      *
      * Only one tab can be selected within the `calcite-tabs` parent.
      *
@@ -37,12 +37,12 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      */
     this.active = false;
     /**
-     * When true, the component and its respective `calcite-tab` contents are selected.
+     * When `true`, the component and its respective `calcite-tab` contents are selected.
      *
      * Only one tab can be selected within the `calcite-tabs` parent.
      */
     this.selected = false;
-    /** When true, interaction is prevented and the component is displayed with lower opacity.  */
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity.  */
     this.disabled = false;
     /**
      * @internal

package/dist/components/tab.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -16,7 +16,7 @@ const Tab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__attachShadow();
     this.calciteInternalTabRegister = createEvent(this, "calciteInternalTabRegister", 6);
     /**
-     * When true, the component's contents are selected.
+     * When `true`, the component's contents are selected.
      *
      * Only one tab can be selected within the `calcite-tabs` parent.
      *
@@ -24,7 +24,7 @@ const Tab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      */
     this.active = false;
     /**
-     * When true, the component's contents are selected.
+     * When `true`, the component's contents are selected.
      *
      * Only one tab can be selected within the `calcite-tabs` parent.
      */

package/dist/components/tabs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client/index.js';
 
@@ -22,11 +22,11 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //
     //--------------------------------------------------------------------------
     /**
-     * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start ("inline"), or across and centered ("center").
+     * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
      */
     this.layout = "inline";
     /**
-     * Specifies the position of the component in relation to the `calcite-tab`s. The "above" and "below" values are deprecated.
+     * Specifies the position of the component in relation to the `calcite-tab`s. The `"above"` and `"below"` values are deprecated.
      *
      */
     this.position = "top";
@@ -35,7 +35,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      */
     this.scale = "m";
     /**
-     * When true and layout is set to "inline", the component will display with a folder style menu.
+     * When `true` and `layout` is set to `"inline"`, the component will display with a folder style menu.
      */
     this.bordered = false;
     //--------------------------------------------------------------------------

package/dist/components/tile.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { b as getSlotted } from './dom.js';
@@ -28,17 +28,17 @@ const Tile = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //
     //--------------------------------------------------------------------------
     /**
-     * When true, the component is active.
+     * When `true`, the component is active.
      */
     this.active = false;
     /**
-     * When true, interaction is prevented and the component is displayed with lower opacity.
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
      * The component's embed mode.
      *
-     * When true, renders without a border and padding for use by other components.
+     * When `true`, renders without a border and padding for use by other components.
      */
     this.embed = false;
     /**
@@ -47,7 +47,7 @@ const Tile = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      * @internal
      */
     this.focused = false;
-    /** When true, the component is not displayed and is not focusable.  */
+    /** When `true`, the component is not displayed and is not focusable.  */
     this.hidden = false;
   }
   // --------------------------------------------------------------------------