@esri/calcite-components 2.12.0 → 2.13.0-next.1

package/dist/collection/components/value-list-item/value-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"value-list-item.js","sourceRoot":"","sources":["../../../../src/components/value-list-item/value-list-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS, SLOTS as PICK_LIST_SLOTS } from \"../pick-list-item/resources\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { logger } from \"../../utils/logger\";\nimport { ListItemAndHandle } from \"./interfaces\";\nimport { ICONS, SLOTS } from \"./resources\";\n\nlogger.deprecated(\"component\", {\n  name: \"value-list-item\",\n  removalVersion: 3,\n  suggested: \"list-item\",\n});\n\n/**\n * @deprecated Use the `calcite-list` component instead.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component.\n */\n@Component({\n  tag: \"calcite-value-list-item\",\n  styleUrl: \"value-list-item.scss\",\n  shadow: true,\n})\nexport class ValueListItem\n  implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * A description for the component that displays below the label text.\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   * @internal\n   */\n  @Prop() deselectDisabled = false;\n\n  /**\n   * When `true`, prevents the content of the component from user interaction.\n   */\n  @Prop({ reflect: true }) nonInteractive = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) handleActivated? = false;\n\n  /**\n   * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.\n   *\n   * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/dev/src/components/pick-list/resources.ts#L5)\n   */\n  @Prop({ reflect: true }) icon?: ICON_TYPES | null = null;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Label and accessible name for the component. Appears next to the icon.\n   */\n  @Prop({ reflect: true }) label!: string;\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent list.\n   */\n  @Prop() metadata?: Record<string, unknown>;\n\n  /**\n   * When `true`, adds an action to remove the component.\n   */\n  @Prop({ reflect: true }) removable = false;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /**\n   * The component's value.\n   */\n  @Prop() value!: any;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteValueListItemElement;\n\n  pickListItem: HTMLCalcitePickListItemElement = null;\n\n  handleEl: HTMLSpanElement;\n\n  guid = `calcite-value-list-item-${guid()}`;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Toggle the selection state. By default this won't trigger an event.\n   * The first argument allows the value to be coerced, rather than swapping values.\n   *\n   * @param coerce\n   */\n  @Method()\n  async toggleSelected(coerce?: boolean): Promise<void> {\n    this.pickListItem.toggleSelected(coerce);\n  }\n\n  /** Set focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    return this.pickListItem?.setFocus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is selected or unselected.\n   */\n  @Event({ cancelable: false }) calciteListItemChange: EventEmitter<{\n    item: HTMLCalciteValueListItemElement;\n    value: any;\n    selected: boolean;\n    shiftPressed: boolean;\n  }>;\n\n  /**\n   * Fires when the remove button is pressed.\n   */\n  @Event({ cancelable: true }) calciteListItemRemove: EventEmitter<void>; // wrapped pick-list-item emits this\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteValueListItemDragHandleBlur: EventEmitter<ListItemAndHandle>;\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    // adjust item payload from wrapped item before bubbling\n    event.detail.item = this.el;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getPickListRef = (el: HTMLCalcitePickListItemElement): HTMLCalcitePickListItemElement =>\n    (this.pickListItem = el);\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    if (event.key === \" \") {\n      this.handleActivated = !this.handleActivated;\n    }\n  };\n\n  handleBlur = (): void => {\n    this.handleActivated = false;\n    this.calciteValueListItemDragHandleBlur.emit({ item: this.el, handle: this.handleEl });\n  };\n\n  handleSelectChange = (event: CustomEvent): void => {\n    this.selected = event.detail.selected;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsEnd(): VNode {\n    const { el } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return hasActionsEnd ? (\n      <slot name={SLOTS.actionsEnd} slot={PICK_LIST_SLOTS.actionsEnd} />\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n\n    return hasActionsStart ? (\n      <slot name={SLOTS.actionsStart} slot={PICK_LIST_SLOTS.actionsStart} />\n    ) : null;\n  }\n\n  renderHandle(): VNode {\n    const { icon, iconFlipRtl } = this;\n    if (icon === ICON_TYPES.grip) {\n      return (\n        <span\n          class={{\n            [CSS.handle]: true,\n            [CSS.handleActivated]: this.handleActivated,\n          }}\n          data-js-handle\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n          ref={(el) => (this.handleEl = el as HTMLSpanElement)}\n          role=\"button\"\n          tabindex=\"0\"\n        >\n          <calcite-icon flipRtl={iconFlipRtl} icon={ICONS.drag} scale=\"s\" />\n        </span>\n      );\n    }\n  }\n\n  render(): VNode {\n    return (\n      <Host id={this.el.id || this.guid}>\n        <InteractiveContainer disabled={this.disabled}>\n          {this.renderHandle()}\n          <calcite-pick-list-item\n            description={this.description}\n            deselectDisabled={this.deselectDisabled}\n            disabled={this.disabled}\n            label={this.label}\n            metadata={this.metadata}\n            nonInteractive={this.nonInteractive}\n            onCalciteListItemChange={this.handleSelectChange}\n            ref={this.getPickListRef}\n            removable={this.removable}\n            selected={this.selected}\n            value={this.value}\n          >\n            {this.renderActionsStart()}\n            {this.renderActionsEnd()}\n          </calcite-pick-list-item>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"value-list-item.js","sourceRoot":"","sources":["../../../../src/components/value-list-item/value-list-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS, SLOTS as PICK_LIST_SLOTS } from \"../pick-list-item/resources\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { logger } from \"../../utils/logger\";\nimport { ListItemAndHandle } from \"./interfaces\";\nimport { ICONS, SLOTS } from \"./resources\";\n\nlogger.deprecated(\"component\", {\n  name: \"value-list-item\",\n  removalVersion: 3,\n  suggested: \"list-item\",\n});\n\n/**\n * @deprecated Use the `calcite-list` component instead.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component.\n */\n@Component({\n  tag: \"calcite-value-list-item\",\n  styleUrl: \"value-list-item.scss\",\n  shadow: true,\n})\nexport class ValueListItem\n  implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * A description for the component that displays below the label text.\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   * @internal\n   */\n  @Prop() deselectDisabled = false;\n\n  /**\n   * When `true`, prevents the content of the component from user interaction.\n   */\n  @Prop({ reflect: true }) nonInteractive = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) handleActivated? = false;\n\n  /**\n   * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.\n   *\n   * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/dev/src/components/pick-list/resources.ts#L5)\n   */\n  @Prop({ reflect: true }) icon?: ICON_TYPES | null = null;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Label and accessible name for the component. Appears next to the icon.\n   */\n  @Prop({ reflect: true }) label!: string;\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent list.\n   */\n  @Prop() metadata?: Record<string, unknown>;\n\n  /**\n   * When `true`, adds an action to remove the component.\n   */\n  @Prop({ reflect: true }) removable = false;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /**\n   * The component's value.\n   */\n  @Prop() value!: any;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteValueListItemElement;\n\n  pickListItem: HTMLCalcitePickListItemElement = null;\n\n  handleEl: HTMLSpanElement;\n\n  guid = `calcite-value-list-item-${guid()}`;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Toggle the selection state. By default this won't trigger an event.\n   * The first argument allows the value to be coerced, rather than swapping values.\n   *\n   * @param coerce\n   */\n  @Method()\n  async toggleSelected(coerce?: boolean): Promise<void> {\n    this.pickListItem.toggleSelected(coerce);\n  }\n\n  /** Set focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    return this.pickListItem?.setFocus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is selected or unselected.\n   */\n  @Event({ cancelable: false }) calciteListItemChange: EventEmitter<{\n    item: HTMLCalciteValueListItemElement;\n    value: any;\n    selected: boolean;\n    shiftPressed: boolean;\n  }>;\n\n  /**\n   * Fires when the remove button is pressed.\n   */\n  @Event({ cancelable: true }) calciteListItemRemove: EventEmitter<void>; // wrapped pick-list-item emits this\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteValueListItemDragHandleBlur: EventEmitter<ListItemAndHandle>;\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    // adjust item payload from wrapped item before bubbling\n    event.detail.item = this.el;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getPickListRef = (el: HTMLCalcitePickListItemElement): HTMLCalcitePickListItemElement =>\n    (this.pickListItem = el);\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    if (event.key === \" \") {\n      this.handleActivated = !this.handleActivated;\n    }\n  };\n\n  handleBlur = (): void => {\n    this.handleActivated = false;\n    this.calciteValueListItemDragHandleBlur.emit({ item: this.el, handle: this.handleEl });\n  };\n\n  handleSelectChange = (event: CustomEvent): void => {\n    this.selected = event.detail.selected;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsEnd(): VNode {\n    const { el } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return hasActionsEnd ? (\n      <slot name={SLOTS.actionsEnd} slot={PICK_LIST_SLOTS.actionsEnd} />\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n\n    return hasActionsStart ? (\n      <slot name={SLOTS.actionsStart} slot={PICK_LIST_SLOTS.actionsStart} />\n    ) : null;\n  }\n\n  renderHandle(): VNode {\n    const { icon, iconFlipRtl } = this;\n    if (icon === ICON_TYPES.grip) {\n      return (\n        <span\n          class={{\n            [CSS.handle]: true,\n            [CSS.handleActivated]: this.handleActivated,\n          }}\n          data-js-handle\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n          ref={(el) => (this.handleEl = el as HTMLSpanElement)}\n          role=\"button\"\n          tabindex=\"0\"\n        >\n          <calcite-icon flipRtl={iconFlipRtl} icon={ICONS.drag} scale=\"s\" />\n        </span>\n      );\n    }\n  }\n\n  render(): VNode {\n    return (\n      <Host id={this.el.id || this.guid}>\n        <InteractiveContainer disabled={this.disabled}>\n          {this.renderHandle()}\n          <calcite-pick-list-item\n            description={this.description}\n            deselectDisabled={this.deselectDisabled}\n            disabled={this.disabled}\n            label={this.label}\n            metadata={this.metadata}\n            nonInteractive={this.nonInteractive}\n            onCalciteListItemChange={this.handleSelectChange}\n            ref={this.getPickListRef}\n            removable={this.removable}\n            selected={this.selected}\n            value={this.value}\n          >\n            {this.renderActionsStart()}\n            {this.renderActionsEnd()}\n          </calcite-pick-list-item>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/custom-theme/accordion-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { placeholderImage } from "../../.storybook/placeholder-image";
 import { html } from "../../support/formatting";

