@esri/calcite-components 2.9.0 → 2.9.1-next.1

package/dist/calcite/p-a712b23c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["accordionCss","CalciteAccordionStyle0","Accordion","this","mutationObserver","createObserver","updateAccordionItems","handlePropsChange","connectedCallback","observe","el","childList","disconnectedCallback","disconnect","render","transparent","appearance","h","key","class","accordion","updateActiveItemOnChange","event","calciteInternalAccordionChange","emit","requestedAccordionItem","detail","stopPropagation","querySelectorAll","forEach","item","iconPosition","iconType","scale","document","dispatchEvent","CustomEvent","SLOTS","actionsStart","actionsEnd","CSS","icon","header","headerContent","headerText","heading","description","expandIcon","content","iconStart","iconEnd","headerContainer","IDS","section","sectionToggle","accordionItemCss","CalciteAccordionItemStyle0","AccordionItem","storeHeaderEl","headerEl","itemHeaderClickHandler","emitRequestedItem","connectConditionalSlotComponent","disconnectConditionalSlotComponent","renderActionsStart","getSlotted","name","renderActionsEnd","iconFlipRtl","dir","getElementDir","iconStartEl","flipRtl","getIconScale","iconEndEl","Host","CSS_UTILITY","rtl","toAriaBoolean","expanded","id","onClick","ref","role","tabindex","keyDownHandler","target","preventDefault","composedPath","parent","closestElementCrossShadowBoundary","determineActiveItem","selectionMode","accordionItemSyncHandler","accordionItem","willBeSyncedByDirectParent","parentElement","closestAccordionParent","setFocus","componentFocusable","focus","requestedItem","calciteInternalAccordionItemSelect"],"sources":["src/components/accordion/accordion.scss?tag=calcite-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx","src/components/accordion-item/resources.ts","src/components/accordion-item/accordion-item.scss?tag=calcite-accordion-item&encapsulation=shadow","src/components/accordion-item/accordion-item.tsx"],"sourcesContent":["// scale variants for child\n:host([scale=\"s\"]) {\n  --calcite-accordion-item-spacing-unit: theme(\"spacing.1\");\n  --calcite-accordion-icon-margin: theme(\"spacing.2\");\n  --calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) theme(\"spacing.2\");\n  @apply text-n2h;\n}\n\n:host([scale=\"m\"]) {\n  --calcite-accordion-item-spacing-unit: theme(\"spacing.2\");\n  --calcite-accordion-icon-margin: theme(\"spacing.3\");\n  --calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) theme(\"spacing.3\");\n  @apply text-n1h;\n}\n\n:host([scale=\"l\"]) {\n  --calcite-accordion-item-spacing-unit: theme(\"spacing.3\");\n  --calcite-accordion-icon-margin: theme(\"spacing.4\");\n  --calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) theme(\"spacing.4\");\n  @apply text-0h;\n}\n\n:host {\n  @apply relative\n    block\n    max-w-full\n    leading-6;\n  --calcite-accordion-item-border: theme(\"borderColor.color.2\");\n  --calcite-accordion-item-background: theme(\"backgroundColor.foreground.1\");\n}\n\n.accordion--transparent {\n  --calcite-accordion-item-border: transparent;\n  --calcite-accordion-item-background: transparent;\n}\n\n.accordion {\n  @apply border border-solid border-color-2 border-b-0;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Appearance, Position, Scale, SelectionMode } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { RequestedItem } from \"./interfaces\";\n/**\n * @slot - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.\n */\n@Component({\n  tag: \"calcite-accordion\",\n  styleUrl: \"accordion.scss\",\n  shadow: true,\n})\nexport class Accordion {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"solid\" | \"transparent\", Appearance> = \"solid\";\n\n  /** Specifies the placement of the icon in the header. */\n  @Prop({ reflect: true }) iconPosition: Position = \"end\";\n\n  /** Specifies the type of the icon in the header. */\n  @Prop({ reflect: true }) iconType: \"chevron\" | \"caret\" | \"plus-minus\" = \"chevron\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection, and\n   *\n   * `\"single-persist\"` allows one selection and prevents de-selection.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"single\" | \"single-persist\" | \"multiple\",\n    SelectionMode\n  > = \"multiple\";\n\n  @Watch(\"iconPosition\")\n  @Watch(\"iconType\")\n  @Watch(\"scale\")\n  @Watch(\"selectionMode\")\n  handlePropsChange(): void {\n    this.updateAccordionItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) private calciteInternalAccordionChange: EventEmitter<RequestedItem>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.updateAccordionItems();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const transparent = this.appearance === \"transparent\";\n    return (\n      <div\n        class={{\n          \"accordion--transparent\": transparent,\n          accordion: !transparent,\n        }}\n      >\n        <slot />\n      </div>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalAccordionItemSelect\")\n  updateActiveItemOnChange(event: CustomEvent): void {\n    this.calciteInternalAccordionChange.emit({\n      requestedAccordionItem: event.detail.requestedAccordionItem,\n    });\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAccordionElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateAccordionItems());\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private updateAccordionItems(): void {\n    this.el.querySelectorAll(\"calcite-accordion-item\").forEach((item) => {\n      item.iconPosition = this.iconPosition;\n      item.iconType = this.iconType;\n      item.scale = this.scale;\n    });\n\n    // sync props on items across shadow DOM\n    document.dispatchEvent(new CustomEvent(\"calciteInternalAccordionItemsSync\"));\n  }\n}\n","export const SLOTS = {\n  actionsStart: \"actions-start\",\n  actionsEnd: \"actions-end\",\n};\n\nexport const CSS = {\n  icon: \"icon\",\n  header: \"header\",\n  headerContent: \"header-content\",\n  actionsStart: \"actions-start\",\n  actionsEnd: \"actions-end\",\n  headerText: \"header-text\",\n  heading: \"heading\",\n  description: \"description\",\n  expandIcon: \"expand-icon\",\n  content: \"content\",\n  iconStart: \"icon--start\",\n  iconEnd: \"icon--end\",\n  headerContainer: \"header-container\",\n};\n\nexport const IDS = {\n  section: \"section\",\n  sectionToggle: \"section-toggle\",\n};\n","%icon-position {\n  /* icon rotation variables */\n  --calcite-accordion-item-icon-rotation: calc(theme(\"rotate.90\") * -1);\n  --calcite-accordion-item-active-icon-rotation: theme(\"rotate.0\");\n  --calcite-accordion-item-icon-rotation-rtl: theme(\"rotate.90\");\n  --calcite-accordion-item-active-icon-rotation-rtl: theme(\"rotate.0\");\n}\n\n// icon position variants for child\n.icon-position--start {\n  @extend %icon-position;\n  --calcite-accordion-item-flex-direction: row-reverse;\n  --calcite-accordion-item-icon-spacing-start: 0;\n  --calcite-accordion-item-icon-spacing-end: var(--calcite-accordion-icon-margin);\n}\n\n.icon-position--end {\n  @extend %icon-position;\n  --calcite-accordion-item-flex-direction: row;\n  --calcite-accordion-item-icon-spacing-start: var(--calcite-accordion-icon-margin);\n  --calcite-accordion-item-icon-spacing-end: 0;\n}\n\n.icon-position--end:not(.icon-type--plus-minus) {\n  --calcite-accordion-item-icon-rotation: theme(\"rotate.0\");\n  --calcite-accordion-item-active-icon-rotation: theme(\"rotate.180\");\n  --calcite-accordion-item-icon-rotation-rtl: theme(\"rotate.0\");\n  --calcite-accordion-item-active-icon-rotation-rtl: calc(theme(\"rotate.180\") * -1);\n}\n\n:host {\n  @apply text-color-3\n    relative\n    flex\n    flex-col\n    no-underline;\n  background-color: var(--calcite-accordion-item-background, theme(\"backgroundColor.foreground.1\"));\n}\n\n// focus styles\n:host .header-content {\n  @apply focus-base;\n}\n\n:host(:focus) .header-content {\n  @apply focus-inset\n  outline-none;\n}\n\n:host([expanded]) {\n  @apply text-color-1;\n  & .content {\n    @apply text-color-1 block;\n  }\n  & .header {\n    border-block-end-color: transparent;\n  }\n}\n\n// .header / content\n:host .header {\n  @apply flex items-stretch;\n}\n\n:host .icon {\n  @apply text-color-3\n    relative\n    m-0\n    inline-flex\n    duration-150\n    ease-in-out;\n  margin-inline-end: var(--calcite-accordion-item-icon-spacing-start);\n  margin-inline-start: var(--calcite-accordion-item-icon-spacing-end);\n}\n\n.icon--start {\n  @apply flex items-center;\n  margin-inline-end: var(--calcite-accordion-icon-margin);\n}\n\n.icon--end {\n  @apply flex items-center;\n  margin-inline-end: var(--calcite-accordion-icon-margin);\n  margin-inline-start: var(--calcite-accordion-icon-margin);\n}\n\n.header-container {\n  inline-size: 100%;\n}\n\n.content {\n  padding: var(--calcite-accordion-item-padding);\n}\n\n:host .content,\n:host .header {\n  border-block-end: 1px solid var(--calcite-accordion-item-border, theme(\"borderColor.color.2\"));\n}\n\n:host .header * {\n  @apply inline-flex\n    items-center\n    duration-150\n    ease-in-out;\n  @include word-break();\n}\n\n:host .content {\n  @apply text-color-3 hidden pt-0;\n  text-align: initial;\n}\n\n// accordion item icon\n:host .expand-icon {\n  @apply text-color-3;\n  margin-inline-start: var(--calcite-accordion-item-icon-spacing-start);\n  margin-inline-end: var(--calcite-accordion-item-icon-spacing-end);\n  transform: rotate(var(--calcite-accordion-item-icon-rotation));\n}\n\n.calcite--rtl .expand-icon {\n  transform: rotate(var(--calcite-accordion-item-icon-rotation-rtl));\n}\n\n:host([expanded]) .expand-icon {\n  @apply text-color-3;\n  transform: rotate(var(--calcite-accordion-item-active-icon-rotation));\n}\n\n:host([expanded]) .calcite--rtl .expand-icon {\n  transform: rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));\n}\n\n// accordion item title\n:host .header-text {\n  @apply my-0 flex-grow flex-col py-0;\n  text-align: initial;\n  margin-inline-end: theme(\"margin.auto\");\n}\n\n:host .heading,\n:host .description {\n  @apply flex w-full;\n}\n\n:host .heading {\n  @apply text-color-2 font-medium;\n}\n:host .description {\n  @apply text-color-3 mt-1;\n}\n\n:host(:focus),\n:host(:hover) {\n  & .heading {\n    @apply text-color-1;\n  }\n  & .icon {\n    @apply text-color-1;\n  }\n\n  & .expand-icon {\n    @apply text-color-1;\n  }\n  & .description {\n    @apply text-color-2;\n  }\n}\n\n:host(:focus),\n:host(:active),\n:host([expanded]) {\n  & .heading {\n    @apply text-color-1;\n  }\n  & .icon {\n    @apply text-color-1;\n  }\n  & .description {\n    @apply text-color-2;\n  }\n}\n\n.header-content {\n  @apply flex-grow cursor-pointer;\n  padding: var(--calcite-accordion-item-padding);\n  flex-direction: var(--calcite-accordion-item-flex-direction);\n}\n\n.actions-start,\n.actions-end {\n  @apply flex items-center;\n}\n\n@media (forced-colors: active) {\n  :host([expanded]) {\n    & .header {\n      border-block-end: none;\n    }\n    & .heading {\n      /** give visual indicator of expanded state since subtle color changes can't be done **/\n      font-weight: bolder;\n    }\n  }\n  :host(:hover),\n  :host(:focus) {\n    & .heading {\n      /** give visual indicator of expandability/click-ability since subtle color changes can't be done **/\n      text-decoration: underline;\n    }\n  }\n}\n\n@include base-component();\n","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 {\n  closestElementCrossShadowBoundary,\n  getElementDir,\n  getSlotted,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { FlipContext, Position, Scale, SelectionMode } from \"../interfaces\";\nimport { componentFocusable } from \"../../utils/component\";\nimport { SLOTS, CSS, IDS } from \"./resources\";\nimport { RequestedItem } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding custom content, including nested `calcite-accordion-item`s.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component's header.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component's header.\n */\n@Component({\n  tag: \"calcite-accordion-item\",\n  styleUrl: \"accordion-item.scss\",\n  shadow: true,\n})\nexport class AccordionItem implements ConditionalSlotComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is expanded. */\n  @Prop({ reflect: true, mutable: true }) expanded = false;\n\n  /** Specifies heading text for the component. */\n  @Prop() heading: string;\n\n  /** Specifies a description for the component. */\n  @Prop() description: string;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /**\n   * Specifies the placement of the icon in the header inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() iconPosition: Position;\n\n  /** Specifies the type of the icon in the header inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() iconType: \"chevron\" | \"caret\" | \"plus-minus\";\n\n  /**\n   * The containing `accordion` element.\n   *\n   * @internal\n   */\n  @Prop() accordionParent: HTMLCalciteAccordionElement;\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAccordionItemSelect: EventEmitter<RequestedItem>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAccordionItemClose: EventEmitter<void>;\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  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    return getSlotted(el, SLOTS.actionsStart) ? (\n      <div class={CSS.actionsStart}>\n        <slot name={SLOTS.actionsStart} />\n      </div>\n    ) : null;\n  }\n\n  renderActionsEnd(): VNode {\n    const { el } = this;\n    return getSlotted(el, SLOTS.actionsEnd) ? (\n      <div class={CSS.actionsEnd}>\n        <slot name={SLOTS.actionsEnd} />\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { iconFlipRtl } = this;\n    const dir = getElementDir(this.el);\n    const iconStartEl = this.iconStart ? (\n      <calcite-icon\n        class={CSS.iconStart}\n        flipRtl={iconFlipRtl === \"both\" || iconFlipRtl === \"start\"}\n        icon={this.iconStart}\n        key=\"icon-start\"\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const iconEndEl = this.iconEnd ? (\n      <calcite-icon\n        class={CSS.iconEnd}\n        flipRtl={iconFlipRtl === \"both\" || iconFlipRtl === \"end\"}\n        icon={this.iconEnd}\n        key=\"icon-end\"\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const { description } = this;\n    return (\n      <Host>\n        <div\n          class={{\n            [`icon-position--${this.iconPosition}`]: true,\n            [`icon-type--${this.iconType}`]: true,\n          }}\n        >\n          <div class={{ [CSS.header]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}>\n            {this.renderActionsStart()}\n            <div\n              aria-controls={IDS.section}\n              aria-expanded={toAriaBoolean(this.expanded)}\n              class={CSS.headerContent}\n              id={IDS.sectionToggle}\n              onClick={this.itemHeaderClickHandler}\n              ref={this.storeHeaderEl}\n              role=\"button\"\n              tabindex=\"0\"\n            >\n              <div class={CSS.headerContainer}>\n                {iconStartEl}\n                <div class={CSS.headerText}>\n                  <span class={CSS.heading}>{this.heading}</span>\n                  {description ? <span class={CSS.description}>{description}</span> : null}\n                </div>\n                {iconEndEl}\n              </div>\n              <calcite-icon\n                class={CSS.expandIcon}\n                icon={\n                  this.iconType === \"chevron\"\n                    ? \"chevronDown\"\n                    : this.iconType === \"caret\"\n                      ? \"caretDown\"\n                      : this.expanded\n                        ? \"minus\"\n                        : \"plus\"\n                }\n                scale={getIconScale(this.scale)}\n              />\n            </div>\n            {this.renderActionsEnd()}\n          </div>\n          <section aria-labelledby={IDS.sectionToggle} class={CSS.content} id={IDS.section}>\n            <slot />\n          </section>\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    if (event.target === this.el) {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.emitRequestedItem();\n          event.preventDefault();\n          break;\n      }\n    }\n  }\n\n  @Listen(\"calciteInternalAccordionChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent): void {\n    const [accordion] = event.composedPath();\n    const parent = closestElementCrossShadowBoundary<HTMLCalciteAccordionElement>(\n      this.el,\n      \"calcite-accordion\",\n    );\n\n    if (accordion !== parent) {\n      return;\n    }\n\n    this.determineActiveItem(parent.selectionMode, event.detail.requestedAccordionItem);\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalAccordionItemsSync\", { target: \"document\" })\n  accordionItemSyncHandler(event: CustomEvent): void {\n    const [accordion] = event.composedPath();\n    const accordionItem = this.el;\n\n    // we sync with our accordion parent via event only if the item is wrapped within another component's shadow DOM,\n    // otherwise, the accordion parent will sync the item directly\n\n    const willBeSyncedByDirectParent = accordionItem.parentElement === accordion;\n    if (willBeSyncedByDirectParent) {\n      return;\n    }\n\n    const closestAccordionParent = closestElementCrossShadowBoundary<HTMLCalciteAccordionElement>(\n      accordionItem,\n      \"calcite-accordion\",\n    );\n\n    if (accordion !== closestAccordionParent) {\n      return;\n    }\n\n    accordionItem.iconPosition = closestAccordionParent.iconPosition;\n    accordionItem.iconType = closestAccordionParent.iconType;\n    accordionItem.scale = closestAccordionParent.scale;\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAccordionItemElement;\n\n  private headerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this.el);\n    this.headerEl.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private storeHeaderEl = (el: HTMLDivElement): void => {\n    this.headerEl = el;\n  };\n\n  /** handle clicks on item header */\n  private itemHeaderClickHandler = (): void => this.emitRequestedItem();\n\n  private determineActiveItem(\n    selectionMode: SelectionMode,\n    requestedItem: HTMLCalciteAccordionItemElement,\n  ): void {\n    switch (selectionMode) {\n      case \"multiple\":\n        if (this.el === requestedItem) {\n          this.expanded = !this.expanded;\n        }\n        break;\n\n      case \"single\":\n        this.expanded = this.el === requestedItem ? !this.expanded : false;\n        break;\n\n      case \"single-persist\":\n        this.expanded = this.el === requestedItem;\n        break;\n    }\n  }\n\n  private emitRequestedItem(): void {\n    this.calciteInternalAccordionItemSelect.emit({\n      requestedAccordionItem: this.el as HTMLCalciteAccordionItemElement,\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-a9031091.js

@@ -0,0 +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.9.1-next.1
+ */
+import{d as e}from"./p-3321e84b.js";import"./p-0bbe3b36.js";import"./p-22d5dc3c.js";import"./p-3ba78079.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-23081ea2.js";import"./p-7599ac37.js";import"./p-67d7e16e.js";import"./p-3c66cb95.js";import"./p-ec386b22.js";import"./p-9ce0d310.js";import"./p-2988aea6.js";import"./p-bb1ecc62.js";import"./p-73c764c0.js";import"./p-8a82019f.js";import"./p-8e771cd5.js";import"./p-ce71c1b9.js";import"./p-a3090437.js";var a={name:"nl",weekdays:"zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag".split("_"),weekdaysShort:"zo._ma._di._wo._do._vr._za.".split("_"),weekdaysMin:"zo_ma_di_wo_do_vr_za".split("_"),months:"januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec".split("_"),ordinal:function e(a){return"["+a+(a===1||a===8||a>=20?"ste":"de")+"]"},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD-MM-YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"over %s",past:"%s geleden",s:"een paar seconden",m:"een minuut",mm:"%d minuten",h:"een uur",hh:"%d uur",d:"een dag",dd:"%d dagen",M:"een maand",MM:"%d maanden",y:"een jaar",yy:"%d jaar"}};e.locale(a,null,true);export{a as default};
+//# sourceMappingURL=p-a9031091.js.map

