@esri/calcite-components 2.7.0-next.8 → 2.7.0

package/dist/collection/components/tile/tile.js

@@ -1,29 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { h } from "@stencil/core";
 import { connectInteractive, disconnectInteractive, InteractiveContainer, updateHostInteraction, } from "../../utils/interactive";
 import { CSS, SLOTS } from "./resources";
-import { slotChangeHasAssignedElement } from "../../utils/dom";
 /**
- * @slot content-start - A slot for adding non-actionable elements before the component's content.
- * @slot content-end - A slot for adding non-actionable elements after the component's content.
+ * @slot content-top - A slot for adding non-actionable elements above the component's content.  Content slotted here will render in place of the `icon` property.
+ * @slot content-bottom - A slot for adding non-actionable elements below the component's content.
+ * @slot content-start - [Deprecated] use `content-top` slot instead.  A slot for adding non-actionable elements before the component's content.
+ * @slot content-end - [Deprecated] use `content-bottom` slot instead. A slot for adding non-actionable elements after the component's content.
  */
 export class Tile {
     constructor() {
-        // --------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.handleContentStartSlotChange = (event) => {
-            this.hasContentStart = slotChangeHasAssignedElement(event);
-        };
-        this.handleContentEndSlotChange = (event) => {
-            this.hasContentEnd = slotChangeHasAssignedElement(event);
-        };
         this.active = false;
         this.alignment = "start";
         this.description = undefined;
@@ -35,8 +25,6 @@ export class Tile {
         this.icon = undefined;
         this.iconFlipRtl = false;
         this.scale = "m";
-        this.hasContentStart = false;
-        this.hasContentEnd = false;
     }
     // --------------------------------------------------------------------------
     //
@@ -58,9 +46,9 @@ export class Tile {
     //
     // --------------------------------------------------------------------------
     renderTile() {
-        const { icon, hasContentStart, hasContentEnd, heading, description, iconFlipRtl } = this;
+        const { icon, heading, description, iconFlipRtl } = this;
         const isLargeVisual = heading && icon && !description;
-        return (h("div", { class: { [CSS.container]: true, [CSS.largeVisual]: isLargeVisual } }, icon && h("calcite-icon", { flipRtl: iconFlipRtl, icon: icon, scale: "l" }), h("div", { class: CSS.contentContainer }, h("div", { class: { [CSS.contentSlotContainer]: hasContentStart } }, h("slot", { name: SLOTS.contentStart, onSlotchange: this.handleContentStartSlotChange })), h("div", { class: CSS.content }, heading && h("div", { class: CSS.heading }, heading), description && h("div", { class: CSS.description }, description)), h("div", { class: { [CSS.contentSlotContainer]: hasContentEnd } }, h("slot", { name: SLOTS.contentEnd, onSlotchange: this.handleContentEndSlotChange })))));
+        return (h("div", { class: { [CSS.container]: true, [CSS.largeVisual]: isLargeVisual } }, h("slot", { name: SLOTS.contentTop }), icon && h("calcite-icon", { flipRtl: iconFlipRtl, icon: icon, scale: "l" }), h("div", { class: CSS.contentContainer }, h("slot", { name: SLOTS.contentStart }), h("div", { class: CSS.content }, heading && h("div", { class: CSS.heading }, heading), description && h("div", { class: CSS.description }, description)), h("slot", { name: SLOTS.contentEnd })), h("slot", { name: SLOTS.contentBottom })));
     }
     render() {
         const { disabled } = this;
@@ -298,12 +286,6 @@ export class Tile {
             }
         };
     }
-    static get states() {
-        return {
-            "hasContentStart": {},
-            "hasContentEnd": {}
-        };
-    }
     static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=tile.js.map

package/dist/collection/components/tile/tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile.js","sourceRoot":"","sources":["../../../../src/components/tile/tile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAS,MAAM,eAAe,CAAC;AAC1E,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EAErB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAE/D;;;GAGG;AAMH,MAAM,OAAO,IAAI;;QAyEf,6EAA6E;QAC7E,EAAE;QACF,mBAAmB;QACnB,EAAE;QACF,6EAA6E;QAErE,iCAA4B,GAAG,CAAC,KAAY,EAAQ,EAAE;YAC5D,IAAI,CAAC,eAAe,GAAG,4BAA4B,CAAC,KAAK,CAAC,CAAC;QAC7D,CAAC,CAAC;QAEM,+BAA0B,GAAG,CAAC,KAAY,EAAQ,EAAE;YAC1D,IAAI,CAAC,aAAa,GAAG,4BAA4B,CAAC,KAAK,CAAC,CAAC;QAC3D,CAAC,CAAC;sBA3EgC,KAAK;yBAKyB,OAAO;;wBAUnC,KAAK;qBASR,KAAK;uBAOH,KAAK;;;;2BAaD,KAAK;qBAKJ,GAAG;+BAUhB,KAAK;6BAEP,KAAK;;IAgB9B,6EAA6E;IAC7E,EAAE;IACF,aAAa;IACb,EAAE;IACF,6EAA6E;IAE7E,iBAAiB;QACf,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,oBAAoB;QAClB,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,kBAAkB;QAChB,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,6EAA6E;IAC7E,EAAE;IACF,kBAAkB;IAClB,EAAE;IACF,6EAA6E;IAE7E,UAAU;QACR,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QACzF,MAAM,aAAa,GAAG,OAAO,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC;QAEtD,OAAO,CACL,WAAK,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,aAAa,EAAE;YACpE,IAAI,IAAI,oBAAc,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,GAAG,GAAG;YACrE,WAAK,KAAK,EAAE,GAAG,CAAC,gBAAgB;gBAC9B,WAAK,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,oBAAoB,CAAC,EAAE,eAAe,EAAE;oBACzD,YAAM,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,CAAC,4BAA4B,GAAI,CAC/E;gBACN,WAAK,KAAK,EAAE,GAAG,CAAC,OAAO;oBACpB,OAAO,IAAI,WAAK,KAAK,EAAE,GAAG,CAAC,OAAO,IAAG,OAAO,CAAO;oBACnD,WAAW,IAAI,WAAK,KAAK,EAAE,GAAG,CAAC,WAAW,IAAG,WAAW,CAAO,CAC5D;gBACN,WAAK,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,oBAAoB,CAAC,EAAE,aAAa,EAAE;oBACvD,YAAM,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,0BAA0B,GAAI,CAC3E,CACF,CACF,CACP,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAE1B,OAAO,CACL,EAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ,IACrC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,oBAAc,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC9C,IAAI,CAAC,UAAU,EAAE,CACL,CAChB,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,UAAU,EAAE,CAClB,CACoB,CACxB,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop, State, VNode } from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { Alignment, Scale } from \"../interfaces\";\nimport { slotChangeHasAssignedElement } from \"../../utils/dom\";\n\n/**\n * @slot content-start - A slot for adding non-actionable elements before the component's content.\n * @slot content-end - A slot for adding non-actionable elements after the component's content.\n */\n@Component({\n  tag: \"calcite-tile\",\n  styleUrl: \"tile.scss\",\n  shadow: true,\n})\nexport class Tile implements InteractiveComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is active.\n   */\n  @Prop({ reflect: true }) active = false;\n\n  /**\n   * Specifies the alignment of the Tile's content.\n   */\n  @Prop({ reflect: true }) alignment: Exclude<Alignment, \"end\"> = \"start\";\n\n  /**\n   * A description for the component, which displays below the heading.\n   */\n  @Prop({ reflect: true }) description: string;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The component's embed mode.\n   *\n   * When `true`, renders without a border and padding for use by other components.\n   *\n   * @deprecated No longer necessary.\n   */\n  @Prop({ reflect: true }) embed = false;\n\n  /**\n   * The focused state of the component.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) focused = false;\n\n  /** The component header text, which displays between the icon and description. */\n  @Prop({ reflect: true }) heading: string;\n\n  /** When embed is `\"false\"`, the URL for the component. */\n  @Prop({ reflect: true }) href: string;\n\n  /** Specifies an icon to display. */\n  @Prop({ reflect: true }) icon: string;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTileElement;\n\n  @State() hasContentStart = false;\n\n  @State() hasContentEnd = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private handleContentStartSlotChange = (event: Event): void => {\n    this.hasContentStart = slotChangeHasAssignedElement(event);\n  };\n\n  private handleContentEndSlotChange = (event: Event): void => {\n    this.hasContentEnd = slotChangeHasAssignedElement(event);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderTile(): VNode {\n    const { icon, hasContentStart, hasContentEnd, heading, description, iconFlipRtl } = this;\n    const isLargeVisual = heading && icon && !description;\n\n    return (\n      <div class={{ [CSS.container]: true, [CSS.largeVisual]: isLargeVisual }}>\n        {icon && <calcite-icon flipRtl={iconFlipRtl} icon={icon} scale=\"l\" />}\n        <div class={CSS.contentContainer}>\n          <div class={{ [CSS.contentSlotContainer]: hasContentStart }}>\n            <slot name={SLOTS.contentStart} onSlotchange={this.handleContentStartSlotChange} />\n          </div>\n          <div class={CSS.content}>\n            {heading && <div class={CSS.heading}>{heading}</div>}\n            {description && <div class={CSS.description}>{description}</div>}\n          </div>\n          <div class={{ [CSS.contentSlotContainer]: hasContentEnd }}>\n            <slot name={SLOTS.contentEnd} onSlotchange={this.handleContentEndSlotChange} />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        {this.href ? (\n          <calcite-link disabled={disabled} href={this.href}>\n            {this.renderTile()}\n          </calcite-link>\n        ) : (\n          this.renderTile()\n        )}\n      </InteractiveContainer>\n    );\n  }\n}\n"]}
+{"version":3,"file":"tile.js","sourceRoot":"","sources":["../../../../src/components/tile/tile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAS,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EAErB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC;;;;;GAKG;AAMH,MAAM,OAAO,IAAI;;sBAUmB,KAAK;yBAKyB,OAAO;;wBAUnC,KAAK;qBASR,KAAK;uBAOH,KAAK;;;;2BAaD,KAAK;qBAKJ,GAAG;;IAU3C,6EAA6E;IAC7E,EAAE;IACF,aAAa;IACb,EAAE;IACF,6EAA6E;IAE7E,iBAAiB;QACf,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,oBAAoB;QAClB,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,kBAAkB;QAChB,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,6EAA6E;IAC7E,EAAE;IACF,kBAAkB;IAClB,EAAE;IACF,6EAA6E;IAE7E,UAAU;QACR,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QACzD,MAAM,aAAa,GAAG,OAAO,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC;QAEtD,OAAO,CACL,WAAK,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,aAAa,EAAE;YACrE,YAAM,IAAI,EAAE,KAAK,CAAC,UAAU,GAAI;YAC/B,IAAI,IAAI,oBAAc,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,GAAG,GAAG;YACrE,WAAK,KAAK,EAAE,GAAG,CAAC,gBAAgB;gBAC9B,YAAM,IAAI,EAAE,KAAK,CAAC,YAAY,GAAI;gBAClC,WAAK,KAAK,EAAE,GAAG,CAAC,OAAO;oBACpB,OAAO,IAAI,WAAK,KAAK,EAAE,GAAG,CAAC,OAAO,IAAG,OAAO,CAAO;oBACnD,WAAW,IAAI,WAAK,KAAK,EAAE,GAAG,CAAC,WAAW,IAAG,WAAW,CAAO,CAC5D;gBACN,YAAM,IAAI,EAAE,KAAK,CAAC,UAAU,GAAI,CAC5B;YACN,YAAM,IAAI,EAAE,KAAK,CAAC,aAAa,GAAI,CAC/B,CACP,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAE1B,OAAO,CACL,EAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ,IACrC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,oBAAc,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC9C,IAAI,CAAC,UAAU,EAAE,CACL,CAChB,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,UAAU,EAAE,CAClB,CACoB,CACxB,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { Alignment, Scale } from \"../interfaces\";\n\n/**\n * @slot content-top - A slot for adding non-actionable elements above the component's content.  Content slotted here will render in place of the `icon` property.\n * @slot content-bottom - A slot for adding non-actionable elements below the component's content.\n * @slot content-start - [Deprecated] use `content-top` slot instead.  A slot for adding non-actionable elements before the component's content.\n * @slot content-end - [Deprecated] use `content-bottom` slot instead. A slot for adding non-actionable elements after the component's content.\n */\n@Component({\n  tag: \"calcite-tile\",\n  styleUrl: \"tile.scss\",\n  shadow: true,\n})\nexport class Tile implements InteractiveComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is active.\n   */\n  @Prop({ reflect: true }) active = false;\n\n  /**\n   * Specifies the alignment of the Tile's content.\n   */\n  @Prop({ reflect: true }) alignment: Exclude<Alignment, \"end\"> = \"start\";\n\n  /**\n   * A description for the component, which displays below the heading.\n   */\n  @Prop({ reflect: true }) description: string;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The component's embed mode.\n   *\n   * When `true`, renders without a border and padding for use by other components.\n   *\n   * @deprecated No longer necessary.\n   */\n  @Prop({ reflect: true }) embed = false;\n\n  /**\n   * The focused state of the component.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) focused = false;\n\n  /** The component header text, which displays between the icon and description. */\n  @Prop({ reflect: true }) heading: string;\n\n  /** When embed is `\"false\"`, the URL for the component. */\n  @Prop({ reflect: true }) href: string;\n\n  /** Specifies an icon to display. */\n  @Prop({ reflect: true }) icon: string;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTileElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderTile(): VNode {\n    const { icon, heading, description, iconFlipRtl } = this;\n    const isLargeVisual = heading && icon && !description;\n\n    return (\n      <div class={{ [CSS.container]: true, [CSS.largeVisual]: isLargeVisual }}>\n        <slot name={SLOTS.contentTop} />\n        {icon && <calcite-icon flipRtl={iconFlipRtl} icon={icon} scale=\"l\" />}\n        <div class={CSS.contentContainer}>\n          <slot name={SLOTS.contentStart} />\n          <div class={CSS.content}>\n            {heading && <div class={CSS.heading}>{heading}</div>}\n            {description && <div class={CSS.description}>{description}</div>}\n          </div>\n          <slot name={SLOTS.contentEnd} />\n        </div>\n        <slot name={SLOTS.contentBottom} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        {this.href ? (\n          <calcite-link disabled={disabled} href={this.href}>\n            {this.renderTile()}\n          </calcite-link>\n        ) : (\n          this.renderTile()\n        )}\n      </InteractiveContainer>\n    );\n  }\n}\n"]}