package/dist/collection/custom-theme/accordion.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 import { accordionItem } from "./accordion-item";

package/dist/collection/custom-theme/action.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const actionTokens = {

package/dist/collection/custom-theme/button.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 const buttonProps = ["", ""];

package/dist/collection/custom-theme/card.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { placeholderImage } from "../../.storybook/placeholder-image";
 import { html } from "../../support/formatting";
@@ -14,10 +14,43 @@ export const cardTokens = {
     calciteCardCornerRadius: "",
     calciteCardShadow: "",
 };
+const thumbnailHtml = html `<img
+  alt="thumbnail"
+  slot="thumbnail"
+  src="${placeholderImage({
+    width: 380,
+    height: 180,
+})}"
+  style="width: 380px;"
+/> `;
 export const card = html `<calcite-card selected selectable>
   <img alt="thumbnail" slot="thumbnail" style="width:260px" src="${placeholderImage({ width: 260, height: 160 })}" />
   <h3 slot="title">Selectable card</h3>
   <calcite-link slot="footer-start">Lead füt</calcite-link>
   <calcite-link slot="footer-end">Trail füt</calcite-link>
 </calcite-card>`;
+export const cardThumbnail = html `<div id="card-container" style="width:260px;">
+  <calcite-card>
+    ${thumbnailHtml}
+    <h3 slot="heading">Portland Businesses</h3>
+    <span slot="description"
+      >by
+      <calcite-link>example_user</calcite-link>
+    </span>
+    <div>
+      Created: Apr 22, 2019
+      <br />
+      Updated: Dec 9, 2019
+      <br />
+      View Count: 0
+    </div>
+    <calcite-button
+      slot="footer-start"
+      kind="neutral"
+      scale="s"
+      id="card-icon-test-1"
+      icon-start="circle"
+    ></calcite-button>
+  </calcite-card>
+</div>`;
 //# sourceMappingURL=card.js.map

package/dist/collection/custom-theme/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/custom-theme/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,8BAA8B,EAAE,EAAE;IAClC,0BAA0B,EAAE,EAAE;IAC9B,sBAAsB,EAAE,EAAE;IAC1B,oCAAoC,EAAE,EAAE;IACxC,+BAA+B,EAAE,EAAE;IACnC,uBAAuB,EAAE,EAAE;IAC3B,iBAAiB,EAAE,EAAE;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CAAA;mEAC2C,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;;;;gBAIhG,CAAC","sourcesContent":["import { placeholderImage } from \"../../.storybook/placeholder-image\";\nimport { html } from \"../../support/formatting\";\n\nexport const cardTokens = {\n  calciteCardAccentColorSelected: \"\",\n  calciteCardBackgroundColor: \"\",\n  calciteCardBorderColor: \"\",\n  calciteCardSelectIndicatorColorHover: \"\",\n  calciteCardSelectIndicatorColor: \"\",\n  calciteCardCornerRadius: \"\",\n  calciteCardShadow: \"\",\n};\n\nexport const card = html`<calcite-card selected selectable>\n  <img alt=\"thumbnail\" slot=\"thumbnail\" style=\"width:260px\" src=\"${placeholderImage({ width: 260, height: 160 })}\" />\n  <h3 slot=\"title\">Selectable card</h3>\n  <calcite-link slot=\"footer-start\">Lead füt</calcite-link>\n  <calcite-link slot=\"footer-end\">Trail füt</calcite-link>\n</calcite-card>`;\n"]}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/custom-theme/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,8BAA8B,EAAE,EAAE;IAClC,0BAA0B,EAAE,EAAE;IAC9B,sBAAsB,EAAE,EAAE;IAC1B,oCAAoC,EAAE,EAAE;IACxC,+BAA+B,EAAE,EAAE;IACnC,uBAAuB,EAAE,EAAE;IAC3B,iBAAiB,EAAE,EAAE;CACtB,CAAC;AAEF,MAAM,aAAa,GAAG,IAAI,CAAA;;;SAGjB,gBAAgB,CAAC;IACtB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAC;;IAEA,CAAC;AAEL,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CAAA;mEAC2C,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;;;;gBAIhG,CAAC;AAEjB,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAA;;MAE3B,aAAa;;;;;;;;;;;;;;;;;;;;;OAqBZ,CAAC","sourcesContent":["import { placeholderImage } from \"../../.storybook/placeholder-image\";\nimport { html } from \"../../support/formatting\";\n\nexport const cardTokens = {\n  calciteCardAccentColorSelected: \"\",\n  calciteCardBackgroundColor: \"\",\n  calciteCardBorderColor: \"\",\n  calciteCardSelectIndicatorColorHover: \"\",\n  calciteCardSelectIndicatorColor: \"\",\n  calciteCardCornerRadius: \"\",\n  calciteCardShadow: \"\",\n};\n\nconst thumbnailHtml = html`<img\n  alt=\"thumbnail\"\n  slot=\"thumbnail\"\n  src=\"${placeholderImage({\n    width: 380,\n    height: 180,\n  })}\"\n  style=\"width: 380px;\"\n/> `;\n\nexport const card = html`<calcite-card selected selectable>\n  <img alt=\"thumbnail\" slot=\"thumbnail\" style=\"width:260px\" src=\"${placeholderImage({ width: 260, height: 160 })}\" />\n  <h3 slot=\"title\">Selectable card</h3>\n  <calcite-link slot=\"footer-start\">Lead füt</calcite-link>\n  <calcite-link slot=\"footer-end\">Trail füt</calcite-link>\n</calcite-card>`;\n\nexport const cardThumbnail = html`<div id=\"card-container\" style=\"width:260px;\">\n  <calcite-card>\n    ${thumbnailHtml}\n    <h3 slot=\"heading\">Portland Businesses</h3>\n    <span slot=\"description\"\n      >by\n      <calcite-link>example_user</calcite-link>\n    </span>\n    <div>\n      Created: Apr 22, 2019\n      <br />\n      Updated: Dec 9, 2019\n      <br />\n      View Count: 0\n    </div>\n    <calcite-button\n      slot=\"footer-start\"\n      kind=\"neutral\"\n      scale=\"s\"\n      id=\"card-icon-test-1\"\n      icon-start=\"circle\"\n    ></calcite-button>\n  </calcite-card>\n</div>`;\n"]}