package/dist/calcite/p-a9031091.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["locale","name","weekdays","split","weekdaysShort","weekdaysMin","months","monthsShort","ordinal","n","weekStart","yearStart","formats","LT","LTS","L","LL","LLL","LLLL","relativeTime","future","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/nl.js"],"sourcesContent":["// Dutch [nl]\nimport dayjs from '../index';\nvar locale = {\n  name: 'nl',\n  weekdays: 'zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag'.split('_'),\n  weekdaysShort: 'zo._ma._di._wo._do._vr._za.'.split('_'),\n  weekdaysMin: 'zo_ma_di_wo_do_vr_za'.split('_'),\n  months: 'januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december'.split('_'),\n  monthsShort: 'jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec'.split('_'),\n  ordinal: function ordinal(n) {\n    return \"[\" + n + (n === 1 || n === 8 || n >= 20 ? 'ste' : 'de') + \"]\";\n  },\n  weekStart: 1,\n  yearStart: 4,\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'DD-MM-YYYY',\n    LL: 'D MMMM YYYY',\n    LLL: 'D MMMM YYYY HH:mm',\n    LLLL: 'dddd D MMMM YYYY HH:mm'\n  },\n  relativeTime: {\n    future: 'over %s',\n    past: '%s geleden',\n    s: 'een paar seconden',\n    m: 'een minuut',\n    mm: '%d minuten',\n    h: 'een uur',\n    hh: '%d uur',\n    d: 'een dag',\n    dd: '%d dagen',\n    M: 'een maand',\n    MM: '%d maanden',\n    y: 'een jaar',\n    yy: '%d jaar'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;odAEG,IAACA,EAAS,CACXC,KAAM,KACNC,SAAU,6DAA6DC,MAAM,KAC7EC,cAAe,8BAA8BD,MAAM,KACnDE,YAAa,uBAAuBF,MAAM,KAC1CG,OAAQ,0FAA0FH,MAAM,KACxGI,YAAa,kDAAkDJ,MAAM,KACrEK,QAAS,SAASA,EAAQC,GACxB,MAAO,IAAMA,GAAKA,IAAM,GAAKA,IAAM,GAAKA,GAAK,GAAK,MAAQ,MAAQ,GACtE,EACEC,UAAW,EACXC,UAAW,EACXC,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,cACJC,IAAK,oBACLC,KAAM,0BAERC,aAAc,CACZC,OAAQ,UACRC,KAAM,aACNC,EAAG,oBACHC,EAAG,aACHC,GAAI,aACJC,EAAG,UACHC,GAAI,SACJC,EAAG,UACHC,GAAI,WACJC,EAAG,YACHC,GAAI,aACJC,EAAG,WACHC,GAAI,YAGRC,EAAMjC,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-ab83e2ca.entry.js

@@ -0,0 +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.9.1-next.1
+ */
+import{r as e,c as t,h as i,H as a,g as n}from"./p-0bbe3b36.js";import{s as o,k as r,t as s,g as c,A as l}from"./p-3ba78079.js";import{c as h,d}from"./p-2988aea6.js";import{g as u}from"./p-8deeb4a2.js";import{c as p,u as f,d as m,I as g}from"./p-23081ea2.js";import{a as b,s as v,c as k}from"./p-9ce0d310.js";import{c as y,d as w,s as x,u as C}from"./p-8e771cd5.js";import{g as j}from"./p-b5a7ca46.js";import"./p-4e2bc4be.js";import"./p-67d7e16e.js";import"./p-bb1ecc62.js";import"./p-7599ac37.js";import"./p-ec386b22.js";const z=6e3;const I={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",pagination:"pagination",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemSelected:"pagination-item--selected",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"};const W={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"};const L=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%;--calcite-internal-internal-carousel-item-space:1.5rem;--calcite-internal-internal-carousel-item-space-wide:3.5rem;--calcite-internal-internal-carousel-item-background-color:var(\n    --calcite-internal-carousel-item-background-color,\n    var(--calcite-color-foreground-1)\n  );--calcite-internal-internal-carousel-item-background-color-hover:var(\n    --calcite-internal-carousel-item-background-color-hover,\n    var(--calcite-color-foreground-2)\n  );--calcite-internal-internal-carousel-item-background-color-active:var(\n    --calcite-internal-carousel-item-background-color-active,\n    var(--calcite-color-foreground-2)\n  );--calcite-internal-internal-carousel-item-background-color-selected:var(\n    --calcite-internal-carousel-item-background-color-selected,\n    var(--calcite-color-foreground-1)\n  );--calcite-internal-internal-carousel-item-icon-color-hover:var(\n    --calcite-internal-carousel-item-icon-color-hover,\n    var(--calcite-action-color-transparent-hover)\n  );--calcite-internal-internal-carousel-item-icon-color:var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-3)\n  );--calcite-internal-internal-carousel-item-icon-color-selected:var(\n    --calcite-internal-carousel-item-icon-color-selected,\n    var(--calcite-color-brand)\n  );--calcite-internal-internal-carousel-control-color-hover:var(\n    --calcite-internal-carousel-control-color-hover,\n    var(--calcite-internal-carousel-item-icon-color-hover)\n  );--calcite-internal-internal-carousel-control-color:var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-input)\n  );--calcite-internal-internal-carousel-autoplay-progress-background-color:var(\n    --calcite-internal-carousel-autoplay-progress-background-color,\n    var(--calcite-color-border-3)\n  );--calcite-internal-internal-carousel-autoplay-progress-fill-color:var(\n    --calcite-internal-carousel-autoplay-progress-fill-color,\n    var(--calcite-color-brand)\n  )}.container{position:relative;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);outline-color:transparent}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-internal-carousel-item-space-wide);inline-size:calc(100% - var(--calcite-internal-internal-carousel-item-space-wide) * 2)}.item-container{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;overflow:auto;padding:0.25rem;animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0px}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination{margin:0.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-internal-carousel-control-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-internal-carousel-control-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:3rem;inline-size:3rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-internal-carousel-control-color);--calcite-color-brand:var(--calcite-internal-internal-carousel-autoplay-progress-fill-color);--calcite-color-border-3:var(--calcite-internal-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{margin:0px;block-size:2rem;inline-size:2rem;cursor:pointer;align-items:center;border-style:none;background-color:transparent;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;--calcite-color-foreground-1:var(--calcite-internal-internal-carousel-item-background-color);color:var(--calcite-internal-internal-carousel-item-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{--calcite-color-foreground-1:var(--calcite-internal-internal-carousel-item-background-color-selected);--calcite-color-foreground-3:var(--calcite-internal-internal-carousel-item-background-color-selected);color:var(--calcite-internal-internal-carousel-item-icon-color-selected)}.container--overlaid .pagination-item{background-color:var(--calcite-internal-internal-carousel-item-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}@keyframes item-forward{0%{transform:translate3d(100px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes item-backward{0%{transform:translate3d(-100px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const D=L;const A=class{constructor(a){e(this,a);this.calciteCarouselChange=t(this,"calciteCarouselChange",6);this.calciteCarouselPlay=t(this,"calciteCarouselPlay",6);this.calciteCarouselStop=t(this,"calciteCarouselStop",6);this.calciteCarouselPause=t(this,"calciteCarouselPause",6);this.calciteCarouselResume=t(this,"calciteCarouselResume",6);this.containerId=`calcite-carousel-container-${u()}`;this.slideDurationInterval=null;this.slideInterval=null;this.autoplayHandler=()=>{this.clearIntervals();this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)};this.timer=()=>{let e=this.slideDurationRemaining;const t=!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend;if(t){if(e<=.01){e=1;this.nextItem(false)}else{e=e-.01}}if(e>0){this.slideDurationRemaining=e}};this.handleSlotChange=e=>{const t=o(e);if(t.length<1){return}const i=t.findIndex((e=>e.selected));const a=i>-1?i:0;this.items=t;this.setSelectedItem(a,false)};this.setSelectedItem=(e,t)=>{const i=this.selectedIndex;this.items.forEach(((t,i)=>{const a=e===i;t.selected=a;if(a){this.selectedItem=t;this.selectedIndex=i}}));if(t){this.playing=false;if(i!==this.selectedIndex){this.calciteCarouselChange.emit()}}};this.handleArrowClick=e=>{const t=e.target.dataset.direction;if(t==="next"){this.direction="forward";this.nextItem(true)}else if(t==="previous"){this.direction="backward";this.previousItem()}};this.handleItemSelection=e=>{const t=e.target;const i=parseInt(t.dataset.index);if(i===this.selectedIndex){return}if(this.playing){this.handlePause(true)}this.direction=i>this.selectedIndex?"forward":"backward";this.setSelectedItem(i,true)};this.toggleRotation=()=>{this.userPreventsSuspend=true;if(this.playing){this.handlePause(true)}else{this.handlePlay(true)}};this.handleFocusIn=()=>{const e=this.playing;if(e){this.suspendedDueToFocus=true}if((!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e){this.calciteCarouselPause.emit()}};this.handleMouseIn=()=>{const e=this.playing;if(e){this.suspendedDueToHover=true}if((!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e){this.calciteCarouselPause.emit()}};this.handleMouseOut=e=>{const t=!this.el.contains(e.relatedTarget);const i=this.playing;if(t&&i){this.suspendedDueToHover=false}if(t&&i&&!this.suspendedDueToFocus){this.userPreventsSuspend=false;this.calciteCarouselResume.emit()}};this.handleFocusOut=e=>{const t=!e.composedPath().includes(e.relatedTarget);const i=this.playing;if(t&&i){this.suspendedDueToFocus=false}if(t&&i&&!this.suspendedDueToHover){this.userPreventsSuspend=false;this.calciteCarouselResume.emit()}};this.containerKeyDownHandler=e=>{if(e.target!==this.container){return}switch(e.key){case" ":case"Enter":e.preventDefault();this.toggleRotation();break;case"ArrowRight":this.direction="forward";this.nextItem(true);break;case"ArrowLeft":this.direction="backward";this.previousItem();break;case"Home":e.preventDefault();this.direction="backward";this.setSelectedItem(0,true);break;case"End":e.preventDefault();this.direction="forward";this.setSelectedItem(this.items.length-1,true);break}};this.tabListKeyDownHandler=e=>{const t=Array(...this.tabList.querySelectorAll("button"));const i=e.target;switch(e.key){case"ArrowRight":r(t,i,"next");break;case"ArrowLeft":r(t,i,"previous");break;case"Home":e.preventDefault();r(t,i,"first");break;case"End":e.preventDefault();r(t,i,"last");break}};this.storeTabListRef=e=>{this.tabList=e};this.storeContainerRef=e=>{this.container=e};this.storeItemContainerRef=e=>{this.itemContainer=e};this.renderRotationControl=()=>{const e=this.playing?this.messages.pause:this.messages.play;return i("button",{"aria-label":e,class:{[I.paginationItem]:true,[I.autoplayControl]:true},onClick:this.toggleRotation,title:e},i("calcite-icon",{icon:this.playing?W.pause:W.play,scale:"s"}),this.playing&&i("calcite-progress",{class:I.autoplayProgress,label:this.messages.carouselItemProgress,value:this.slideDurationRemaining}))};this.renderPaginationArea=()=>i("div",{class:{[I.pagination]:true,[I.containerOverlaid]:this.controlOverlay},onKeyDown:this.tabListKeyDownHandler,ref:this.storeTabListRef},(this.playing||this.autoplay===""||this.autoplay||this.autoplay==="paused")&&this.renderRotationControl(),this.arrowType==="inline"&&this.renderArrow("previous"),this.renderPaginationItems(),this.arrowType==="inline"&&this.renderArrow("next"));this.renderPaginationItems=()=>i("div",{"aria-label":this.label,class:I.paginationItems,role:"tablist"},this.items.map(((e,t)=>{const a=t===this.selectedIndex;return i("button",{"aria-controls":!a?e.id:undefined,"aria-selected":s(a),class:{[I.paginationItem]:true,[I.paginationItemIndividual]:true,[I.paginationItemSelected]:a},"data-index":t,key:e.id,onClick:this.handleItemSelection,role:"tab",title:e.label},i("calcite-icon",{icon:a?W.active:W.inactive,scale:"l"}))})));this.renderArrow=e=>{const t=e==="previous";const a=c(this.el);const n=this.arrowType==="edge"?"m":"s";const o=t?I.pagePrevious:I.pageNext;const r=t?this.messages.previous:this.messages.next;const s=t?W.chevronLeft:W.chevronRight;return i("button",{"aria-controls":this.containerId,class:{[I.paginationItem]:true,[o]:true},"data-direction":e,onClick:this.handleArrowClick,title:r},i("calcite-icon",{flipRtl:a==="rtl",icon:s,scale:n}))};this.autoplay=false;this.arrowType="inline";this.autoplayDuration=z;this.controlOverlay=false;this.disabled=false;this.label=undefined;this.messages=undefined;this.messageOverrides=undefined;this.paused=undefined;this.selectedItem=undefined;this.selectedIndex=undefined;this.items=[];this.direction="standby";this.defaultMessages=undefined;this.playing=false;this.suspendedDueToFocus=false;this.suspendedDueToHover=false;this.userPreventsSuspend=false;this.effectiveLocale="";this.suspendedSlideDurationRemaining=1;this.slideDurationRemaining=1}autoplayWatcher(e){if(!e){this.handlePause(false)}}onMessagesChange(){}connectedCallback(){p(this);h(this);y(this)}componentDidLoad(){b(this)}componentDidRender(){f(this)}disconnectedCallback(){m(this);d(this);w(this);this.clearIntervals()}async componentWillLoad(){if((this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"){this.handlePlay(false)}else if(this.autoplay==="paused"){this.paused=true}v(this);await x(this)}async setFocus(){await k(this);this.container?.focus()}async play(){if(this.playing||this.autoplay!==""&&!this.autoplay&&this.autoplay!=="paused"){return}this.handlePlay(true)}async stop(){if(!this.playing){return}this.handlePause(true)}async directionWatcher(e){if(e==="standby"){return}await l(this.itemContainer,e==="forward"?"item-forward":"item-backward");this.direction="standby"}playingWatcher(){this.paused=!this.playing}suspendWatcher(){if(!this.suspendedDueToFocus&&!this.suspendedDueToHover){this.suspendEnd()}else{this.suspendStart()}}async effectiveLocaleChange(){await C(this,this.effectiveLocale)}clearIntervals(){clearInterval(this.slideDurationInterval);clearInterval(this.slideInterval)}nextItem(e){if(this.playing&&e){this.playing=false}const t=j(this.selectedIndex+1,this.items.length);this.setSelectedItem(t,e)}previousItem(){this.playing=false;const e=j(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(e,true)}handlePlay(e){this.playing=true;this.autoplayHandler();this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration);if(e){this.calciteCarouselPlay.emit()}}handlePause(e){this.playing=false;this.clearIntervals();this.slideDurationRemaining=1;this.suspendedSlideDurationRemaining=1;if(e){this.calciteCarouselStop.emit()}}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}render(){const{direction:e}=this;return i(a,{key:"2b23a26497312fd612f485c992fb7b9c8cdbb996"},i(g,{key:"7785faa3c6d065644f7629277d16be3165e1c576",disabled:this.disabled},i("div",{key:"2bfbfdb794a699d387009c69a47d25e384dbf179","aria-label":this.label,"aria-live":this.playing?"off":"polite","aria-roledescription":this.messages.carousel,class:{[I.container]:true,[I.containerOverlaid]:this.controlOverlay,[I.containerEdged]:this.arrowType==="edge"},onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onKeyDown:this.containerKeyDownHandler,onMouseEnter:this.handleMouseIn,onMouseLeave:this.handleMouseOut,ref:this.storeContainerRef,role:"group",tabIndex:0},i("section",{key:"56ec54ffe2e77efc01d566e4657f890e0c2276fc",class:{[I.itemContainer]:true,[I.itemContainerForward]:e==="forward",[I.itemContainerBackward]:e==="backward"},id:this.containerId,ref:this.storeItemContainerRef},i("slot",{key:"6f58f05da06d1a919c6a2607b8853f26cf8effea",onSlotchange:this.handleSlotChange})),this.items.length>1&&this.renderPaginationArea(),this.arrowType==="edge"&&this.renderArrow("previous"),this.arrowType==="edge"&&this.renderArrow("next"))))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{autoplay:["autoplayWatcher"],messageOverrides:["onMessagesChange"],direction:["directionWatcher"],playing:["playingWatcher"],suspendedDueToFocus:["suspendWatcher"],suspendedDueToHover:["suspendWatcher"],effectiveLocale:["effectiveLocaleChange"]}}};A.style=D;const E={container:"container",selected:"selected"};const P=":host{display:flex}.container{display:none;inline-size:var(--calcite-container-size-content-fluid)}:host([selected]) .container{display:block}:host([hidden]){display:none}[hidden]{display:none}";const R=P;const F=class{constructor(t){e(this,t);this.guid=`calcite-carousel-item-${u()}`;this.label=undefined;this.selected=false}render(){const e=this.el.id||this.guid;return i(a,{key:"6d4ac387ae1b4748050c82d8387edd30e6c0e662",id:e},i("div",{key:"c6a4c67d99dd6e34198b2d128efb518e757277ce","aria-label":this.label,class:{[E.container]:true,[E.selected]:this.selected},role:"tabpanel"},i("slot",{key:"2ed94883d41dba5430a39933c6fe91bb25b12703"})))}get el(){return n(this)}};F.style=R;export{A as calcite_carousel,F as calcite_carousel_item};
+//# sourceMappingURL=p-ab83e2ca.entry.js.map