package/dist/collection/components/tile-group/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 export const CSS = {
     container: "container",

package/dist/collection/components/tile-group/tile-group.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:57 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:43 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/tile-group/tile-group.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, disabled, reflects, renders, hidden } from "../../tests/commonTests";

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { h } from "@stencil/core";
 import { connectInteractive, disconnectInteractive, InteractiveContainer, updateHostInteraction, } from "../../utils/interactive";

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-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 export const CSS = {
     checked: "checked",

package/dist/collection/components/tile-select/tile-select.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:57 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:43 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/tile-select/tile-select.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, disabled, focusable, hidden, reflects, renders } from "../../tests/commonTests";

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-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { h, } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/tile-select-group/tile-select-group.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:57 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:43 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/tile-select-group/tile-select-group.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { accessible, defaults, disabled, reflects, renders, hidden } from "../../tests/commonTests";
 import { html } from "../../../support/formatting";

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-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { h } from "@stencil/core";
 import { connectInteractive, disconnectInteractive, InteractiveContainer, updateHostInteraction, } from "../../utils/interactive";

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-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 export const CSS = {
     button: "button",

package/dist/collection/components/time-picker/time-picker.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:57 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:43 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/time-picker/time-picker.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, focusable, hidden, renders, t9n } from "../../tests/commonTests";

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-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { h, } from "@stencil/core";
 import { numberKeys } from "../../utils/key";

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-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 export const CSS = {
     container: "container",

package/dist/collection/components/tip/tip.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:57 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:43 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/tip/tip.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, hidden, renders, defaults, slots, t9n } from "../../tests/commonTests";

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-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { Fragment, h, } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";

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

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:57 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:43 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { accessible, hidden, renders } from "../../tests/commonTests";
 describe("calcite-tip-group", () => {

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { h } from "@stencil/core";
 /**

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-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 export const CSS = {
     header: "header",

package/dist/collection/components/tip-manager/tip-manager.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:59 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:45 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 21:55:57 GMT
+ * Generated on Wed, 27 Mar 2024 01:42:43 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/tip-manager/tip-manager.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, hidden, renders, t9n } from "../../tests/commonTests";

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-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 import { h, } from "@stencil/core";
 import { getElementDir, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/tip-manager/tip-manager.spec.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
 // TODO: Uncomment this test when there's a resolution to this bug. https://github.com/ionic-team/stencil/issues/1669
 // import { TipManager } from "./calcite-tip-manager";

package/dist/collection/components/tooltip/TooltipManager.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.8
+ * v2.7.0
  */
-import { getShadowRootNode, isPrimaryPointerButton } from "../../utils/dom";
+import { getShadowRootNode } from "../../utils/dom";
 import { TOOLTIP_OPEN_DELAY_MS, TOOLTIP_CLOSE_DELAY_MS } from "./resources";
 import { getEffectiveReferenceElement } from "./utils";
 export default class TooltipManager {
@@ -65,10 +65,7 @@ export default class TooltipManager {
                 this.closeHoveredTooltip();
             }
         };
-        this.pointerDownHandler = (event) => {
-            if (!isPrimaryPointerButton(event)) {
-                return;
-            }
+        this.clickHandler = (event) => {
             const clickedTooltip = this.queryTooltip(event.composedPath());
             this.clickedTooltip = clickedTooltip;
             if (clickedTooltip?.closeOnClick) {
@@ -146,14 +143,14 @@ export default class TooltipManager {
     addListeners() {
         window.addEventListener("keydown", this.keyDownHandler, { capture: true });
         window.addEventListener("pointermove", this.pointerMoveHandler, { capture: true });
-        window.addEventListener("pointerdown", this.pointerDownHandler, { capture: true });
+        window.addEventListener("click", this.clickHandler, { capture: true });
         window.addEventListener("focusin", this.focusInHandler, { capture: true });
         window.addEventListener("focusout", this.focusOutHandler, { capture: true });
     }
     removeListeners() {
         window.removeEventListener("keydown", this.keyDownHandler, { capture: true });
         window.removeEventListener("pointermove", this.pointerMoveHandler, { capture: true });
-        window.removeEventListener("pointerdown", this.pointerDownHandler, { capture: true });
+        window.removeEventListener("click", this.clickHandler, { capture: true });
         window.removeEventListener("focusin", this.focusInHandler, { capture: true });
         window.removeEventListener("focusout", this.focusOutHandler, { capture: true });
     }