package/dist/collection/custom-theme/checkbox.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const checkbox = html `<label>

package/dist/collection/custom-theme/chips.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const chips = html `<div>

package/dist/collection/custom-theme/date-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/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const datePicker = html `<calcite-date-picker scale="m" value="2020-11-27"></calcite-date-picker>`;

package/dist/collection/custom-theme/dropdown.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const dropdown = html `<calcite-dropdown>

package/dist/collection/custom-theme/icon.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const icon = html `<calcite-icon icon="3d-glasses"></calcite-icon>`;

package/dist/collection/custom-theme/loader.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const loader = html `<calcite-loader class="chromatic-ignore"></calcite-loader>`;

package/dist/collection/custom-theme/notice.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const notice = ({ kind, message, title }) => html `<calcite-notice kind=${kind} scale="s" open closable>

package/dist/collection/custom-theme/pagination.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const pagination = html `<calcite-pagination

package/dist/collection/custom-theme/segmented-control.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const segmentedControl = html `<calcite-label>

package/dist/collection/custom-theme/slider.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const slider = html `<calcite-slider

package/dist/collection/custom-theme/switch.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const calciteSwitch = html `<label>

package/dist/collection/custom-theme/tabs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const tabs = html `<calcite-tabs>

package/dist/collection/custom-theme/tree.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { html } from "../../support/formatting";
 export const tree = html `<calcite-tree lines>