package/dist/calcite/p-ab83e2ca.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DURATION","CSS","container","containerOverlaid","containerEdged","itemContainer","itemContainerForward","itemContainerBackward","pagination","paginationItems","paginationItem","paginationItemIndividual","paginationItemSelected","pageNext","pagePrevious","autoplayControl","autoplayProgress","ICONS","chevronLeft","chevronRight","inactive","active","pause","play","carouselCss","CalciteCarouselStyle0","Carousel","this","containerId","guid","slideDurationInterval","slideInterval","autoplayHandler","clearIntervals","setInterval","timer","autoplayDuration","time","slideDurationRemaining","notSuspended","suspendedDueToFocus","suspendedDueToHover","userPreventsSuspend","nextItem","handleSlotChange","event","items","slotChangeGetAssignedElements","length","activeItemIndex","findIndex","item","selected","requestedSelectedIndex","setSelectedItem","requestedIndex","emit","previousSelected","selectedIndex","forEach","el","index","isMatch","selectedItem","playing","calciteCarouselChange","handleArrowClick","direction","target","dataset","previousItem","handleItemSelection","requestedPosition","parseInt","handlePause","toggleRotation","handlePlay","handleFocusIn","isPlaying","calciteCarouselPause","handleMouseIn","handleMouseOut","leavingComponent","contains","relatedTarget","calciteCarouselResume","handleFocusOut","composedPath","includes","containerKeyDownHandler","key","preventDefault","tabListKeyDownHandler","interactiveItems","Array","tabList","querySelectorAll","currentEl","focusElementInGroup","storeTabListRef","storeContainerRef","storeItemContainerRef","renderRotationControl","text","messages","h","class","onClick","title","icon","scale","label","carouselItemProgress","value","renderPaginationArea","controlOverlay","onKeyDown","ref","autoplay","arrowType","renderArrow","renderPaginationItems","role","map","id","undefined","toAriaBoolean","isPrev","dir","getElementDir","css","previous","next","flipRtl","autoplayWatcher","onMessagesChange","connectedCallback","connectInteractive","connectLocalized","connectMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","disconnectLocalized","disconnectMessages","componentWillLoad","paused","setUpLoadableComponent","setUpMessages","setFocus","componentFocusable","focus","stop","directionWatcher","whenAnimationDone","playingWatcher","suspendWatcher","suspendEnd","suspendStart","effectiveLocaleChange","updateMessages","effectiveLocale","clearInterval","nextIndex","getRoundRobinIndex","prevIndex","Math","max","calciteCarouselPlay","suspendedSlideDurationRemaining","calciteCarouselStop","render","Host","InteractiveContainer","disabled","carousel","onFocusin","onFocusout","onMouseEnter","onMouseLeave","tabIndex","onSlotchange","carouselItemCss","CalciteCarouselItemStyle0","CarouselItem"],"sources":["src/components/carousel/resources.ts","src/components/carousel/carousel.scss?tag=calcite-carousel&encapsulation=shadow","src/components/carousel/carousel.tsx","src/components/carousel-item/resources.ts","src/components/carousel-item/carousel-item.scss?tag=calcite-carousel-item&encapsulation=shadow","src/components/carousel-item/carousel-item.tsx"],"sourcesContent":["export const DURATION = 6000;\n\nexport const CSS = {\n  container: \"container\",\n  containerOverlaid: \"container--overlaid\",\n  containerEdged: \"container--edged\",\n  itemContainer: \"item-container\",\n  itemContainerForward: \"item-container--forward\",\n  itemContainerBackward: \"item-container--backward\",\n  pagination: \"pagination\",\n  paginationItems: \"pagination-items\",\n  paginationItem: \"pagination-item\",\n  paginationItemIndividual: \"pagination-item--individual\",\n  paginationItemSelected: \"pagination-item--selected\",\n  pageNext: \"page-next\",\n  pagePrevious: \"page-previous\",\n  autoplayControl: \"autoplay-control\",\n  autoplayProgress: \"autoplay-progress\",\n};\n\nexport const ICONS = {\n  chevronLeft: \"chevron-left\",\n  chevronRight: \"chevron-right\",\n  inactive: \"bullet-point\",\n  active: \"bullet-point-large\",\n  pause: \"pause-f\",\n  play: \"play-f\",\n};\n","/**\n  * Local props\n  * These properties are intended for internal component use only. It is not recommended that these properties be overwritten.\n  * These should be made public and documented post-release of token work.\n  *\n  * --calcite-internal-carousel-item-background-color-active: Specifies the background color of the component's slide item while active.\n  * --calcite-internal-carousel-item-background-color-hover: Specifies the background color of the component's slide item while hovered.\n  * --calcite-internal-carousel-item-background-color-selected: Specifies the background color of the component's slide item when selected.\n  * --calcite-internal-carousel-item-background-color: Specifies the background color of the component's slide item.\n  * --calcite-internal-carousel-item-icon-color-hover: Specifies the icon color of the component's slide item while hovered.\n  * --calcite-internal-carousel-item-icon-color-selected: Specifies the icon color of the component's slide item when selected.\n  * --calcite-internal-carousel-item-icon-color: Specifies the icon color of the component's slide item.\n  * --calcite-internal-carousel-control-color-hover: Specifies the icon color of the component's slide slide arrow and autoplay button while hovered.\n  * --calcite-internal-carousel-control-color: Specifies the icon color of the component's slide arrow and autoplay button.\n  * --calcite-internal-carousel-autoplay-progress-background-color: Specifies the background color of the component's progress when `autoplay`.\n  * --calcite-internal-carousel-autoplay-progress-fill-color: Specifies the fill color of the component's progress when `autoplay`.\n  *\n*/\n\n:host {\n  @apply flex w-full;\n  --calcite-internal-internal-carousel-item-space: 1.5rem;\n  --calcite-internal-internal-carousel-item-space-wide: 3.5rem;\n  --calcite-internal-internal-carousel-item-background-color: var(\n    --calcite-internal-carousel-item-background-color,\n    var(--calcite-color-foreground-1)\n  );\n  --calcite-internal-internal-carousel-item-background-color-hover: var(\n    --calcite-internal-carousel-item-background-color-hover,\n    var(--calcite-color-foreground-2)\n  );\n  --calcite-internal-internal-carousel-item-background-color-active: var(\n    --calcite-internal-carousel-item-background-color-active,\n    var(--calcite-color-foreground-2)\n  );\n  --calcite-internal-internal-carousel-item-background-color-selected: var(\n    --calcite-internal-carousel-item-background-color-selected,\n    var(--calcite-color-foreground-1)\n  );\n  --calcite-internal-internal-carousel-item-icon-color-hover: var(\n    --calcite-internal-carousel-item-icon-color-hover,\n    var(--calcite-action-color-transparent-hover)\n  );\n  --calcite-internal-internal-carousel-item-icon-color: var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-3)\n  );\n  --calcite-internal-internal-carousel-item-icon-color-selected: var(\n    --calcite-internal-carousel-item-icon-color-selected,\n    var(--calcite-color-brand)\n  );\n  --calcite-internal-internal-carousel-control-color-hover: var(\n    --calcite-internal-carousel-control-color-hover,\n    var(--calcite-internal-carousel-item-icon-color-hover)\n  );\n  --calcite-internal-internal-carousel-control-color: var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-input)\n  );\n  --calcite-internal-internal-carousel-autoplay-progress-background-color: var(\n    --calcite-internal-carousel-autoplay-progress-background-color,\n    var(--calcite-color-border-3)\n  );\n  --calcite-internal-internal-carousel-autoplay-progress-fill-color: var(\n    --calcite-internal-carousel-autoplay-progress-fill-color,\n    var(--calcite-color-brand)\n  );\n}\n\n.container {\n  @apply focus-base\n   relative\n    flex\n    flex-col\n    overflow-hidden\n    text-color-2\n    text-n1h\n    w-full;\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\n.container--edged:not(.container--overlaid) {\n  padding-inline: var(--calcite-internal-internal-carousel-item-space-wide);\n  inline-size: calc(100% - var(--calcite-internal-internal-carousel-item-space-wide) * 2);\n}\n\n.item-container {\n  @apply flex\n    items-start\n    justify-center\n    overflow-auto\n    flex-auto\n    p-1;\n  animation-name: none;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.container--overlaid .item-container {\n  @apply p-0;\n}\n\n.item-container--forward {\n  animation-name: item-forward;\n}\n\n.item-container--backward {\n  animation-name: item-backward;\n}\n\ncalcite-carousel-item:not([selected]) {\n  opacity: 0;\n}\n\n.pagination {\n  @apply flex\n  flex-row\n  items-center\n  justify-center\n  m-3;\n  inline-size: auto;\n}\n\n.pagination-items {\n  @apply flex flex-row items-center;\n}\n\n.container--overlaid .pagination {\n  position: absolute;\n}\n\n.pagination-item.page-next,\n.pagination-item.page-previous {\n  color: var(--calcite-internal-internal-carousel-control-color);\n  &:hover {\n    color: var(--calcite-internal-internal-carousel-control-color-hover);\n  }\n}\n\n.container--edged {\n  .page-next,\n  .page-previous {\n    @apply h-12 w-12;\n    position: absolute;\n    inset-block-start: 50%;\n    transform: translateY(-50%);\n  }\n\n  .page-next {\n    inset-inline-end: 0;\n  }\n\n  .page-previous {\n    inset-inline-start: 0;\n  }\n}\n\n.container--overlaid .pagination {\n  inset-block-start: unset;\n  inset-block-end: 0;\n  inset-inline: 0;\n}\n\n.pagination-item.autoplay-control {\n  position: relative;\n  color: var(--calcite-internal-internal-carousel-control-color);\n  --calcite-color-brand: var(--calcite-internal-internal-carousel-autoplay-progress-fill-color);\n  --calcite-color-border-3: var(--calcite-internal-internal-carousel-autoplay-progress-background-color);\n}\n\n.autoplay-control:focus .autoplay-progress {\n  inset-block-end: 4px;\n  inset-inline: 2px;\n  inline-size: calc(100% - 4px);\n}\n\n.autoplay-progress {\n  position: absolute;\n  inset-block-end: 2px;\n  inset-inline: 0;\n  inline-size: 100%;\n}\n\n.pagination-item {\n  @apply focus-base\n    transition-default\n    m-0\n    h-8\n    w-8\n    cursor-pointer\n    items-center\n    border-none\n    bg-transparent;\n  -webkit-appearance: none;\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  --calcite-color-foreground-1: var(--calcite-internal-internal-carousel-item-background-color);\n  color: var(--calcite-internal-internal-carousel-item-icon-color);\n  &:hover {\n    background-color: var(--calcite-internal-internal-carousel-item-background-color-hover);\n    color: var(--calcite-internal-internal-carousel-item-icon-color-hover);\n  }\n  &:focus {\n    background-color: var(--calcite-internal-internal-carousel-item-background-color-active);\n    @apply focus-inset;\n  }\n  &:active {\n    background-color: var(--calcite-internal-internal-carousel-item-background-color-active);\n    color: var(--calcite-internal-internal-carousel-item-icon-color-hover);\n  }\n  & calcite-icon {\n    color: inherit;\n    pointer-events: none;\n  }\n  &.pagination-item--selected {\n    --calcite-color-foreground-1: var(--calcite-internal-internal-carousel-item-background-color-selected);\n    --calcite-color-foreground-3: var(--calcite-internal-internal-carousel-item-background-color-selected);\n    color: var(--calcite-internal-internal-carousel-item-icon-color-selected);\n  }\n}\n\n.container--overlaid .pagination-item {\n  background-color: var(--calcite-internal-internal-carousel-item-background-color);\n  &:hover {\n    background-color: var(--calcite-internal-internal-carousel-item-background-color-hover);\n  }\n  &:focus {\n    background-color: var(--calcite-internal-internal-carousel-item-background-color-active);\n  }\n  &:active {\n    background-color: var(--calcite-internal-internal-carousel-item-background-color-active);\n  }\n}\n\n@keyframes item-forward {\n  0% {\n    transform: translate3d(100px, 0, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes item-backward {\n  0% {\n    transform: translate3d(-100px, 0, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n@include disabled();\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  h,\n  Host,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  focusElementInGroup,\n  getElementDir,\n  slotChangeGetAssignedElements,\n  toAriaBoolean,\n  whenAnimationDone,\n} from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  updateHostInteraction,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n} from \"../../utils/interactive\";\nimport {\n  LoadableComponent,\n  componentFocusable,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { CSS, DURATION, ICONS } from \"./resources\";\nimport { CarouselMessages } from \"./assets/carousel/t9n\";\nimport { ArrowType, AutoplayType } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding `calcite-carousel-item`s.\n */\n@Component({\n  tag: \"calcite-carousel\",\n  styleUrl: \"carousel.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Carousel\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the carousel will autoplay and controls will be displayed. When \"paused\" at time of initialization, the carousel will not autoplay, but controls will be displayed.\n   */\n  @Prop({ reflect: true }) autoplay: AutoplayType = false;\n\n  @Watch(\"autoplay\")\n  autoplayWatcher(autoplay: boolean): void {\n    if (!autoplay) {\n      this.handlePause(false);\n    }\n  }\n\n  /**\n   * Specifies how and if the \"previous\" and \"next\" arrows are displayed.\n   */\n  @Prop({ reflect: true }) arrowType: ArrowType = \"inline\";\n\n  /**\n   *  When `autoplay` is `true`, specifies in milliseconds the length of time to display each Carousel Item.\n   */\n  @Prop({ reflect: true }) autoplayDuration = DURATION;\n\n  /**\n   * Specifies if the component's controls are positioned absolutely on top of slotted Carousel Items.\n   */\n  @Prop({ reflect: true }) controlOverlay = false;\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   * Accessible name for the component.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: CarouselMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<CarouselMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) paused: boolean;\n\n  /**\n   * The component's selected `calcite-carousel-item`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItem: HTMLCalciteCarouselItemElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.clearIntervals();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    /* When the 'autoplay' property of type 'boolean | string' is set to true, the value is \"\". */\n    if ((this.autoplay === \"\" || this.autoplay) && this.autoplay !== \"paused\") {\n      this.handlePlay(false);\n    } else if (this.autoplay === \"paused\") {\n      this.paused = true;\n    }\n    setUpLoadableComponent(this);\n\n    await setUpMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.container?.focus();\n  }\n\n  /** Play the carousel. If `autoplay` is not enabled (initialized either to `true` or `\"paused\"`), these methods will have no effect. */\n  @Method()\n  async play(): Promise<void> {\n    /* When the 'autoplay' property of type 'boolean | string' is set to true, the value is \"\". */\n    if (this.playing || (this.autoplay !== \"\" && !this.autoplay && this.autoplay !== \"paused\")) {\n      return;\n    }\n    this.handlePlay(true);\n  }\n\n  /** Stop the carousel. If `autoplay` is not enabled (initialized either to `true` or `\"paused\"`), these methods will have no effect. */\n  @Method()\n  async stop(): Promise<void> {\n    if (!this.playing) {\n      return;\n    }\n    this.handlePause(true);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteCarouselElement;\n\n  @State() selectedIndex: number;\n\n  @State() items: HTMLCalciteCarouselItemElement[] = [];\n\n  @State() direction: \"forward\" | \"backward\" | \"standby\" = \"standby\";\n\n  @Watch(\"direction\")\n  async directionWatcher(direction: string): Promise<void> {\n    if (direction === \"standby\") {\n      return;\n    }\n\n    await whenAnimationDone(\n      this.itemContainer,\n      direction === \"forward\" ? \"item-forward\" : \"item-backward\",\n    );\n    this.direction = \"standby\";\n  }\n\n  @State() defaultMessages: CarouselMessages;\n\n  @State() playing = false;\n\n  @Watch(\"playing\")\n  playingWatcher(): void {\n    this.paused = !this.playing;\n  }\n\n  @State() suspendedDueToFocus = false;\n\n  @State() suspendedDueToHover = false;\n\n  @Watch(\"suspendedDueToFocus\")\n  @Watch(\"suspendedDueToHover\")\n  suspendWatcher(): void {\n    if (!this.suspendedDueToFocus && !this.suspendedDueToHover) {\n      this.suspendEnd();\n    } else {\n      this.suspendStart();\n    }\n  }\n\n  @State() userPreventsSuspend = false;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  async effectiveLocaleChange(): Promise<void> {\n    await updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() suspendedSlideDurationRemaining = 1;\n\n  @State() slideDurationRemaining = 1;\n\n  private container: HTMLDivElement;\n\n  private containerId = `calcite-carousel-container-${guid()}`;\n\n  private slideDurationInterval = null;\n\n  private slideInterval = null;\n\n  private tabList: HTMLDivElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /** Fires when the selected `calcite-carousel-item` changes. */\n  @Event({ cancelable: false }) calciteCarouselChange: EventEmitter<void>;\n\n  /** Fires when the carousel autoplay is invoked by the user. */\n  @Event({ cancelable: false }) calciteCarouselPlay: EventEmitter<void>;\n\n  /** Fires when the carousel autoplay state is stopped by a user. */\n  @Event({ cancelable: false }) calciteCarouselStop: EventEmitter<void>;\n\n  /** Fires when the carousel autoplay state pauses due to a user hovering over the component or focusing on the component or slotted content */\n  @Event({ cancelable: false }) calciteCarouselPause: EventEmitter<void>;\n\n  /** Fires when the carousel autoplay state resumes due to a user no longer hovering over the component or focusing on the component or slotted content */\n  @Event({ cancelable: false }) calciteCarouselResume: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private clearIntervals() {\n    clearInterval(this.slideDurationInterval);\n    clearInterval(this.slideInterval);\n  }\n\n  private nextItem(emit: boolean) {\n    if (this.playing && emit) {\n      this.playing = false;\n    }\n    const nextIndex = getRoundRobinIndex(this.selectedIndex + 1, this.items.length);\n    this.setSelectedItem(nextIndex, emit);\n  }\n\n  private previousItem() {\n    this.playing = false;\n    const prevIndex = getRoundRobinIndex(Math.max(this.selectedIndex - 1, -1), this.items.length);\n    this.setSelectedItem(prevIndex, true);\n  }\n\n  private handlePlay(emit: boolean) {\n    this.playing = true;\n    this.autoplayHandler();\n    this.slideInterval = setInterval(this.autoplayHandler, this.autoplayDuration);\n    if (emit) {\n      this.calciteCarouselPlay.emit();\n    }\n  }\n\n  private handlePause(emit: boolean) {\n    this.playing = false;\n    this.clearIntervals();\n    this.slideDurationRemaining = 1;\n    this.suspendedSlideDurationRemaining = 1;\n    if (emit) {\n      this.calciteCarouselStop.emit();\n    }\n  }\n\n  private suspendStart() {\n    this.suspendedSlideDurationRemaining = this.slideDurationRemaining;\n  }\n\n  private suspendEnd() {\n    this.slideDurationRemaining = this.suspendedSlideDurationRemaining;\n  }\n\n  private autoplayHandler = (): void => {\n    this.clearIntervals();\n    this.slideDurationInterval = setInterval(this.timer, this.autoplayDuration / 100);\n  };\n\n  private timer = (): void => {\n    let time = this.slideDurationRemaining;\n    const notSuspended =\n      (!this.suspendedDueToFocus && !this.suspendedDueToHover) || this.userPreventsSuspend;\n    if (notSuspended) {\n      if (time <= 0.01) {\n        time = 1;\n        this.nextItem(false);\n      } else {\n        time = time - 0.01;\n      }\n    }\n    if (time > 0) {\n      this.slideDurationRemaining = time;\n    }\n  };\n\n  private handleSlotChange = (event: Event): void => {\n    const items = slotChangeGetAssignedElements(event) as HTMLCalciteCarouselItemElement[];\n\n    if (items.length < 1) {\n      return;\n    }\n\n    const activeItemIndex = items.findIndex((item) => item.selected);\n    const requestedSelectedIndex = activeItemIndex > -1 ? activeItemIndex : 0;\n\n    this.items = items;\n    this.setSelectedItem(requestedSelectedIndex, false);\n  };\n\n  private setSelectedItem = (requestedIndex: number, emit: boolean): void => {\n    const previousSelected = this.selectedIndex;\n    this.items.forEach((el, index) => {\n      const isMatch = requestedIndex === index;\n      el.selected = isMatch;\n      if (isMatch) {\n        this.selectedItem = el;\n        this.selectedIndex = index;\n      }\n    });\n\n    if (emit) {\n      this.playing = false;\n      if (previousSelected !== this.selectedIndex) {\n        this.calciteCarouselChange.emit();\n      }\n    }\n  };\n\n  private handleArrowClick = (event: MouseEvent): void => {\n    const direction = (event.target as HTMLDivElement).dataset.direction;\n    if (direction === \"next\") {\n      this.direction = \"forward\";\n      this.nextItem(true);\n    } else if (direction === \"previous\") {\n      this.direction = \"backward\";\n      this.previousItem();\n    }\n  };\n\n  private handleItemSelection = (event: MouseEvent): void => {\n    const item = event.target as HTMLCalciteActionElement;\n    const requestedPosition = parseInt(item.dataset.index);\n\n    if (requestedPosition === this.selectedIndex) {\n      return;\n    }\n\n    if (this.playing) {\n      this.handlePause(true);\n    }\n\n    this.direction = requestedPosition > this.selectedIndex ? \"forward\" : \"backward\";\n    this.setSelectedItem(requestedPosition, true);\n  };\n\n  private toggleRotation = (): void => {\n    this.userPreventsSuspend = true;\n    if (this.playing) {\n      this.handlePause(true);\n    } else {\n      this.handlePlay(true);\n    }\n  };\n\n  private handleFocusIn = (): void => {\n    const isPlaying = this.playing;\n\n    if (isPlaying) {\n      this.suspendedDueToFocus = true;\n    }\n    if ((!this.suspendedDueToFocus || !this.suspendedDueToHover) && isPlaying) {\n      this.calciteCarouselPause.emit();\n    }\n  };\n\n  private handleMouseIn = (): void => {\n    const isPlaying = this.playing;\n\n    if (isPlaying) {\n      this.suspendedDueToHover = true;\n    }\n    if ((!this.suspendedDueToFocus || !this.suspendedDueToHover) && isPlaying) {\n      this.calciteCarouselPause.emit();\n    }\n  };\n\n  private handleMouseOut = (event: MouseEvent): void => {\n    const leavingComponent = !this.el.contains(event.relatedTarget as HTMLElement);\n    const isPlaying = this.playing;\n\n    if (leavingComponent && isPlaying) {\n      this.suspendedDueToHover = false;\n    }\n    if (leavingComponent && isPlaying && !this.suspendedDueToFocus) {\n      this.userPreventsSuspend = false;\n      this.calciteCarouselResume.emit();\n    }\n  };\n\n  private handleFocusOut = (event: FocusEvent): void => {\n    const leavingComponent = !event.composedPath().includes(event.relatedTarget as HTMLElement);\n    const isPlaying = this.playing;\n\n    if (leavingComponent && isPlaying) {\n      this.suspendedDueToFocus = false;\n    }\n    if (leavingComponent && isPlaying && !this.suspendedDueToHover) {\n      this.userPreventsSuspend = false;\n      this.calciteCarouselResume.emit();\n    }\n  };\n\n  private containerKeyDownHandler = (event: KeyboardEvent): void => {\n    if (event.target !== this.container) {\n      return;\n    }\n\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        event.preventDefault();\n        this.toggleRotation();\n        break;\n      case \"ArrowRight\":\n        this.direction = \"forward\";\n        this.nextItem(true);\n        break;\n      case \"ArrowLeft\":\n        this.direction = \"backward\";\n        this.previousItem();\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.direction = \"backward\";\n        this.setSelectedItem(0, true);\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.direction = \"forward\";\n        this.setSelectedItem(this.items.length - 1, true);\n        break;\n    }\n  };\n\n  private tabListKeyDownHandler = (event: KeyboardEvent): void => {\n    const interactiveItems = Array(...this.tabList.querySelectorAll(\"button\"));\n    const currentEl = event.target as HTMLCalciteActionElement;\n    switch (event.key) {\n      case \"ArrowRight\":\n        focusElementInGroup(interactiveItems, currentEl, \"next\");\n        break;\n      case \"ArrowLeft\":\n        focusElementInGroup(interactiveItems, currentEl, \"previous\");\n        break;\n      case \"Home\":\n        event.preventDefault();\n        focusElementInGroup(interactiveItems, currentEl, \"first\");\n        break;\n      case \"End\":\n        event.preventDefault();\n        focusElementInGroup(interactiveItems, currentEl, \"last\");\n        break;\n    }\n  };\n\n  private storeTabListRef = (el: HTMLDivElement): void => {\n    this.tabList = el;\n  };\n\n  private storeContainerRef = (el: HTMLDivElement): void => {\n    this.container = el;\n  };\n\n  private itemContainer: HTMLDivElement;\n\n  private storeItemContainerRef = (el: HTMLDivElement): void => {\n    this.itemContainer = el;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderRotationControl = (): VNode => {\n    const text = this.playing ? this.messages.pause : this.messages.play;\n    return (\n      <button\n        aria-label={text}\n        class={{\n          [CSS.paginationItem]: true,\n          [CSS.autoplayControl]: true,\n        }}\n        onClick={this.toggleRotation}\n        title={text}\n      >\n        <calcite-icon icon={this.playing ? ICONS.pause : ICONS.play} scale=\"s\" />\n        {this.playing && (\n          <calcite-progress\n            class={CSS.autoplayProgress}\n            label={this.messages.carouselItemProgress}\n            value={this.slideDurationRemaining}\n          />\n        )}\n      </button>\n    );\n  };\n\n  renderPaginationArea = (): VNode => (\n    <div\n      class={{\n        [CSS.pagination]: true,\n        [CSS.containerOverlaid]: this.controlOverlay,\n      }}\n      onKeyDown={this.tabListKeyDownHandler}\n      ref={this.storeTabListRef}\n    >\n      {(this.playing || this.autoplay === \"\" || this.autoplay || this.autoplay === \"paused\") &&\n        this.renderRotationControl()}\n      {this.arrowType === \"inline\" && this.renderArrow(\"previous\")}\n      {this.renderPaginationItems()}\n      {this.arrowType === \"inline\" && this.renderArrow(\"next\")}\n    </div>\n  );\n\n  renderPaginationItems = (): VNode => (\n    <div aria-label={this.label} class={CSS.paginationItems} role=\"tablist\">\n      {this.items.map((item, index) => {\n        const isMatch = index === this.selectedIndex;\n        return (\n          <button\n            aria-controls={!isMatch ? item.id : undefined}\n            aria-selected={toAriaBoolean(isMatch)}\n            class={{\n              [CSS.paginationItem]: true,\n              [CSS.paginationItemIndividual]: true,\n              [CSS.paginationItemSelected]: isMatch,\n            }}\n            data-index={index}\n            key={item.id}\n            onClick={this.handleItemSelection}\n            role=\"tab\"\n            title={item.label}\n          >\n            <calcite-icon icon={isMatch ? ICONS.active : ICONS.inactive} scale=\"l\" />\n          </button>\n        );\n      })}\n    </div>\n  );\n\n  renderArrow = (direction: \"previous\" | \"next\"): VNode => {\n    const isPrev = direction === \"previous\";\n    const dir = getElementDir(this.el);\n    const scale = this.arrowType === \"edge\" ? \"m\" : \"s\";\n    const css = isPrev ? CSS.pagePrevious : CSS.pageNext;\n    const title = isPrev ? this.messages.previous : this.messages.next;\n    const icon = isPrev ? ICONS.chevronLeft : ICONS.chevronRight;\n    return (\n      <button\n        aria-controls={this.containerId}\n        class={{ [CSS.paginationItem]: true, [css]: true }}\n        data-direction={direction}\n        onClick={this.handleArrowClick}\n        title={title}\n      >\n        <calcite-icon flipRtl={dir === \"rtl\"} icon={icon} scale={scale} />\n      </button>\n    );\n  };\n\n  render(): VNode {\n    const { direction } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-label={this.label}\n            aria-live={this.playing ? \"off\" : \"polite\"}\n            aria-roledescription={this.messages.carousel}\n            class={{\n              [CSS.container]: true,\n              [CSS.containerOverlaid]: this.controlOverlay,\n              [CSS.containerEdged]: this.arrowType === \"edge\",\n            }}\n            onFocusin={this.handleFocusIn}\n            onFocusout={this.handleFocusOut}\n            onKeyDown={this.containerKeyDownHandler}\n            onMouseEnter={this.handleMouseIn}\n            onMouseLeave={this.handleMouseOut}\n            ref={this.storeContainerRef}\n            role=\"group\"\n            tabIndex={0}\n          >\n            <section\n              class={{\n                [CSS.itemContainer]: true,\n                [CSS.itemContainerForward]: direction === \"forward\",\n                [CSS.itemContainerBackward]: direction === \"backward\",\n              }}\n              id={this.containerId}\n              // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop\n              ref={this.storeItemContainerRef}\n            >\n              <slot onSlotchange={this.handleSlotChange} />\n            </section>\n            {this.items.length > 1 && this.renderPaginationArea()}\n            {this.arrowType === \"edge\" && this.renderArrow(\"previous\")}\n            {this.arrowType === \"edge\" && this.renderArrow(\"next\")}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  selected: \"selected\",\n};\n",":host {\n  @apply flex;\n}\n\n.container {\n  @apply hidden;\n  inline-size: var(--calcite-container-size-content-fluid);\n}\n\n:host([selected]) .container {\n  @apply block;\n}\n\n@include base-component();\n","import { Component, Element, h, Host, Prop, VNode } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding content.\n */\n@Component({\n  tag: \"calcite-carousel-item\",\n  styleUrl: \"carousel-item.scss\",\n  shadow: true,\n})\nexport class CarouselItem {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop() label!: string;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true }) selected = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteCarouselItemElement;\n\n  private guid = `calcite-carousel-item-${guid()}`;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const id = this.el.id || this.guid;\n    return (\n      <Host id={id}>\n        <div\n          aria-label={this.label}\n          class={{ [CSS.container]: true, [CSS.selected]: this.selected }}\n          role=\"tabpanel\"\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-ac3ccbf2.entry.js

@@ -0,0 +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.9.1-next.1
+ */
+import{r as t,c as a,h as i,H as e,g as s}from"./p-0bbe3b36.js";import{c as n}from"./p-bb1ecc62.js";import{s as l,a as c,c as o}from"./p-9ce0d310.js";import{V as h}from"./p-a3090437.js";import"./p-ec386b22.js";const r={itemWrapper:"item-wrapper"};const d=":host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{column-gap:1rem}:host([layout=horizontal][scale=m])>.item-wrapper{column-gap:1.25rem}:host([layout=horizontal][scale=l])>.item-wrapper{column-gap:1.5rem}:host([layout=vertical])>.item-wrapper{flex-direction:column}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-xxs) * -1)}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-sm) * -1)}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-md) * -1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";const p=d;const u=class{constructor(i){t(this,i);this.calciteRadioButtonGroupChange=a(this,"calciteRadioButtonGroupChange",6);this.mutationObserver=n("mutation",(()=>this.passPropsToRadioButtons()));this.passPropsToRadioButtons=()=>{this.radioButtons=Array.from(this.el.querySelectorAll("calcite-radio-button"));this.selectedItem=Array.from(this.radioButtons).find((t=>t.checked))||null;if(this.radioButtons.length>0){this.radioButtons.forEach((t=>{t.disabled=this.disabled||t.disabled;t.hidden=this.el.hidden;t.name=this.name;t.required=this.required;t.scale=this.scale}))}};this.disabled=false;this.layout="horizontal";this.name=undefined;this.required=false;this.selectedItem=null;this.scale="m";this.status="idle";this.validationMessage=undefined;this.validationIcon=undefined;this.radioButtons=[]}handleHiddenChange(){this.passPropsToRadioButtons()}onDisabledChange(){this.passPropsToRadioButtons()}onLayoutChange(){this.passPropsToRadioButtons()}onScaleChange(){this.passPropsToRadioButtons()}connectedCallback(){this.passPropsToRadioButtons();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}componentWillLoad(){l(this)}componentDidLoad(){c(this)}disconnectedCallback(){this.mutationObserver?.disconnect()}getFocusableRadioButton(){return this.radioButtons.find((t=>!t.disabled))??null}async setFocus(){await o(this);if(this.selectedItem&&!this.selectedItem.disabled){return this.selectedItem.setFocus()}if(this.radioButtons.length>0){return this.getFocusableRadioButton()?.setFocus()}}radioButtonChangeHandler(t){this.selectedItem=t.target;this.calciteRadioButtonGroupChange.emit()}render(){return i(e,{key:"f47662cbbf7bcc5a0869b3da3c955d9f68d376e0",role:"radiogroup"},i("div",{key:"21ba5496149dc7791283edb739e1a86e29b5729e",class:r.itemWrapper},i("slot",{key:"d74cb3e6cea5158e3df314ad3cd5313714aa4e4c"})),this.validationMessage&&this.status==="invalid"?i(h,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null)}get el(){return s(this)}static get watchers(){return{hidden:["handleHiddenChange"],disabled:["onDisabledChange"],layout:["onLayoutChange"],scale:["onScaleChange"]}}};u.style=p;export{u as calcite_radio_button_group};
+//# sourceMappingURL=p-ac3ccbf2.entry.js.map

package/dist/calcite/p-ac3ccbf2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","itemWrapper","radioButtonGroupCss","CalciteRadioButtonGroupStyle0","RadioButtonGroup","this","mutationObserver","createObserver","passPropsToRadioButtons","radioButtons","Array","from","el","querySelectorAll","selectedItem","find","radioButton","checked","length","forEach","disabled","hidden","name","required","scale","handleHiddenChange","onDisabledChange","onLayoutChange","onScaleChange","connectedCallback","observe","childList","subtree","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnect","getFocusableRadioButton","radiobutton","setFocus","componentFocusable","radioButtonChangeHandler","event","target","calciteRadioButtonGroupChange","emit","render","h","Host","key","role","class","validationMessage","status","Validation","icon","validationIcon","message"],"sources":["src/components/radio-button-group/resources.ts","src/components/radio-button-group/radio-button-group.scss?tag=calcite-radio-button-group&encapsulation=shadow","src/components/radio-button-group/radio-button-group.tsx"],"sourcesContent":["export const CSS = {\n  itemWrapper: \"item-wrapper\",\n};\n",":host {\n  @apply flex flex-col;\n}\n\n:host > .item-wrapper {\n  @apply flex;\n  max-inline-size: 100vw;\n}\n\n:host([layout=\"horizontal\"]) > .item-wrapper {\n  @apply flex-row flex-wrap;\n}\n\n:host([layout=\"horizontal\"][scale=\"s\"]) > .item-wrapper {\n  @apply gap-x-4;\n}\n\n:host([layout=\"horizontal\"][scale=\"m\"]) > .item-wrapper {\n  @apply gap-x-5;\n}\n\n:host([layout=\"horizontal\"][scale=\"l\"]) > .item-wrapper {\n  @apply gap-x-6;\n}\n\n:host([layout=\"vertical\"]) > .item-wrapper {\n  @apply flex-col;\n}\n\n:host([scale=\"s\"]) calcite-input-message {\n  --calcite-input-message-spacing-value: calc(var(--calcite-spacing-xxs) * -1);\n}\n\n:host([scale=\"m\"]) calcite-input-message {\n  --calcite-input-message-spacing-value: calc(var(--calcite-spacing-sm) * -1);\n}\n\n:host([scale=\"l\"]) calcite-input-message {\n  --calcite-input-message-spacing-value: calc(var(--calcite-spacing-md) * -1);\n}\n\n@include form-validation-message();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Layout, Scale, Status } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Validation } from \"../functional/Validation\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-radio-button`s.\n */\n@Component({\n  tag: \"calcite-radio-button-group\",\n  styleUrl: \"radio-button-group.scss\",\n  shadow: true,\n})\nexport class RadioButtonGroup implements LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"hidden\")\n  handleHiddenChange(): void {\n    this.passPropsToRadioButtons();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  onDisabledChange(): void {\n    this.passPropsToRadioButtons();\n  }\n\n  /** Defines the layout of the component. */\n  @Prop({ reflect: true }) layout: Layout = \"horizontal\";\n\n  @Watch(\"layout\")\n  onLayoutChange(): void {\n    this.passPropsToRadioButtons();\n  }\n\n  /** Specifies the name of the component on form submission. Must be unique to other component instances. */\n  @Prop({ reflect: true }) name!: string;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Specifies the component's selected item.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItem: HTMLCalciteRadioButtonElement = null;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the validation message. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  @Watch(\"scale\")\n  onScaleChange(): void {\n    this.passPropsToRadioButtons();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el!: HTMLCalciteRadioButtonGroupElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.passPropsToRadioButtons());\n\n  @State() radioButtons: HTMLCalciteRadioButtonElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.passPropsToRadioButtons();\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private passPropsToRadioButtons = (): void => {\n    this.radioButtons = Array.from(this.el.querySelectorAll(\"calcite-radio-button\"));\n    this.selectedItem =\n      Array.from(this.radioButtons).find((radioButton) => radioButton.checked) || null;\n    if (this.radioButtons.length > 0) {\n      this.radioButtons.forEach((radioButton) => {\n        radioButton.disabled = this.disabled || radioButton.disabled;\n        radioButton.hidden = this.el.hidden;\n        radioButton.name = this.name;\n        radioButton.required = this.required;\n        radioButton.scale = this.scale;\n      });\n    }\n  };\n\n  private getFocusableRadioButton(): HTMLCalciteRadioButtonElement | null {\n    return this.radioButtons.find((radiobutton) => !radiobutton.disabled) ?? null;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component has changed.\n   */\n  @Event({ cancelable: false }) calciteRadioButtonGroupChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Method\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the fist focusable `calcite-radio-button` element in the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    if (this.selectedItem && !this.selectedItem.disabled) {\n      return this.selectedItem.setFocus();\n    }\n    if (this.radioButtons.length > 0) {\n      return this.getFocusableRadioButton()?.setFocus();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteRadioButtonChange\")\n  radioButtonChangeHandler(event: CustomEvent): void {\n    this.selectedItem = event.target as HTMLCalciteRadioButtonElement;\n    this.calciteRadioButtonGroupChange.emit();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Host role=\"radiogroup\">\n        <div class={CSS.itemWrapper}>\n          <slot />\n        </div>\n        {this.validationMessage && this.status === \"invalid\" ? (\n          <Validation\n            icon={this.validationIcon}\n            message={this.validationMessage}\n            scale={this.scale}\n            status={this.status}\n          />\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;kNAAO,MAAMA,EAAM,CACjBC,YAAa,gBCDf,MAAMC,EAAsB,+kCAC5B,MAAAC,EAAeD,E,MCgCFE,EAAgB,M,sGAwE3BC,KAAAC,iBAAmBC,EAAe,YAAY,IAAMF,KAAKG,4BAiCjDH,KAAAG,wBAA0B,KAChCH,KAAKI,aAAeC,MAAMC,KAAKN,KAAKO,GAAGC,iBAAiB,yBACxDR,KAAKS,aACHJ,MAAMC,KAAKN,KAAKI,cAAcM,MAAMC,GAAgBA,EAAYC,WAAY,KAC9E,GAAIZ,KAAKI,aAAaS,OAAS,EAAG,CAChCb,KAAKI,aAAaU,SAASH,IACzBA,EAAYI,SAAWf,KAAKe,UAAYJ,EAAYI,SACpDJ,EAAYK,OAAShB,KAAKO,GAAGS,OAC7BL,EAAYM,KAAOjB,KAAKiB,KACxBN,EAAYO,SAAWlB,KAAKkB,SAC5BP,EAAYQ,MAAQnB,KAAKmB,KAAK,G,iBAhGA,M,YAQM,a,kCAWN,M,kBAOmC,K,WAG/B,I,YAGE,O,iFAuBe,E,CAlEzD,kBAAAC,GACEpB,KAAKG,yB,CAaP,gBAAAkB,GACErB,KAAKG,yB,CAOP,cAAAmB,GACEtB,KAAKG,yB,CA6BP,aAAAoB,GACEvB,KAAKG,yB,CAqBP,iBAAAqB,GACExB,KAAKG,0BACLH,KAAKC,kBAAkBwB,QAAQzB,KAAKO,GAAI,CAAEmB,UAAW,KAAMC,QAAS,M,CAGtE,iBAAAC,GACEC,EAAuB7B,K,CAGzB,gBAAA8B,GACEC,EAAmB/B,K,CAGrB,oBAAAgC,GACEhC,KAAKC,kBAAkBgC,Y,CAwBjB,uBAAAC,GACN,OAAOlC,KAAKI,aAAaM,MAAMyB,IAAiBA,EAAYpB,YAAa,I,CAsB3E,cAAMqB,SACEC,EAAmBrC,MACzB,GAAIA,KAAKS,eAAiBT,KAAKS,aAAaM,SAAU,CACpD,OAAOf,KAAKS,aAAa2B,U,CAE3B,GAAIpC,KAAKI,aAAaS,OAAS,EAAG,CAChC,OAAOb,KAAKkC,2BAA2BE,U,EAW3C,wBAAAE,CAAyBC,GACvBvC,KAAKS,aAAe8B,EAAMC,OAC1BxC,KAAKyC,8BAA8BC,M,CASrC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,cACTH,EAAA,OAAAE,IAAA,2CAAKE,MAAOrD,EAAIC,aACdgD,EAAA,QAAAE,IAAA,8CAED9C,KAAKiD,mBAAqBjD,KAAKkD,SAAW,UACzCN,EAACO,EAAU,CACTC,KAAMpD,KAAKqD,eACXC,QAAStD,KAAKiD,kBACd9B,MAAOnB,KAAKmB,MACZ+B,OAAQlD,KAAKkD,SAEb,K","ignoreList":[]}

package/dist/calcite/p-af54d2fb.entry.js

@@ -0,0 +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.9.1-next.1
+ */
+import{r as t,h as a,g as s}from"./p-0bbe3b36.js";import{d as o}from"./p-3ba78079.js";import{c as e,u as d,d as i,I as l}from"./p-23081ea2.js";import{s as n,a as c,c as r}from"./p-9ce0d310.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-7599ac37.js";import"./p-ec386b22.js";const p={button:"button"};const h={plus:"plus"};const b=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-button{--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:hover{--tw-shadow:var(--calcite-shadow-md);--tw-shadow-colored:var(--calcite-shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:active{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([hidden]){display:none}[hidden]{display:none}";const w=b;const x=class{constructor(a){t(this,a);this.appearance="solid";this.kind="brand";this.disabled=false;this.icon=h.plus;this.iconFlipRtl=false;this.label=undefined;this.loading=false;this.scale="m";this.text=undefined;this.textEnabled=false}connectedCallback(){e(this)}componentWillLoad(){n(this)}componentDidLoad(){c(this)}componentDidRender(){d(this)}disconnectedCallback(){i(this)}async setFocus(){await r(this);o(this.buttonEl)}render(){const{appearance:t,kind:s,disabled:o,loading:e,scale:d,textEnabled:i,icon:n,label:c,text:r,iconFlipRtl:h}=this;const b=!i?c||r||null:null;return a(l,{key:"4203fb6efbcb95a451ff7853fdb8e60f992f96ee",disabled:o},a("calcite-button",{key:"092c37a2a614296c1de1cdd70b9ada14c0a1f6e0",appearance:t==="solid"?"solid":"outline-fill",class:p.button,disabled:o,iconFlipRtl:h?"start":null,iconStart:n,kind:s,label:c,loading:e,ref:t=>{this.buttonEl=t},round:true,scale:d,title:b,type:"button",width:"auto"},this.textEnabled?this.text:null))}get el(){return s(this)}};x.style=w;export{x as calcite_fab};
+//# sourceMappingURL=p-af54d2fb.entry.js.map

package/dist/calcite/p-af54d2fb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","button","ICONS","plus","fabCss","CalciteFabStyle0","Fab","connectedCallback","connectInteractive","this","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","setFocus","componentFocusable","focusElement","buttonEl","render","appearance","kind","disabled","loading","scale","textEnabled","icon","label","text","iconFlipRtl","title","h","InteractiveContainer","key","class","iconStart","ref","round","type","width"],"sources":["src/components/fab/resources.ts","src/components/fab/fab.scss?tag=calcite-fab&encapsulation=shadow","src/components/fab/fab.tsx"],"sourcesContent":["export const CSS = {\n  button: \"button\",\n};\n\nexport const ICONS = {\n  plus: \"plus\",\n};\n",":host {\n  @apply flex bg-transparent;\n}\n\n@include disabled();\n\ncalcite-button {\n  @apply shadow-2;\n  &:hover {\n    @apply shadow-2-lg;\n  }\n  &:active {\n    @apply shadow-2-sm;\n  }\n}\n\n@include base-component();\n","import { Component, Element, h, Method, Prop, VNode } from \"@stencil/core\";\nimport { focusElement } from \"../../utils/dom\";\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 { Appearance, Kind, Scale } from \"../interfaces\";\nimport { CSS, ICONS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-fab\",\n  styleUrl: \"fab.scss\",\n  shadow: true,\n})\nexport class Fab implements InteractiveComponent, LoadableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the appearance style of the component.\n   */\n  @Prop({ reflect: true }) appearance: Extract<\"solid\" | \"outline-fill\", Appearance> = \"solid\";\n\n  /**\n   * Specifies the kind of the component, which will apply to border and background.\n   */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"inverse\" | \"neutral\", Kind> =\n    \"brand\";\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   * Specifies an icon to display.\n   *\n   * @default \"plus\"\n   */\n  @Prop({ reflect: true }) icon: string = ICONS.plus;\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   * Accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies text to accompany the component's icon.\n   */\n  @Prop() text: string;\n\n  /**\n   * When `true`, displays the `text` value in the component.\n   */\n  @Prop({ reflect: true }) textEnabled = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteFabElement;\n\n  private buttonEl: HTMLElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(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  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    focusElement(this.buttonEl);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const {\n      appearance,\n      kind,\n      disabled,\n      loading,\n      scale,\n      textEnabled,\n      icon,\n      label,\n      text,\n      iconFlipRtl,\n    } = this;\n\n    const title = !textEnabled ? label || text || null : null;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <calcite-button\n          appearance={appearance === \"solid\" ? \"solid\" : \"outline-fill\"}\n          class={CSS.button}\n          disabled={disabled}\n          iconFlipRtl={iconFlipRtl ? \"start\" : null}\n          iconStart={icon}\n          kind={kind}\n          label={label}\n          loading={loading}\n          ref={(buttonEl): void => {\n            this.buttonEl = buttonEl;\n          }}\n          round={true}\n          scale={scale}\n          title={title}\n          type=\"button\"\n          width=\"auto\"\n        >\n          {this.textEnabled ? this.text : null}\n        </calcite-button>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":";;;;;iSAAO,MAAMA,EAAM,CACjBC,OAAQ,UAGH,MAAMC,EAAQ,CACnBC,KAAM,QCLR,MAAMC,EAAS,wuCACf,MAAAC,EAAeD,E,MCsBFE,EAAG,M,yCAUuE,Q,UAMnF,Q,cAKkC,M,UAOIJ,EAAMC,K,iBAGP,M,kCAUJ,M,WAKK,I,qCAUD,K,CAkBvC,iBAAAI,GACEC,EAAmBC,K,CAGrB,iBAAAC,GACEC,EAAuBF,K,CAGzB,gBAAAG,GACEC,EAAmBJ,K,CAGrB,kBAAAK,GACEC,EAAsBN,K,CAGxB,oBAAAO,GACEC,EAAsBR,K,CAWxB,cAAMS,SACEC,EAAmBV,MAEzBW,EAAaX,KAAKY,S,CASpB,MAAAC,GACE,MAAMC,WACJA,EAAUC,KACVA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,MACPA,EAAKC,YACLA,EAAWC,KACXA,EAAIC,MACJA,EAAKC,KACLA,EAAIC,YACJA,GACEvB,KAEJ,MAAMwB,GAASL,EAAcE,GAASC,GAAQ,KAAO,KAErD,OACEG,EAACC,EAAoB,CAAAC,IAAA,2CAACX,SAAUA,GAC9BS,EAAA,kBAAAE,IAAA,2CACEb,WAAYA,IAAe,QAAU,QAAU,eAC/Cc,MAAOrC,EAAIC,OACXwB,SAAUA,EACVO,YAAaA,EAAc,QAAU,KACrCM,UAAWT,EACXL,KAAMA,EACNM,MAAOA,EACPJ,QAASA,EACTa,IAAMlB,IACJZ,KAAKY,SAAWA,CAAQ,EAE1BmB,MAAO,KACPb,MAAOA,EACPM,MAAOA,EACPQ,KAAK,SACLC,MAAM,QAELjC,KAAKmB,YAAcnB,KAAKsB,KAAO,M","ignoreList":[]}

package/dist/calcite/p-afb8d1ee.entry.js

@@ -0,0 +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.9.1-next.1
+ */
+import{r as e,h as i,H as t,g as s}from"./p-0bbe3b36.js";import{h as n}from"./p-3ba78079.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";const o={valid:"check-circle",invalid:"exclamation-mark-triangle",idle:"information"};const a=":host{box-sizing:border-box;display:flex;block-size:auto;inline-size:100%;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);opacity:1;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;--calcite-input-message-spacing-value:0.25rem;margin-block-start:var(--calcite-input-message-spacing-value)}.calcite-input-message-icon{pointer-events:none;display:inline-flex;flex-shrink:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-inline-end:0.5rem}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-color-status-danger)}:host([status=warning]) .calcite-input-message-icon{color:var(--calcite-color-status-warning)}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-color-status-success)}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-color-brand)}:host([scale=s]){font-size:var(--calcite-font-size--3);line-height:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([hidden]){display:none}[hidden]{display:none}";const c=a;const l=class{constructor(i){e(this,i);this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.status="idle"}handleIconEl(){this.requestedIcon=n(o,this.icon,this.status)}connectedCallback(){this.requestedIcon=n(o,this.icon,this.status)}render(){const e=this.el.hidden;return i(t,{key:"f7008c19417cc42c784a3f71f811e7ea497398e4","calcite-hydrated-hidden":e},this.renderIcon(this.requestedIcon),i("slot",{key:"2f15a032a0a51dc475c09fa24ad9789d5d55e49e"}))}renderIcon(e){if(e){return i("calcite-icon",{class:"calcite-input-message-icon",flipRtl:this.iconFlipRtl,icon:e,scale:"s"})}}get el(){return s(this)}static get watchers(){return{status:["handleIconEl"],icon:["handleIconEl"]}}};l.style=c;export{l as calcite_input_message};
+//# sourceMappingURL=p-afb8d1ee.entry.js.map

package/dist/calcite/p-afb8d1ee.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StatusIconDefaults","valid","invalid","idle","inputMessageCss","CalciteInputMessageStyle0","InputMessage","handleIconEl","this","requestedIcon","setRequestedIcon","icon","status","connectedCallback","render","hidden","el","h","Host","key","renderIcon","iconName","class","flipRtl","iconFlipRtl","scale"],"sources":["src/components/input-message/interfaces.ts","src/components/input-message/input-message.scss?tag=calcite-input-message&encapsulation=shadow","src/components/input-message/input-message.tsx"],"sourcesContent":["export const StatusIconDefaults = {\n  valid: \"check-circle\",\n  invalid: \"exclamation-mark-triangle\",\n  idle: \"information\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-input-message-spacing-value: The top margin spacing above the component.\n */\n\n:host {\n  @apply text-color-1 transition-default box-border flex h-auto w-full items-center font-medium opacity-100;\n  --calcite-input-message-spacing-value: theme(\"spacing.1\");\n  margin-block-start: var(--calcite-input-message-spacing-value);\n}\n\n.calcite-input-message-icon {\n  @apply transition-default pointer-events-none inline-flex flex-shrink-0;\n  margin-inline-end: theme(\"margin.2\");\n}\n\n:host([status=\"invalid\"]) .calcite-input-message-icon {\n  color: var(--calcite-color-status-danger);\n}\n\n:host([status=\"warning\"]) .calcite-input-message-icon {\n  color: var(--calcite-color-status-warning);\n}\n\n:host([status=\"valid\"]) .calcite-input-message-icon {\n  color: var(--calcite-color-status-success);\n}\n\n:host([status=\"idle\"]) .calcite-input-message-icon {\n  color: var(--calcite-color-brand);\n}\n\n:host([scale=\"s\"]) {\n  @apply text-n3h;\n}\n\n:host([scale=\"m\"]) {\n  @apply text-n2h;\n}\n\n:host([scale=\"l\"]) {\n  @apply text-n1h;\n}\n\n@include base-component();\n","import { Component, Element, h, Host, Prop, VNode, Watch } from \"@stencil/core\";\nimport { setRequestedIcon } from \"../../utils/dom\";\nimport { Scale, Status } from \"../interfaces\";\nimport { StatusIconDefaults } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-input-message\",\n  styleUrl: \"input-message.scss\",\n  shadow: true,\n})\nexport class InputMessage {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies an icon to display. */\n  @Prop({ reflect: true }) icon: boolean | string;\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  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  @Watch(\"status\")\n  @Watch(\"icon\")\n  handleIconEl(): void {\n    this.requestedIcon = setRequestedIcon(StatusIconDefaults, this.icon, this.status);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.requestedIcon = setRequestedIcon(StatusIconDefaults, this.icon, this.status);\n  }\n\n  render(): VNode {\n    const hidden = this.el.hidden;\n    return (\n      <Host calcite-hydrated-hidden={hidden}>\n        {this.renderIcon(this.requestedIcon)}\n        <slot />\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputMessageElement;\n\n  /** the computed icon to render */\n  private requestedIcon?: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private renderIcon(iconName: string): VNode {\n    if (iconName) {\n      return (\n        <calcite-icon\n          class=\"calcite-input-message-icon\"\n          flipRtl={this.iconFlipRtl}\n          icon={iconName}\n          scale=\"s\"\n        />\n      );\n    }\n  }\n}\n"],"mappings":";;;;;6IAAO,MAAMA,EAAqB,CAChCC,MAAO,eACPC,QAAS,4BACTC,KAAM,eCHR,MAAMC,EAAkB,siDACxB,MAAAC,EAAeD,E,MCYFE,EAAY,M,8DAWgB,M,WAGC,I,YAGE,M,CAI1C,YAAAC,GACEC,KAAKC,cAAgBC,EAAiBV,EAAoBQ,KAAKG,KAAMH,KAAKI,O,CAS5E,iBAAAC,GACEL,KAAKC,cAAgBC,EAAiBV,EAAoBQ,KAAKG,KAAMH,KAAKI,O,CAG5E,MAAAE,GACE,MAAMC,EAASP,KAAKQ,GAAGD,OACvB,OACEE,EAACC,EAAI,CAAAC,IAAA,qEAA0BJ,GAC5BP,KAAKY,WAAWZ,KAAKC,eACtBQ,EAAA,QAAAE,IAAA,6C,CAsBE,UAAAC,CAAWC,GACjB,GAAIA,EAAU,CACZ,OACEJ,EAAA,gBACEK,MAAM,6BACNC,QAASf,KAAKgB,YACdb,KAAMU,EACNI,MAAM,K","ignoreList":[]}

package/dist/calcite/p-b1d6b9eb.js

@@ -0,0 +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.9.1-next.1
+ */
+import{d as e}from"./p-3321e84b.js";import"./p-0bbe3b36.js";import"./p-22d5dc3c.js";import"./p-3ba78079.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-23081ea2.js";import"./p-7599ac37.js";import"./p-67d7e16e.js";import"./p-3c66cb95.js";import"./p-ec386b22.js";import"./p-9ce0d310.js";import"./p-2988aea6.js";import"./p-bb1ecc62.js";import"./p-73c764c0.js";import"./p-8a82019f.js";import"./p-8e771cd5.js";import"./p-ce71c1b9.js";import"./p-a3090437.js";var r={name:"fr",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},ordinal:function e(r){var m=r===1?"er":"";return""+r+m}};e.locale(r,null,true);export{r as default};
+//# sourceMappingURL=p-b1d6b9eb.js.map

package/dist/calcite/p-b1d6b9eb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["locale","name","weekdays","split","weekdaysShort","weekdaysMin","months","monthsShort","weekStart","yearStart","formats","LT","LTS","L","LL","LLL","LLLL","relativeTime","future","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","ordinal","n","o","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/fr.js"],"sourcesContent":["// French [fr]\nimport dayjs from '../index';\nvar locale = {\n  name: 'fr',\n  weekdays: 'dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi'.split('_'),\n  weekdaysShort: 'dim._lun._mar._mer._jeu._ven._sam.'.split('_'),\n  weekdaysMin: 'di_lu_ma_me_je_ve_sa'.split('_'),\n  months: 'janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre'.split('_'),\n  monthsShort: 'janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.'.split('_'),\n  weekStart: 1,\n  yearStart: 4,\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'DD/MM/YYYY',\n    LL: 'D MMMM YYYY',\n    LLL: 'D MMMM YYYY HH:mm',\n    LLLL: 'dddd D MMMM YYYY HH:mm'\n  },\n  relativeTime: {\n    future: 'dans %s',\n    past: 'il y a %s',\n    s: 'quelques secondes',\n    m: 'une minute',\n    mm: '%d minutes',\n    h: 'une heure',\n    hh: '%d heures',\n    d: 'un jour',\n    dd: '%d jours',\n    M: 'un mois',\n    MM: '%d mois',\n    y: 'un an',\n    yy: '%d ans'\n  },\n  ordinal: function ordinal(n) {\n    var o = n === 1 ? 'er' : '';\n    return \"\" + n + o;\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;odAEG,IAACA,EAAS,CACXC,KAAM,KACNC,SAAU,sDAAsDC,MAAM,KACtEC,cAAe,qCAAqCD,MAAM,KAC1DE,YAAa,uBAAuBF,MAAM,KAC1CG,OAAQ,uFAAuFH,MAAM,KACrGI,YAAa,iEAAiEJ,MAAM,KACpFK,UAAW,EACXC,UAAW,EACXC,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,cACJC,IAAK,oBACLC,KAAM,0BAERC,aAAc,CACZC,OAAQ,UACRC,KAAM,YACNC,EAAG,oBACHC,EAAG,aACHC,GAAI,aACJC,EAAG,YACHC,GAAI,YACJC,EAAG,UACHC,GAAI,WACJC,EAAG,UACHC,GAAI,UACJC,EAAG,QACHC,GAAI,UAENC,QAAS,SAASA,EAAQC,GACxB,IAAIC,EAAID,IAAM,EAAI,KAAO,GACzB,MAAO,GAAKA,EAAIC,CACpB,GAEAC,EAAMlC,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-b2993749.entry.js

@@ -0,0 +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.9.1-next.1
+ */
+import{r as e,c as t,h as i,F as n,g as a}from"./p-0bbe3b36.js";import{c as s,d as o}from"./p-95666014.js";import{e as c,g as r,t as l}from"./p-3ba78079.js";import{c as d,d as h}from"./p-2988aea6.js";import{u as p,c as g,s as f,d as m}from"./p-8e771cd5.js";import{H as u,c as b}from"./p-b30f3fed.js";import{c as x}from"./p-bb1ecc62.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-67d7e16e.js";const v={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};const y={close:"x"};const k={thumbnail:"thumbnail"};const z=":host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const w=z;const C=class{constructor(i){e(this,i);this.calciteTipDismiss=t(this,"calciteTipDismiss",6);this.hideTip=()=>{this.closed=true;this.calciteTipDismiss.emit()};this.closed=false;this.closeDisabled=false;this.heading=undefined;this.headingLevel=undefined;this.selected=false;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}effectiveLocaleChange(){p(this,this.effectiveLocale)}connectedCallback(){s(this);d(this);g(this)}async componentWillLoad(){await f(this)}disconnectedCallback(){o(this);h(this);m(this)}renderHeader(){const{heading:e,headingLevel:t,el:n}=this;const a=n.closest("calcite-tip-manager")?.headingLevel;const s=a?b(a+1):null;const o=t||s;return e?i("header",{class:v.header},i(u,{class:v.heading,level:o},e)):null}renderDismissButton(){const{closeDisabled:e,hideTip:t}=this;return!e?i("calcite-action",{class:v.close,icon:y.close,onClick:t,scale:"l",text:this.messages.close}):null}renderImageFrame(){const{el:e}=this;return c(e,k.thumbnail)?i("div",{class:v.imageFrame,key:"thumbnail"},i("slot",{name:k.thumbnail})):null}renderInfoNode(){return i("div",{class:v.info},i("slot",null))}renderContent(){return i("div",{class:v.content},this.renderImageFrame(),this.renderInfoNode())}render(){return i(n,{key:"fd1fc6c7cbebaf8734563b8223eb9580e7994d0c"},i("article",{key:"3a6c521ae7b79afc6a6be37a0aa8c907b2dc2338",class:v.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};C.style=w;const L=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}";const j=L;const T=class{constructor(t){e(this,t);this.groupTitle=undefined}render(){return i("slot",{key:"de1a76f712653fe318c3413bf4d2df98f3aa601b"})}};T.style=j;const H={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};const I={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};const D=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}";const M=D;const _=class{constructor(i){e(this,i);this.calciteTipManagerClose=t(this,"calciteTipManagerClose",6);this.mutationObserver=x("mutation",(()=>this.setUpTips()));this.hideTipManager=()=>{this.closed=true;this.calciteTipManagerClose.emit()};this.previousClicked=()=>{this.previousTip()};this.nextClicked=()=>{this.nextTip()};this.tipManagerKeyDownHandler=e=>{if(e.target!==this.container){return}switch(e.key){case"ArrowRight":e.preventDefault();this.nextTip();break;case"ArrowLeft":e.preventDefault();this.previousTip();break;case"Home":e.preventDefault();this.selectedIndex=0;break;case"End":e.preventDefault();this.selectedIndex=this.total-1;break}};this.storeContainerRef=e=>{this.container=e};this.closed=false;this.headingLevel=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedIndex=undefined;this.tips=undefined;this.total=undefined;this.direction=undefined;this.groupTitle=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}closedChangeHandler(){this.direction=null}onMessagesChange(){}selectedChangeHandler(){this.showSelectedTip();this.updateGroupTitle()}async effectiveLocaleChange(){await p(this,this.effectiveLocale);this.updateGroupTitle()}connectedCallback(){d(this);g(this);this.setUpTips();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){await f(this);this.updateGroupTitle()}disconnectedCallback(){this.mutationObserver?.disconnect();h(this);m(this)}async nextTip(){this.direction="advancing";const e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";const e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}setUpTips(){const e=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=e.length;if(this.total===0){return}const t=this.el.querySelector("calcite-tip[selected]");this.tips=e;this.selectedIndex=t?e.indexOf(t):0;e.forEach((e=>{e.closeDisabled=true}));this.showSelectedTip()}showSelectedTip(){this.tips.forEach(((e,t)=>{const i=this.selectedIndex===t;e.selected=i;e.hidden=!i}))}updateGroupTitle(){if(this.tips){const e=this.tips[this.selectedIndex];const t=e.closest("calcite-tip-group");this.groupTitle=t?.groupTitle||this.messages?.defaultGroupTitle}}renderPagination(){const e=r(this.el);const{selectedIndex:t,tips:n,total:a,messages:s}=this;const o=s.next;const c=s.previous;const l=s.defaultPaginationLabel;return n.length>1?i("footer",{class:H.pagination},i("calcite-action",{class:H.pagePrevious,icon:e==="ltr"?I.chevronLeft:I.chevronRight,onClick:this.previousClicked,scale:"m",text:c}),i("span",{class:H.pagePosition},`${l} ${t+1}/${a}`),i("calcite-action",{class:H.pageNext,icon:e==="ltr"?I.chevronRight:I.chevronLeft,onClick:this.nextClicked,scale:"m",text:o})):null}render(){const{closed:e,direction:t,headingLevel:n,groupTitle:a,selectedIndex:s,messages:o,total:c}=this;const r=o.close;if(c===0){return null}return i("section",{"aria-hidden":l(e),class:H.container,hidden:e,onKeyDown:this.tipManagerKeyDownHandler,ref:this.storeContainerRef,tabIndex:0},i("header",{class:H.header},i(u,{class:H.heading,level:n},a),i("calcite-action",{class:H.close,onClick:this.hideTipManager,scale:"m",text:r},i("calcite-icon",{icon:I.close,scale:"m"}))),i("div",{class:{[H.tipContainer]:true,[H.tipContainerAdvancing]:!e&&t==="advancing",[H.tipContainerRetreating]:!e&&t==="retreating"},key:s,tabIndex:0},i("slot",null)),this.renderPagination())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{closed:["closedChangeHandler"],messageOverrides:["onMessagesChange"],selectedIndex:["selectedChangeHandler"],effectiveLocale:["effectiveLocaleChange"]}}};_.style=M;export{C as calcite_tip,T as calcite_tip_group,_ as calcite_tip_manager};
+//# sourceMappingURL=p-b2993749.entry.js.map

package/dist/calcite/p-b2993749.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","header","heading","close","imageFrame","content","info","ICONS","SLOTS","thumbnail","tipCss","CalciteTipStyle0","Tip","this","hideTip","closed","calciteTipDismiss","emit","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectConditionalSlotComponent","connectLocalized","connectMessages","componentWillLoad","setUpMessages","disconnectedCallback","disconnectConditionalSlotComponent","disconnectLocalized","disconnectMessages","renderHeader","headingLevel","el","parentLevel","closest","relativeLevel","constrainHeadingLevel","level","h","class","Heading","renderDismissButton","closeDisabled","icon","onClick","scale","text","messages","renderImageFrame","getSlotted","key","name","renderInfoNode","renderContent","render","Fragment","tipGroupCss","CalciteTipGroupStyle0","TipGroup","tipContainer","tipContainerAdvancing","tipContainerRetreating","pagination","pagePosition","pageNext","pagePrevious","chevronLeft","chevronRight","tipManagerCss","CalciteTipManagerStyle0","TipManager","mutationObserver","createObserver","setUpTips","hideTipManager","calciteTipManagerClose","previousClicked","previousTip","nextClicked","nextTip","tipManagerKeyDownHandler","event","target","preventDefault","selectedIndex","total","storeContainerRef","closedChangeHandler","direction","selectedChangeHandler","showSelectedTip","updateGroupTitle","observe","childList","subtree","disconnect","nextIndex","previousIndex","tips","Array","from","querySelectorAll","length","selectedTip","querySelector","indexOf","forEach","tip","index","isSelected","selected","hidden","tipParent","groupTitle","defaultGroupTitle","renderPagination","dir","getElementDir","nextLabel","next","previousLabel","previous","paginationLabel","defaultPaginationLabel","closeLabel","toAriaBoolean","onKeyDown","ref","tabIndex"],"sources":["src/components/tip/resources.ts","src/components/tip/tip.scss?tag=calcite-tip&encapsulation=shadow","src/components/tip/tip.tsx","src/components/tip-group/tip-group.scss?tag=calcite-tip-group&encapsulation=shadow","src/components/tip-group/tip-group.tsx","src/components/tip-manager/resources.ts","src/components/tip-manager/tip-manager.scss?tag=calcite-tip-manager&encapsulation=shadow","src/components/tip-manager/tip-manager.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  header: \"header\",\n  heading: \"heading\",\n  close: \"close\",\n  imageFrame: \"image-frame\",\n  content: \"content\",\n  info: \"info\",\n};\n\nexport const ICONS = {\n  close: \"x\",\n};\n\nexport const SLOTS = {\n  thumbnail: \"thumbnail\",\n};\n",":host {\n  @apply border-color-2\n    bg-foreground-1\n    text-color-2\n    text-n1h\n    relative\n    m-4\n    box-border\n    flex\n    flex-row\n    border\n    border-solid;\n\n  * {\n    @apply box-border;\n  }\n}\n\n.container {\n  @apply w-full p-4;\n}\n\n:host([closed]),\n:host([closed]) .container {\n  @apply hidden;\n}\n\n:host([selected]) .container {\n  @apply m-0 border-none p-0;\n}\n\n@import \"../../assets/styles/header\";\n\n.header {\n  @apply mb-2;\n}\n.header .heading {\n  @apply text-0h text-color-1 p-0;\n}\n\n.container[hidden] {\n  @apply hidden;\n}\n\n.content {\n  @apply flex;\n}\n\n.info {\n  @apply py-0 px-4;\n  inline-size: 70%;\n  &:only-child {\n    @apply w-full px-0;\n  }\n}\n\n::slotted(p) {\n  @apply mt-0;\n}\n\n::slotted(a) {\n  @apply focus-base;\n  color: theme(\"backgroundColor.brand\");\n}\n\n::slotted(a:focus) {\n  @apply focus-outset;\n}\n\n.image-frame {\n  inline-size: theme(\"width[1/4]\");\n  img {\n    @apply max-w-full;\n  }\n}\n\n::slotted(img) {\n  @apply max-w-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { constrainHeadingLevel, Heading, HeadingLevel } from \"../functional/Heading\";\nimport { TipMessages } from \"./assets/tip/t9n\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\n/**\n * @deprecated Use the `calcite-card`, `calcite-notice`, `calcite-panel`, or `calcite-tile` component instead.\n * @slot - A slot for adding text and a hyperlink.\n * @slot thumbnail - A slot for adding an HTML image element.\n */\n@Component({\n  tag: \"calcite-tip\",\n  styleUrl: \"tip.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Tip implements ConditionalSlotComponent, LocalizedComponent, T9nComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * When `true`, the component does not display.\n   */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  /**\n   * When `true`, the close button is not present on the component.\n   */\n  @Prop({ reflect: true }) closeDisabled = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, the component is selected if it has a parent `calcite-tip-manager`.\n   *\n   * Only one tip can be selected within the `calcite-tip-manager` parent.\n   */\n  @Prop({ reflect: true }) selected = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TipMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TipMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTipElement;\n\n  @State() defaultMessages: TipMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when the component has been closed.\n   */\n  @Event({ cancelable: false }) calciteTipDismiss: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  hideTip = (): void => {\n    this.closed = true;\n\n    this.calciteTipDismiss.emit();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeader(): VNode {\n    const { heading, headingLevel, el } = this;\n    const parentLevel = el.closest(\"calcite-tip-manager\")?.headingLevel;\n    const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;\n    const level = headingLevel || relativeLevel;\n\n    return heading ? (\n      <header class={CSS.header}>\n        <Heading class={CSS.heading} level={level}>\n          {heading}\n        </Heading>\n      </header>\n    ) : null;\n  }\n\n  renderDismissButton(): VNode {\n    const { closeDisabled, hideTip } = this;\n    return !closeDisabled ? (\n      <calcite-action\n        class={CSS.close}\n        icon={ICONS.close}\n        onClick={hideTip}\n        scale=\"l\"\n        text={this.messages.close}\n      />\n    ) : null;\n  }\n\n  renderImageFrame(): VNode {\n    const { el } = this;\n\n    return getSlotted(el, SLOTS.thumbnail) ? (\n      <div class={CSS.imageFrame} key=\"thumbnail\">\n        <slot name={SLOTS.thumbnail} />\n      </div>\n    ) : null;\n  }\n\n  renderInfoNode(): VNode {\n    return (\n      <div class={CSS.info}>\n        <slot />\n      </div>\n    );\n  }\n\n  renderContent(): VNode {\n    return (\n      <div class={CSS.content}>\n        {this.renderImageFrame()}\n        {this.renderInfoNode()}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        <article class={CSS.container}>\n          {this.renderHeader()}\n          {this.renderContent()}\n        </article>\n        {this.renderDismissButton()}\n      </Fragment>\n    );\n  }\n}\n",":host {\n  @apply bg-foreground-1\n    text-color-2\n    text-n1h\n    box-border\n    block;\n}\n\n::slotted(calcite-tip) {\n  @apply m-0 border-none;\n  max-inline-size: var(--calcite-tip-max-width);\n}\n\n@include base-component();\n","import { Component, h, Prop, VNode } from \"@stencil/core\";\n\n/**\n * @deprecated Use the `calcite-carousel` and `calcite-carousel-item` components instead.\n * @slot - A slot for adding `calcite-tip`s.\n */\n@Component({\n  tag: \"calcite-tip-group\",\n  styleUrl: \"tip-group.scss\",\n  shadow: true,\n})\nexport class TipGroup {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * The component header text for all nested `calcite-tip`s.\n   *\n   */\n  @Prop() groupTitle: string;\n\n  render(): VNode {\n    return <slot />;\n  }\n}\n","export const CSS = {\n  header: \"header\",\n  heading: \"heading\",\n  close: \"close\",\n  container: \"container\",\n  tipContainer: \"tip-container\",\n  tipContainerAdvancing: \"tip-container--advancing\",\n  tipContainerRetreating: \"tip-container--retreating\",\n  pagination: \"pagination\",\n  pagePosition: \"page-position\",\n  pageNext: \"page-next\",\n  pagePrevious: \"page-previous\",\n};\n\nexport const ICONS = {\n  chevronLeft: \"chevron-left\",\n  chevronRight: \"chevron-right\",\n  close: \"x\",\n};\n\nexport const TEXT = {\n  defaultGroupTitle: \"Tips\",\n  defaultPaginationLabel: \"Tip\",\n  close: \"Close\",\n  previous: \"Previous\",\n  next: \"Next\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-tip-manager-height: The maximum height of the component.\n * @prop --calcite-tip-max-width: The maximum width of a slotted `calcite-tip` within the component.\n */\n\n:host {\n  @apply bg-foreground-1\n  text-color-2\n  text-n1h\n  box-border\n  block;\n\n  * {\n    @apply box-border;\n  }\n\n  --calcite-tip-manager-height: 19vh;\n}\n\n:host([closed]) {\n  @apply hidden;\n}\n\n@import \"../../assets/styles/header\";\n\n.header {\n  @apply border-color-3\n    border-0\n    border-b\n    border-solid\n    py-0;\n\n  padding-inline-end: theme(\"padding.0\");\n  padding-inline-start: theme(\"padding.4\");\n\n  .heading {\n    @apply text-color-1\n      text-1h\n      p-0\n      font-bold;\n  }\n}\n\n.container {\n  @apply focus-base\n    relative\n    overflow-hidden;\n  min-block-size: 150px;\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n.tip-container {\n  @apply focus-base\n    mt-px\n    flex\n    items-start\n    justify-center\n    overflow-auto\n    p-4;\n  animation-name: none;\n  animation-duration: var(--calcite-animation-timing);\n  block-size: var(--calcite-tip-manager-height);\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n::slotted(calcite-tip) {\n  @apply m-0 border-none;\n  max-inline-size: var(--calcite-tip-max-width);\n}\n\n.tip-container--advancing {\n  animation-name: tip-advance;\n}\n\n.tip-container--retreating {\n  animation-name: tip-retreat;\n}\n\n/* Pagination Styles*/\n.pagination {\n  @apply flex\n  items-center\n  justify-center\n  px-0\n  pt-3\n  pb-2;\n}\n\n.page-position {\n  @apply text-n2h my-0 mx-2;\n}\n\n/* @keyframes*/\n@keyframes tip-advance {\n  0% {\n    @apply opacity-0;\n    transform: translate3d(50px, 0, 0) scale(0.99);\n  }\n  100% {\n    @apply opacity-100;\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n}\n@keyframes tip-retreat {\n  0% {\n    @apply opacity-0;\n    transform: translate3d(-50px, 0, 0) scale(0.99);\n  }\n  100% {\n    @apply opacity-100;\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { TipManagerMessages } from \"./assets/tip-manager/t9n\";\nimport { CSS, ICONS } from \"./resources\";\n\n/**\n * @deprecated Use the `calcite-carousel` and `calcite-carousel-item` components instead.\n * @slot - A slot for adding `calcite-tip`s.\n */\n@Component({\n  tag: \"calcite-tip-manager\",\n  styleUrl: \"tip-manager.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TipManager {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * When `true`, does not display or position the component.\n   */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  @Watch(\"closed\")\n  closedChangeHandler(): void {\n    this.direction = null;\n  }\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TipManagerMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TipManagerMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTipManagerElement;\n\n  @State() selectedIndex: number;\n\n  @Watch(\"selectedIndex\")\n  selectedChangeHandler(): void {\n    this.showSelectedTip();\n    this.updateGroupTitle();\n  }\n\n  @State() tips: HTMLCalciteTipElement[];\n\n  @State() total: number;\n\n  @State() direction: \"advancing\" | \"retreating\";\n\n  @State() groupTitle: string;\n\n  mutationObserver = createObserver(\"mutation\", () => this.setUpTips());\n\n  container: HTMLDivElement;\n\n  @State() defaultMessages: TipManagerMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  async effectiveLocaleChange(): Promise<void> {\n    await updateMessages(this, this.effectiveLocale);\n    this.updateGroupTitle();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    this.setUpTips();\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    this.updateGroupTitle();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Selects the next `calcite-tip` to display. */\n  @Method()\n  async nextTip(): Promise<void> {\n    this.direction = \"advancing\";\n    const nextIndex = this.selectedIndex + 1;\n    this.selectedIndex = (nextIndex + this.total) % this.total;\n  }\n\n  /** Selects the previous `calcite-tip` to display. */\n  @Method()\n  async previousTip(): Promise<void> {\n    this.direction = \"retreating\";\n    const previousIndex = this.selectedIndex - 1;\n    this.selectedIndex = (previousIndex + this.total) % this.total;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when the component has been closed.\n   */\n  @Event({ cancelable: false }) calciteTipManagerClose: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setUpTips(): void {\n    const tips = Array.from(this.el.querySelectorAll(\"calcite-tip\"));\n    this.total = tips.length;\n    if (this.total === 0) {\n      return;\n    }\n    const selectedTip = this.el.querySelector<HTMLCalciteTipElement>(\"calcite-tip[selected]\");\n\n    this.tips = tips;\n    this.selectedIndex = selectedTip ? tips.indexOf(selectedTip) : 0;\n\n    tips.forEach((tip: HTMLCalciteTipElement) => {\n      tip.closeDisabled = true;\n    });\n    this.showSelectedTip();\n  }\n\n  hideTipManager = (): void => {\n    this.closed = true;\n    this.calciteTipManagerClose.emit();\n  };\n\n  showSelectedTip(): void {\n    this.tips.forEach((tip, index) => {\n      const isSelected = this.selectedIndex === index;\n      tip.selected = isSelected;\n      tip.hidden = !isSelected;\n    });\n  }\n\n  updateGroupTitle(): void {\n    if (this.tips) {\n      const selectedTip = this.tips[this.selectedIndex];\n      const tipParent = selectedTip.closest(\"calcite-tip-group\");\n      this.groupTitle = tipParent?.groupTitle || this.messages?.defaultGroupTitle;\n    }\n  }\n\n  previousClicked = (): void => {\n    this.previousTip();\n  };\n\n  nextClicked = (): void => {\n    this.nextTip();\n  };\n\n  tipManagerKeyDownHandler = (event: KeyboardEvent): void => {\n    if (event.target !== this.container) {\n      return;\n    }\n\n    switch (event.key) {\n      case \"ArrowRight\":\n        event.preventDefault();\n        this.nextTip();\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        this.previousTip();\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.selectedIndex = 0;\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.selectedIndex = this.total - 1;\n        break;\n    }\n  };\n\n  storeContainerRef = (el: HTMLDivElement): void => {\n    this.container = el;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderPagination(): VNode {\n    const dir = getElementDir(this.el);\n    const { selectedIndex, tips, total, messages } = this;\n\n    const nextLabel = messages.next;\n    const previousLabel = messages.previous;\n    const paginationLabel = messages.defaultPaginationLabel;\n\n    return tips.length > 1 ? (\n      <footer class={CSS.pagination}>\n        <calcite-action\n          class={CSS.pagePrevious}\n          icon={dir === \"ltr\" ? ICONS.chevronLeft : ICONS.chevronRight}\n          onClick={this.previousClicked}\n          scale=\"m\"\n          text={previousLabel}\n        />\n        <span class={CSS.pagePosition}>{`${paginationLabel} ${selectedIndex + 1}/${total}`}</span>\n        <calcite-action\n          class={CSS.pageNext}\n          icon={dir === \"ltr\" ? ICONS.chevronRight : ICONS.chevronLeft}\n          onClick={this.nextClicked}\n          scale=\"m\"\n          text={nextLabel}\n        />\n      </footer>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { closed, direction, headingLevel, groupTitle, selectedIndex, messages, total } = this;\n\n    const closeLabel = messages.close;\n\n    if (total === 0) {\n      return null;\n    }\n\n    return (\n      <section\n        aria-hidden={toAriaBoolean(closed)}\n        class={CSS.container}\n        hidden={closed}\n        onKeyDown={this.tipManagerKeyDownHandler}\n        ref={this.storeContainerRef}\n        tabIndex={0}\n      >\n        <header class={CSS.header}>\n          <Heading class={CSS.heading} level={headingLevel}>\n            {groupTitle}\n          </Heading>\n          <calcite-action\n            class={CSS.close}\n            onClick={this.hideTipManager}\n            scale=\"m\"\n            text={closeLabel}\n          >\n            <calcite-icon icon={ICONS.close} scale=\"m\" />\n          </calcite-action>\n        </header>\n        <div\n          class={{\n            [CSS.tipContainer]: true,\n            [CSS.tipContainerAdvancing]: !closed && direction === \"advancing\",\n            [CSS.tipContainerRetreating]: !closed && direction === \"retreating\",\n          }}\n          key={selectedIndex}\n          tabIndex={0}\n        >\n          <slot />\n        </div>\n        {this.renderPagination()}\n      </section>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-b2bfbf0a.entry.js

@@ -0,0 +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.9.1-next.1
+ */
+import{r as t,c as e,h as i,F as s,g as n}from"./p-0bbe3b36.js";import{g as o}from"./p-b5a7ca46.js";import{t as a,d as c}from"./p-3ba78079.js";import{g as r}from"./p-8deeb4a2.js";import{i as l}from"./p-67d7e16e.js";import{s as h,a as d,c as u}from"./p-9ce0d310.js";import{a as p,C as f,I as m,S as b}from"./p-319d7111.js";import"./p-4e2bc4be.js";import"./p-ec386b22.js";const x=":host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-2)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}::slotted(calcite-action-group:last-child){border-block-end:0}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";const g=x;const v=["ArrowUp","ArrowDown","End","Home"];const I=class{constructor(i){t(this,i);this.calciteActionMenuOpen=e(this,"calciteActionMenuOpen",6);this.actionElements=[];this.guid=`calcite-action-menu-${r()}`;this.menuId=`${this.guid}-menu`;this.menuButtonId=`${this.guid}-menu-button`;this.connectMenuButtonEl=()=>{const{menuButtonId:t,menuId:e,open:i,label:s}=this;const n=this.slottedMenuButtonEl||this.defaultMenuButtonEl;if(this.menuButtonEl===n){return}this.disconnectMenuButtonEl();this.menuButtonEl=n;this.setTooltipReferenceElement();if(!n){return}n.active=i;n.setAttribute("aria-controls",e);n.setAttribute("aria-expanded",a(i));n.setAttribute("aria-haspopup","true");if(!n.id){n.id=t}if(!n.label){n.label=s}if(!n.text){n.text=s}n.addEventListener("click",this.menuButtonClick);n.addEventListener("keydown",this.menuButtonKeyDown)};this.disconnectMenuButtonEl=()=>{const{menuButtonEl:t}=this;if(!t){return}t.removeEventListener("click",this.menuButtonClick);t.removeEventListener("keydown",this.menuButtonKeyDown)};this.setMenuButtonEl=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-action")));this.slottedMenuButtonEl=e[0];this.connectMenuButtonEl()};this.setDefaultMenuButtonEl=t=>{this.defaultMenuButtonEl=t;this.connectMenuButtonEl()};this.handleCalciteActionClick=()=>{this.open=false;this.setFocus()};this.menuButtonClick=()=>{this.toggleOpen()};this.updateTooltip=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-tooltip")));this.tooltipEl=e[0];this.setTooltipReferenceElement()};this.setTooltipReferenceElement=()=>{const{tooltipEl:t,expanded:e,menuButtonEl:i,open:s}=this;if(t){t.referenceElement=!e&&!s?i:null}};this.updateAction=(t,e)=>{const{guid:i,activeMenuItemIndex:s}=this;const n=`${i}-action-${e}`;t.tabIndex=-1;t.setAttribute("role","menuitem");if(!t.id){t.id=n}t.toggleAttribute(p,e===s)};this.updateActions=t=>{t?.forEach(this.updateAction)};this.handleDefaultSlotChange=t=>{const e=t.target.assignedElements({flatten:true}).reduce(((t,e)=>{if(e?.matches("calcite-action")){t.push(e);return t}if(e?.matches("calcite-action-group")){return t.concat(Array.from(e.querySelectorAll("calcite-action")))}return t}),[]);this.actionElements=e.filter((t=>!t.disabled&&!t.hidden))};this.menuButtonKeyDown=t=>{const{key:e}=t;const{actionElements:i,activeMenuItemIndex:s,open:n}=this;if(!i.length){return}if(l(e)){t.preventDefault();if(!n){this.toggleOpen();return}const e=i[s];e?e.click():this.toggleOpen(false)}if(e==="Tab"){this.open=false;return}if(e==="Escape"){this.toggleOpen(false);t.preventDefault();return}this.handleActionNavigation(t,e,i)};this.handleActionNavigation=(t,e,i)=>{if(!this.isValidKey(e,v)){return}t.preventDefault();if(!this.open){this.toggleOpen();if(e==="Home"||e==="ArrowDown"){this.activeMenuItemIndex=0}if(e==="End"||e==="ArrowUp"){this.activeMenuItemIndex=i.length-1}return}if(e==="Home"){this.activeMenuItemIndex=0}if(e==="End"){this.activeMenuItemIndex=i.length-1}const s=this.activeMenuItemIndex;if(e==="ArrowUp"){this.activeMenuItemIndex=o(Math.max(s-1,-1),i.length)}if(e==="ArrowDown"){this.activeMenuItemIndex=o(s+1,i.length)}};this.toggleOpenEnd=()=>{this.setFocus();this.el.removeEventListener("calcitePopoverOpen",this.toggleOpenEnd)};this.toggleOpen=(t=!this.open)=>{this.el.addEventListener("calcitePopoverOpen",this.toggleOpenEnd);this.open=t};this.handlePopoverOpen=()=>{this.open=true};this.handlePopoverClose=()=>{this.open=false};this.appearance="solid";this.expanded=false;this.flipPlacements=undefined;this.label=undefined;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.scale=undefined;this.menuButtonEl=undefined;this.activeMenuItemIndex=-1}connectedCallback(){this.connectMenuButtonEl()}componentWillLoad(){h(this)}componentDidLoad(){d(this)}disconnectedCallback(){this.disconnectMenuButtonEl()}expandedHandler(){this.open=false;this.setTooltipReferenceElement()}openHandler(t){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=t}this.calciteActionMenuOpen.emit();this.setTooltipReferenceElement()}activeMenuItemIndexHandler(){this.updateActions(this.actionElements)}async setFocus(){await u(this);return c(this.menuButtonEl)}renderMenuButton(){const{appearance:t,label:e,scale:s,expanded:n}=this;const o=i("slot",{name:b.trigger,onSlotchange:this.setMenuButtonEl},i("calcite-action",{appearance:t,class:f.defaultTrigger,icon:m.menu,ref:this.setDefaultMenuButtonEl,scale:s,text:e,textEnabled:n}));return o}renderMenuItems(){const{actionElements:t,activeMenuItemIndex:e,open:s,menuId:n,menuButtonEl:o,label:a,placement:c,overlayPositioning:r,flipPlacements:l}=this;const h=t[e];const d=h?.id||null;return i("calcite-popover",{autoClose:true,flipPlacements:l,focusTrapDisabled:true,label:a,offsetDistance:0,onCalcitePopoverClose:this.handlePopoverClose,onCalcitePopoverOpen:this.handlePopoverOpen,open:s,overlayPositioning:r,placement:c,pointerDisabled:true,referenceElement:o},i("div",{"aria-activedescendant":d,"aria-labelledby":o?.id,class:f.menu,id:n,onClick:this.handleCalciteActionClick,role:"menu",tabIndex:-1},i("slot",{onSlotchange:this.handleDefaultSlotChange})))}render(){return i(s,{key:"2e60f0bcf41f683c77fe93d6f776fb1e9ff9f9a7"},this.renderMenuButton(),this.renderMenuItems(),i("slot",{key:"e9d8dac34c46653b17c012ab01ed2c7bea3938ba",name:b.tooltip,onSlotchange:this.updateTooltip}))}isValidKey(t,e){return!!e.find((e=>e===t))}get el(){return n(this)}static get watchers(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}}};I.style=g;export{I as calcite_action_menu};
+//# sourceMappingURL=p-b2bfbf0a.entry.js.map