@esri/calcite-components 1.0.0-next.646 → 1.0.0-next.648

package/dist/collection/components/tabs/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.646
+ * v1.0.0-next.648
  */
 import { h, Fragment } from "@stencil/core";
 import { SLOTS } from "./resources";
@@ -11,48 +11,11 @@ import { SLOTS } from "./resources";
  */
 export class Tabs {
   constructor() {
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * 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.
-     *
-     */
     this.position = "top";
-    /**
-     * Specifies the size of the component.
-     */
     this.scale = "m";
-    /**
-     * When `true`, the component will display with a folder style menu.
-     */
     this.bordered = false;
-    //--------------------------------------------------------------------------
-    //
-    //  Events
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
-    /**
-     *
-     * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA
-     * attributes.
-     */
     this.titles = [];
-    /**
-     *
-     * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.
-     */
     this.tabs = [];
   }
   //--------------------------------------------------------------------------

package/dist/collection/components/tile/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.646
+ * v1.0.0-next.648
  */
 export const SLOTS = {
   contentStart: "content-start",

package/dist/collection/components/tile/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.646
+ * v1.0.0-next.648
  */
 import { Fragment, h } from "@stencil/core";
 import { SLOTS } from "./resources";
@@ -14,33 +14,15 @@ import { updateHostInteraction } from "../../utils/interactive";
  */
 export class Tile {
   constructor() {
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     */
     this.active = false;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
+    this.description = undefined;
     this.disabled = false;
-    /**
-     * The component's embed mode.
-     *
-     * When `true`, renders without a border and padding for use by other components.
-     */
     this.embed = false;
-    /**
-     * The focused state of the component.
-     *
-     * @internal
-     */
     this.focused = false;
-    /** When `true`, the component is not displayed and is not focusable.  */
+    this.heading = undefined;
     this.hidden = false;
+    this.href = undefined;
+    this.icon = undefined;
   }
   // --------------------------------------------------------------------------
   //

package/dist/collection/components/tile-select/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.646
+ * v1.0.0-next.648
  */
 export const CSS = {
   checked: "checked",

package/dist/collection/components/tile-select/tile-select.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.646
+ * v1.0.0-next.648
  */
 import { h } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -13,36 +13,19 @@ import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../
  */
 export class TileSelect {
   constructor() {
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** When `true`, the component is checked. */
+    this.guid = `calcite-tile-select-${guid()}`;
     this.checked = false;
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
+    this.description = undefined;
     this.disabled = false;
-    /** When `true`, the component is not displayed and is not focusable or checkable. */
+    this.heading = undefined;
     this.hidden = false;
-    /** When `true`, displays an interactive input based on the `type` property. */
+    this.icon = undefined;
+    this.name = undefined;
     this.inputEnabled = false;
-    /** When `inputEnabled` is `true`, specifies the placement of the interactive input on the component. */
     this.inputAlignment = "start";
-    /**
-     * The selection mode of the component.
-     *
-     * Use radio for single selection, and checkbox for multiple selections.
-     */
     this.type = "radio";
-    /** Specifies the width of the component. */
+    this.value = undefined;
     this.width = "auto";
-    this.guid = `calcite-tile-select-${guid()}`;
-    //--------------------------------------------------------------------------
-    //
-    //  State
-    //
-    //--------------------------------------------------------------------------
-    /** The focused state of the tile-select. */
     this.focused = false;
   }
   checkedChanged(newChecked) {

package/dist/collection/components/tile-select-group/tile-select-group.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.646
+ * v1.0.0-next.648
  */
 import { h } from "@stencil/core";
 import { updateHostInteraction } from "../../utils/interactive";
@@ -10,18 +10,7 @@ import { updateHostInteraction } from "../../utils/interactive";
  */
 export class TileSelectGroup {
   constructor() {
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
-    /**
-     * Defines the layout of the component.
-     *
-     * Use `"horizontal"` for rows, and `"vertical"` for a single column.
-     */
     this.layout = "horizontal";
   }
   //--------------------------------------------------------------------------

package/dist/collection/components/time-picker/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.646
+ * v1.0.0-next.648
  */
 export const CSS = {
   button: "button",

package/dist/collection/components/time-picker/time-picker.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.646
+ * v1.0.0-next.648
  */
 import { h } from "@stencil/core";
 import { isActivationKey, numberKeys } from "../../utils/key";
@@ -15,96 +15,6 @@ function capitalize(str) {
 }
 export class TimePicker {
   constructor() {
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Accessible name for the component's hour input.
-     *
-     * @default "Hour"
-     */
-    this.intlHour = TEXT.hour;
-    /**
-     * Accessible name for the component's hour down button.
-     *
-     * @default "Decrease hour"
-     */
-    this.intlHourDown = TEXT.hourDown;
-    /**
-     * Accessible name for the component's hour up button.
-     *
-     * @default "Increase hour"
-     */
-    this.intlHourUp = TEXT.hourUp;
-    /**
-     * Accessible name for the component's meridiem (AM/PM) input.
-     *
-     * @default "AM/PM"
-     */
-    this.intlMeridiem = TEXT.meridiem;
-    /**
-     * Accessible name for the component's meridiem (AM/PM) down button.
-     *
-     * @default "Decrease AM/PM"
-     */
-    this.intlMeridiemDown = TEXT.meridiemDown;
-    /**
-     * Accessible name for the component's meridiem (AM/PM) up button.
-     *
-     * @default "Increase AM/PM"
-     */
-    this.intlMeridiemUp = TEXT.meridiemUp;
-    /**
-     * Accessible name for the component's minute input.
-     *
-     * @default "Minute"
-     */
-    this.intlMinute = TEXT.minute;
-    /**
-     * Accessible name for the component's minute down button.
-     *
-     * @default "Decrease minute"
-     */
-    this.intlMinuteDown = TEXT.minuteDown;
-    /**
-     * Accessible name for the component's minute up button.
-     *
-     * @default "Increase minute"
-     */
-    this.intlMinuteUp = TEXT.minuteUp;
-    /**
-     * Accessible name for the component's second input.
-     *
-     * @default "Second"
-     */
-    this.intlSecond = TEXT.second;
-    /**
-     * Accessible name for the component's second down button.
-     *
-     * @default "Decrease second"
-     */
-    this.intlSecondDown = TEXT.secondDown;
-    /**
-     * Accessible name for the component's second up button.
-     *
-     * @default "Increase second"
-     */
-    this.intlSecondUp = TEXT.secondUp;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** Specifies the granularity the `value` must adhere to (in seconds). */
-    this.step = 60;
-    /** The component's value in UTC (always 24-hour format). */
-    this.value = null;
-    // --------------------------------------------------------------------------
-    //
-    //  State
-    //
-    // --------------------------------------------------------------------------
-    this.effectiveLocale = "";
-    this.showSecond = this.step < 60;
     this.decrementHour = () => {
       const newHour = !this.hour ? 0 : this.hour === "00" ? 23 : parseInt(this.hour) - 1;
       this.setValuePart("hour", newHour);
@@ -442,6 +352,37 @@ export class TimePicker {
         this.calciteInternalTimePickerChange.emit();
       }
     };
+    this.intlHour = TEXT.hour;
+    this.intlHourDown = TEXT.hourDown;
+    this.intlHourUp = TEXT.hourUp;
+    this.intlMeridiem = TEXT.meridiem;
+    this.intlMeridiemDown = TEXT.meridiemDown;
+    this.intlMeridiemUp = TEXT.meridiemUp;
+    this.intlMinute = TEXT.minute;
+    this.intlMinuteDown = TEXT.minuteDown;
+    this.intlMinuteUp = TEXT.minuteUp;
+    this.intlSecond = TEXT.second;
+    this.intlSecondDown = TEXT.secondDown;
+    this.intlSecondUp = TEXT.secondUp;
+    this.locale = undefined;
+    this.scale = "m";
+    this.step = 60;
+    this.numberingSystem = undefined;
+    this.value = null;
+    this.effectiveLocale = "";
+    this.hour = undefined;
+    this.hourCycle = undefined;
+    this.localizedHour = undefined;
+    this.localizedHourSuffix = undefined;
+    this.localizedMeridiem = undefined;
+    this.localizedMinute = undefined;
+    this.localizedMinuteSuffix = undefined;
+    this.localizedSecond = undefined;
+    this.localizedSecondSuffix = undefined;
+    this.meridiem = undefined;
+    this.minute = undefined;
+    this.second = undefined;
+    this.showSecond = this.step < 60;
   }
   localeChanged() {
     updateEffectiveLocale(this);

package/dist/collection/components/tip/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.646
+ * v1.0.0-next.648
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/tip/tip.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.646
+ * v1.0.0-next.648
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";
@@ -14,25 +14,6 @@ import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } f
  */
 export class Tip {
   constructor() {
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the component does not display.
-     */
-    this.dismissed = false;
-    /**
-     * When `true`, the close button is not present on the component.
-     */
-    this.nonDismissible = false;
-    /**
-     * When `true`, the component is selected if it has a parent `calcite-tip-manager`.
-     *
-     * Only one tip can be selected within the `calcite-tip-manager` parent.
-     */
-    this.selected = false;
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -42,6 +23,12 @@ export class Tip {
       this.dismissed = true;
       this.calciteTipDismiss.emit();
     };
+    this.dismissed = false;
+    this.nonDismissible = false;
+    this.heading = undefined;
+    this.headingLevel = undefined;
+    this.selected = false;
+    this.intlClose = undefined;
   }
   // --------------------------------------------------------------------------
   //

package/dist/collection/components/tip-group/tip-group.js

@@ -1,13 +1,16 @@
 /*!
  * 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.646
+ * v1.0.0-next.648
  */
 import { h } from "@stencil/core";
 /**
  * @slot - A slot for adding `calcite-tip`s.
  */
 export class TipGroup {
+  constructor() {
+    this.groupTitle = undefined;
+  }
   render() {
     return h("slot", null);
   }

package/dist/collection/components/tip-manager/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.646
+ * v1.0.0-next.648
  */
 export const CSS = {
   header: "header",

package/dist/collection/components/tip-manager/tip-manager.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.646
+ * v1.0.0-next.648
  */
 import { h } from "@stencil/core";
 import { CSS, ICONS, TEXT } from "./resources";
@@ -13,15 +13,6 @@ import { createObserver } from "../../utils/observers";
  */
 export class TipManager {
   constructor() {
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, does not display or position the component.
-     */
-    this.closed = false;
     this.mutationObserver = createObserver("mutation", () => this.setUpTips());
     this.hideTipManager = () => {
       this.closed = true;
@@ -59,6 +50,18 @@ export class TipManager {
     this.storeContainerRef = (el) => {
       this.container = el;
     };
+    this.closed = false;
+    this.headingLevel = undefined;
+    this.intlClose = undefined;
+    this.intlDefaultTitle = undefined;
+    this.intlNext = undefined;
+    this.intlPaginationLabel = undefined;
+    this.intlPrevious = undefined;
+    this.selectedIndex = undefined;
+    this.tips = undefined;
+    this.total = undefined;
+    this.direction = undefined;
+    this.groupTitle = undefined;
   }
   closedChangeHandler() {
     this.direction = null;

package/dist/collection/components/tooltip/TooltipManager.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.646
+ * v1.0.0-next.648
  */
 import { isPrimaryPointerButton } from "../../utils/dom";
 import { TOOLTIP_DELAY_MS } from "./resources";

package/dist/collection/components/tooltip/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.646
+ * v1.0.0-next.648
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/tooltip/tooltip.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.646
+ * v1.0.0-next.648
  */
 import { Host, h } from "@stencil/core";
 import { CSS, ARIA_DESCRIBED_BY } from "./resources";
@@ -16,42 +16,6 @@ const manager = new TooltipManager();
  */
 export class Tooltip {
   constructor() {
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /** Closes the component when the `referenceElement` is clicked. */
-    this.closeOnClick = false;
-    /**
-     * Offset the position of the component away from the `referenceElement`.
-     *
-     * @default 6
-     */
-    this.offsetDistance = defaultOffsetDistance;
-    /**
-     * Offset the position of the component along the `referenceElement`.
-     */
-    this.offsetSkidding = 0;
-    /**
-     * When `true`, the component is open.
-     */
-    this.open = false;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
-     *
-     * The `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     */
-    this.overlayPositioning = "absolute";
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
-     *
-     * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
-     */
-    this.placement = "auto";
     this.guid = `calcite-tooltip-${guid()}`;
     this.hasLoaded = false;
     this.openTransitionProp = "opacity";
@@ -95,6 +59,15 @@ export class Tooltip {
       }
       manager.unregisterElement(effectiveReferenceElement);
     };
+    this.closeOnClick = false;
+    this.label = undefined;
+    this.offsetDistance = defaultOffsetDistance;
+    this.offsetSkidding = 0;
+    this.open = false;
+    this.overlayPositioning = "absolute";
+    this.placement = "auto";
+    this.referenceElement = undefined;
+    this.effectiveReferenceElement = undefined;
   }
   offsetDistanceOffsetHandler() {
     this.reposition(true);

package/dist/collection/components/tree/tree.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.646
+ * v1.0.0-next.648
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, getRootNode, nodeListToArray } from "../../utils/dom";
@@ -11,27 +11,10 @@ import { getEnabledSiblingItem } from "./utils";
  */
 export class Tree {
   constructor() {
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** Displays indentation guide lines. */
     this.lines = false;
-    /**
-     * Display input
-     *
-     * @deprecated Use `selectionMode="ancestors"` for checkbox input.
-     */
     this.inputEnabled = false;
-    /** Specifies the size of the component. */
+    this.child = undefined;
     this.scale = "m";
-    /**
-     * Customize how the component's selection works.
-     *
-     * @default "single"
-     * @see [TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L5)
-     */
     this.selectionMode = "single";
   }
   //--------------------------------------------------------------------------

package/dist/collection/components/tree/utils.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.646
+ * v1.0.0-next.648
  */
 function isTreeItem(element) {
   return element === null || element === void 0 ? void 0 : element.matches("calcite-tree-item");

package/dist/collection/components/tree-item/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.646
+ * v1.0.0-next.648
  */
 export const CSS = {
   checkboxLabel: "checkbox-label",