package/dist/collection/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 // ⚠️  Please reach out to Franco (or Ben if he's out) before editing this file ⚠️
 // This file follows the same setup as `stencil-ds-output-targets` (https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/example-project/component-library/src/index.ts).

package/dist/collection/utils/array.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 export function getRoundRobinIndex(index, total) {
     return (index + total) % total;

package/dist/collection/utils/browser.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { Build } from "@stencil/core";
 export const isBrowser = () => Build.isBrowser &&

package/dist/collection/utils/component.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 export function getIconScale(componentScale) {
     return componentScale === "l" ? "m" : "s";

package/dist/collection/utils/conditionalSlot.js

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

package/dist/collection/utils/config.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 /**
  * This module allows custom configuration for components.

package/dist/collection/utils/date.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { numberStringFormatter } from "./locale";
 /**

package/dist/collection/utils/dom.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { tabbable } from "tabbable";
 import { guid } from "./guid";

package/dist/collection/utils/filter.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { escapeRegExp, forIn } from "lodash-es";
 export const filter = (data, value, filterProps) => {

package/dist/collection/utils/floating-ui.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { arrow, autoPlacement, autoUpdate, computePosition, flip, hide, offset, platform, shift, } from "@floating-ui/dom";
 import { debounce } from "lodash-es";

package/dist/collection/utils/focusTrapComponent.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { createFocusTrap } from "focus-trap";
 import { focusElement, tabbableOptions } from "./dom";

package/dist/collection/utils/form.js

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

package/dist/collection/utils/globalScript.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { initModeChangeEvent } from "./mode";
 import { stampVersion } from "./config";

package/dist/collection/utils/guid.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 function gen(counts) {
     return counts

package/dist/collection/utils/interactive.js

@@ -1,15 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 import { h } from "@stencil/core";
-import { getUserAgentString } from "./browser";
-// ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️
-const isFirefox = /firefox/i.test(getUserAgentString());
-const disabledElementToParent = isFirefox
-    ? new WeakMap()
-    : null;
 function interceptedClick() {
     const { disabled } = this;
     if (!disabled) {
@@ -18,11 +12,7 @@ function interceptedClick() {
 }
 function onPointerDown(event) {
     const interactiveElement = event.target;
-    if (isFirefox && !disabledElementToParent.get(interactiveElement)) {
-        return;
-    }
-    const { disabled } = interactiveElement;
-    if (disabled) {
+    if (interactiveElement.disabled) {
         // prevent click from moving focus on host
         event.preventDefault();
     }
@@ -30,9 +20,6 @@ function onPointerDown(event) {
 const nonBubblingWhenDisabledMouseEvents = ["mousedown", "mouseup", "click"];
 function onNonBubblingWhenDisabledMouseEvent(event) {
     const interactiveElement = event.target;
-    if (isFirefox && !disabledElementToParent.get(interactiveElement)) {
-        return;
-    }
     // prevent disallowed mouse events from being emitted on the disabled host (per https://github.com/whatwg/html/issues/5886)
     // ⚠ we generally avoid stopping propagation of events, but this is needed to adhere to the intended spec changes above ⚠
     if (interactiveElement.disabled) {
@@ -67,87 +54,20 @@ export function updateHostInteraction(component) {
 }
 function blockInteraction(component) {
     component.el.click = interceptedClick;
-    if (isFirefox) {
-        const currentParent = getParentElement(component);
-        const trackedParent = disabledElementToParent.get(component.el);
-        if (trackedParent !== currentParent) {
-            removeInteractionListeners(trackedParent);
-            disabledElementToParent.set(component.el, currentParent);
-        }
-        addInteractionListeners(disabledElementToParent.get(component.el));
-        return;
-    }
     addInteractionListeners(component.el);
 }
 function addInteractionListeners(element) {
-    if (!element) {
-        // this early return path is only applicable to Firefox
-        return;
-    }
     element.addEventListener("pointerdown", onPointerDown, captureOnlyOptions);
     nonBubblingWhenDisabledMouseEvents.forEach((event) => element.addEventListener(event, onNonBubblingWhenDisabledMouseEvent, captureOnlyOptions));
 }
-function getParentElement(component) {
-    return (component.el.parentElement || component.el); /* assume element is host if it has no parent when connected */
-}
-function isInteractiveHTMLElement(el) {
-    return "disabled" in el;
-}
 function restoreInteraction(component) {
     delete component.el.click; // fallback on HTMLElement.prototype.click
-    if (isFirefox) {
-        const parent = disabledElementToParent.get(component.el);
-        let hasDisabledSiblingElements = false;
-        if (parent?.children) {
-            for (const child of parent.children) {
-                if (isInteractiveHTMLElement(child) && child.disabled && child !== component.el) {
-                    hasDisabledSiblingElements = true;
-                    break;
-                }
-            }
-        }
-        if (!hasDisabledSiblingElements) {
-            removeInteractionListeners(parent);
-        }
-        disabledElementToParent.delete(component.el);
-        return;
-    }
     removeInteractionListeners(component.el);
 }
 function removeInteractionListeners(element) {
-    if (!element) {
-        // this early return path is only applicable to Firefox
-        return;
-    }
     element.removeEventListener("pointerdown", onPointerDown, captureOnlyOptions);
     nonBubblingWhenDisabledMouseEvents.forEach((event) => element.removeEventListener(event, onNonBubblingWhenDisabledMouseEvent, captureOnlyOptions));
 }
-/**
- * This utility helps disable components consistently in Firefox.
- *
- * It needs to be called in `connectedCallback` and is only needed for Firefox as it does not call capture event listeners before non-capture ones (see https://bugzilla.mozilla.org/show_bug.cgi?id=1731504).
- *
- * @param component
- */
-export function connectInteractive(component) {
-    if (!component.disabled || !isFirefox) {
-        return;
-    }
-    blockInteraction(component);
-}
-/**
- * This utility restores interactivity to disabled components consistently in Firefox.
- *
- * It needs to be called in `disconnectedCallback` and is only needed for Firefox as it does not call capture event listeners before non-capture ones (see https://bugzilla.mozilla.org/show_bug.cgi?id=1731504).
- *
- * @param component
- */
-export function disconnectInteractive(component) {
-    if (!isFirefox) {
-        return;
-    }
-    restoreInteraction(component);
-}
 export const CSS = {
     container: "interaction-container",
 };

package/dist/collection/utils/interactive.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactive.js","sourceRoot":"","sources":["../../../src/utils/interactive.tsx"],"names":[],"mappings":"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","sourcesContent":["import { JSXAttributes } from \"@stencil/core/internal\";\nimport { FunctionalComponent, h, VNode } from \"@stencil/core\";\nimport { getUserAgentString } from \"./browser\";\n\nexport interface InteractiveComponent {\n  /**\n   * The host element.\n   */\n  readonly el: InteractiveHTMLElement;\n\n  /**\n   * When true, prevents user interaction.\n   *\n   * Notes:\n   *\n   * This prop should use the @Prop decorator and reflect.\n   * The `disabled` Sass mixin must be added to the component's stylesheet.\n   */\n  disabled: boolean;\n}\n\n/**\n * Exported for testing purposes only.\n *\n * @internal\n */\nexport type InteractiveHTMLElement = HTMLElement & Pick<InteractiveComponent, \"disabled\">;\n\n// ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️\nconst isFirefox = /firefox/i.test(getUserAgentString());\n\ntype ParentElement<T extends HTMLElement = HTMLElement> = T | null;\n\nconst disabledElementToParent: WeakMap<InteractiveHTMLElement, ParentElement> | null = isFirefox\n  ? new WeakMap()\n  : null;\n\nfunction interceptedClick(): void {\n  const { disabled } = this as InteractiveHTMLElement;\n\n  if (!disabled) {\n    HTMLElement.prototype.click.call(this);\n  }\n}\n\nfunction onPointerDown(event: PointerEvent): void {\n  const interactiveElement = event.target as InteractiveHTMLElement;\n\n  if (isFirefox && !disabledElementToParent.get(interactiveElement)) {\n    return;\n  }\n\n  const { disabled } = interactiveElement;\n\n  if (disabled) {\n    // prevent click from moving focus on host\n    event.preventDefault();\n  }\n}\n\nconst nonBubblingWhenDisabledMouseEvents = [\"mousedown\", \"mouseup\", \"click\"];\n\nfunction onNonBubblingWhenDisabledMouseEvent(event: MouseEvent): void {\n  const interactiveElement = event.target as InteractiveHTMLElement;\n\n  if (isFirefox && !disabledElementToParent.get(interactiveElement)) {\n    return;\n  }\n\n  // prevent disallowed mouse events from being emitted on the disabled host (per https://github.com/whatwg/html/issues/5886)\n  // ⚠ we generally avoid stopping propagation of events, but this is needed to adhere to the intended spec changes above ⚠\n  if (interactiveElement.disabled) {\n    event.stopImmediatePropagation();\n    event.preventDefault();\n  }\n}\n\nconst captureOnlyOptions = { capture: true } as const;\n\n/**\n * This helper updates the host element to prevent keyboard interaction on its subtree and sets the appropriate aria attribute for accessibility.\n *\n * This should be used in the `componentDidRender` lifecycle hook.\n *\n * **Notes**\n *\n * this util is not needed for simple components whose root element or elements are an interactive component (custom element or native control). For those cases, set the `disabled` props on the root components instead.\n * technically, users can override `tabindex` and restore keyboard navigation, but this will be considered user error\n *\n * @param component\n */\nexport function updateHostInteraction(component: InteractiveComponent): void {\n  if (component.disabled) {\n    component.el.setAttribute(\"aria-disabled\", \"true\");\n\n    if (component.el.contains(document.activeElement)) {\n      (document.activeElement as HTMLElement).blur();\n    }\n\n    blockInteraction(component);\n\n    return;\n  }\n\n  restoreInteraction(component);\n\n  component.el.removeAttribute(\"aria-disabled\");\n}\n\nfunction blockInteraction(component: InteractiveComponent): void {\n  component.el.click = interceptedClick;\n\n  if (isFirefox) {\n    const currentParent = getParentElement(component);\n    const trackedParent = disabledElementToParent.get(component.el);\n\n    if (trackedParent !== currentParent) {\n      removeInteractionListeners(trackedParent);\n      disabledElementToParent.set(component.el, currentParent);\n    }\n\n    addInteractionListeners(disabledElementToParent.get(component.el));\n    return;\n  }\n\n  addInteractionListeners(component.el);\n}\n\nfunction addInteractionListeners(element: HTMLElement): void {\n  if (!element) {\n    // this early return path is only applicable to Firefox\n    return;\n  }\n\n  element.addEventListener(\"pointerdown\", onPointerDown, captureOnlyOptions);\n  nonBubblingWhenDisabledMouseEvents.forEach((event) =>\n    element.addEventListener(event, onNonBubblingWhenDisabledMouseEvent, captureOnlyOptions),\n  );\n}\n\nfunction getParentElement(component: InteractiveComponent): ParentElement {\n  return (\n    component.el.parentElement || component.el\n  ); /* assume element is host if it has no parent when connected */\n}\n\nfunction isInteractiveHTMLElement(el: Element): el is InteractiveHTMLElement {\n  return \"disabled\" in el;\n}\n\nfunction restoreInteraction(component: InteractiveComponent): void {\n  delete component.el.click; // fallback on HTMLElement.prototype.click\n\n  if (isFirefox) {\n    const parent = disabledElementToParent.get(component.el);\n\n    let hasDisabledSiblingElements = false;\n\n    if (parent?.children) {\n      for (const child of parent.children) {\n        if (isInteractiveHTMLElement(child) && child.disabled && child !== component.el) {\n          hasDisabledSiblingElements = true;\n          break;\n        }\n      }\n    }\n\n    if (!hasDisabledSiblingElements) {\n      removeInteractionListeners(parent);\n    }\n\n    disabledElementToParent.delete(component.el);\n    return;\n  }\n\n  removeInteractionListeners(component.el);\n}\n\nfunction removeInteractionListeners(element: HTMLElement): void {\n  if (!element) {\n    // this early return path is only applicable to Firefox\n    return;\n  }\n\n  element.removeEventListener(\"pointerdown\", onPointerDown, captureOnlyOptions);\n  nonBubblingWhenDisabledMouseEvents.forEach((event) =>\n    element.removeEventListener(event, onNonBubblingWhenDisabledMouseEvent, captureOnlyOptions),\n  );\n}\n\n/**\n * This utility helps disable components consistently in Firefox.\n *\n * It needs to be called in `connectedCallback` and is only needed for Firefox as it does not call capture event listeners before non-capture ones (see https://bugzilla.mozilla.org/show_bug.cgi?id=1731504).\n *\n * @param component\n */\nexport function connectInteractive(component: InteractiveComponent): void {\n  if (!component.disabled || !isFirefox) {\n    return;\n  }\n\n  blockInteraction(component);\n}\n\n/**\n * This utility restores interactivity to disabled components consistently in Firefox.\n *\n * It needs to be called in `disconnectedCallback` and is only needed for Firefox as it does not call capture event listeners before non-capture ones (see https://bugzilla.mozilla.org/show_bug.cgi?id=1731504).\n *\n * @param component\n */\nexport function disconnectInteractive(component: InteractiveComponent): void {\n  if (!isFirefox) {\n    return;\n  }\n\n  restoreInteraction(component);\n}\n\nexport interface InteractiveContainerProps extends JSXAttributes {\n  disabled: boolean;\n}\n\nexport const CSS = {\n  container: \"interaction-container\",\n};\n\nexport const InteractiveContainer: FunctionalComponent<InteractiveContainerProps> = (\n  { disabled },\n  children: VNode[],\n): VNode => (\n  <div class={CSS.container} inert={disabled}>\n    {...children}\n  </div>\n);\n"]}
+{"version":3,"file":"interactive.js","sourceRoot":"","sources":["../../../src/utils/interactive.tsx"],"names":[],"mappings":"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","sourcesContent":["import { JSXAttributes } from \"@stencil/core/internal\";\nimport { FunctionalComponent, h, VNode } from \"@stencil/core\";\n\nexport interface InteractiveComponent {\n  /**\n   * The host element.\n   */\n  readonly el: InteractiveHTMLElement;\n\n  /**\n   * When true, prevents user interaction.\n   *\n   * Notes:\n   *\n   * This prop should use the @Prop decorator and reflect.\n   * The `disabled` Sass mixin must be added to the component's stylesheet.\n   */\n  disabled: boolean;\n}\n\n/**\n * Exported for testing purposes only.\n *\n * @internal\n */\nexport type InteractiveHTMLElement = HTMLElement & Pick<InteractiveComponent, \"disabled\">;\n\nfunction interceptedClick(): void {\n  const { disabled } = this as InteractiveHTMLElement;\n\n  if (!disabled) {\n    HTMLElement.prototype.click.call(this);\n  }\n}\n\nfunction onPointerDown(event: PointerEvent): void {\n  const interactiveElement = event.target as InteractiveHTMLElement;\n\n  if (interactiveElement.disabled) {\n    // prevent click from moving focus on host\n    event.preventDefault();\n  }\n}\n\nconst nonBubblingWhenDisabledMouseEvents = [\"mousedown\", \"mouseup\", \"click\"];\n\nfunction onNonBubblingWhenDisabledMouseEvent(event: MouseEvent): void {\n  const interactiveElement = event.target as InteractiveHTMLElement;\n\n  // prevent disallowed mouse events from being emitted on the disabled host (per https://github.com/whatwg/html/issues/5886)\n  // ⚠ we generally avoid stopping propagation of events, but this is needed to adhere to the intended spec changes above ⚠\n  if (interactiveElement.disabled) {\n    event.stopImmediatePropagation();\n    event.preventDefault();\n  }\n}\n\nconst captureOnlyOptions = { capture: true } as const;\n\n/**\n * This helper updates the host element to prevent keyboard interaction on its subtree and sets the appropriate aria attribute for accessibility.\n *\n * This should be used in the `componentDidRender` lifecycle hook.\n *\n * **Notes**\n *\n * this util is not needed for simple components whose root element or elements are an interactive component (custom element or native control). For those cases, set the `disabled` props on the root components instead.\n * technically, users can override `tabindex` and restore keyboard navigation, but this will be considered user error\n *\n * @param component\n */\nexport function updateHostInteraction(component: InteractiveComponent): void {\n  if (component.disabled) {\n    component.el.setAttribute(\"aria-disabled\", \"true\");\n\n    if (component.el.contains(document.activeElement)) {\n      (document.activeElement as HTMLElement).blur();\n    }\n\n    blockInteraction(component);\n\n    return;\n  }\n\n  restoreInteraction(component);\n\n  component.el.removeAttribute(\"aria-disabled\");\n}\n\nfunction blockInteraction(component: InteractiveComponent): void {\n  component.el.click = interceptedClick;\n  addInteractionListeners(component.el);\n}\n\nfunction addInteractionListeners(element: HTMLElement): void {\n  element.addEventListener(\"pointerdown\", onPointerDown, captureOnlyOptions);\n  nonBubblingWhenDisabledMouseEvents.forEach((event) =>\n    element.addEventListener(event, onNonBubblingWhenDisabledMouseEvent, captureOnlyOptions),\n  );\n}\n\nfunction restoreInteraction(component: InteractiveComponent): void {\n  delete component.el.click; // fallback on HTMLElement.prototype.click\n  removeInteractionListeners(component.el);\n}\n\nfunction removeInteractionListeners(element: HTMLElement): void {\n  element.removeEventListener(\"pointerdown\", onPointerDown, captureOnlyOptions);\n  nonBubblingWhenDisabledMouseEvents.forEach((event) =>\n    element.removeEventListener(event, onNonBubblingWhenDisabledMouseEvent, captureOnlyOptions),\n  );\n}\n\nexport interface InteractiveContainerProps extends JSXAttributes {\n  disabled: boolean;\n}\n\nexport const CSS = {\n  container: \"interaction-container\",\n};\n\nexport const InteractiveContainer: FunctionalComponent<InteractiveContainerProps> = (\n  { disabled },\n  children: VNode[],\n): VNode => (\n  <div class={CSS.container} inert={disabled}>\n    {...children}\n  </div>\n);\n"]}