@esri/calcite-components 2.11.0-next.21 → 2.11.0-next.23

package/dist/calcite/p-dc80eead.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","lastItem","key","preventDefault","autoplay","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","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} as const;\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    const lastItem = this.items.length - 1;\n\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        event.preventDefault();\n        if (this.autoplay === \"\" || this.autoplay || this.autoplay === \"paused\") {\n          this.toggleRotation();\n        }\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        if (this.selectedIndex === 0) {\n          return;\n        }\n        this.direction = \"backward\";\n        this.setSelectedItem(0, true);\n        break;\n      case \"End\":\n        event.preventDefault();\n        if (this.selectedIndex === lastItem) {\n          return;\n        }\n        this.direction = \"forward\";\n        this.setSelectedItem(lastItem, 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-dde35a87.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/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{r as t,c as s,h as i,g as e,F as n}from"./p-db23b635.js";import{C as o,n as a,a as l,b as c,o as r,c as h,d,D as u,e as p,f,g as b,p as m,j as g,k as w,R as x,H as y,O as C,t as v,l as k,m as A,S,q as I,r as z,s as D,u as $,i as F,v as j,w as O}from"./p-f61cb332.js";import{l as L,g as N,f as K,d as T,i as P}from"./p-59c099e0.js";import{c as U,d as E,u as M,I as H}from"./p-4e6e891e.js";import{i as _}from"./p-440dc3e2.js";import{c as B,s as V,a as q}from"./p-fbe671fc.js";import{c as R,d as X}from"./p-7b6bbeb3.js";import{r as W,c as J,a as Y}from"./p-fd85ef0c.js";import{u as G,s as Q,c as Z,d as tt}from"./p-30962efe.js";import{t as st}from"./p-e558740e.js";import"./p-e0df786c.js";import"./p-48ec8617.js";import"./p-cbd30c0e.js";import"./p-4d88aaa8.js";import"./p-3c335899.js";const it=':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:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-color-picker-spacing:8px}:host([scale=s]) .container{inline-size:160px}:host([scale=s]) .saved-colors{gap:0.25rem;grid-template-columns:repeat(auto-fill, 20px)}:host([scale=m]){--calcite-color-picker-spacing:12px}:host([scale=m]) .container{inline-size:272px}:host([scale=l]){--calcite-color-picker-spacing:16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, 32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:inline-block;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope: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          );outline-offset:6px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-spacing-xxs)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex;row-gap:0.125rem}.channel[data-channel-index="3"]{inline-size:159px}:host([scale=s]) .channels{flex-wrap:wrap}:host([scale=s]) .channel{flex-basis:30%;flex-grow:1}:host([scale=s]) .channel[data-channel-index="3"]{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .channel[data-channel-index="3"]{inline-size:131px}.saved-colors{display:grid;gap:0.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill, 24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}';const et=it;const nt=16;const ot=class{constructor(e){t(this,e);this.calciteColorPickerChange=s(this,"calciteColorPickerChange",6);this.calciteColorPickerInput=s(this,"calciteColorPickerInput",6);this.internalColorUpdateContext=null;this.isActiveChannelInputEmpty=false;this.mode=o.HEX;this.shiftKeyChannelAdjustment=0;this.upOrDownArrowKeyTracker=null;this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode");this.updateChannelsFromColor(this.color)};this.handleColorFieldScopeKeyDown=t=>{const{key:s}=t;const i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};if(i[s]){t.preventDefault();this.scopeOrientation=s==="ArrowDown"||s==="ArrowUp"?"vertical":"horizontal";this.captureColorFieldColor(this.colorFieldScopeLeft+i[s].x||0,this.colorFieldScopeTop+i[s].y||0,false)}};this.handleHueScopeKeyDown=t=>{const s=t.shiftKey?10:1;const{key:i}=t;const e={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(e[i]){t.preventDefault();const n=e[i]*s;const o=this.baseColorFieldColor.hue();const a=this.baseColorFieldColor.hue(o+n);this.internalColorSet(a,false)}};this.handleHexInputChange=t=>{t.stopPropagation();const{isClearable:s,color:i}=this;const e=t.target;const n=e.value;if(s&&!n){this.internalColorSet(null);return}const o=i&&a(l(i,f(this.mode)));if(n!==o){this.internalColorSet(c(n))}};this.handleSavedColorSelect=t=>{const s=t.currentTarget;this.internalColorSet(c(s.color))};this.handleChannelInput=t=>{const s=t.currentTarget;const i=Number(s.getAttribute("data-channel-index"));const e=i===3;const n=e?C.max:this.channelMode==="rgb"?x[Object.keys(x)[i]]:y[Object.keys(y)[i]];let o;if(!s.value){o="";this.isActiveChannelInputEmpty=true;this.upOrDownArrowKeyTracker=null}else{const t=Number(s.value);const i=t+this.shiftKeyChannelAdjustment;const e=J(i,0,n);o=e.toString()}s.value=o;if(o!==""&&this.shiftKeyChannelAdjustment!==0){this.handleChannelChange(t)}else if(o!==""){this.handleChannelChange(t)}};this.handleChannelBlur=t=>{const s=t.currentTarget;const i=Number(s.getAttribute("data-channel-index"));const e=[...this.channels];const n=!s.value&&!this.isClearable;if(n){s.value=e[i]?.toString()}};this.handleChannelFocus=t=>{const s=t.currentTarget;s.selectText()};this.handleChannelChange=t=>{const s=t.currentTarget;const i=Number(s.getAttribute("data-channel-index"));const e=[...this.channels];const n=this.isClearable&&!s.value;if(n){this.channels=[null,null,null,null];this.internalColorSet(null);return}const o=i===3;if(this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker){s.value=this.upOrDownArrowKeyTracker==="up"?(e[i]+1<=this.getChannelInputLimit(i)?e[i]+1:this.getChannelInputLimit(i)).toString():(e[i]-1>=0?e[i]-1:0).toString();this.isActiveChannelInputEmpty=false;this.upOrDownArrowKeyTracker=null}const a=s.value?Number(s.value):e[i];e[i]=o?r(a):a;this.updateColorFromChannels(e)};this.handleSavedColorKeyDown=t=>{if(_(t.key)){t.preventDefault();this.handleSavedColorSelect(t)}};this.handleColorFieldPointerDown=t=>{if(!L(t)){return}const{offsetX:s,offsetY:i}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.colorFieldRenderingContext,bounds:this.colorFieldRenderingContext.canvas.getBoundingClientRect()};this.captureColorFieldColor(s,i);this.focusScope(this.colorFieldScopeNode)};this.handleHueSliderPointerDown=t=>{if(!L(t)){return}const{offsetX:s}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.hueSliderRenderingContext,bounds:this.hueSliderRenderingContext.canvas.getBoundingClientRect()};this.captureHueSliderColor(s);this.focusScope(this.hueScopeNode)};this.handleOpacitySliderPointerDown=t=>{if(!L(t)){return}const{offsetX:s}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.opacitySliderRenderingContext,bounds:this.opacitySliderRenderingContext.canvas.getBoundingClientRect()};this.captureOpacitySliderValue(s);this.focusScope(this.opacityScopeNode)};this.globalPointerUpHandler=t=>{if(!L(t)){return}const s=this.activeCanvasInfo;this.activeCanvasInfo=null;this.drawColorControls();if(s){this.calciteColorPickerChange.emit()}};this.globalPointerMoveHandler=t=>{const{activeCanvasInfo:s,el:i}=this;if(!i.isConnected||!s){return}const{context:e,bounds:n}=s;let o;let a;const{clientX:l,clientY:c}=t;if(e.canvas.matches(":hover")){o=l-n.x;a=c-n.y}else{if(l<n.x+n.width&&l>n.x){o=l-n.x}else if(l<n.x){o=0}else{o=n.width}if(c<n.y+n.height&&c>n.y){a=c-n.y}else if(c<n.y){a=0}else{a=n.height}}if(e===this.colorFieldRenderingContext){this.captureColorFieldColor(o,a,false)}else if(e===this.hueSliderRenderingContext){this.captureHueSliderColor(o)}else if(e===this.opacitySliderRenderingContext){this.captureOpacitySliderValue(o)}};this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t};this.storeHueScope=t=>{this.hueScopeNode=t};this.renderChannelsTabTitle=t=>{const{channelMode:s,messages:e}=this;const n=t===s;const o=t==="rgb"?e.rgb:e.hsv;return i("calcite-tab-title",{class:h.colorMode,"data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate,selected:n},o)};this.renderChannelsTab=t=>{const{isClearable:s,channelMode:e,channels:n,messages:o,alphaChannel:a}=this;const l=t===e;const c=t==="rgb";const r=c?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value];const u=N(this.el);const p=a?n:n.slice(0,3);return i("calcite-tab",{class:h.control,key:t,selected:l},i("div",{class:h.channels,dir:"ltr"},p.map(((t,i)=>{const e=i===3;if(e){t=s&&!t?t:d(t)}return this.renderChannel(t,i,r[i],u,e?"%":"")}))))};this.renderChannel=(t,s,e,n,o)=>i("calcite-input-number",{class:h.channel,"data-channel-index":s,dir:n,key:s,label:e,lang:this.effectiveLocale,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.handleChannelChange,onCalciteInputNumberInput:this.handleChannelInput,onCalciteInternalInputNumberBlur:this.handleChannelBlur,onCalciteInternalInputNumberFocus:this.handleChannelFocus,onKeyDown:this.handleKeyDown,scale:this.scale==="l"?"m":"s",style:{marginLeft:s>0&&!(this.scale==="s"&&this.alphaChannel&&s===3)?"-1px":""},suffixText:o,value:t?.toString()});this.deleteColor=()=>{const t=l(this.color,this.alphaChannel);const s=this.savedColors.indexOf(t)>-1;if(!s){return}const i=this.savedColors.filter((s=>s!==t));this.savedColors=i;const e=`${I}${this.storageId}`;if(this.storageId){localStorage.setItem(e,JSON.stringify(i))}};this.saveColor=()=>{const t=l(this.color,this.alphaChannel);const s=this.savedColors.indexOf(t)>-1;if(s){return}const i=[...this.savedColors,t];this.savedColors=i;const e=`${I}${this.storageId}`;if(this.storageId){localStorage.setItem(e,JSON.stringify(i))}};this.drawColorControls=st(((t="all")=>{if((t==="all"||t==="color-field")&&this.colorFieldRenderingContext){this.drawColorField()}if((t==="all"||t==="hue-slider")&&this.hueSliderRenderingContext){this.drawHueSlider()}if(this.alphaChannel&&(t==="all"||t==="opacity-slider")&&this.opacitySliderRenderingContext){this.drawOpacitySlider()}}),nt);this.captureColorFieldColor=(t,s,i=true)=>{const{dimensions:{colorField:{height:e,width:n}}}=this;const o=Math.round(y.s/n*t);const a=Math.round(y.v/e*(e-s));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(o).value(a),i)};this.initColorField=t=>{this.colorFieldRenderingContext=t.getContext("2d");this.updateCanvasSize("color-field");this.drawColorControls()};this.initHueSlider=t=>{this.hueSliderRenderingContext=t.getContext("2d");this.updateCanvasSize("hue-slider");this.drawHueSlider()};this.initOpacitySlider=t=>{if(!t){return}this.opacitySliderRenderingContext=t.getContext("2d");this.updateCanvasSize("opacity-slider");this.drawOpacitySlider()};this.storeOpacityScope=t=>{this.opacityScopeNode=t};this.handleOpacityScopeKeyDown=t=>{const s=t.shiftKey?10:1;const{key:i}=t;const e={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(e[i]){t.preventDefault();const n=e[i]*s;const o=this.baseColorFieldColor.alpha();const a=this.baseColorFieldColor.alpha(o+n);this.internalColorSet(a,false)}};this.allowEmpty=false;this.alphaChannel=false;this.channelsDisabled=false;this.clearable=false;this.color=u;this.disabled=false;this.format="auto";this.hideChannels=false;this.hexDisabled=false;this.hideHex=false;this.hideSaved=false;this.savedDisabled=false;this.scale="m";this.storageId=undefined;this.messageOverrides=undefined;this.numberingSystem=undefined;this.value=a(l(u,this.alphaChannel));this.channelMode="rgb";this.channels=this.toChannels(u);this.defaultMessages=undefined;this.dimensions=p.m;this.effectiveLocale="";this.messages=undefined;this.savedColors=[];this.colorFieldScopeTop=undefined;this.colorFieldScopeLeft=undefined;this.hueScopeLeft=undefined;this.opacityScopeLeft=undefined;this.scopeOrientation=undefined}handleAllowEmptyOrClearableChange(){this.isClearable=this.clearable||this.allowEmpty}handleAlphaChannelChange(t){const{format:s}=this;if(t&&s!=="auto"&&!f(s)){console.warn(`ignoring alphaChannel as the current format (${s}) does not support alpha`);this.alphaChannel=false}}handleAlphaChannelDimensionsChange(){this.effectiveSliderWidth=b(this.dimensions,this.alphaChannel);this.drawColorControls()}handleColorChange(t,s){this.drawColorControls();this.updateChannelsFromColor(t);this.previousColor=s}handleFormatOrAlphaChannelChange(){this.setMode(this.format);this.internalColorSet(this.color,false,"internal")}handleScaleChange(t="m"){this.updateDimensions(t);this.updateCanvasSize("all");this.drawColorControls()}onMessagesChange(){}handleValueChange(t,s){const{isClearable:i,format:e}=this;const n=!i||t;let o=false;if(n){const i=m(t);if(!i||e!=="auto"&&i!==e){this.showIncompatibleColorWarning(t,e);this.value=s;return}o=this.mode!==i;this.setMode(i,this.internalColorUpdateContext===null)}const a=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial"){return}if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit();if(!a){this.calciteColorPickerChange.emit()}return}const l=i&&!t?null:c(t!=null&&typeof t==="object"&&f(this.mode)?g(t):t);const r=!w(l,this.color);if(o||r){this.internalColorSet(l,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}}get baseColorFieldColor(){return this.color||this.previousColor||u}effectiveLocaleChange(){G(this,this.effectiveLocale)}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const{key:s}=t;if(s!=="ArrowUp"&&s!=="ArrowDown"||!t.composedPath().some((t=>t.classList?.contains(h.channel)))){return}const{shiftKey:i}=t;t.preventDefault();if(!this.color){this.internalColorSet(this.previousColor);t.stopPropagation();return}const e=9;this.shiftKeyChannelAdjustment=s==="ArrowUp"&&i?e:s==="ArrowDown"&&i?-e:0;if(s==="ArrowUp"){this.upOrDownArrowKeyTracker="up"}if(s==="ArrowDown"){this.upOrDownArrowKeyTracker="down"}}getChannelInputLimit(t){return this.channelMode==="rgb"?x[Object.keys(x)[t]]:y[Object.keys(y)[t]]}focusScope(t){requestAnimationFrame((()=>{t.focus()}))}async setFocus(){await B(this);K(this.el)}async componentWillLoad(){V(this);this.handleAllowEmptyOrClearableChange();this.handleAlphaChannelDimensionsChange();const{isClearable:t,color:s,format:i,value:e}=this;const n=t&&!e;const o=m(e);const a=n||i==="auto"&&o||i===o;const l=n?null:a?c(e):s;if(!a){this.showIncompatibleColorWarning(e,i)}this.setMode(i,false);this.internalColorSet(l,false,"initial");this.updateDimensions(this.scale);const r=`${I}${this.storageId}`;if(this.storageId&&localStorage.getItem(r)){this.savedColors=JSON.parse(localStorage.getItem(r))}await Q(this)}connectedCallback(){U(this);R(this);Z(this)}componentDidLoad(){q(this)}disconnectedCallback(){window.removeEventListener("pointermove",this.globalPointerMoveHandler);window.removeEventListener("pointerup",this.globalPointerUpHandler);E(this);X(this);tt(this)}componentDidRender(){M(this)}render(){const{channelsDisabled:t,color:s,colorFieldScopeLeft:e,colorFieldScopeTop:n,dimensions:{thumb:{radius:o}},hexDisabled:a,hideChannels:c,hideHex:r,hideSaved:p,hueScopeLeft:f,messages:b,alphaChannel:m,opacityScopeLeft:g,savedColors:w,savedDisabled:x,scale:v,scopeOrientation:k}=this;const A=this.effectiveSliderWidth;const S=s?l(s,m):null;const I=o;const z=f??A*u.hue()/y.h;const D=o;const $=g??A*d(u.alpha())/C.max;const F=s===null;const j=k==="vertical";const O=a||r;const L=t||c;const N=x||p;const[K,T]=this.getAdjustedScopePosition(e,n);const[P,U]=this.getAdjustedScopePosition(z,I);const[E,M]=this.getAdjustedScopePosition($,D);return i(H,{key:"3fdda1fd2366d3ffb3405dfa28a8424d78586a61",disabled:this.disabled},i("div",{key:"b3e95f63a7b4a9f49587fa458bf663cf82ff6961",class:h.container},i("div",{key:"5770ab5094e87956f0f8a49e16f1a9418cc6e7ff",class:h.controlAndScope},i("canvas",{key:"3773e30ddb17777a93b6091e4accc71e890f8cbb",class:h.colorField,onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),i("div",{key:"66dfba03f7a7e35f50c1fc0f23ccb0c0cf91c247","aria-label":j?b.value:b.saturation,"aria-valuemax":j?y.v:y.s,"aria-valuemin":"0","aria-valuenow":(j?s?.saturationv():s?.value())||"0",class:{[h.scope]:true,[h.colorFieldScope]:true},onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:`${T||0}px`,left:`${K||0}px`},tabindex:"0"})),i("div",{key:"61100b2e5e07a647b75641afe11e7dcfb6df3dd1",class:h.previewAndSliders},i("calcite-color-picker-swatch",{key:"3fd47b8fb737f322646f136a22ec5281c12dcdcb",class:h.preview,color:S,scale:this.alphaChannel?"l":this.scale}),i("div",{key:"df7ed65ad05057a4a8c81239f1dc2f3341ea18fb",class:h.sliders},i("div",{key:"5bc288a2e4da751f6e4a1b3a1b0b1294c6421306",class:h.controlAndScope},i("canvas",{key:"b350822aefb25ca6521d21a376c59885666798c5",class:{[h.slider]:true,[h.hueSlider]:true},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),i("div",{key:"5ba9570cb05da8620030918757acd21b57c844eb","aria-label":b.hue,"aria-valuemax":y.h,"aria-valuemin":"0","aria-valuenow":s?.round().hue()||u.round().hue(),class:{[h.scope]:true,[h.hueScope]:true},onKeyDown:this.handleHueScopeKeyDown,ref:this.storeHueScope,role:"slider",style:{top:`${U}px`,left:`${P}px`},tabindex:"0"})),m?i("div",{class:h.controlAndScope},i("canvas",{class:{[h.slider]:true,[h.opacitySlider]:true},onPointerDown:this.handleOpacitySliderPointerDown,ref:this.initOpacitySlider}),i("div",{"aria-label":b.opacity,"aria-valuemax":C.max,"aria-valuemin":C.min,"aria-valuenow":(s||u).round().alpha(),class:{[h.scope]:true,[h.opacityScope]:true},onKeyDown:this.handleOpacityScopeKeyDown,ref:this.storeOpacityScope,role:"slider",style:{top:`${M}px`,left:`${E}px`},tabindex:"0"})):null)),O&&L?null:i("div",{class:{[h.controlSection]:true,[h.section]:true}},i("div",{class:h.hexAndChannelsGroup},O?null:i("div",{class:h.hexOptions},i("calcite-color-picker-hex-input",{allowEmpty:this.isClearable,alphaChannel:m,class:h.control,messages:b,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:v,value:S})),L?null:i("calcite-tabs",{class:{[h.colorModeContainer]:true,[h.splitSection]:true},scale:v==="l"?"m":"s"},i("calcite-tab-nav",{slot:"title-group"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv")))),N?null:i("div",{class:{[h.savedColorsSection]:true,[h.section]:true}},i("div",{class:h.header},i("label",null,b.saved),i("div",{class:h.savedColorsButtons},i("calcite-button",{appearance:"transparent",class:h.deleteColor,disabled:F,iconStart:"minus",kind:"neutral",label:b.deleteColor,onClick:this.deleteColor,scale:v,type:"button"}),i("calcite-button",{appearance:"transparent",class:h.saveColor,disabled:F,iconStart:"plus",kind:"neutral",label:b.saveColor,onClick:this.saveColor,scale:v,type:"button"}))),w.length>0?i("div",{class:h.savedColors},[...w.map((t=>i("calcite-color-picker-swatch",{class:h.savedColor,color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:v,tabIndex:0})))]):null)))}handleKeyDown(t){if(t.key==="Enter"){t.preventDefault()}}showIncompatibleColorWarning(t,s){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${s})`)}setMode(t,s=true){const i=t==="auto"?this.mode:t;this.mode=this.ensureCompatibleMode(i,s)}ensureCompatibleMode(t,s){const{alphaChannel:i}=this;const e=f(t);if(i&&!e){const i=z(t);if(s){console.warn(`setting format to (${i}) as the provided one (${t}) does not support alpha`)}return i}if(!i&&e){const i=v(t);if(s){console.warn(`setting format to (${i}) as the provided one (${t}) does not support alpha`)}return i}return t}captureHueSliderColor(t){const s=A/this.effectiveSliderWidth*t;this.internalColorSet(this.baseColorFieldColor.hue(s),false)}captureOpacitySliderValue(t){const s=r(C.max/this.effectiveSliderWidth*t);this.internalColorSet(this.baseColorFieldColor.alpha(s),false)}internalColorSet(t,s=true,i="user-interaction"){if(s&&w(t,this.color)){return}this.internalColorUpdateContext=i;this.color=t;this.value=this.toValue(t);this.internalColorUpdateContext=null}toValue(t,s=this.mode){if(!t){return null}const i="hex";if(s.includes(i)){const i=s===o.HEXA;return a(l(t.round(),i),i)}if(s.includes("-css")){const i=t[s.replace("-css","").replace("a","")]().round().string();const e=(s.endsWith("a")||s.endsWith("a-css"))&&t.alpha()===1;if(e){const s=i.slice(0,3);const e=i.slice(4,-1);return`${s}a(${e}, ${t.alpha()})`}return i}const e=t[v(s)]().round().object();if(s.endsWith("a")){return k(e)}return e}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:s}}}=this;return s*2-t}updateDimensions(t="m"){this.dimensions=p[t]}drawColorField(){const t=this.colorFieldRenderingContext;const{dimensions:{colorField:{height:s,width:i}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string();t.fillRect(0,0,i,s);const e=t.createLinearGradient(0,0,i,0);e.addColorStop(0,"rgba(255,255,255,1)");e.addColorStop(1,"rgba(255,255,255,0)");t.fillStyle=e;t.fillRect(0,0,i,s);const n=t.createLinearGradient(0,0,0,s);n.addColorStop(0,"rgba(0,0,0,0)");n.addColorStop(1,"rgba(0,0,0,1)");t.fillStyle=n;t.fillRect(0,0,i,s);this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:s,width:i}){if(!t){return}const e=window.devicePixelRatio||1;t.width=i*e;t.height=s*e;t.style.height=`${s}px`;t.style.width=`${i}px`;const n=t.getContext("2d");n.scale(e,e)}updateCanvasSize(t="all"){const{dimensions:s}=this;if(t==="all"||t==="color-field"){this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,s.colorField)}const i={width:this.effectiveSliderWidth,height:s.slider.height+(s.thumb.radius-s.slider.height/2)*2};if(t==="all"||t==="hue-slider"){this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,i)}if(t==="all"||t==="opacity-slider"){this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,i)}}drawActiveColorFieldColor(){const{color:t}=this;if(!t){return}const s=t.hsv();const{dimensions:{colorField:{height:i,width:e},thumb:{radius:n}}}=this;const o=s.saturationv()/(y.s/e);const a=i-s.value()/(y.v/i);requestAnimationFrame((()=>{this.colorFieldScopeLeft=o;this.colorFieldScopeTop=a}));this.drawThumb(this.colorFieldRenderingContext,n,o,a,s,false)}drawThumb(t,s,i,e,n,o){const a=0;const l=2*Math.PI;const c=1;t.beginPath();t.arc(i,e,s,a,l);t.fillStyle="#fff";t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=c;t.stroke();if(o&&n.alpha()<1){const n=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.beginPath();t.arc(i,e,s-3,a,l);t.fillStyle=n;t.fill()}t.globalCompositeOperation="source-atop";t.beginPath();t.arc(i,e,s-3,a,l);const r=o?n.alpha():1;t.fillStyle=n.rgb().alpha(r).string();t.fill();t.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){const{color:t}=this;if(!t){return}const s=t.hsv().saturationv(100).value(100);const{dimensions:{thumb:{radius:i}}}=this;const e=this.effectiveSliderWidth;const n=s.hue()/(A/e);const o=i;const a=this.getSliderBoundX(n,e,i);requestAnimationFrame((()=>{this.hueScopeLeft=a}));this.drawThumb(this.hueSliderRenderingContext,i,a,o,s,false)}drawHueSlider(){const t=this.hueSliderRenderingContext;const{dimensions:{slider:{height:s},thumb:{radius:i}}}=this;const e=0;const n=i-s/2;const o=this.effectiveSliderWidth;const a=t.createLinearGradient(0,0,o,0);const l=["red","yellow","lime","cyan","blue","magenta","#ff0004"];const r=1/(l.length-1);let h=0;l.forEach((t=>{a.addColorStop(h,c(t).string());h+=r}));t.clearRect(0,0,o,s+this.getSliderCapSpacing()*2);this.drawSliderPath(t,s,o,e,n);t.fillStyle=a;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveHueSliderColor()}drawOpacitySlider(){const t=this.opacitySliderRenderingContext;const{baseColorFieldColor:s,dimensions:{slider:{height:i},thumb:{radius:e}}}=this;const n=0;const o=e-i/2;const a=this.effectiveSliderWidth;t.clearRect(0,0,a,i+this.getSliderCapSpacing()*2);const l=t.createLinearGradient(0,o,a,0);const c=s.rgb().alpha(0);const r=s.rgb().alpha(.5);const h=s.rgb().alpha(1);l.addColorStop(0,c.string());l.addColorStop(.5,r.string());l.addColorStop(1,h.string());this.drawSliderPath(t,i,a,n,o);const d=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.fillStyle=d;t.fill();t.fillStyle=l;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveOpacitySliderColor()}drawSliderPath(t,s,i,e,n){const o=s/2+1;t.beginPath();t.moveTo(e+o,n);t.lineTo(e+i-o,n);t.quadraticCurveTo(e+i,n,e+i,n+o);t.lineTo(e+i,n+s-o);t.quadraticCurveTo(e+i,n+s,e+i-o,n+s);t.lineTo(e+o,n+s);t.quadraticCurveTo(e,n+s,e,n+s-o);t.lineTo(e,n+o);t.quadraticCurveTo(e,n,e+o,n);t.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern){return this.checkerPattern}const t=document.createElement("canvas");t.width=10;t.height=10;const s=t.getContext("2d");s.fillStyle="#ccc";s.fillRect(0,0,10,10);s.fillStyle="#fff";s.fillRect(0,0,5,5);s.fillRect(5,5,5,5);this.checkerPattern=t;return t}drawActiveOpacitySliderColor(){const{color:t}=this;if(!t){return}const s=t;const{dimensions:{thumb:{radius:i}}}=this;const e=this.effectiveSliderWidth;const n=d(s.alpha())/(C.max/e);const o=i;const a=this.getSliderBoundX(n,e,i);requestAnimationFrame((()=>{this.opacityScopeLeft=a}));this.drawThumb(this.opacitySliderRenderingContext,i,a,o,s,true)}getSliderBoundX(t,s,i){const e=Y(t,s,i);return e===0?t:e===-1?W(t,0,s,i,i*2):W(t,0,s,s-i*2,s-i)}updateColorFromChannels(t){this.internalColorSet(c(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null,null]}toChannels(t){const{channelMode:s}=this;const i=t[s]().array().map(((t,s)=>{const i=s===3;return i?t:Math.floor(t)}));if(i.length===3){i.push(1)}return i}getAdjustedScopePosition(t,s){return[t-S/2,s-S/2]}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{allowEmpty:["handleAllowEmptyOrClearableChange"],clearable:["handleAllowEmptyOrClearableChange"],alphaChannel:["handleAlphaChannelChange","handleAlphaChannelDimensionsChange","handleFormatOrAlphaChannelChange"],dimensions:["handleAlphaChannelDimensionsChange"],color:["handleColorChange"],format:["handleFormatOrAlphaChannelChange"],scale:["handleScaleChange"],messageOverrides:["onMessagesChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleChange"]}}};ot.style=et;const at={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"};const lt=":host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:68px;margin-inline-start:-1px}:host([scale=s]) .container{flex-wrap:wrap;row-gap:0.125rem}:host([scale=s]) .opacity-input{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .opacity-input{inline-size:88px}:host([hidden]){display:none}[hidden]{display:none}";const ct=lt;const rt=c();const ht=class{constructor(i){t(this,i);this.calciteColorPickerHexInputChange=s(this,"calciteColorPickerHexInputChange",6);this.onHexInputBlur=()=>{const t=this.hexInputNode;const s=t.value;const i=`#${s}`;const{allowEmpty:e,internalColor:n}=this;const o=e&&!s;const a=D(i);if($(i,this.alphaChannel)){this.onHexInputChange()}if(o||F(i)&&a){return}t.value=e&&!n?"":this.formatHexForInternalInput(j(n.object()))};this.onOpacityInputBlur=()=>{const t=this.opacityInputNode;const s=t.value;const{allowEmpty:i,internalColor:e}=this;const n=i&&!s;if(n){return}t.value=i&&!e?"":this.formatOpacityForInternalInput(e)};this.onOpacityInputInput=()=>{this.onOpacityInputChange()};this.onHexInputChange=()=>{const t=this.hexInputNode.value;let s=t;if(s){const t=a(s,false);const i=F(t)&&this.alphaChannel;if(i&&this.internalColor){const i=a(this.internalColor.hexa(),true).slice(-2);s=`${t+i}`}}this.internalSetValue(s,this.value)};this.onOpacityInputChange=()=>{const t=this.opacityInputNode;let s;if(!t.value){s=t.value}else{const i=r(Number(t.value));s=this.internalColor?.alpha(i).hexa()}this.internalSetValue(s,this.value)};this.onInputFocus=t=>{t.type==="calciteInternalInputTextFocus"?this.hexInputNode.selectText():this.opacityInputNode.selectText()};this.onHexInputInput=()=>{const t=`#${this.hexInputNode.value}`;const s=this.value;if(F(t,this.alphaChannel)&&D(t,this.alphaChannel)){this.internalSetValue(t,s)}};this.onInputKeyDown=t=>{const{altKey:s,ctrlKey:i,metaKey:e,shiftKey:n}=t;const{alphaChannel:o,hexInputNode:a,internalColor:c,value:r}=this;const{key:h}=t;const d=t.composedPath();if(h==="Tab"&&$(r,this.alphaChannel)||h==="Enter"){if(d.includes(a)){this.onHexInputChange()}else{this.onOpacityInputChange()}if(h==="Enter"){t.preventDefault()}return}const u=h==="ArrowDown"||h==="ArrowUp";const p=this.value;if(u){if(!r){this.internalSetValue(this.previousNonNullValue,p);t.preventDefault();return}const s=h==="ArrowUp"?1:-1;const i=n?10:1;this.internalSetValue(l(this.nudgeRGBChannels(c,i*s,d.includes(a)?"rgb":"a"),o),p);t.preventDefault();return}const f=s||i||e;const b=h.length===1;const m=O.test(h);if(b&&!f&&!m){t.preventDefault()}};this.onHexInputPaste=t=>{const s=t.clipboardData.getData("text");if(F(s,this.alphaChannel)&&D(s,this.alphaChannel)){t.preventDefault();this.hexInputNode.value=s.slice(1);this.internalSetValue(s,this.value)}};this.previousNonNullValue=this.value;this.storeHexInputRef=t=>{this.hexInputNode=t};this.storeOpacityInputRef=t=>{this.opacityInputNode=t};this.allowEmpty=false;this.alphaChannel=false;this.hexLabel="Hex";this.messages=undefined;this.numberingSystem=undefined;this.scale="m";this.value=a(l(rt,this.alphaChannel),this.alphaChannel,true);this.internalColor=rt}connectedCallback(){const{allowEmpty:t,alphaChannel:s,value:i}=this;if(i){const t=a(i,s);if(F(t,s)){this.internalSetValue(t,t,false)}return}if(t){this.internalSetValue(null,null,false)}}componentWillLoad(){V(this)}componentDidLoad(){q(this)}handleValueChange(t,s){this.internalSetValue(t,s,false)}render(){const{alphaChannel:t,hexLabel:s,internalColor:e,messages:n,scale:o,value:a}=this;const l=this.formatHexForInternalInput(a);const c=this.formatOpacityForInternalInput(e);const r=o==="l"?"m":"s";return i("div",{key:"7f3098ef31cae459bb4816fbea34cc74c174ec87",class:at.container},i("calcite-input-text",{key:"66b3c778e3340ac4f9b91c4198b964c26c6a7347",class:at.hexInput,label:n?.hex||s,maxLength:this.alphaChannel?8:6,onCalciteInputTextChange:this.onHexInputChange,onCalciteInputTextInput:this.onHexInputInput,onCalciteInternalInputTextBlur:this.onHexInputBlur,onCalciteInternalInputTextFocus:this.onInputFocus,onKeyDown:this.onInputKeyDown,onPaste:this.onHexInputPaste,prefixText:"#",ref:this.storeHexInputRef,scale:r,value:l}),t?i("calcite-input-number",{class:at.opacityInput,key:"opacity-input",label:n?.opacity,max:C.max,maxLength:3,min:C.min,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberInput:this.onOpacityInputInput,onCalciteInternalInputNumberBlur:this.onOpacityInputBlur,onCalciteInternalInputNumberFocus:this.onInputFocus,onKeyDown:this.onInputKeyDown,ref:this.storeOpacityInputRef,scale:r,suffixText:"%",value:c}):null)}async setFocus(){await B(this);return T(this.hexInputNode)}internalSetValue(t,s,i=true){if(t){const{alphaChannel:s}=this;const e=a(t,s,s);if(F(e,s)){const{internalColor:t}=this;const n=c(e);const o=a(l(n,s),s);const r=!t||o!==a(l(t,s),s);this.internalColor=n;this.previousNonNullValue=o;this.value=o;if(r&&i){this.calciteColorPickerHexInputChange.emit()}return}}else if(this.allowEmpty){this.internalColor=null;this.value=null;if(i){this.calciteColorPickerHexInputChange.emit()}return}this.value=s}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${d(t.alpha())}`:""}nudgeRGBChannels(t,s,i){let e;const n=t.array();const o=n.slice(0,3);if(i==="rgb"){const t=o.map((t=>t+s));e=[...t,this.alphaChannel?n[3]:undefined]}else{const i=r(d(t.alpha())+s);e=[...o,i]}return c(e)}get el(){return e(this)}static get watchers(){return{value:["handleValueChange"]}}};ht.style=ct;const dt={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"};const ut={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"};const pt=4;const ft={squareSize:pt,size:pt*2};const bt=":host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}";const mt=bt;const gt=class{constructor(s){t(this,s);this.active=false;this.color=undefined;this.scale="m"}handleColorChange(t){this.internalColor=t?c(t):null}componentWillLoad(){this.handleColorChange(this.color)}render(){const t=!this.internalColor;const s={[dt.swatch]:true,[dt.noColorSwatch]:t};return i("svg",{key:"b29377be8ce0518f7b0f3691dcb1dda08890dd94",class:s,xmlns:"http://www.w3.org/2000/svg"},this.renderSwatch())}renderSwatch(){const{active:t,el:s,internalColor:e}=this;const o=t?"100%":"0";const a=P(s);const c=a==="light"?ut.borderLight:ut.borderDark;const r={height:"100%",rx:o,stroke:c,["stroke-width"]:"2",width:"100%"};const h=!e;if(h){return i(n,null,i("clipPath",{id:"shape"},i("rect",{height:"100%",rx:o,width:"100%"})),i("rect",{"clip-path":`inset(0 round ${o})`,rx:o,...r}),i("line",{"clip-path":"url(#shape)","stroke-width":"3",x1:"100%",x2:"0",y1:"0",y2:"100%"}))}const d=e.alpha();const u=l(e);const p=l(e,d<1);return i(n,null,i("title",null,p),i("defs",null,i("pattern",{height:ft.size,id:"checker",patternUnits:"userSpaceOnUse",width:ft.size,x:"0",y:"0"},i("rect",{class:dt.checker,height:ft.squareSize,width:ft.squareSize,x:"0",y:"0"}),i("rect",{class:dt.checker,height:ft.squareSize,width:ft.squareSize,x:ft.squareSize,y:ft.squareSize}))),i("rect",{fill:"url(#checker)",height:"100%",rx:o,width:"100%"}),i("rect",{fill:u,style:{"clip-path":d<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`},...r}),d<1?i("rect",{fill:p,key:"opacity-fill",style:{"clip-path":"polygon(100% 0, 100% 100%, 0 100%)"},...r}):null)}get el(){return e(this)}static get watchers(){return{color:["handleColorChange"]}}};gt.style=mt;export{ot as calcite_color_picker,ht as calcite_color_picker_hex_input,gt as calcite_color_picker_swatch};
+//# sourceMappingURL=p-dde35a87.entry.js.map

package/dist/calcite/p-df427464.js

@@ -0,0 +1,11 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{m as e,n,o as r,p as t,r as i,d as u,u as a}from"./p-59c099e0.js";import{f as o}from"./p-faa6c364.js";
+/*!
+* focus-trap 7.5.4
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/function f(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function c(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?f(Object(r),!0).forEach((function(n){s(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function s(e,n,r){n=l(n);if(n in e){Object.defineProperty(e,n,{value:r,enumerable:true,configurable:true,writable:true})}else{e[n]=r}return e}function v(e,n){if(typeof e!=="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==undefined){var t=r.call(e,n||"default");if(typeof t!=="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(e)}function l(e){var n=v(e,"string");return typeof n==="symbol"?n:String(n)}var d={activateTrap:function e(n,r){if(n.length>0){var t=n[n.length-1];if(t!==r){t.pause()}}var i=n.indexOf(r);if(i===-1){n.push(r)}else{n.splice(i,1);n.push(r)}},deactivateTrap:function e(n,r){var t=n.indexOf(r);if(t!==-1){n.splice(t,1)}if(n.length>0){n[n.length-1].unpause()}}};var b=function e(n){return n.tagName&&n.tagName.toLowerCase()==="input"&&typeof n.select==="function"};var p=function e(n){return(n===null||n===void 0?void 0:n.key)==="Escape"||(n===null||n===void 0?void 0:n.key)==="Esc"||(n===null||n===void 0?void 0:n.keyCode)===27};var w=function e(n){return(n===null||n===void 0?void 0:n.key)==="Tab"||(n===null||n===void 0?void 0:n.keyCode)===9};var m=function e(n){return w(n)&&!n.shiftKey};var h=function e(n){return w(n)&&n.shiftKey};var y=function e(n){return setTimeout(n,0)};var F=function e(n,r){var t=-1;n.every((function(e,n){if(r(e)){t=n;return false}return true}));return t};var O=function e(n){for(var r=arguments.length,t=new Array(r>1?r-1:0),i=1;i<r;i++){t[i-1]=arguments[i]}return typeof n==="function"?n.apply(void 0,t):n};var k=function e(n){return n.target.shadowRoot&&typeof n.composedPath==="function"?n.composedPath()[0]:n.target};var j=[];var T=function u(a,o){var f=(o===null||o===void 0?void 0:o.document)||document;var s=(o===null||o===void 0?void 0:o.trapStack)||j;var v=c({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true,isKeyForward:m,isKeyBackward:h},o);var l={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,delayInitialFocusTimer:undefined,recentNavEvent:undefined};var T;var D=function e(n,r,t){return n&&n[r]!==undefined?n[r]:v[t||r]};var g=function e(n,r){var t=typeof(r===null||r===void 0?void 0:r.composedPath)==="function"?r.composedPath():undefined;return l.containerGroups.findIndex((function(e){var r=e.container,i=e.tabbableNodes;return r.contains(n)||(t===null||t===void 0?void 0:t.includes(r))||i.find((function(e){return e===n}))}))};var E=function e(n){var r=v[n];if(typeof r==="function"){for(var t=arguments.length,i=new Array(t>1?t-1:0),u=1;u<t;u++){i[u-1]=arguments[u]}r=r.apply(void 0,i)}if(r===true){r=undefined}if(!r){if(r===undefined||r===false){return r}throw new Error("`".concat(n,"` was specified but was not a node, or did not return a node"))}var a=r;if(typeof r==="string"){a=f.querySelector(r);if(!a){throw new Error("`".concat(n,"` as selector refers to no known node"))}}return a};var N=function n(){var r=E("initialFocus");if(r===false){return false}if(r===undefined||!e(r,v.tabbableOptions)){if(g(f.activeElement)>=0){r=f.activeElement}else{var t=l.tabbableGroups[0];var i=t&&t.firstTabbableNode;r=i||E("fallbackFocus")}}if(!r){throw new Error("Your focus-trap needs to have at least one focusable element")}return r};var P=function e(){l.containerGroups=l.containers.map((function(e){var u=n(e,v.tabbableOptions);var a=r(e,v.tabbableOptions);var o=u.length>0?u[0]:undefined;var f=u.length>0?u[u.length-1]:undefined;var c=a.find((function(e){return t(e)}));var s=a.slice().reverse().find((function(e){return t(e)}));var l=!!u.find((function(e){return i(e)>0}));return{container:e,tabbableNodes:u,focusableNodes:a,posTabIndexesFound:l,firstTabbableNode:o,lastTabbableNode:f,firstDomTabbableNode:c,lastDomTabbableNode:s,nextTabbableNode:function e(n){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var i=u.indexOf(n);if(i<0){if(r){return a.slice(a.indexOf(n)+1).find((function(e){return t(e)}))}return a.slice(0,a.indexOf(n)).reverse().find((function(e){return t(e)}))}return u[i+(r?1:-1)]}}}));l.tabbableGroups=l.containerGroups.filter((function(e){return e.tabbableNodes.length>0}));if(l.tabbableGroups.length<=0&&!E("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}if(l.containerGroups.find((function(e){return e.posTabIndexesFound}))&&l.containerGroups.length>1){throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}};var A=function e(n){var r=n.activeElement;if(!r){return}if(r.shadowRoot&&r.shadowRoot.activeElement!==null){return e(r.shadowRoot)}return r};var x=function e(n){if(n===false){return}if(n===A(document)){return}if(!n||!n.focus){e(N());return}n.focus({preventScroll:!!v.preventScroll});l.mostRecentlyFocusedNode=n;if(b(n)){n.select()}};var B=function e(n){var r=E("setReturnFocus",n);return r?r:r===false?false:n};var R=function n(r){var u=r.target,a=r.event,o=r.isBackward,f=o===void 0?false:o;u=u||k(a);P();var c=null;if(l.tabbableGroups.length>0){var s=g(u,a);var d=s>=0?l.containerGroups[s]:undefined;if(s<0){if(f){c=l.tabbableGroups[l.tabbableGroups.length-1].lastTabbableNode}else{c=l.tabbableGroups[0].firstTabbableNode}}else if(f){var b=F(l.tabbableGroups,(function(e){var n=e.firstTabbableNode;return u===n}));if(b<0&&(d.container===u||e(u,v.tabbableOptions)&&!t(u,v.tabbableOptions)&&!d.nextTabbableNode(u,false))){b=s}if(b>=0){var p=b===0?l.tabbableGroups.length-1:b-1;var m=l.tabbableGroups[p];c=i(u)>=0?m.lastTabbableNode:m.lastDomTabbableNode}else if(!w(a)){c=d.nextTabbableNode(u,false)}}else{var h=F(l.tabbableGroups,(function(e){var n=e.lastTabbableNode;return u===n}));if(h<0&&(d.container===u||e(u,v.tabbableOptions)&&!t(u,v.tabbableOptions)&&!d.nextTabbableNode(u))){h=s}if(h>=0){var y=h===l.tabbableGroups.length-1?0:h+1;var O=l.tabbableGroups[y];c=i(u)>=0?O.firstTabbableNode:O.firstDomTabbableNode}else if(!w(a)){c=d.nextTabbableNode(u)}}}else{c=E("fallbackFocus")}return c};var S=function e(n){var r=k(n);if(g(r,n)>=0){return}if(O(v.clickOutsideDeactivates,n)){T.deactivate({returnFocus:v.returnFocusOnDeactivate});return}if(O(v.allowOutsideClick,n)){return}n.preventDefault()};var C=function e(n){var r=k(n);var t=g(r,n)>=0;if(t||r instanceof Document){if(t){l.mostRecentlyFocusedNode=r}}else{n.stopImmediatePropagation();var u;var a=true;if(l.mostRecentlyFocusedNode){if(i(l.mostRecentlyFocusedNode)>0){var o=g(l.mostRecentlyFocusedNode);var f=l.containerGroups[o].tabbableNodes;if(f.length>0){var c=f.findIndex((function(e){return e===l.mostRecentlyFocusedNode}));if(c>=0){if(v.isKeyForward(l.recentNavEvent)){if(c+1<f.length){u=f[c+1];a=false}}else{if(c-1>=0){u=f[c-1];a=false}}}}}else{if(!l.containerGroups.some((function(e){return e.tabbableNodes.some((function(e){return i(e)>0}))}))){a=false}}}else{a=false}if(a){u=R({target:l.mostRecentlyFocusedNode,isBackward:v.isKeyBackward(l.recentNavEvent)})}if(u){x(u)}else{x(l.mostRecentlyFocusedNode||N())}}l.recentNavEvent=undefined};var I=function e(n){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;l.recentNavEvent=n;var t=R({event:n,isBackward:r});if(t){if(w(n)){n.preventDefault()}x(t)}};var G=function e(n){if(p(n)&&O(v.escapeDeactivates,n)!==false){n.preventDefault();T.deactivate();return}if(v.isKeyForward(n)||v.isKeyBackward(n)){I(n,v.isKeyBackward(n))}};var K=function e(n){var r=k(n);if(g(r,n)>=0){return}if(O(v.clickOutsideDeactivates,n)){return}if(O(v.allowOutsideClick,n)){return}n.preventDefault();n.stopImmediatePropagation()};var M=function e(){if(!l.active){return}d.activateTrap(s,T);l.delayInitialFocusTimer=v.delayInitialFocus?y((function(){x(N())})):x(N());f.addEventListener("focusin",C,true);f.addEventListener("mousedown",S,{capture:true,passive:false});f.addEventListener("touchstart",S,{capture:true,passive:false});f.addEventListener("click",K,{capture:true,passive:false});f.addEventListener("keydown",G,{capture:true,passive:false});return T};var U=function e(){if(!l.active){return}f.removeEventListener("focusin",C,true);f.removeEventListener("mousedown",S,true);f.removeEventListener("touchstart",S,true);f.removeEventListener("click",K,true);f.removeEventListener("keydown",G,true);return T};var Y=function e(n){var r=n.some((function(e){var n=Array.from(e.removedNodes);return n.some((function(e){return e===l.mostRecentlyFocusedNode}))}));if(r){x(N())}};var L=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(Y):undefined;var q=function e(){if(!L){return}L.disconnect();if(l.active&&!l.paused){l.containers.map((function(e){L.observe(e,{subtree:true,childList:true})}))}};T={get active(){return l.active},get paused(){return l.paused},activate:function e(n){if(l.active){return this}var r=D(n,"onActivate");var t=D(n,"onPostActivate");var i=D(n,"checkCanFocusTrap");if(!i){P()}l.active=true;l.paused=false;l.nodeFocusedBeforeActivation=f.activeElement;r===null||r===void 0||r();var u=function e(){if(i){P()}M();q();t===null||t===void 0||t()};if(i){i(l.containers.concat()).then(u,u);return this}u();return this},deactivate:function e(n){if(!l.active){return this}var r=c({onDeactivate:v.onDeactivate,onPostDeactivate:v.onPostDeactivate,checkCanReturnFocus:v.checkCanReturnFocus},n);clearTimeout(l.delayInitialFocusTimer);l.delayInitialFocusTimer=undefined;U();l.active=false;l.paused=false;q();d.deactivateTrap(s,T);var t=D(r,"onDeactivate");var i=D(r,"onPostDeactivate");var u=D(r,"checkCanReturnFocus");var a=D(r,"returnFocus","returnFocusOnDeactivate");t===null||t===void 0||t();var o=function e(){y((function(){if(a){x(B(l.nodeFocusedBeforeActivation))}i===null||i===void 0||i()}))};if(a&&u){u(B(l.nodeFocusedBeforeActivation)).then(o,o);return this}o();return this},pause:function e(n){if(l.paused||!l.active){return this}var r=D(n,"onPause");var t=D(n,"onPostPause");l.paused=true;r===null||r===void 0||r();U();q();t===null||t===void 0||t();return this},unpause:function e(n){if(!l.paused||!l.active){return this}var r=D(n,"onUnpause");var t=D(n,"onPostUnpause");l.paused=false;r===null||r===void 0||r();P();M();q();t===null||t===void 0||t();return this},updateContainerElements:function e(n){var r=[].concat(n).filter(Boolean);l.containers=r.map((function(e){return typeof e==="string"?f.querySelector(e):e}));if(l.active){P()}q();return this}};T.updateContainerElements(a);return T};function D(e,n){const{el:r}=e;const t=n?.focusTrapEl||r;if(!t){return}const i={clickOutsideDeactivates:true,escapeDeactivates:false,fallbackFocus:t,setReturnFocus:e=>{u(e);return false},...n?.focusTrapOptions,document:r.ownerDocument,tabbableOptions:a,trapStack:o};e.focusTrap=T(t,i)}function g(e,n){if(!e.focusTrapDisabled){e.focusTrap?.activate(n)}}function E(e,n){e.focusTrap?.deactivate(n)}function N(e){e.focusTrap?.updateContainerElements(e.el)}export{g as a,D as c,E as d,N as u};
+//# sourceMappingURL=p-df427464.js.map

package/dist/calcite/p-e0df786c.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+function t(t){return t.map((t=>{let r="";for(let e=0;e<t;e++){r+=((1+Math.random())*65536|0).toString(16).substring(1)}return r})).join("-")}const r=()=>t([2,1,1,1,3]);export{r as g};
+//# sourceMappingURL=p-e0df786c.js.map

package/dist/calcite/p-e2f800a9.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/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{r as t,c as i,h as e,H as s,g as a}from"./p-db23b635.js";import{d as n,a as r,b as o,i as c,c as l,g as h,e as d,f as p,h as u}from"./p-072d047f.js";import{f,t as m}from"./p-59c099e0.js";import{f as g,c as b,d as v,r as y,a as w,F as x}from"./p-d8995b59.js";import{s as k,c as I,d as C,H as D}from"./p-d9895327.js";import{c as z,d as A,u as j,I as P}from"./p-4e6e891e.js";import{n as O}from"./p-440dc3e2.js";import{c as F,d as T}from"./p-0707d636.js";import{c as E,s as M,a as R}from"./p-fbe671fc.js";import{n as B,c as H,d as L,b as S}from"./p-7b6bbeb3.js";import{o as W}from"./p-a7bcc06b.js";import{c as Y,s as $,d as q,u as N}from"./p-30962efe.js";import{c as _,d as V,a as X}from"./p-df427464.js";import{g as G}from"./p-e0df786c.js";import{g as K}from"./p-61a6479b.js";import{V as U}from"./p-b54b9358.js";import{s as J}from"./p-2037c1f9.js";import"./p-48ec8617.js";import"./p-3c335899.js";import"./p-cbd30c0e.js";import"./p-4d88aaa8.js";import"./p-faa6c364.js";function Q(t){if(!t){return false}const{year:i}=n(t);return Number(i)<100}function Z(t){const i=(new Date).getFullYear();const e=Math.floor(i/100)*100+t;return e}const tt={assistiveText:"assistive-text",calendarWrapper:"calendar-wrapper",calendarWrapperEnd:"calendar-wrapper--end",horizontalArrowContainer:"horizontal-arrow-container",inputBorderTopColorOne:"border-top-color-one",inputContainer:"input-container",inputNoBottomBorder:"no-bottom-border",inputWrapper:"input-wrapper",input:"input",menu:"menu-container",menuActive:"menu-container--active",toggleIcon:"toggle-icon",verticalArrowContainer:"vertical-arrow-container",chevronIcon:"chevron-icon"};const it=":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}: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{position:relative;display:inline-block;inline-size:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([scale=s]){--calcite-toggle-spacing:0.5rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing:0.75rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing:1rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 2rem)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}.input-wrapper .chevron-icon{color:var(--calcite-color-text-3)}.input-wrapper:focus-within .chevron-icon,.input-wrapper:active .chevron-icon,.input-wrapper:hover .chevron-icon{color:var(--calcite-color-text-1)}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}:host([range]) .input-container{display:flex}:host([range]) .input-wrapper{flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:flex;align-items:center;border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);padding-block:0px;padding-inline:0.25rem}:host([range][layout=vertical]) .input-wrapper{inline-size:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .calendar-wrapper--end{transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{inset-block-start:1.5rem;position:absolute;z-index:var(--calcite-z-index);margin-inline:1px;background-color:var(--calcite-color-foreground-1);padding-inline:0.625rem;inset-inline-start:0}.menu-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .menu-container{visibility:visible}.menu-container--active{visibility:visible}.input .calcite-input__wrapper{margin-block-start:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{inset-block-start:1.5rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{block-size:0.75rem;inline-size:0.75rem;min-inline-size:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{inset-block-start:2.25rem;padding-inline:0.875rem}:host([range][layout=vertical][open]) .vertical-arrow-container{display:none}.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}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const et=it;const st=class{constructor(e){t(this,e);this.calciteInputDatePickerChange=i(this,"calciteInputDatePickerChange",6);this.calciteInputDatePickerBeforeClose=i(this,"calciteInputDatePickerBeforeClose",6);this.calciteInputDatePickerClose=i(this,"calciteInputDatePickerClose",6);this.calciteInputDatePickerBeforeOpen=i(this,"calciteInputDatePickerBeforeOpen",6);this.calciteInputDatePickerOpen=i(this,"calciteInputDatePickerOpen",6);this.calciteInternalInputInputHandler=t=>{const i=t.target;const e=i.value;const s=this.parseNumerals(e);const a=this.formatNumerals(s);i.value=a;const{year:n}=r(e,this.localeData);if(n&&n.length<4){return}const l=o(e,this.localeData);if(c(l,this.min,this.max)){this.datePickerActiveDate=l}};this.calciteInternalInputBlurHandler=()=>{this.commitValue()};this.dialogId=`date-picker-dialog--${G()}`;this.focusOnOpen=false;this.userChangedValue=false;this.openTransitionProp="opacity";this.valueAsDateChangedExternally=false;this.placeholderTextId=`calcite-input-date-picker-placeholder-${G()}`;this.onInputWrapperPointerDown=()=>{this.currentOpenInput=this.focusedInput};this.onInputWrapperClick=t=>{const{range:i,endInput:e,startInput:s,currentOpenInput:a}=this;const n=t.currentTarget;const r=n.getAttribute("data-position");const o=t.composedPath();const c=o.find((t=>t.classList?.contains(tt.toggleIcon)));if(c){const t=r==="start"?s:e;t.setFocus()}if(!i||!this.open||a===r){this.open=!this.open}};this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?g(i,t):null};this.setTransitionEl=t=>{this.transitionEl=t};this.setStartInput=t=>{this.startInput=t};this.setEndInput=t=>{this.endInput=t};this.blurHandler=()=>{this.open=false};this.keyDownHandler=t=>{const{defaultPrevented:i,key:e}=t;if(i){return}if(e==="Enter"){t.preventDefault();this.commitValue();if(this.shouldFocusRangeEnd()){this.endInput?.setFocus()}else if(this.shouldFocusRangeStart()){this.startInput?.setFocus()}if(k(this)){this.restoreInputFocus()}}else if(e==="ArrowDown"){this.open=true;this.focusOnOpen=true;t.preventDefault()}else if(e==="Escape"){this.open=false;t.preventDefault();this.restoreInputFocus()}};this.startInputFocus=()=>{this.focusedInput="start"};this.endInputFocus=()=>{this.focusedInput="end"};this.setFloatingEl=t=>{this.floatingEl=t;b(this,this.referenceEl,this.floatingEl)};this.setStartWrapper=t=>{this.startWrapper=t;this.setReferenceEl()};this.setEndWrapper=t=>{this.endWrapper=t;this.setReferenceEl()};this.setDatePickerRef=t=>{this.datePickerEl=t;_(this,{focusTrapEl:t,focusTrapOptions:{initialFocus:false,setReturnFocus:false}})};this.handleDateChange=t=>{if(this.range){return}t.stopPropagation();this.setValue(t.target.valueAsDate);this.localizeInputValues();this.restoreInputFocus()};this.handleDateRangeChange=t=>{if(!this.range){return}t.stopPropagation();const i=t.target.valueAsDate;this.setRangeValue(i);this.localizeInputValues();this.restoreInputFocus()};this.setInputValue=(t,i="start")=>{const e=this[`${i}Input`];if(!e){return}e.value=t};this.setRangeValue=t=>{if(!this.range){return}const{value:i}=this;const e=Array.isArray(i);const s=Array.isArray(t);const a=s?t[0]:null;let n=s?l(a):"";if(n){n=this.getNormalizedDate(n)}const r=s?t[1]:null;let o=s?l(r):"";if(o){o=this.getNormalizedDate(o)}const c=n||o?[n,o]:"";if(c===i){return}this.userChangedValue=true;this.value=c;this.valueAsDate=c?h(c):undefined;const d=this.calciteInputDatePickerChange.emit();if(d&&d.defaultPrevented){this.value=i;if(e){this.setInputValue(i[0],"start");this.setInputValue(i[1],"end")}else{this.value=i;this.setInputValue(i)}}};this.setValue=t=>{if(this.range){return}const i=this.value;let e=l(t);e=this.getNormalizedDate(e);if(e===i){return}this.userChangedValue=true;this.valueAsDate=e?d(e):undefined;this.value=e||"";const s=this.calciteInputDatePickerChange.emit();if(s.defaultPrevented){this.value=i;this.setInputValue(i)}};this.commonDateSeparators=[".","-","/"];this.formatNumerals=t=>t?t.split("").map((t=>this.commonDateSeparators?.includes(t)?this.localeData?.separator:O?.includes(t)?B?.numberFormatter?.format(Number(t)):t)).join(""):"";this.parseNumerals=t=>t?t.split("").map((t=>O.includes(t)?B.delocalize(t):t)).join(""):"";this.disabled=false;this.focusTrapDisabled=false;this.form=undefined;this.readOnly=false;this.value="";this.flipPlacements=undefined;this.headingLevel=undefined;this.valueAsDate=undefined;this.messageOverrides=undefined;this.messages=undefined;this.minAsDate=undefined;this.maxAsDate=undefined;this.min=undefined;this.max=undefined;this.open=false;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.numberingSystem=undefined;this.scale="m";this.status="idle";this.placement=v;this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.datePickerActiveDate=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.focusedInput="start";this.localeData=undefined}handleFocusTrapDisabled(t){if(!this.open){return}t?V(this):X(this)}handleDisabledAndReadOnlyChange(t){if(!t){this.open=false}}valueWatcher(t){if(!this.userChangedValue){let i;if(Array.isArray(t)){i=h(t)}else if(t){i=d(t)}else{i=undefined}if(!this.valueAsDateChangedExternally&&i!==this.valueAsDate){this.valueAsDate=i}this.localizeInputValues()}this.userChangedValue=false}valueAsDateWatcher(t){this.datePickerActiveDate=t;const i=this.range&&Array.isArray(t)?[l(t[0]),l(t[1])]:l(t);if(this.value!==i){this.valueAsDateChangedExternally=true;this.value=i;this.valueAsDateChangedExternally=false}}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}onMessagesChange(){}onMinChanged(t){this.minAsDate=d(t)}onMaxChanged(t){this.maxAsDate=d(t)}openHandler(){W(this);if(this.disabled||this.readOnly){this.open=false;return}this.reposition(true)}overlayPositioningHandler(){this.reposition(true)}calciteDaySelectHandler(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.open=false}async setFocus(){await E(this);f(this.el)}async reposition(t=false){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:a,filteredFlipPlacements:n}=this;return y(this,{floatingEl:i,referenceEl:e,overlayPositioning:a,placement:s,flipPlacements:n,type:"menu"},t)}connectedCallback(){z(this);H(this);const{open:t}=this;t&&this.openHandler();if(Array.isArray(this.value)){this.valueAsDate=h(this.value)}else if(this.value){try{this.valueAsDate=d(this.value)}catch(t){this.warnAboutInvalidValue(this.value);this.value=""}}else if(this.valueAsDate){if(this.range){this.setRangeValue(this.valueAsDate)}else if(!Array.isArray(this.valueAsDate)){this.value=l(this.valueAsDate)}}if(this.min){this.minAsDate=d(this.min)}if(this.max){this.maxAsDate=d(this.max)}F(this);I(this);Y(this);this.setFilteredPlacements();B.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};if(this.open){W(this)}b(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){M(this);await Promise.all([this.loadLocaleData(),$(this)]);this.onMinChanged(this.min);this.onMaxChanged(this.max)}componentDidLoad(){R(this);this.localizeInputValues();b(this,this.referenceEl,this.floatingEl)}disconnectedCallback(){V(this);A(this);T(this);C(this);w(this,this.referenceEl,this.floatingEl);L(this);q(this)}componentDidRender(){j(this)}render(){const{disabled:t,effectiveLocale:i,messages:a,numberingSystem:n,readOnly:r}=this;B.numberFormatOptions={numberingSystem:n,locale:i,useGrouping:false};return e(s,{key:"85365f23b08c867c2e96039a6ea1934733fa99cf",onBlur:this.blurHandler,onKeyDown:this.keyDownHandler},e(P,{key:"7775db32695205c4ac1d4ae90ebd00155b703425",disabled:this.disabled},this.localeData&&e("div",{key:"ae454f5ebcbcba9c84d1e2d7a01471669c8290cc",class:tt.inputContainer},e("div",{key:"57a95d0879a09e120d8b8c6ccdef4b33c5376a5d",class:tt.inputWrapper,"data-position":"start",onClick:this.onInputWrapperClick,onPointerDown:this.onInputWrapperPointerDown,ref:this.setStartWrapper},e("calcite-input-text",{key:"70c7f7ab09de748a9835df009d12972f327d83f5","aria-autocomplete":"none","aria-controls":this.dialogId,"aria-describedby":this.placeholderTextId,"aria-expanded":m(this.open),"aria-haspopup":"dialog",class:{[tt.input]:true,[tt.inputNoBottomBorder]:this.layout==="vertical"&&this.range},disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.startInputFocus,placeholder:this.localeData?.placeholder,readOnly:r,ref:this.setStartInput,role:"combobox",scale:this.scale,status:this.status}),!this.readOnly&&this.renderToggleIcon(this.open&&this.focusedInput==="start"),e("span",{key:"66b873701ee47b6ac0b39c8633eb40477dbb2a64","aria-hidden":"true",class:tt.assistiveText,id:this.placeholderTextId},"Date Format: ",this.localeData?.placeholder)),e("div",{key:"4aa835e8c6f2ac473b3bb1b87c121cd1a4ea8399","aria-hidden":m(!this.open),"aria-label":a.chooseDate,"aria-live":"polite","aria-modal":"true",class:{[tt.menu]:true,[tt.menuActive]:this.open},id:this.dialogId,ref:this.setFloatingEl,role:"dialog"},e("div",{key:"5b278ceb6d0b7e946e960b5f832d9895333f40c4",class:{[tt.calendarWrapper]:true,[tt.calendarWrapperEnd]:this.focusedInput==="end",[x.animation]:true,[x.animationActive]:this.open},ref:this.setTransitionEl},e("calcite-date-picker",{key:"c8a663b105706077464c6d9c037793a912aaa044",activeDate:this.datePickerActiveDate,activeRange:this.focusedInput,headingLevel:this.headingLevel,max:this.max,maxAsDate:this.maxAsDate,messageOverrides:this.messageOverrides,min:this.min,minAsDate:this.minAsDate,numberingSystem:n,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,ref:this.setDatePickerRef,scale:this.scale,tabIndex:this.open?undefined:-1,valueAsDate:this.valueAsDate}))),this.range&&this.layout==="horizontal"&&e("div",{key:"498077fabc9ba2fe65a5cdd537b5eae537f0321f",class:tt.horizontalArrowContainer},e("calcite-icon",{key:"f66ffb6829f2ac36454974576cb54bdef1d7e305",flipRtl:true,icon:"arrow-right",scale:K(this.scale)})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&e("div",{key:"063f90c3f4391b142c4b4c4e614b2a0a7c70e34a",class:tt.verticalArrowContainer},e("calcite-icon",{key:"f7a4252e111f934d88951042ff38ebe94d23e888",icon:"arrow-down",scale:K(this.scale)})),this.range&&e("div",{key:"b044bd340834645798817a1919cb5016c0d4e52c",class:tt.inputWrapper,"data-position":"end",onClick:this.onInputWrapperClick,onPointerDown:this.onInputWrapperPointerDown,ref:this.setEndWrapper},e("calcite-input-text",{key:"f274aa7aa6cdaff4e585af0bf487343cefaa408b","aria-autocomplete":"none","aria-controls":this.dialogId,"aria-expanded":m(this.open),"aria-haspopup":"dialog",class:{[tt.input]:true,[tt.inputBorderTopColorOne]:this.layout==="vertical"&&this.range},disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.endInputFocus,placeholder:this.localeData?.placeholder,readOnly:r,ref:this.setEndInput,role:"combobox",scale:this.scale,status:this.status}),!this.readOnly&&this.renderToggleIcon(this.open&&this.focusedInput==="end"))),e(D,{key:"9c9f42b05d071c27ee666543c346d9a54a42f7b1",component:this}),this.validationMessage&&this.status==="invalid"?e(U,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}renderToggleIcon(t){return e("span",{class:tt.toggleIcon,tabIndex:-1},e("calcite-icon",{class:tt.chevronIcon,icon:t?"chevron-up":"chevron-down",scale:K(this.scale)}))}effectiveLocaleChange(){N(this,this.effectiveLocale);this.loadLocaleData()}setReferenceEl(){const{focusedInput:t,layout:i,endWrapper:e,startWrapper:s}=this;this.referenceEl=t==="end"||i==="vertical"?e||s:s||e;requestAnimationFrame((()=>b(this,this.referenceEl,this.floatingEl)))}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit()}onOpen(){X(this,{onActivate:()=>{if(this.focusOnOpen){this.datePickerEl.setFocus();this.focusOnOpen=false}}});this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit();V(this);this.restoreInputFocus();this.focusOnOpen=false;this.datePickerEl.reset()}syncHiddenFormInput(t){J("date",this,t)}commitValue(){const{focusedInput:t,value:i}=this;const e=`${t}Input`;const s=this[e].value;const a=o(s,this.localeData);const n=l(a);const r=Array.isArray(i);if(this.range){const e=t==="start"?0:1;if(r){if(n===i[e]){return}if(a){this.setRangeValue([t==="start"?a:d(i[0]),t==="end"?a:d(i[1])]);this.localizeInputValues()}else{this.setRangeValue([t==="end"&&d(i[0]),t==="start"&&d(i[1])])}}else{if(a){this.setRangeValue([t==="start"?a:d(i[0]),t==="end"?a:d(i[1])]);this.localizeInputValues()}}}else{if(n===i){return}this.setValue(a);this.localizeInputValues()}}async loadLocaleData(){B.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};this.localeData=await p(this.effectiveLocale);this.localizeInputValues()}shouldFocusRangeStart(){const t=this.value[0];const i=this.value[1];return!!(i&&!t&&this.focusedInput==="end"&&this.startInput)}shouldFocusRangeEnd(){const t=this.value[0];const i=this.value[1];return!!(t&&!i&&this.focusedInput==="start"&&this.endInput)}restoreInputFocus(){if(!this.range){this.startInput.setFocus();return}const t=this.focusedInput==="start"?this.startInput:this.endInput;t.setFocus()}localizeInputValues(){const t=u(this.range?Array.isArray(this.valueAsDate)&&this.valueAsDate[0]||undefined:this.valueAsDate,this.minAsDate,this.maxAsDate);const i=this.range?u(Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||undefined,this.minAsDate,this.maxAsDate):null;const e={numberingSystem:S(this.numberingSystem)};const s=t&&t.toLocaleDateString(this.effectiveLocale,e);const a=i&&i.toLocaleDateString(this.effectiveLocale,e);this.setInputValue(s??"","start");this.setInputValue((this.range&&a)??"","end")}warnAboutInvalidValue(t){console.warn(`The specified value "${t}" does not conform to the required format, "YYYY-MM-DD".`)}getNormalizedDate(t){if(!t){return""}if(!Q(t)){return t}const{day:i,month:e,year:s}=n(t);const a=Z(Number(s));return`${a}-${e}-${i}`}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],value:["valueWatcher"],valueAsDate:["valueAsDateWatcher"],flipPlacements:["flipPlacementsHandler"],messageOverrides:["onMessagesChange"],min:["onMinChanged"],max:["onMaxChanged"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],effectiveLocale:["effectiveLocaleChange"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"]}}};st.style=et;export{st as calcite_input_date_picker};
+//# sourceMappingURL=p-e2f800a9.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["isTwoDigitYear","value","year","datePartsFromISO","Number","normalizeToCurrentCentury","twoDigitYear","currentYear","Date","getFullYear","normalizedYear","Math","floor","CSS","assistiveText","calendarWrapper","calendarWrapperEnd","horizontalArrowContainer","inputBorderTopColorOne","inputContainer","inputNoBottomBorder","inputWrapper","input","menu","menuActive","toggleIcon","verticalArrowContainer","chevronIcon","inputDatePickerCss","CalciteInputDatePickerStyle0","InputDatePicker","this","calciteInternalInputInputHandler","event","target","parsedValue","parseNumerals","formattedValue","formatNumerals","datePartsFromLocalizedString","localeData","length","date","dateFromLocalizedString","inRange","min","max","datePickerActiveDate","calciteInternalInputBlurHandler","commitValue","dialogId","guid","focusOnOpen","userChangedValue","openTransitionProp","valueAsDateChangedExternally","placeholderTextId","onInputWrapperPointerDown","currentOpenInput","focusedInput","onInputWrapperClick","range","endInput","startInput","currentTarget","position","getAttribute","path","composedPath","wasToggleClicked","find","el","classList","contains","targetInput","setFocus","open","setFilteredPlacements","flipPlacements","filteredFlipPlacements","filterValidFlipPlacements","setTransitionEl","transitionEl","setStartInput","setEndInput","blurHandler","keyDownHandler","defaultPrevented","key","preventDefault","shouldFocusRangeEnd","shouldFocusRangeStart","submitForm","restoreInputFocus","startInputFocus","endInputFocus","setFloatingEl","floatingEl","connectFloatingUI","referenceEl","setStartWrapper","startWrapper","setReferenceEl","setEndWrapper","endWrapper","setDatePickerRef","datePickerEl","connectFocusTrap","focusTrapEl","focusTrapOptions","initialFocus","setReturnFocus","handleDateChange","stopPropagation","setValue","valueAsDate","localizeInputValues","handleDateRangeChange","setRangeValue","setInputValue","newValue","inputEl","oldValue","oldValueIsArray","Array","isArray","valueIsArray","newStartDate","newStartDateISO","dateToISO","getNormalizedDate","newEndDate","newEndDateISO","getValueAsDateRange","undefined","changeEvent","calciteInputDatePickerChange","emit","dateFromISO","commonDateSeparators","split","map","char","includes","separator","numberKeys","numberStringFormatter","numberFormatter","format","join","delocalize","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","defaultMenuPlacement","handleFocusTrapDisabled","focusTrapDisabled","deactivateFocusTrap","activateFocusTrap","handleDisabledAndReadOnlyChange","valueWatcher","newValueAsDate","valueAsDateWatcher","flipPlacementsHandler","reposition","onMessagesChange","onMinChanged","minAsDate","onMaxChanged","maxAsDate","openHandler","onToggleOpenCloseComponent","disabled","readOnly","overlayPositioningHandler","calciteDaySelectHandler","componentFocusable","focusFirstTabbable","delayed","placement","overlayPositioning","type","connectedCallback","connectInteractive","connectLocalized","error","warnAboutInvalidValue","connectLabel","connectForm","connectMessages","numberFormatOptions","numberingSystem","locale","effectiveLocale","useGrouping","componentWillLoad","setUpLoadableComponent","Promise","all","loadLocaleData","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","disconnectFloatingUI","disconnectLocalized","disconnectMessages","componentDidRender","updateHostInteraction","render","messages","h","Host","onBlur","onKeyDown","InteractiveContainer","class","onClick","onPointerDown","ref","toAriaBoolean","layout","icon","onCalciteInputTextInput","onCalciteInternalInputTextBlur","onCalciteInternalInputTextFocus","placeholder","role","scale","status","renderToggleIcon","id","chooseDate","FloatingCSS","animation","animationActive","activeDate","activeRange","headingLevel","messageOverrides","onCalciteDatePickerChange","onCalciteDatePickerRangeChange","proximitySelectionDisabled","tabIndex","flipRtl","getIconScale","HiddenFormInputSlot","component","validationMessage","Validation","validationIcon","message","effectiveLocaleChange","updateMessages","requestAnimationFrame","onLabelClick","onBeforeOpen","calciteInputDatePickerBeforeOpen","onOpen","onActivate","calciteInputDatePickerOpen","onBeforeClose","calciteInputDatePickerBeforeClose","onClose","calciteInputDatePickerClose","reset","syncHiddenFormInput","focusedInputName","focusedInputValue","dateAsISO","focusedInputValueIndex","getLocaleData","startValue","endValue","dateFromRange","endDate","formattingOptions","getSupportedNumberingSystem","localizedDate","toLocaleDateString","localizedEndDate","console","warn","day","month"],"sources":["src/components/input-date-picker/utils.ts","src/components/input-date-picker/resources.ts","src/components/input-date-picker/input-date-picker.scss?tag=calcite-input-date-picker&encapsulation=shadow","src/components/input-date-picker/input-date-picker.tsx"],"sourcesContent":["import { datePartsFromISO } from \"../../utils/date\";\n\n/**\n * Specifies if an ISO string date (YYYY-MM-DD) has two digit year.\n *\n * @param {string} value\n * @returns {boolean}\n */\nexport function isTwoDigitYear(value: string): boolean {\n  if (!value) {\n    return false;\n  }\n  const { year } = datePartsFromISO(value);\n  return Number(year) < 100;\n}\n\n/**\n * Returns a normalized year to current century from a given two digit year number.\n *\n * @param {number} twoDigitYear\n * @returns {string}\n */\nexport function normalizeToCurrentCentury(twoDigitYear: number): number {\n  const currentYear = new Date().getFullYear();\n  const normalizedYear = Math.floor(currentYear / 100) * 100 + twoDigitYear;\n  return normalizedYear;\n}\n","export const CSS = {\n  assistiveText: \"assistive-text\",\n  calendarWrapper: \"calendar-wrapper\",\n  calendarWrapperEnd: \"calendar-wrapper--end\",\n  horizontalArrowContainer: \"horizontal-arrow-container\",\n  inputBorderTopColorOne: \"border-top-color-one\",\n  inputContainer: \"input-container\",\n  inputNoBottomBorder: \"no-bottom-border\",\n  inputWrapper: \"input-wrapper\",\n  input: \"input\",\n  menu: \"menu-container\",\n  menuActive: \"menu-container--active\",\n  toggleIcon: \"toggle-icon\",\n  verticalArrowContainer: \"vertical-arrow-container\",\n  chevronIcon: \"chevron-icon\",\n};\n",":host {\n  @extend %component-spacing;\n  @include floatingUIElemAnim(\".menu-container\");\n  @apply relative\n    inline-block\n    w-full\n    overflow-visible\n    align-top\n    shadow-none;\n}\n\n@function get-trailing-text-input-padding($chevron-spacing) {\n  @return calc(var(--calcite-toggle-spacing) + $chevron-spacing);\n}\n\n:host([scale=\"s\"]) {\n  --calcite-toggle-spacing: theme(\"spacing.2\");\n  --calcite-internal-input-text-input-padding-inline-end: #{get-trailing-text-input-padding(theme(\"spacing.4\"))};\n}\n\n:host([scale=\"m\"]) {\n  --calcite-toggle-spacing: theme(\"spacing.3\");\n  --calcite-internal-input-text-input-padding-inline-end: #{get-trailing-text-input-padding(theme(\"spacing.6\"))};\n}\n\n:host([scale=\"l\"]) {\n  --calcite-toggle-spacing: theme(\"spacing.4\");\n  --calcite-internal-input-text-input-padding-inline-end: #{get-trailing-text-input-padding(theme(\"spacing.8\"))};\n}\n\n@include disabled();\n\n.calendar-wrapper {\n  @apply shadow-none;\n  transform: translate3d(0, 0, 0);\n}\n\n.input-wrapper {\n  @apply relative;\n\n  .chevron-icon {\n    color: var(--calcite-color-text-3);\n  }\n\n  &:focus-within,\n  &:active,\n  &:hover {\n    .chevron-icon {\n      color: var(--calcite-color-text-1);\n    }\n  }\n}\n\n.toggle-icon {\n  @apply absolute flex cursor-pointer items-center;\n  inset-inline-end: 0;\n  inset-block: 0;\n  padding-inline: var(--calcite-toggle-spacing);\n}\n\n:host([range]) {\n  .input-container {\n    @apply flex;\n  }\n\n  .input-wrapper {\n    @apply flex-auto;\n  }\n\n  .horizontal-arrow-container {\n    @apply bg-background\n      border-color-input\n      flex\n      items-center\n      border\n      border-l-0\n      border-r-0\n      border-solid\n      py-0\n      px-1;\n  }\n}\n\n:host([range][layout=\"vertical\"]) {\n  .input-wrapper {\n    @apply w-full;\n  }\n\n  .input-container {\n    @apply flex-col\n      items-start;\n  }\n\n  .calendar-wrapper--end {\n    transform: translate3d(0, 0, 0);\n  }\n\n  .vertical-arrow-container {\n    inset-block-start: theme(\"spacing.6\");\n    @apply bg-foreground-1\n      absolute\n      z-default\n      mx-px\n      px-2.5;\n    inset-inline-start: 0;\n  }\n}\n\n.menu-container {\n  --calcite-floating-ui-z-index: theme(\"zIndex.dropdown\");\n  @include floatingUIContainer();\n  @include floatingUIWrapper();\n  @apply invisible;\n}\n\n@include floatingUIElemAnim(\".menu-container\");\n\n:host([open]) .menu-container {\n  @include floatingUIWrapperActive();\n}\n\n.menu-container--active {\n  @include floatingUIWrapperActive();\n}\n\n.input .calcite-input__wrapper {\n  @apply mt-0;\n}\n\n:host([range][layout=\"vertical\"][scale=\"m\"]) .vertical-arrow-container {\n  inset-block-start: theme(\"spacing.6\");\n  padding-inline-start: theme(\"spacing.3\");\n\n  calcite-icon {\n    @apply h-3\n      w-3\n      min-w-0;\n  }\n}\n\n:host([range][layout=\"vertical\"][scale=\"l\"]) .vertical-arrow-container {\n  inset-block-start: theme(\"spacing.9\");\n  @apply px-3.5;\n}\n\n:host([range][layout=\"vertical\"][open]) {\n  .vertical-arrow-container {\n    @apply hidden;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Build,\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 { FocusTrap } from \"focus-trap\";\nimport {\n  dateFromISO,\n  dateFromLocalizedString,\n  dateFromRange,\n  datePartsFromISO,\n  datePartsFromLocalizedString,\n  dateToISO,\n  inRange,\n} from \"../../utils/date\";\nimport { focusFirstTabbable, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectFloatingUI,\n  defaultMenuPlacement,\n  disconnectFloatingUI,\n  filterValidFlipPlacements,\n  FloatingCSS,\n  FloatingUIComponent,\n  FlipPlacement,\n  MenuPlacement,\n  OverlayPositioning,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n  submitForm,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { numberKeys } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  getSupportedNumberingSystem,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { DatePickerMessages } from \"../date-picker/assets/date-picker/t9n\";\nimport { DateLocaleData, getLocaleData, getValueAsDateRange } from \"../date-picker/utils\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrapComponent,\n} from \"../../utils/focusTrapComponent\";\nimport { guid } from \"../../utils/guid\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Status } from \"../interfaces\";\nimport { Validation } from \"../functional/Validation\";\nimport { IconName } from \"../icon/interfaces\";\nimport { syncHiddenFormInput } from \"../input/common/input\";\nimport { normalizeToCurrentCentury, isTwoDigitYear } from \"./utils\";\nimport { InputDatePickerMessages } from \"./assets/input-date-picker/t9n\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-input-date-picker\",\n  styleUrl: \"input-date-picker.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class InputDatePicker\n  implements\n    FloatingUIComponent,\n    FocusTrapComponent,\n    FormComponent,\n    InteractiveComponent,\n    LabelableComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    OpenCloseComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\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   * When `true`, prevents focus trapping.\n   */\n  @Prop({ reflect: true }) focusTrapDisabled = false;\n\n  @Watch(\"focusTrapDisabled\")\n  handleFocusTrapDisabled(focusTrapDisabled: boolean): void {\n    if (!this.open) {\n      return;\n    }\n\n    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);\n  }\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.\n   *\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  @Watch(\"disabled\")\n  @Watch(\"readOnly\")\n  handleDisabledAndReadOnlyChange(value: boolean): void {\n    if (!value) {\n      this.open = false;\n    }\n  }\n\n  /** Selected date as a string in ISO format (`\"yyyy-mm-dd\"`). */\n  @Prop({ mutable: true }) value: string | string[] = \"\";\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string | string[]): void {\n    if (!this.userChangedValue) {\n      let newValueAsDate: Date | Date[];\n\n      if (Array.isArray(newValue)) {\n        newValueAsDate = getValueAsDateRange(newValue);\n      } else if (newValue) {\n        newValueAsDate = dateFromISO(newValue);\n      } else {\n        newValueAsDate = undefined;\n      }\n\n      if (!this.valueAsDateChangedExternally && newValueAsDate !== this.valueAsDate) {\n        this.valueAsDate = newValueAsDate;\n      }\n\n      this.localizeInputValues();\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"valueAsDate\")\n  valueAsDateWatcher(valueAsDate: Date): void {\n    this.datePickerActiveDate = valueAsDate;\n    const newValue =\n      this.range && Array.isArray(valueAsDate)\n        ? [dateToISO(valueAsDate[0]), dateToISO(valueAsDate[1])]\n        : dateToISO(valueAsDate);\n    if (this.value !== newValue) {\n      this.valueAsDateChangedExternally = true;\n      this.value = newValue;\n      this.valueAsDateChangedExternally = false;\n    }\n  }\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: FlipPlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\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  /** The component's value as a full date object. */\n  @Prop({ mutable: true }) valueAsDate: Date | Date[];\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<InputDatePickerMessages & DatePickerMessages>;\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: InputDatePickerMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /** Specifies the earliest allowed date as a full date object. */\n  @Prop({ mutable: true }) minAsDate: Date;\n\n  /** Specifies the latest allowed date as a full date object. */\n  @Prop({ mutable: true }) maxAsDate: Date;\n\n  /** Specifies the earliest allowed date (\"yyyy-mm-dd\"). */\n  @Prop({ reflect: true }) min: string;\n\n  @Watch(\"min\")\n  onMinChanged(min: string): void {\n    this.minAsDate = dateFromISO(min);\n  }\n\n  /** Specifies the latest allowed date (\"yyyy-mm-dd\"). */\n  @Prop({ reflect: true }) max: string;\n\n  @Watch(\"max\")\n  onMaxChanged(max: string): void {\n    this.maxAsDate = dateFromISO(max);\n  }\n\n  /** When `true`, displays the `calcite-date-picker` component. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n\n    if (this.disabled || this.readOnly) {\n      this.open = false;\n      return;\n    }\n\n    this.reposition(true);\n  }\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: IconName | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.\n   *\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: \"s\" | \"m\" | \"l\" = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * Specifies the placement of the `calcite-date-picker` relative to the component.\n   *\n   * @default \"bottom-start\"\n   */\n  @Prop({ reflect: true }) placement: MenuPlacement = defaultMenuPlacement;\n\n  /** When `true`, activates a range for the component. */\n  @Prop({ reflect: true }) range = false;\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   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  @Watch(\"overlayPositioning\")\n  overlayPositioningHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * When `true`, disables the default behavior on the third click of narrowing or extending the range.\n   * Instead starts a new range.\n   */\n  @Prop() proximitySelectionDisabled = false;\n\n  /** Defines the layout of the component. */\n  @Prop({ reflect: true }) layout: \"horizontal\" | \"vertical\" = \"horizontal\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteDaySelect\")\n  calciteDaySelectHandler(): void {\n    if (this.shouldFocusRangeStart() || this.shouldFocusRangeEnd()) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  private calciteInternalInputInputHandler = (event: CustomEvent<any>): void => {\n    const target = event.target as HTMLCalciteInputElement;\n    const value = target.value;\n    const parsedValue = this.parseNumerals(value);\n    const formattedValue = this.formatNumerals(parsedValue);\n\n    target.value = formattedValue;\n\n    const { year } = datePartsFromLocalizedString(value, this.localeData);\n\n    if (year && year.length < 4) {\n      return;\n    }\n\n    const date = dateFromLocalizedString(value, this.localeData) as Date;\n\n    if (inRange(date, this.min, this.max)) {\n      this.datePickerActiveDate = date;\n    }\n  };\n\n  private calciteInternalInputBlurHandler = (): void => {\n    this.commitValue();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component's `value` changes.\n   */\n  @Event({ cancelable: false }) calciteInputDatePickerChange: EventEmitter<void>;\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteInputDatePickerBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteInputDatePickerClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteInputDatePickerBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteInputDatePickerOpen: EventEmitter<void>;\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    focusFirstTabbable(this.el);\n  }\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;\n\n    return reposition(\n      this,\n      {\n        floatingEl,\n        referenceEl,\n        overlayPositioning,\n        placement,\n        flipPlacements: filteredFlipPlacements,\n        type: \"menu\",\n      },\n      delayed,\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n\n    const { open } = this;\n    open && this.openHandler();\n    if (Array.isArray(this.value)) {\n      this.valueAsDate = getValueAsDateRange(this.value);\n    } else if (this.value) {\n      try {\n        this.valueAsDate = dateFromISO(this.value);\n      } catch (error) {\n        this.warnAboutInvalidValue(this.value);\n        this.value = \"\";\n      }\n    } else if (this.valueAsDate) {\n      if (this.range) {\n        this.setRangeValue(this.valueAsDate as Date[]);\n      } else if (!Array.isArray(this.valueAsDate)) {\n        this.value = dateToISO(this.valueAsDate);\n      }\n    }\n\n    if (this.min) {\n      this.minAsDate = dateFromISO(this.min);\n    }\n\n    if (this.max) {\n      this.maxAsDate = dateFromISO(this.max);\n    }\n\n    connectLabel(this);\n    connectForm(this);\n    connectMessages(this);\n\n    this.setFilteredPlacements();\n\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem: this.numberingSystem,\n      locale: this.effectiveLocale,\n      useGrouping: false,\n    };\n\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await Promise.all([this.loadLocaleData(), setUpMessages(this)]);\n    this.onMinChanged(this.min);\n    this.onMaxChanged(this.max);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.localizeInputValues();\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  disconnectedCallback(): void {\n    deactivateFocusTrap(this);\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectFloatingUI(this, this.referenceEl, this.floatingEl);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const { disabled, effectiveLocale, messages, numberingSystem, readOnly } = this;\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem,\n      locale: effectiveLocale,\n      useGrouping: false,\n    };\n\n    return (\n      <Host onBlur={this.blurHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          {this.localeData && (\n            <div class={CSS.inputContainer}>\n              <div\n                class={CSS.inputWrapper}\n                data-position=\"start\"\n                onClick={this.onInputWrapperClick}\n                onPointerDown={this.onInputWrapperPointerDown}\n                ref={this.setStartWrapper}\n              >\n                <calcite-input-text\n                  aria-autocomplete=\"none\"\n                  aria-controls={this.dialogId}\n                  aria-describedby={this.placeholderTextId}\n                  aria-expanded={toAriaBoolean(this.open)}\n                  aria-haspopup=\"dialog\"\n                  class={{\n                    [CSS.input]: true,\n                    [CSS.inputNoBottomBorder]: this.layout === \"vertical\" && this.range,\n                  }}\n                  disabled={disabled}\n                  icon=\"calendar\"\n                  onCalciteInputTextInput={this.calciteInternalInputInputHandler}\n                  onCalciteInternalInputTextBlur={this.calciteInternalInputBlurHandler}\n                  onCalciteInternalInputTextFocus={this.startInputFocus}\n                  placeholder={this.localeData?.placeholder}\n                  readOnly={readOnly}\n                  ref={this.setStartInput}\n                  role=\"combobox\"\n                  scale={this.scale}\n                  status={this.status}\n                />\n                {!this.readOnly &&\n                  this.renderToggleIcon(this.open && this.focusedInput === \"start\")}\n                <span aria-hidden=\"true\" class={CSS.assistiveText} id={this.placeholderTextId}>\n                  Date Format: {this.localeData?.placeholder}\n                </span>\n              </div>\n              <div\n                aria-hidden={toAriaBoolean(!this.open)}\n                aria-label={messages.chooseDate}\n                aria-live=\"polite\"\n                aria-modal=\"true\"\n                class={{\n                  [CSS.menu]: true,\n                  [CSS.menuActive]: this.open,\n                }}\n                id={this.dialogId}\n                ref={this.setFloatingEl}\n                role=\"dialog\"\n              >\n                <div\n                  class={{\n                    [CSS.calendarWrapper]: true,\n                    [CSS.calendarWrapperEnd]: this.focusedInput === \"end\",\n                    [FloatingCSS.animation]: true,\n                    [FloatingCSS.animationActive]: this.open,\n                  }}\n                  ref={this.setTransitionEl}\n                >\n                  <calcite-date-picker\n                    activeDate={this.datePickerActiveDate}\n                    activeRange={this.focusedInput}\n                    headingLevel={this.headingLevel}\n                    max={this.max}\n                    maxAsDate={this.maxAsDate}\n                    messageOverrides={this.messageOverrides}\n                    min={this.min}\n                    minAsDate={this.minAsDate}\n                    numberingSystem={numberingSystem}\n                    onCalciteDatePickerChange={this.handleDateChange}\n                    onCalciteDatePickerRangeChange={this.handleDateRangeChange}\n                    proximitySelectionDisabled={this.proximitySelectionDisabled}\n                    range={this.range}\n                    ref={this.setDatePickerRef}\n                    scale={this.scale}\n                    tabIndex={this.open ? undefined : -1}\n                    valueAsDate={this.valueAsDate}\n                  />\n                </div>\n              </div>\n\n              {this.range && this.layout === \"horizontal\" && (\n                <div class={CSS.horizontalArrowContainer}>\n                  <calcite-icon\n                    flipRtl={true}\n                    icon=\"arrow-right\"\n                    scale={getIconScale(this.scale)}\n                  />\n                </div>\n              )}\n              {this.range && this.layout === \"vertical\" && this.scale !== \"s\" && (\n                <div class={CSS.verticalArrowContainer}>\n                  <calcite-icon icon=\"arrow-down\" scale={getIconScale(this.scale)} />\n                </div>\n              )}\n              {this.range && (\n                <div\n                  class={CSS.inputWrapper}\n                  data-position=\"end\"\n                  onClick={this.onInputWrapperClick}\n                  onPointerDown={this.onInputWrapperPointerDown}\n                  ref={this.setEndWrapper}\n                >\n                  <calcite-input-text\n                    aria-autocomplete=\"none\"\n                    aria-controls={this.dialogId}\n                    aria-expanded={toAriaBoolean(this.open)}\n                    aria-haspopup=\"dialog\"\n                    class={{\n                      [CSS.input]: true,\n                      [CSS.inputBorderTopColorOne]: this.layout === \"vertical\" && this.range,\n                    }}\n                    disabled={disabled}\n                    icon=\"calendar\"\n                    onCalciteInputTextInput={this.calciteInternalInputInputHandler}\n                    onCalciteInternalInputTextBlur={this.calciteInternalInputBlurHandler}\n                    onCalciteInternalInputTextFocus={this.endInputFocus}\n                    placeholder={this.localeData?.placeholder}\n                    readOnly={readOnly}\n                    ref={this.setEndInput}\n                    role=\"combobox\"\n                    scale={this.scale}\n                    status={this.status}\n                  />\n                  {!this.readOnly &&\n                    this.renderToggleIcon(this.open && this.focusedInput === \"end\")}\n                </div>\n              )}\n            </div>\n          )}\n          <HiddenFormInputSlot component={this} />\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        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  renderToggleIcon(open: boolean): VNode {\n    return (\n      // we set tab index to -1 to prevent delegatesFocus from stealing focus before we can set it\n      <span class={CSS.toggleIcon} tabIndex={-1}>\n        <calcite-icon\n          class={CSS.chevronIcon}\n          icon={open ? \"chevron-up\" : \"chevron-down\"}\n          scale={getIconScale(this.scale)}\n        />\n      </span>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputDatePickerElement;\n\n  private currentOpenInput: \"start\" | \"end\";\n\n  private datePickerEl: HTMLCalciteDatePickerElement;\n\n  private dialogId = `date-picker-dialog--${guid()}`;\n\n  filteredFlipPlacements: FlipPlacement[];\n\n  private focusOnOpen = false;\n\n  focusTrap: FocusTrap;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: InputDatePicker[\"value\"];\n\n  @State() datePickerActiveDate: Date;\n\n  @State() defaultMessages: InputDatePickerMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n    this.loadLocaleData();\n  }\n\n  @State() focusedInput: \"start\" | \"end\" = \"start\";\n\n  @State() private localeData: DateLocaleData;\n\n  private startInput: HTMLCalciteInputElement;\n\n  private endInput: HTMLCalciteInputElement;\n\n  private floatingEl: HTMLDivElement;\n\n  private referenceEl: HTMLDivElement;\n\n  private startWrapper: HTMLDivElement;\n\n  private endWrapper: HTMLDivElement;\n\n  private userChangedValue = false;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  @Watch(\"layout\")\n  @Watch(\"focusedInput\")\n  setReferenceEl(): void {\n    const { focusedInput, layout, endWrapper, startWrapper } = this;\n\n    this.referenceEl =\n      focusedInput === \"end\" || layout === \"vertical\"\n        ? endWrapper || startWrapper\n        : startWrapper || endWrapper;\n\n    requestAnimationFrame(() => connectFloatingUI(this, this.referenceEl, this.floatingEl));\n  }\n\n  private valueAsDateChangedExternally = false;\n\n  private placeholderTextId = `calcite-input-date-picker-placeholder-${guid()}`;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private onInputWrapperPointerDown = (): void => {\n    this.currentOpenInput = this.focusedInput;\n  };\n\n  private onInputWrapperClick = (event: MouseEvent) => {\n    const { range, endInput, startInput, currentOpenInput } = this;\n    const currentTarget = event.currentTarget as HTMLDivElement;\n    const position = currentTarget.getAttribute(\"data-position\") as \"start\" | \"end\";\n    const path = event.composedPath();\n    const wasToggleClicked = path.find((el: HTMLElement) => el.classList?.contains(CSS.toggleIcon));\n\n    if (wasToggleClicked) {\n      const targetInput = position === \"start\" ? startInput : endInput;\n      targetInput.setFocus();\n    }\n\n    if (!range || !this.open || currentOpenInput === position) {\n      this.open = !this.open;\n    }\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterValidFlipPlacements(flipPlacements, el)\n      : null;\n  };\n\n  private setTransitionEl = (el): void => {\n    this.transitionEl = el;\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  onBeforeOpen(): void {\n    this.calciteInputDatePickerBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    activateFocusTrap(this, {\n      onActivate: () => {\n        if (this.focusOnOpen) {\n          this.datePickerEl.setFocus();\n          this.focusOnOpen = false;\n        }\n      },\n    });\n    this.calciteInputDatePickerOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteInputDatePickerBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteInputDatePickerClose.emit();\n    deactivateFocusTrap(this);\n    this.restoreInputFocus();\n    this.focusOnOpen = false;\n    this.datePickerEl.reset();\n  }\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    syncHiddenFormInput(\"date\", this, input);\n  }\n\n  setStartInput = (el: HTMLCalciteInputElement): void => {\n    this.startInput = el;\n  };\n\n  setEndInput = (el: HTMLCalciteInputElement): void => {\n    this.endInput = el;\n  };\n\n  private blurHandler = (): void => {\n    this.open = false;\n  };\n\n  private commitValue(): void {\n    const { focusedInput, value } = this;\n    const focusedInputName = `${focusedInput}Input`;\n    const focusedInputValue = this[focusedInputName].value;\n    const date = dateFromLocalizedString(focusedInputValue, this.localeData) as Date;\n    const dateAsISO = dateToISO(date);\n    const valueIsArray = Array.isArray(value);\n    if (this.range) {\n      const focusedInputValueIndex = focusedInput === \"start\" ? 0 : 1;\n      if (valueIsArray) {\n        if (dateAsISO === value[focusedInputValueIndex]) {\n          return;\n        }\n        if (date) {\n          this.setRangeValue([\n            focusedInput === \"start\" ? date : dateFromISO(value[0]),\n            focusedInput === \"end\" ? date : dateFromISO(value[1]),\n          ]);\n          this.localizeInputValues();\n        } else {\n          this.setRangeValue([\n            focusedInput === \"end\" && dateFromISO(value[0]),\n            focusedInput === \"start\" && dateFromISO(value[1]),\n          ]);\n        }\n      } else {\n        if (date) {\n          this.setRangeValue([\n            focusedInput === \"start\" ? date : dateFromISO(value[0]),\n            focusedInput === \"end\" ? date : dateFromISO(value[1]),\n          ]);\n          this.localizeInputValues();\n        }\n      }\n    } else {\n      if (dateAsISO === value) {\n        return;\n      }\n      this.setValue(date);\n      this.localizeInputValues();\n    }\n  }\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    const { defaultPrevented, key } = event;\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (key === \"Enter\") {\n      event.preventDefault();\n      this.commitValue();\n\n      if (this.shouldFocusRangeEnd()) {\n        this.endInput?.setFocus();\n      } else if (this.shouldFocusRangeStart()) {\n        this.startInput?.setFocus();\n      }\n\n      if (submitForm(this)) {\n        this.restoreInputFocus();\n      }\n    } else if (key === \"ArrowDown\") {\n      this.open = true;\n      this.focusOnOpen = true;\n      event.preventDefault();\n    } else if (key === \"Escape\") {\n      this.open = false;\n      event.preventDefault();\n      this.restoreInputFocus();\n    }\n  };\n\n  startInputFocus = (): void => {\n    this.focusedInput = \"start\";\n  };\n\n  endInputFocus = (): void => {\n    this.focusedInput = \"end\";\n  };\n\n  setFloatingEl = (el: HTMLDivElement): void => {\n    this.floatingEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  setStartWrapper = (el: HTMLDivElement): void => {\n    this.startWrapper = el;\n    this.setReferenceEl();\n  };\n\n  setEndWrapper = (el: HTMLDivElement): void => {\n    this.endWrapper = el;\n    this.setReferenceEl();\n  };\n\n  setDatePickerRef = (el: HTMLCalciteDatePickerElement): void => {\n    this.datePickerEl = el;\n    connectFocusTrap(this, {\n      focusTrapEl: el,\n      focusTrapOptions: {\n        initialFocus: false,\n        setReturnFocus: false,\n      },\n    });\n  };\n\n  private async loadLocaleData(): Promise<void> {\n    if (!Build.isBrowser) {\n      return;\n    }\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem: this.numberingSystem,\n      locale: this.effectiveLocale,\n      useGrouping: false,\n    };\n    this.localeData = await getLocaleData(this.effectiveLocale);\n    this.localizeInputValues();\n  }\n\n  /**\n   * Event handler for when the selected date changes\n   *\n   * @param event CalciteDatePicker custom change event\n   */\n  handleDateChange = (event: CustomEvent<void>): void => {\n    if (this.range) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    this.setValue((event.target as HTMLCalciteDatePickerElement).valueAsDate as Date);\n    this.localizeInputValues();\n    this.restoreInputFocus();\n  };\n\n  private shouldFocusRangeStart(): boolean {\n    const startValue = this.value[0];\n    const endValue = this.value[1];\n    return !!(endValue && !startValue && this.focusedInput === \"end\" && this.startInput);\n  }\n\n  private shouldFocusRangeEnd(): boolean {\n    const startValue = this.value[0];\n    const endValue = this.value[1];\n    return !!(startValue && !endValue && this.focusedInput === \"start\" && this.endInput);\n  }\n\n  private handleDateRangeChange = (event: CustomEvent<void>): void => {\n    if (!this.range) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    const value = (event.target as HTMLCalciteDatePickerElement).valueAsDate as Date[];\n\n    this.setRangeValue(value);\n    this.localizeInputValues();\n    this.restoreInputFocus();\n  };\n\n  private restoreInputFocus(): void {\n    if (!this.range) {\n      this.startInput.setFocus();\n      return;\n    }\n\n    const focusedInput = this.focusedInput === \"start\" ? this.startInput : this.endInput;\n    focusedInput.setFocus();\n  }\n\n  private localizeInputValues(): void {\n    const date = dateFromRange(\n      (this.range\n        ? (Array.isArray(this.valueAsDate) && this.valueAsDate[0]) || undefined\n        : this.valueAsDate) as Date,\n      this.minAsDate,\n      this.maxAsDate,\n    );\n    const endDate = this.range\n      ? dateFromRange(\n          (Array.isArray(this.valueAsDate) && this.valueAsDate[1]) || undefined,\n          this.minAsDate,\n          this.maxAsDate,\n        )\n      : null;\n\n    const formattingOptions = {\n      // we explicitly set numberingSystem to prevent the browser-inferred value\n      // see https://github.com/Esri/calcite-design-system/issues/3079#issuecomment-1168964195 for more info\n      numberingSystem: getSupportedNumberingSystem(this.numberingSystem),\n    };\n\n    const localizedDate = date && date.toLocaleDateString(this.effectiveLocale, formattingOptions);\n    const localizedEndDate =\n      endDate && endDate.toLocaleDateString(this.effectiveLocale, formattingOptions);\n\n    this.setInputValue(localizedDate ?? \"\", \"start\");\n    this.setInputValue((this.range && localizedEndDate) ?? \"\", \"end\");\n  }\n\n  private setInputValue = (newValue: string, input: \"start\" | \"end\" = \"start\"): void => {\n    const inputEl = this[`${input}Input`];\n    if (!inputEl) {\n      return;\n    }\n    inputEl.value = newValue;\n  };\n\n  private setRangeValue = (valueAsDate: Date[]): void => {\n    if (!this.range) {\n      return;\n    }\n\n    const { value: oldValue } = this;\n    const oldValueIsArray = Array.isArray(oldValue);\n    const valueIsArray = Array.isArray(valueAsDate);\n\n    const newStartDate = valueIsArray ? valueAsDate[0] : null;\n    let newStartDateISO = valueIsArray ? dateToISO(newStartDate) : \"\";\n    if (newStartDateISO) {\n      newStartDateISO = this.getNormalizedDate(newStartDateISO);\n    }\n\n    const newEndDate = valueIsArray ? valueAsDate[1] : null;\n    let newEndDateISO = valueIsArray ? dateToISO(newEndDate) : \"\";\n    if (newEndDateISO) {\n      newEndDateISO = this.getNormalizedDate(newEndDateISO);\n    }\n\n    const newValue = newStartDateISO || newEndDateISO ? [newStartDateISO, newEndDateISO] : \"\";\n\n    if (newValue === oldValue) {\n      return;\n    }\n\n    this.userChangedValue = true;\n    this.value = newValue;\n    this.valueAsDate = newValue ? getValueAsDateRange(newValue) : undefined;\n\n    const changeEvent = this.calciteInputDatePickerChange.emit();\n\n    if (changeEvent && changeEvent.defaultPrevented) {\n      this.value = oldValue;\n      if (oldValueIsArray) {\n        this.setInputValue(oldValue[0], \"start\");\n        this.setInputValue(oldValue[1], \"end\");\n      } else {\n        this.value = oldValue;\n        this.setInputValue(oldValue as string);\n      }\n    }\n  };\n\n  private setValue = (value: Date | string): void => {\n    if (this.range) {\n      return;\n    }\n\n    const oldValue = this.value;\n    let newValue = dateToISO(value as Date);\n    newValue = this.getNormalizedDate(newValue);\n\n    if (newValue === oldValue) {\n      return;\n    }\n\n    this.userChangedValue = true;\n    this.valueAsDate = newValue ? dateFromISO(newValue) : undefined;\n    this.value = newValue || \"\";\n\n    const changeEvent = this.calciteInputDatePickerChange.emit();\n\n    if (changeEvent.defaultPrevented) {\n      this.value = oldValue;\n      this.setInputValue(oldValue as string);\n    }\n  };\n\n  private warnAboutInvalidValue(value: string): void {\n    console.warn(\n      `The specified value \"${value}\" does not conform to the required format, \"YYYY-MM-DD\".`,\n    );\n  }\n\n  private commonDateSeparators = [\".\", \"-\", \"/\"];\n\n  private formatNumerals = (value: string): string =>\n    value\n      ? value\n          .split(\"\")\n          .map((char: string) =>\n            this.commonDateSeparators?.includes(char)\n              ? this.localeData?.separator\n              : numberKeys?.includes(char)\n                ? numberStringFormatter?.numberFormatter?.format(Number(char))\n                : char,\n          )\n          .join(\"\")\n      : \"\";\n\n  private parseNumerals = (value: string): string =>\n    value\n      ? value\n          .split(\"\")\n          .map((char: string) =>\n            numberKeys.includes(char) ? numberStringFormatter.delocalize(char) : char,\n          )\n          .join(\"\")\n      : \"\";\n\n  private getNormalizedDate(value: string): string {\n    if (!value) {\n      return \"\";\n    }\n\n    if (!isTwoDigitYear(value)) {\n      return value;\n    }\n\n    const { day, month, year } = datePartsFromISO(value);\n    const normalizedYear = normalizeToCurrentCentury(Number(year));\n    return `${normalizedYear}-${month}-${day}`;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-e3a046ae.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{d as _}from"./p-7f305814.js";import"./p-db23b635.js";import"./p-d9895327.js";import"./p-59c099e0.js";import"./p-e0df786c.js";import"./p-48ec8617.js";import"./p-4e6e891e.js";import"./p-cbd30c0e.js";import"./p-440dc3e2.js";import"./p-0707d636.js";import"./p-61a6479b.js";import"./p-fbe671fc.js";import"./p-7b6bbeb3.js";import"./p-4d88aaa8.js";import"./p-df427464.js";import"./p-faa6c364.js";import"./p-fd85ef0c.js";import"./p-30962efe.js";import"./p-a7bcc06b.js";import"./p-b54b9358.js";import"./p-2037c1f9.js";var p={name:"th",weekdays:"อาทิตย์_จันทร์_อังคาร_พุธ_พฤหัสบดี_ศุกร์_เสาร์".split("_"),weekdaysShort:"อาทิตย์_จันทร์_อังคาร_พุธ_พฤหัส_ศุกร์_เสาร์".split("_"),weekdaysMin:"อา._จ._อ._พ._พฤ._ศ._ส.".split("_"),months:"มกราคม_กุมภาพันธ์_มีนาคม_เมษายน_พฤษภาคม_มิถุนายน_กรกฎาคม_สิงหาคม_กันยายน_ตุลาคม_พฤศจิกายน_ธันวาคม".split("_"),monthsShort:"ม.ค._ก.พ._มี.ค._เม.ย._พ.ค._มิ.ย._ก.ค._ส.ค._ก.ย._ต.ค._พ.ย._ธ.ค.".split("_"),formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY เวลา H:mm",LLLL:"วันddddที่ D MMMM YYYY เวลา H:mm"},relativeTime:{future:"อีก %s",past:"%sที่แล้ว",s:"ไม่กี่วินาที",m:"1 นาที",mm:"%d นาที",h:"1 ชั่วโมง",hh:"%d ชั่วโมง",d:"1 วัน",dd:"%d วัน",M:"1 เดือน",MM:"%d เดือน",y:"1 ปี",yy:"%d ปี"},ordinal:function _(p){return p+"."}};_.locale(p,null,true);export{p as default};
+//# sourceMappingURL=p-e3a046ae.js.map

package/dist/calcite/p-e558740e.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{d as i,i as r}from"./p-3c335899.js";var t="Expected a function";function n(n,a,e){var o=true,f=true;if(typeof n!="function"){throw new TypeError(t)}if(r(e)){o="leading"in e?!!e.leading:o;f="trailing"in e?!!e.trailing:f}return i(n,a,{leading:o,maxWait:a,trailing:f})}export{n as t};
+//# sourceMappingURL=p-e558740e.js.map

package/dist/calcite/p-e8286f11.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/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{r as t,f as e,h as i,g as s,c as a,H as n}from"./p-db23b635.js";import{g as l}from"./p-e0df786c.js";import{c as h}from"./p-4d88aaa8.js";import{l as r,v as o}from"./p-59c099e0.js";import{c,d,a as u,H as m}from"./p-d9895327.js";import{c as b,d as f,u as p,I as g}from"./p-4e6e891e.js";import{i as v}from"./p-440dc3e2.js";import{c as x,d as k,g as _}from"./p-0707d636.js";import{s as $,a as y,c as w}from"./p-fbe671fc.js";import{n as M,c as z,d as V}from"./p-7b6bbeb3.js";import{d as L,c as H}from"./p-fd85ef0c.js";import"./p-48ec8617.js";import"./p-cbd30c0e.js";import"./p-61a6479b.js";function j(t,e,i){const s=e[0]-t[0];const a=i[0]-e[0];const n=e[1]-t[1];const l=i[1]-e[1];const h=n/(s||a<0&&0);const r=l/(a||s<0&&0);const o=(h*a+r*s)/(s+a);return(Math.sign(h)+Math.sign(r))*Math.min(Math.abs(h),Math.abs(r),.5*Math.abs(o))||0}function X(t,e,i){const s=e[0]-t[0];const a=e[1]-t[1];return s?(3*a/s-i)/2:i}function T(t,e,i,s,a){const[n,l]=t;const[h,r]=e;const o=(h-n)/3;const c=a([n+o,l+o*i]).join(",");const d=a([h-o,r-o*s]).join(",");const u=a([h,r]).join(",");return`C ${c} ${d} ${u}`}function C({width:t,height:e,min:i,max:s}){const a=s[0]-i[0];const n=s[1]-i[1];return s=>{const l=(s[0]-i[0])/a*t;const h=e-s[1]/n*e;return[l,h]}}function D(t){const[e,i]=t[0];const s=[e,i];const a=[e,i];return t.reduce((({min:t,max:e},[i,s])=>({min:[Math.min(t[0],i),Math.min(t[1],s)],max:[Math.max(e[0],i),Math.max(e[1],s)]})),{min:s,max:a})}function A({data:t,min:e,max:i,t:s}){if(t.length===0){return""}const[a,n]=s(t[0]);const[l,h]=s(e);const[r]=s(i);let o;let c;let d;const u=t.reduce(((e,i,a)=>{c=t[a-2];d=t[a-1];if(a>1){const t=j(c,d,i);const a=o===undefined?X(c,d,t):o;const n=T(c,d,a,t,s);o=t;return`${e} ${n}`}return e}),`M ${l},${h} L ${l},${n} L ${a},${n}`);const m=t[t.length-1];const b=T(d,m,o,X(d,m,o),s);return`${u} ${b} L ${r},${h} Z`}const S=":host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;block-size:100%;inline-size:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-color-brand);opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}";const I=S;const R=class{constructor(i){t(this,i);this.graphId=`calcite-graph-${l()}`;this.resizeObserver=h("resize",(()=>e(this)));this.data=[];this.colorStops=undefined;this.highlightMin=undefined;this.highlightMax=undefined;this.min=undefined;this.max=undefined}connectedCallback(){this.resizeObserver?.observe(this.el)}disconnectedCallback(){this.resizeObserver?.disconnect()}render(){const{data:t,colorStops:e,el:s,highlightMax:a,highlightMin:n,min:l,max:h}=this;const r=this.graphId;const{clientHeight:o,clientWidth:c}=s;if(!t||t.length===0){return i("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c})}const{min:d,max:u}=D(t);let m=d;let b=u;if(l<d[0]||l>d[0]){m=[l,0]}if(h>u[0]||h<u[0]){b=[h,u[1]]}const f=C({min:m,max:b,width:c,height:o});const[p]=f([n,b[1]]);const[g]=f([a,b[1]]);const v=A({data:t,min:d,max:u,t:f});const x=e?`url(#linear-gradient-${r})`:undefined;return i("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c},e?i("defs",null,i("linearGradient",{id:`linear-gradient-${r}`,x1:"0",x2:"1",y1:"0",y2:"0"},e.map((({offset:t,color:e,opacity:s})=>i("stop",{offset:`${t*100}%`,"stop-color":e,"stop-opacity":s}))))):null,n!==undefined?[i("mask",{height:"100%",id:`${r}1`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M 0,0\n            L ${p-1},0\n            L ${p-1},${o}\n            L 0,${o}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${r}2`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M ${p+1},0\n            L ${g-1},0\n            L ${g-1},${o}\n            L ${p+1}, ${o}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${r}3`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n                M ${g+1},0\n                L ${c},0\n                L ${c},${o}\n                L ${g+1}, ${o}\n                Z\n              `,fill:"white"})),i("path",{class:"graph-path",d:v,fill:x,mask:`url(#${r}1)`}),i("path",{class:"graph-path--highlight",d:v,fill:x,mask:`url(#${r}2)`}),i("path",{class:"graph-path",d:v,fill:x,mask:`url(#${r}3)`})]:i("path",{class:"graph-path",d:v,fill:x}))}get el(){return s(this)}};R.style=I;const F={container:"container",containerRange:"container--range",graph:"graph",handle:"handle",handleExtension:"handle-extension",handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",hyphen:"hyphen",hyphenWrap:"hyphen--wrap",static:"static",thumb:"thumb",thumbActive:"thumb--active",thumbContainer:"thumb-container",thumbMinValue:"thumb--minValue",thumbPrecise:"thumb--precise",thumbValue:"thumb--value",tick:"tick",tickActive:"tick--active",tickLabel:"tick__label",tickMax:"tick__label--max",tickMin:"tick__label--min",ticks:"ticks",track:"track",trackRange:"track__range",transformed:"transformed"};const P=250;const O='@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size:0.625rem;--calcite-slider-handle-extension-height:0.4rem;--calcite-slider-container-font-size:var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size:0.875rem;--calcite-slider-handle-extension-height:0.5rem;--calcite-slider-container-font-size:var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size:1rem;--calcite-slider-handle-extension-height:0.65rem;--calcite-slider-container-font-size:var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);font-size:var(--calcite-slider-container-font-size)}:host{display:block}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * 0.5);padding-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-inline:0;--calcite-slider-full-handle-height:calc(\n    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n  );touch-action:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset:calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:0.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-color-text-3)}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-color-brand)}.thumb:focus .handle{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          )}.thumb:focus .handle-extension{background-color:var(--calcite-color-brand)}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-0.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset:50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb:hover.thumb--precise::after,.thumb:focus.thumb--precise::after,.thumb--active.thumb--precise::after{background-color:var(--calcite-color-brand)}.track{position:relative;block-size:0.125rem;border-radius:0px;background-color:var(--calcite-color-border-2);transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;inset-block-start:0px;block-size:0.125rem;background-color:var(--calcite-color-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range::after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:0.25rem;inline-size:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-color-border-input);border-color:var(--calcite-color-foreground-1);inset-block-start:-2px;pointer-events:none;margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-color-brand)}.tick__label{pointer-events:none;margin-block-start:0.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-color-foreground-3);block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}';const W=O;function N(t){return Array.isArray(t)}const U=class{constructor(e){t(this,e);this.calciteSliderInput=a(this,"calciteSliderInput",6);this.calciteSliderChange=a(this,"calciteSliderChange",6);this.handleKeyDown=t=>{const e=this.shouldMirror();const{activeProp:i,max:s,min:a,pageStep:n,step:l}=this;const h=this[i];const{key:r}=t;if(v(r)){t.preventDefault();return}let o;if(r==="ArrowUp"||r==="ArrowRight"){const t=e&&r==="ArrowRight"?-1:1;o=h+l*t}else if(r==="ArrowDown"||r==="ArrowLeft"){const t=e&&r==="ArrowLeft"?-1:1;o=h-l*t}else if(r==="PageUp"){if(n){o=h+n}}else if(r==="PageDown"){if(n){o=h-n}}else if(r==="Home"){o=a}else if(r==="End"){o=s}if(isNaN(o)){return}t.preventDefault();const c=Number(o.toFixed(L(l)));this.setValue({[i]:this.clamp(c,i)})};this.activeProp="value";this.guid=`calcite-slider-${l()}`;this.onThumbBlur=()=>{this.activeProp=null};this.onThumbFocus=t=>{const e=t.currentTarget;this.activeProp=e.getAttribute("data-value-prop")};this.onThumbPointerDown=t=>{const e=t.currentTarget;this.pointerDownDragStart(t,e.getAttribute("data-value-prop"))};this.onTrackPointerDown=t=>{this.pointerDownDragStart(t,"minMaxValue")};this.dragUpdate=t=>{if(this.disabled){return}t.preventDefault();if(this.dragProp){const e=this.translate(t.clientX||t.pageX);if(N(this.value)&&this.dragProp==="minMaxValue"){if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){const t=e-this.minValueDragRange;const i=e+this.maxValueDragRange;if(i<=this.max&&t>=this.min&&i-t===this.minMaxValueRange){this.setValue({minValue:this.clamp(t,"minValue"),maxValue:this.clamp(i,"maxValue")})}}else{this.minValueDragRange=e-this.minValue;this.maxValueDragRange=this.maxValue-e;this.minMaxValueRange=this.maxValue-this.minValue}}else{this.setValue({[this.dragProp]:this.clamp(e,this.dragProp)})}}};this.pointerUpDragEnd=t=>{if(this.disabled||!r(t)){return}this.dragEnd(t)};this.dragEnd=t=>{if(this.disabled){return}this.removeDragListeners();this.focusActiveHandle(t.clientX);if(this.lastDragPropValue!=this[this.dragProp]){this.emitChange()}this.dragProp=null;this.lastDragPropValue=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.minMaxValueRange=null};this.storeTrackRef=t=>{this.trackEl=t};this.storeThumbRef=t=>{if(!t){return}const e=t.getAttribute("data-value-prop");e==="minValue"?this.minHandle=t:this.maxHandle=t};this.formatValue=t=>{M.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return M.localize(t.toString())};this.disabled=false;this.fillPlacement="start";this.form=undefined;this.groupSeparator=false;this.hasHistogram=false;this.histogram=undefined;this.histogramStops=undefined;this.labelHandles=false;this.labelFormatter=undefined;this.labelTicks=false;this.max=100;this.maxLabel=undefined;this.maxValue=undefined;this.min=0;this.minLabel=undefined;this.minValue=undefined;this.mirrored=false;this.name=undefined;this.numberingSystem=undefined;this.pageStep=undefined;this.precise=false;this.required=false;this.snap=false;this.step=1;this.ticks=undefined;this.value=0;this.scale="m";this.effectiveLocale="";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[]}histogramWatcher(t){this.hasHistogram=!!t}ticksWatcher(){this.tickValues=this.generateTickValues()}valueHandler(){this.setMinMaxFromValue()}minMaxValueHandler(){this.setValueFromMinMax()}connectedCallback(){b(this);z(this);this.setMinMaxFromValue();this.setValueFromMinMax();x(this);c(this)}disconnectedCallback(){f(this);k(this);d(this);V(this);this.removeDragListeners()}componentWillLoad(){$(this);if(!N(this.value)){this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value)}this.ticksWatcher();this.histogramWatcher(this.histogram);u(this,this.value)}componentDidLoad(){y(this)}componentDidRender(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(N(this.value)){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels();p(this)}render(){const t=this.el.id||this.guid;const e=N(this.value)?this.maxValue:this.value;const s=this.minValue||this.min;const a=this.shouldUseMinValue();const l=this.getUnitInterval(a?this.minValue:s)*100;const h=this.getUnitInterval(e)*100;const r=this.shouldMirror();const o=N(this.value);const c=this.buildThumbType("max");const d=this.renderThumb({type:c,thumbPlacement:c.includes("histogram")?"below":"above",maxInterval:h,minInterval:l,mirror:r});const u=this.buildThumbType("min");const b=o&&this.renderThumb({type:u,thumbPlacement:u.includes("histogram")||u.includes("precise")?"below":"above",maxInterval:h,minInterval:l,mirror:r});const f=o?"start":this.fillPlacement;const p=f==="none"?{left:`unset`,right:`unset`}:f==="end"?{left:`${r?l:h}%`,right:`${r?h:l}%`}:{left:`${r?100-h:l}%`,right:`${r?l:100-h}%`};return i(n,{key:"4e4978ed35d0d66a96ea093c96739ae0fa550fe8",id:t,onKeyDown:this.handleKeyDown,onTouchStart:this.handleTouchStart},i(g,{key:"ba910704fddfaab6d1cfd39910cbb5fcd9045320",disabled:this.disabled},i("div",{key:"299b532a06b40d10a1385cce2b4078b3bd28b7c6","aria-label":_(this),class:{[F.container]:true,[F.containerRange]:o,[`scale--${this.scale}`]:true}},this.renderGraph(),i("div",{key:"583f6d5942316c9a3015129a1df423ccfe74a70a",class:F.track,ref:this.storeTrackRef},i("div",{key:"5240583b3a6e2ced7170276d6e17f66f7dc6ffc8",class:F.trackRange,onPointerDown:this.onTrackPointerDown,style:p}),i("div",{key:"a7116d91dd4e102b594775d454ad7eed1255e9a5",class:F.ticks},this.tickValues.map((t=>{const n=`${this.getUnitInterval(t)*100}%`;let l=false;if(f==="start"||f==="end"){if(a){l=t>=this.minValue&&t<=this.maxValue}else{const i=f==="start"?s:e;const a=f==="start"?e:this.max;l=t>=i&&t<=a}}return i("span",{class:{[F.tick]:true,[F.tickActive]:l},style:{left:r?"":n,right:r?n:""}},this.renderTickLabel(t))})))),i("div",{key:"5980b5e3d7af7e8ab09aeb64049f2eafcde13b3b",class:F.thumbContainer},b,d,i(m,{key:"645ee93e90a480b02836b8ef988a13a3146a1923",component:this})))))}renderThumb({type:t,mirror:e,thumbPlacement:s,minInterval:a,maxInterval:n}){const l=t.includes("labeled");const h=t.includes("precise");const r=t.includes("min");const o=N(this.value);const c=r?this.minValue:o?this.maxValue:this.value;const d=r?"minValue":o?"maxValue":"value";const u=r?this.minLabel:o?this.maxLabel:this.minLabel;const m=r?this.minValue:c;const b=d==="minValue"?this.internalLabelFormatter(this.minValue,"min"):d==="maxValue"?this.internalLabelFormatter(this.maxValue,"max"):this.internalLabelFormatter(c,"value");const f=r?{left:`${e?100-a:a}%`}:{right:`${e?n:100-n}%`};const p=`${F.handleLabel} ${r?F.handleLabelMinValue:F.handleLabelValue}`;const g=l?[i("span",{"aria-hidden":"true",class:p},b),i("span",{"aria-hidden":"true",class:`${p} ${F.static}`},b),i("span",{"aria-hidden":"true",class:`${p} ${F.transformed}`},b)]:[];const v=[...g,i("div",{class:F.handle}),h&&i("div",{class:F.handleExtension})];if(s==="below"){v.reverse()}return i("div",{"aria-disabled":this.disabled,"aria-label":u,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":m,class:{[F.thumb]:true,[F.thumbValue]:!r,[F.thumbActive]:this.lastDragProp!=="minMaxValue"&&this.dragProp===d,[F.thumbPrecise]:h,[F.thumbMinValue]:r},"data-value-prop":d,key:t,onBlur:this.onThumbBlur,onFocus:this.onThumbFocus,onPointerDown:this.onThumbPointerDown,ref:this.storeThumbRef,role:"slider",style:f,tabIndex:0},v)}renderGraph(){return this.histogram?i("calcite-graph",{class:F.graph,colorStops:this.histogramStops,data:this.histogram,highlightMax:N(this.value)?this.maxValue:this.value,highlightMin:N(this.value)?this.minValue:this.min,max:this.max,min:this.min}):null}renderTickLabel(t){const{hasHistogram:e,labelHandles:s,labelTicks:a,max:n,min:l,precise:h,value:r}=this;const o=N(r);const c=t===l;const d=t===n;const u=c||d;const m=a&&(!e&&(u||!h||!o)||e&&(u||!h&&!s));return m?i("span",{class:{[F.tickLabel]:true,[F.tickMin]:c,[F.tickMax]:d}},this.internalLabelFormatter(t,"tick")):null}pointerDownHandler(t){if(this.disabled||!r(t)){return}const e=t.clientX||t.pageX;const i=this.translate(e);let s="value";if(N(this.value)){const t=i>=this.minValue&&i<=this.maxValue;if(t&&this.lastDragProp==="minMaxValue"){s="minMaxValue"}else{const t=Math.abs(this.maxValue-i)<Math.abs(this.minValue-i);s=t||i>=this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[s];this.dragStart(s);const a=this.el.shadowRoot.querySelector(`.${F.thumb}:active`);if(!a){this.setValue({[s]:this.clamp(i,s)})}this.focusActiveHandle(e)}handleTouchStart(t){t.preventDefault()}async setFocus(){await w(this);const t=this.minHandle?this.minHandle:this.maxHandle;t?.focus()}buildThumbType(t){const e=[t];if(this.labelHandles){e.push("labeled")}if(this.precise){e.push("precise")}if(this.hasHistogram){e.push("histogram")}return e.join("-")}setValueFromMinMax(){const{minValue:t,maxValue:e}=this;if(typeof t==="number"&&typeof e==="number"){this.value=[t,e]}}setMinMaxFromValue(){const{value:t}=this;if(N(t)){this.minValue=t[0];this.maxValue=t[1]}}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){if(!N(this.value)){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0}getTickDensity(){const t=(this.max-this.min)/this.ticks/P;return t<1?1:t}generateTickValues(){const t=this.ticks??0;if(t<=0){return[]}const e=[this.min];const i=this.getTickDensity();const s=t*i;let a=this.min;while(a<this.max){a+=s;e.push(Math.min(a,this.max))}if(!e.includes(this.max)){e.push(this.max)}return e}pointerDownDragStart(t,e){if(!r(t)){return}this.dragStart(e)}dragStart(t){this.dragProp=t;this.lastDragProp=this.dragProp;this.activeProp=t;window.addEventListener("pointermove",this.dragUpdate);window.addEventListener("pointerup",this.pointerUpDragEnd);window.addEventListener("pointercancel",this.dragEnd)}focusActiveHandle(t){if(this.dragProp==="minValue"){this.minHandle.focus()}else if(this.dragProp==="maxValue"||this.dragProp==="value"){this.maxHandle.focus()}else if(this.dragProp==="minMaxValue"){this.getClosestHandle(t).focus()}}emitInput(){this.calciteSliderInput.emit()}emitChange(){this.calciteSliderChange.emit()}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate);window.removeEventListener("pointerup",this.pointerUpDragEnd);window.removeEventListener("pointercancel",this.dragEnd)}setValue(t){let e;Object.keys(t).forEach((i=>{const s=t[i];if(!e){const t=this[i];e=t!==s}this[i]=s}));if(!e){return}const i=this.dragProp;if(!i){this.emitChange()}this.emitInput()}clamp(t,e){t=H(t,this.min,this.max);if(e==="maxValue"){t=Math.max(t,this.minValue)}if(e==="minValue"){t=Math.min(t,this.maxValue)}return t}translate(t){const e=this.max-this.min;const{left:i,width:s}=this.trackEl.getBoundingClientRect();const a=(t-i)/s;const n=this.shouldMirror();const l=this.clamp(this.min+e*(n?1-a:a));const h=Number(l.toFixed(L(this.step)));return!(this.snap&&this.step)?h:this.getClosestStep(h)}getClosestStep(t){const{max:e,min:i,step:s}=this;let a=Math.floor((t-i)/s)*s+i;a=Math.min(Math.max(a,i),e);if(a>e){a-=s}return a}getClosestHandle(t){return this.getDistanceX(this.maxHandle,t)>this.getDistanceX(this.minHandle,t)?this.minHandle:this.maxHandle}getDistanceX(t,e){return Math.abs(t.getBoundingClientRect().left-e)}getFontSizeForElement(t){return Number(window.getComputedStyle(t).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(t){t=this.clamp(t);const e=this.max-this.min;return(t-this.min)/e}adjustHostObscuredHandleLabel(t){const e=this.el.shadowRoot.querySelector(`.handle__label--${t}`);const i=this.el.shadowRoot.querySelector(`.handle__label--${t}.static`);const s=this.el.shadowRoot.querySelector(`.handle__label--${t}.transformed`);const a=i.getBoundingClientRect();const n=this.getHostOffset(a.left,a.right);e.style.transform=`translateX(${n}px)`;s.style.transform=`translateX(${n}px)`}hyphenateCollidingRangeHandleLabels(){const{shadowRoot:t}=this.el;const e=this.shouldMirror();const i=e?"value":"minValue";const s=e?"minValue":"value";const a=t.querySelector(`.handle__label--${i}`);const n=t.querySelector(`.handle__label--${i}.static`);const l=t.querySelector(`.handle__label--${i}.transformed`);const h=this.getHostOffset(n.getBoundingClientRect().left,n.getBoundingClientRect().right);const r=t.querySelector(`.handle__label--${s}`);const o=t.querySelector(`.handle__label--${s}.static`);const c=t.querySelector(`.handle__label--${s}.transformed`);const d=this.getHostOffset(o.getBoundingClientRect().left,o.getBoundingClientRect().right);const u=this.getFontSizeForElement(a);const m=this.getRangeLabelOverlap(l,c);const b=a;const f=u/2;if(m>0){b.classList.add(F.hyphen,F.hyphenWrap);if(d===0&&h===0){let t=m/2-f;t=Math.sign(t)===-1?Math.abs(t):-t;const e=this.getHostOffset(l.getBoundingClientRect().left+t-f,l.getBoundingClientRect().right+t-f);let i=m/2;const s=this.getHostOffset(c.getBoundingClientRect().left+i,c.getBoundingClientRect().right+i);if(e!==0){t+=e;i+=e}if(s!==0){t+=s;i+=s}a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-f}px)`;r.style.transform=`translateX(${i}px)`;c.style.transform=`translateX(${i}px)`}else if(h>0||d>0){a.style.transform=`translateX(${h+f}px)`;r.style.transform=`translateX(${m+d}px)`;c.style.transform=`translateX(${m+d}px)`}else if(h<0||d<0){let t=Math.abs(h)+m-f;t=Math.sign(t)===-1?Math.abs(t):-t;a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-f}px)`}}else{b.classList.remove(F.hyphen,F.hyphenWrap);a.style.transform=`translateX(${h}px)`;l.style.transform=`translateX(${h}px)`;r.style.transform=`translateX(${d}px)`;c.style.transform=`translateX(${d}px)`}}hideObscuredBoundingTickLabels(){const t=N(this.value);if(!this.hasHistogram&&!t&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&t&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}const e=this.el.shadowRoot.querySelector(`.${F.thumbMinValue}`);const i=this.el.shadowRoot.querySelector(`.${F.thumbValue}`);const s=this.el.shadowRoot.querySelector(`.${F.tickMin}`);const a=this.el.shadowRoot.querySelector(`.${F.tickMax}`);if(!e&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,i)?"0":"1"}if(e&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,e)||this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,e)||this.isMaxTickLabelObscured(a,i)&&this.hasHistogram?"0":"1"}}getHostOffset(t,e){const i=this.el.getBoundingClientRect();const s=7;if(t+s<i.left){return i.left-t-s}if(e-s>i.right){return-(e-i.right)+s}return 0}getRangeLabelOverlap(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();const a=this.getFontSizeForElement(t);const n=i.right+a-s.left;return Math.max(n,0)}isMinTickLabelObscured(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();return o(i,s)}isMaxTickLabelObscured(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();return o(i,s)}internalLabelFormatter(t,e){const i=this.labelFormatter;if(!i){return this.formatValue(t)}const s=i(t,e,this.formatValue);if(s==null){return this.formatValue(t)}return s}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{histogram:["histogramWatcher"],ticks:["ticksWatcher"],value:["valueHandler"],minValue:["minMaxValueHandler"],maxValue:["minMaxValueHandler"]}}};U.style=W;export{R as calcite_graph,U as calcite_slider};
+//# sourceMappingURL=p-e8286f11.entry.js.map