@esri/calcite-components 2.4.1-next.0 → 2.4.1-next.1

package/dist/calcite/p-32f0d2e4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DURATIONS","slow","medium","fast","SLOTS","actionsEnd","title","message","link","CSS","close","container","containerBottom","containerBottomEnd","containerBottomStart","containerQueued","containerTop","containerTopEnd","containerTopStart","content","contentContainer","dismissProgress","footer","icon","containerSlottedInShell","queueCount","queueCountActive","textContainer","alertCss","Alert","this","autoCloseTimeoutId","totalOpenTime","totalHoverTime","openTransitionProp","setTransitionEl","el","transitionEl","closeAlert","queued","open","queue","filter","determineActiveAlert","calciteInternalAlertSync","emit","actionsEndSlotChangeHandler","event","hasEndActions","slotChangeHasAssignedElement","handleMouseOver","window","clearTimeout","Date","now","initialOpenTime","lastMouseOverBegin","handleMouseLeave","hoverDuration","timeRemaining","autoCloseDuration","setTimeout","NumberStringFormat","openHandler","onToggleOpenCloseComponent","calciteInternalAlertRegister","onMessagesChange","updateDuration","autoClose","connectedCallback","connectLocalized","connectMessages","numberStringFormatter","numberFormatOptions","locale","effectiveLocale","numberingSystem","signDisplay","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","dispatchEvent","CustomEvent","detail","alert","queueTimeout","disconnectLocalized","disconnectMessages","slottedInShell","render","label","placement","role","hidden","effectiveIcon","setRequestedIcon","KindIcons","kind","hasQueuedAlerts","queueLength","h","Host","toAriaBoolean","class","onPointerEnter","onPointerLeave","ref","renderIcon","name","renderActionsEnd","renderQueueCount","renderCloseButton","messages","key","onClick","type","closeButton","scale","getIconScale","queueNumber","queueText","numberFormatter","format","value","onSlotchange","flipRtl","iconFlipRtl","alertSync","length","stopPropagation","alertRegister","includes","push","alertUnregister","setFocus","componentFocusable","alertLinkEl","getSlotted","selector","focus","effectiveLocaleChange","updateMessages","numberingSystemChange","openAlert","onBeforeOpen","calciteAlertBeforeOpen","onOpen","calciteAlertOpen","onBeforeClose","calciteAlertBeforeClose","onClose","calciteAlertClose"],"sources":["src/components/alert/resources.ts","src/components/alert/alert.scss?tag=calcite-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["export const DURATIONS = {\n  slow: 14000,\n  medium: 10000,\n  fast: 6000,\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  title: \"title\",\n  message: \"message\",\n  link: \"link\",\n};\n\nexport const CSS = {\n  actionsEnd: \"actions-end\",\n  close: \"close\",\n  container: \"container\",\n  containerBottom: \"container--bottom\",\n  containerBottomEnd: \"container--bottom-end\",\n  containerBottomStart: \"container--bottom-start\",\n  containerQueued: \"container--queued\",\n  containerTop: \"container--top\",\n  containerTopEnd: \"container--top-end\",\n  containerTopStart: \"container--top-start\",\n  content: \"content\",\n  contentContainer: \"content-container\",\n  dismissProgress: \"dismiss-progress\",\n  footer: \"footer\",\n  icon: \"icon\",\n  containerSlottedInShell: \"container--slotted-in-shell\",\n  queueCount: \"queue-count\",\n  queueCountActive: \"queue-count--active\",\n  textContainer: \"text-container\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-alert-width: Specifies the width of the component.\n */\n\n$border-style: 1px solid var(--calcite-color-border-3);\n\n:host {\n  --calcite-alert-edge-distance: theme(\"spacing.8\");\n  --calcite-alert-dismiss-progress-background: var(--calcite-color-transparent-tint);\n  @apply block;\n}\n\n.container {\n  @apply bg-foreground-1\n  box-border\n  fixed\n  flex\n  items-center\n  justify-center\n  min-w-min\n  mx-auto\n  my-0\n  opacity-0\n  pointer-events-none\n  shadow-2\n  text-start\n  w-full\n  z-toast;\n\n  border-radius: var(--calcite-border-radius);\n  border-block-start: 0 solid transparent;\n  border-inline: $border-style;\n  border-block-end: $border-style;\n  inline-size: var(--calcite-alert-width);\n  max-inline-size: calc(100% - (var(--calcite-alert-edge-distance) * 2));\n  transition:\n    var(--calcite-internal-animation-timing-slow) $easing-function,\n    opacity var(--calcite-internal-animation-timing-slow) $easing-function,\n    all var(--calcite-animation-timing) ease-in-out;\n\n  &--bottom,\n  &--top {\n    inset-inline-end: 0;\n    inset-inline-start: 0;\n  }\n  &[class*=\"bottom\"] {\n    transform: translate3d(0, var(--calcite-alert-edge-distance), 0);\n    inset-block-end: var(--calcite-alert-edge-distance);\n  }\n  &[class*=\"top\"] {\n    transform: translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);\n    inset-block-start: var(--calcite-alert-edge-distance);\n  }\n  &[class*=\"start\"] {\n    inset-inline-start: var(--calcite-alert-edge-distance);\n    inset-inline-end: auto;\n  }\n  &[class*=\"end\"] {\n    inset-inline-end: var(--calcite-alert-edge-distance);\n    inset-inline-start: auto;\n  }\n}\n\n.icon {\n  @apply flex flex-col items-center justify-center p-0;\n  margin-block: auto;\n  margin-inline-end: auto;\n  padding-inline-start: var(--calcite-alert-spacing-token-large);\n}\n\n.close {\n  @apply bg-transparent border-none cursor-pointer flex items-center justify-end outline-none self-stretch text-color-3;\n  -webkit-appearance: none;\n  padding: var(--calcite-alert-spacing-token-large);\n\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n\n  &:hover,\n  &:focus {\n    @apply bg-foreground-2 text-color-1;\n  }\n\n  &:active {\n    @apply bg-foreground-3;\n  }\n}\n\n.queue-count {\n  @apply bg-foreground-1\n  cursor-default\n  flex\n  font-medium\n  invisible\n  items-center\n  justify-around\n  min-w-min\n  opacity-0\n  overflow-hidden\n  self-stretch\n  text-center\n  text-color-2\n  transition-default;\n  border-inline: 0 solid transparent;\n  border-start-end-radius: 0;\n\n  &--active {\n    @apply visible opacity-100;\n  }\n}\n\n.dismiss-progress {\n  @apply absolute\n  block\n  w-full\n  overflow-hidden;\n  inset-inline: 0;\n  inset-block-start: -2px;\n  block-size: 2px;\n  border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0;\n  &:after {\n    @apply absolute\n    top-0\n    block;\n    block-size: 2px;\n    content: \"\";\n    background-color: var(--calcite-alert-dismiss-progress-background);\n    inset-inline-end: 0;\n  }\n}\n\n.actions-end {\n  @apply flex self-stretch;\n}\n\n.text-container {\n  @apply box-border flex flex-auto min-w-0 flex-col break-words;\n  padding-block: var(--calcite-alert-spacing-token-small);\n  padding-inline: var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small);\n}\n\n.footer {\n  @apply flex justify-end pt-px relative self-stretch w-auto;\n  block-size: inherit;\n}\n\n// scale variables\n:host([scale=\"s\"]) {\n  --calcite-alert-width: 40em;\n  --calcite-alert-spacing-token-small: theme(\"spacing.2\");\n  --calcite-alert-spacing-token-large: theme(\"spacing.3\");\n  --calcite-alert-footer-height: theme(\"height.8\");\n  --calcite-alert-footer-divider-gap: theme(\"spacing[0.5]\");\n\n  @include slotted(\"title\", \"*\") {\n    @apply text-n1-wrap;\n  }\n  @include slotted(\"message\", \"*\") {\n    @apply text-n2-wrap;\n  }\n  @include slotted(\"link\", \"*\") {\n    @apply text-n2-wrap;\n  }\n  .queue-count {\n    @apply mx-2;\n  }\n  .container {\n    --calcite-alert-min-height: 3.5rem;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-alert-width: 50em;\n  --calcite-alert-spacing-token-small: theme(\"spacing.3\");\n  --calcite-alert-spacing-token-large: theme(\"spacing.4\");\n  --calcite-alert-footer-height: theme(\"height.12\");\n  --calcite-alert-footer-divider-gap: theme(\"spacing.1\");\n\n  @include slotted(\"title\", \"*\") {\n    @apply text-0-wrap;\n  }\n  @include slotted(\"message\", \"*\") {\n    @apply text-n1-wrap;\n  }\n  @include slotted(\"link\", \"*\") {\n    @apply text-n1-wrap;\n  }\n  .queue-count {\n    @apply mx-3;\n  }\n  .container {\n    --calcite-alert-min-height: 4.1875rem;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-alert-width: 60em;\n  --calcite-alert-spacing-token-small: theme(\"spacing.4\");\n  --calcite-alert-spacing-token-large: theme(\"spacing.5\");\n  --calcite-alert-footer-height: theme(\"height.16\");\n  --calcite-alert-footer-divider-gap: theme(\"spacing.2\");\n\n  @include slotted(\"title\", \"*\") {\n    @apply text-1-wrap mb-1;\n  }\n  @include slotted(\"message\", \"*\") {\n    @apply text-0-wrap;\n  }\n  @include slotted(\"link\", \"*\") {\n    @apply text-0-wrap;\n  }\n  .queue-count {\n    @apply mx-4;\n  }\n  .container {\n    --calcite-alert-min-height: 5.625rem;\n  }\n}\n\n:host([open]) {\n  .container:not(.container--queued) {\n    @apply border-t-2 opacity-100;\n    pointer-events: initial;\n    &[class*=\"bottom\"] {\n      transform: translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);\n    }\n    &[class*=\"top\"] {\n      transform: translate3d(0, var(--calcite-alert-edge-distance), inherit);\n    }\n  }\n}\n\n:host([auto-close]) > .queue-count {\n  border-inline-end: 0 solid transparent;\n}\n\n@include slotted(\"title\", \"*\") {\n  @apply text-0-wrap\n    text-color-1\n    font-medium;\n}\n\n@include slotted(\"message\", \"*\") {\n  @apply text-n1-wrap\n    text-color-2\n    m-0\n    inline\n    font-normal;\n  margin-inline-end: theme(\"margin.2\");\n}\n\n@include slotted(\"link\", \"*\") {\n  @apply text-color-link inline-flex;\n}\n\n$alertKinds:\n  \"brand\" var(--calcite-color-brand),\n  \"info\" var(--calcite-color-status-info),\n  \"danger\" var(--calcite-color-status-danger),\n  \"success\" var(--calcite-color-status-success),\n  \"warning\" var(--calcite-color-status-warning);\n\n@each $alertKind in $alertKinds {\n  $name: nth($alertKind, 1);\n  $kind: nth($alertKind, 2);\n\n  :host([kind=\"#{$name}\"]) {\n    .container {\n      border-block-start-color: $kind;\n\n      & .icon {\n        color: $kind;\n      }\n    }\n  }\n}\n\n$alertDurations:\n  \"fast\" 6000ms,\n  \"medium\" 10000ms,\n  \"slow\" 14000ms;\n\n@each $alertDuration in $alertDurations {\n  $name: nth($alertDuration, 1);\n  $duration: nth($alertDuration, 2);\n\n  :host([auto-close-duration=\"#{$name}\"]) .dismiss-progress:after {\n    animation: dismissProgress $duration ease-out;\n  }\n  :host(:hover[auto-close-duration=\"#{$name}\"]) .dismiss-progress:after {\n    animation-play-state: paused;\n  }\n}\n\n@keyframes dismissProgress {\n  0% {\n    @apply w-0 opacity-75;\n  }\n  100% {\n    @apply w-full opacity-100;\n  }\n}\n\n/**\n * Conditional styles for when Alert is slotted in Shell\n */\n.container--slotted-in-shell {\n  @apply absolute;\n}\n\n@include base-component();\n@include calciteHydratedHidden();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  getSlotted,\n  setRequestedIcon,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport { MenuPlacement } from \"../../utils/floating-ui\";\nimport { getIconScale } from \"../../utils/component\";\n\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  NumberingSystem,\n  NumberStringFormat,\n} from \"../../utils/locale\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Kind, Scale } from \"../interfaces\";\nimport { KindIcons } from \"../resources\";\nimport { AlertMessages } from \"./assets/alert/t9n\";\nimport { AlertDuration, Sync, Unregister } from \"./interfaces\";\nimport { CSS, DURATIONS, SLOTS } from \"./resources\";\n\n/**\n * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned\n * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.\n */\n\n/**\n * @slot title - A slot for adding a title to the component.\n * @slot message - A slot for adding main text to the component.\n * @slot link - A slot for adding a `calcite-action` to take from the component such as: \"undo\", \"try again\", \"link to page\", etc.\n * @slot actions-end - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or fewer actions.\n */\n\n@Component({\n  tag: \"calcite-alert\",\n  styleUrl: \"alert.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Alert implements OpenCloseComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //---------------------------------------------------------------------------\n\n  /** When `true`, displays and positions the component. */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n    if (this.open && !this.queued) {\n      this.calciteInternalAlertRegister.emit();\n    }\n    if (!this.open) {\n      this.queue = this.queue.filter((el) => el !== this.el);\n      this.calciteInternalAlertSync.emit({ queue: this.queue });\n    }\n  }\n\n  /** When `true`, the component closes automatically. Recommended for passive, non-blocking alerts. */\n  @Prop({ reflect: true }) autoClose = false;\n\n  /** Specifies the duration before the component automatically closes - only use with `autoClose`. */\n  @Prop({ reflect: true }) autoCloseDuration: AlertDuration = \"medium\";\n\n  /** Specifies the kind of the component, which will apply to top border and icon. */\n  @Prop({ reflect: true }) kind: Extract<\n    \"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\",\n    Kind\n  > = \"brand\";\n\n  /**\n   * When `true`, shows a default recommended icon. Alternatively,\n   * pass a Calcite UI Icon name to display a specific icon.\n   */\n  @Prop({ reflect: true }) icon: string | boolean;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Specifies an accessible name for the component. */\n  @Prop() label!: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /** Specifies the placement of the component. */\n  @Prop({ reflect: true }) placement: MenuPlacement = \"bottom\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\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: AlertMessages;\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<AlertMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * This internal property, managed by a containing calcite-shell, is used\n   * to inform the component if special configuration or styles are needed\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) slottedInShell: boolean;\n\n  @Watch(\"autoCloseDuration\")\n  updateDuration(): void {\n    if (this.autoClose && this.autoCloseTimeoutId) {\n      window.clearTimeout(this.autoCloseTimeoutId);\n      this.autoCloseTimeoutId = window.setTimeout(\n        () => this.closeAlert(),\n        DURATIONS[this.autoCloseDuration],\n      );\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n\n    const open = this.open;\n    if (open && !this.queued) {\n      this.calciteInternalAlertRegister.emit();\n    }\n\n    this.numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"always\",\n    };\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    window.dispatchEvent(\n      new CustomEvent<Unregister>(\"calciteInternalAlertUnregister\", {\n        detail: { alert: this.el },\n      }),\n    );\n    window.clearTimeout(this.autoCloseTimeoutId);\n    window.clearTimeout(this.queueTimeout);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.slottedInShell = false;\n  }\n\n  render(): VNode {\n    const { open, autoClose, label, placement, queued } = this;\n    const role = autoClose ? \"alert\" : \"alertdialog\";\n    const hidden = !open;\n    const effectiveIcon = setRequestedIcon(KindIcons, this.icon, this.kind);\n    const hasQueuedAlerts = this.queueLength > 1;\n\n    return (\n      <Host\n        aria-hidden={toAriaBoolean(hidden)}\n        aria-label={label}\n        calcite-hydrated-hidden={hidden}\n        role={role}\n      >\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerQueued]: queued,\n            [`${CSS.container}--${placement}`]: true,\n            [CSS.containerSlottedInShell]: this.slottedInShell,\n          }}\n          onPointerEnter={this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null}\n          onPointerLeave={this.autoClose && this.autoCloseTimeoutId ? this.handleMouseLeave : null}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={this.setTransitionEl}\n        >\n          {effectiveIcon && this.renderIcon(effectiveIcon)}\n          <div class={CSS.textContainer}>\n            <slot name={SLOTS.title} />\n            <slot name={SLOTS.message} />\n            <slot name={SLOTS.link} />\n          </div>\n          {this.renderActionsEnd()}\n          {hasQueuedAlerts ? this.renderQueueCount() : null}\n          {this.renderCloseButton()}\n          {open && !queued && autoClose ? <div class={CSS.dismissProgress} /> : null}\n        </div>\n      </Host>\n    );\n  }\n\n  private renderCloseButton(): VNode {\n    return (\n      <button\n        aria-label={this.messages.close}\n        class={CSS.close}\n        key=\"close\"\n        onClick={this.closeAlert}\n        type=\"button\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.closeButton = el)}\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  private renderQueueCount(): VNode {\n    const queueNumber = this.queueLength > 2 ? this.queueLength - 1 : 1;\n    const queueText = this.numberStringFormatter.numberFormatter.format(queueNumber);\n\n    return (\n      <div\n        class={{\n          [CSS.queueCount]: true,\n          [CSS.queueCountActive]: this.queueLength > 1,\n        }}\n        key=\"queue-count\"\n      >\n        <calcite-chip scale={this.scale} value={queueText}>\n          {queueText}\n        </calcite-chip>\n      </div>\n    );\n  }\n\n  private renderActionsEnd(): VNode {\n    return (\n      <div class={CSS.actionsEnd}>\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.actionsEndSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  private renderIcon(icon: string): VNode {\n    return (\n      <div class={CSS.icon}>\n        <calcite-icon flipRtl={this.iconFlipRtl} icon={icon} scale={getIconScale(this.scale)} />\n      </div>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteAlertBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteAlertClose: 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 }) calciteAlertBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteAlertOpen: EventEmitter<void>;\n\n  /**\n   * Fires to sync queue when opened or closed.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAlertSync: EventEmitter<Sync>;\n\n  /**\n   * Fires when the component is added to DOM - used to receive initial queue.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAlertRegister: EventEmitter<void>;\n\n  // when an alert is opened or closed, update queue and determine active alert\n  @Listen(\"calciteInternalAlertSync\", { target: \"window\" })\n  alertSync(event: CustomEvent): void {\n    if (this.queue !== event.detail.queue) {\n      this.queue = event.detail.queue;\n    }\n    this.queueLength = this.queue.length;\n    this.determineActiveAlert();\n    event.stopPropagation();\n  }\n\n  // when an alert is first registered, trigger a queue sync\n  @Listen(\"calciteInternalAlertRegister\", { target: \"window\" })\n  alertRegister(): void {\n    if (this.open && !this.queue.includes(this.el as HTMLCalciteAlertElement)) {\n      this.queued = true;\n      this.queue.push(this.el as HTMLCalciteAlertElement);\n    }\n    this.calciteInternalAlertSync.emit({ queue: this.queue });\n    this.determineActiveAlert();\n  }\n\n  // Event is dispatched on the window because the element is not in the DOM so bubbling won't occur.\n  @Listen(\"calciteInternalAlertUnregister\", { target: \"window\" })\n  alertUnregister(event: CustomEvent<Unregister>): void {\n    const queue = this.queue.filter((el) => el !== event.detail.alert);\n    this.queue = queue;\n\n    window.dispatchEvent(\n      new CustomEvent<Sync>(\"calciteInternalAlertSync\", {\n        detail: { queue },\n      }),\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's \"close\" button, the first focusable item. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    const alertLinkEl: HTMLCalciteLinkElement = getSlotted(this.el, { selector: \"calcite-link\" });\n\n    if (!this.closeButton && !alertLinkEl) {\n      return;\n    } else if (alertLinkEl) {\n      return alertLinkEl.setFocus();\n    } else if (this.closeButton) {\n      this.closeButton.focus();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAlertElement;\n\n  @State() defaultMessages: AlertMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n    this.numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"always\",\n    };\n  }\n\n  @State() numberStringFormatter = new NumberStringFormat();\n\n  @Watch(\"numberingSystem\")\n  numberingSystemChange(): void {\n    this.numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"always\",\n    };\n  }\n\n  @State() hasEndActions = false;\n\n  /** the list of queued alerts */\n  @State() queue: HTMLCalciteAlertElement[] = [];\n\n  /** the count of queued alerts */\n  @State() queueLength = 0;\n\n  /** is the alert queued */\n  @State() queued = false;\n\n  private autoCloseTimeoutId: number = null;\n\n  private closeButton: HTMLButtonElement;\n\n  private initialOpenTime: number;\n\n  private lastMouseOverBegin: number;\n\n  private queueTimeout: number;\n\n  private totalOpenTime = 0;\n\n  private totalHoverTime = 0;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  /** determine which alert is active */\n  private determineActiveAlert(): void {\n    if (this.queue?.[0] === this.el) {\n      this.openAlert();\n      if (this.autoClose && !this.autoCloseTimeoutId) {\n        this.initialOpenTime = Date.now();\n        this.autoCloseTimeoutId = window.setTimeout(\n          () => this.closeAlert(),\n          DURATIONS[this.autoCloseDuration],\n        );\n      }\n    } else {\n      return;\n    }\n  }\n\n  /** close and emit calciteInternalAlertSync event with the updated queue payload */\n  private closeAlert = (): void => {\n    this.autoCloseTimeoutId = null;\n    this.queued = false;\n    this.open = false;\n    this.queue = this.queue.filter((el) => el !== this.el);\n    this.determineActiveAlert();\n    this.calciteInternalAlertSync.emit({ queue: this.queue });\n  };\n\n  onBeforeOpen(): void {\n    this.calciteAlertBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteAlertOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteAlertBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteAlertClose.emit();\n  }\n\n  /** remove queued class after animation completes */\n  private openAlert(): void {\n    window.clearTimeout(this.queueTimeout);\n    this.queueTimeout = window.setTimeout(() => (this.queued = false), 300);\n  }\n\n  private actionsEndSlotChangeHandler = (event: Event): void => {\n    this.hasEndActions = slotChangeHasAssignedElement(event);\n  };\n\n  private handleMouseOver = (): void => {\n    window.clearTimeout(this.autoCloseTimeoutId);\n    this.totalOpenTime = Date.now() - this.initialOpenTime;\n    this.lastMouseOverBegin = Date.now();\n  };\n\n  private handleMouseLeave = (): void => {\n    const hoverDuration = Date.now() - this.lastMouseOverBegin;\n    const timeRemaining =\n      DURATIONS[this.autoCloseDuration] - this.totalOpenTime + this.totalHoverTime;\n    this.totalHoverTime = this.totalHoverTime ? hoverDuration + this.totalHoverTime : hoverDuration;\n    this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), timeRemaining);\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-3328f5ba.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-const t=(t,n,r)=>Math.max(n,Math.min(t,r));const n=new RegExp(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);const r=t=>{const r=(""+t).match(n);if(!r||parseInt(r[1])===0){return 0}return Math.max(0,(r[1]?r[1].length:0)-(r[2]?+r[2]:0))};function a(t){if(r(t)>0&&t>0){return parseFloat(`0.${t.toString().split(".")[1]}`)}return t}function e(t,n,r,a,e){return(t-n)*(e-a)/(r-n)+a}function s(t,n,r){return t<r?-1:t>n-r?1:0}export{s as a,t as c,r as d,a as g,e as r};
-//# sourceMappingURL=p-3328f5ba.js.map

package/dist/calcite/p-3341a34a.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as a}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var r={name:"tr",weekdays:"Pazar_Pazartesi_Salı_Çarşamba_Perşembe_Cuma_Cumartesi".split("_"),weekdaysShort:"Paz_Pts_Sal_Çar_Per_Cum_Cts".split("_"),weekdaysMin:"Pz_Pt_Sa_Ça_Pe_Cu_Ct".split("_"),months:"Ocak_Şubat_Mart_Nisan_Mayıs_Haziran_Temmuz_Ağustos_Eylül_Ekim_Kasım_Aralık".split("_"),monthsShort:"Oca_Şub_Mar_Nis_May_Haz_Tem_Ağu_Eyl_Eki_Kas_Ara".split("_"),weekStart:1,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},relativeTime:{future:"%s sonra",past:"%s önce",s:"birkaç saniye",m:"bir dakika",mm:"%d dakika",h:"bir saat",hh:"%d saat",d:"bir gün",dd:"%d gün",M:"bir ay",MM:"%d ay",y:"bir yıl",yy:"%d yıl"},ordinal:function a(r){return r+"."}};a.locale(r,null,true);export default r;
-//# sourceMappingURL=p-3341a34a.js.map

package/dist/calcite/p-341f5dd5.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as a}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var e={name:"en-au",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),weekStart:1,weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),ordinal:function a(e){return e},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"}};a.locale(e,null,true);export default e;
-//# sourceMappingURL=p-341f5dd5.js.map

package/dist/calcite/p-34a71bdb.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-const t=(()=>{const t=Intl.supportedValuesOf("timeZone");const n=["Etc/GMT+1","Etc/GMT+10","Etc/GMT+11","Etc/GMT+12","Etc/GMT+2","Etc/GMT+3","Etc/GMT+4","Etc/GMT+5","Etc/GMT+6","Etc/GMT+7","Etc/GMT+8","Etc/GMT+9","Etc/GMT-1","Etc/GMT-10","Etc/GMT-11","Etc/GMT-12","Etc/GMT-13","Etc/GMT-14","Etc/GMT-2","Etc/GMT-3","Etc/GMT-4","Etc/GMT-5","Etc/GMT-6","Etc/GMT-7","Etc/GMT-8","Etc/GMT-9"];return[...new Set([...t,...n])]})();const n=new Date;const c=n.toISOString();const e=365;const o=e;const s={startDate:c,groupDateRange:o,debug:false};const r=new Set(["Europe","Asia","America","America/Argentina","Africa","Australia","Pacific","Atlantic","Antarctica","Arctic","Indian"]);const a=(t,n,c)=>{const e=[];let o=c.create(t);for(let t=0;t<=n;t++){o=c.increase(o);e.push(c.formatToIsoDateString(o))}return e};const i=t=>{if(t.includes("Istanbul")){return"Europe"}const n=t.lastIndexOf("/");return n===-1?t:t.slice(0,n)};const u=t=>r.has(t);const l=(t,n,c,e,o=false)=>{const s=new Map;if(o){console.log(`Initializing data starting ${n} with ${c} days in the future, comparing ${t.length} timezones`)}const r=a(n,c,e);return t.map((t=>{const n=t.label;const c=i(n);const o=r.map((t=>{const c=`${t}-${n}`;let o=s.get(c);if(o){return o}o=e.isoToTimeZone(t,n);s.set(c,o);return o}));return{...t,continent:c,isRegularContinent:u(c),dates:o}}))};const E=(t,n,c)=>t.length===n.length&&t.every(((t,e)=>c.same(t,n[e])));const M=(t,n=5)=>{const c=t.filter((({label:t})=>u(i(t))));if(c.length===0){return[0]}const e=c.map((n=>t.indexOf(n)));return T(e,n)};function T(t,n=5){const c=t.length;if(c<=n){return t}const e=Math.min(c-2,n-2);const o=(c-1)/(e+1);return[t[0],...Array.from({length:e},((n,c)=>t[Math.round((c+1)*o)])),t[c-1]]}async function G(n){const{debug:c,groupDateRange:e,hooks:o,startDate:r,dateEngine:a}={...s,...n};const i=[];if(!a){throw new Error("dateEngine is required")}const u=t.map((t=>({label:t})));o?.onBeforeTimeZoneMetadataCreate?.(u);const T=l(u,r,e,a,c);o?.onTimeZoneMetadataCreate?.(T);for(const t of T){const{label:n,continent:c,dates:e}=t;if(t.visited){continue}t.visited=true;const s={labelTzIndices:undefined,tzs:[{label:n}]};o?.onGroupCreate?.(s,t);for(const t of T.filter((t=>!t.visited))){const{label:n,continent:r,isRegularContinent:i,dates:u}=t;if((c===r||!i)&&E(e,u,a)){const c={label:n};s.tzs.push(c);o?.onGroupTimeZoneAdd?.(s,c,t);t.visited=true}}i.push(s);o?.onGroupAdd?.(s)}const G=i.map((t=>{o?.onBeforeFinalGroupCreate?.(t);t.tzs=t.tzs.sort(((t,n)=>t.label.localeCompare(n.label)));const n={labelTzIndices:M(t.tzs,7),tzs:t.tzs.map((t=>t.label))};o?.onFinalGroupCreate?.(n,t);return n})).sort(((t,n)=>n.tzs.length-t.tzs.length));if(c){const n=t.map((t=>G.some((n=>n.tzs.includes(t)))?null:t)).filter(Boolean);if(n.length>0){throw new Error(`There are ${n.length} missing timezones: ${n.toString()}`)}}return o?.onFinalGroupingCreate?o.onFinalGroupingCreate(G):G}export{G as groupTimeZones};
-//# sourceMappingURL=p-34a71bdb.js.map

package/dist/calcite/p-34feb62c.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as e,f as t,h as i,H as n,g as o,c as s,F as r}from"./p-cf6c103a.js";import{s as a,l as c,d as l,g as h}from"./p-d6e4ab3a.js";import{s as d,a as u,c as f}from"./p-39613b4f.js";import{c as m,d as p}from"./p-4e27599d.js";import{u as v,c as b,s as g,d as y}from"./p-c1905124.js";import{C as x}from"./p-10acb648.js";import"./p-aff88591.js";import"./p-a0ca104b.js";import"./p-8dcbfce8.js";const w=":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const k=class{constructor(t){e(this,t);this.menuItems=[];this.handleMenuSlotChange=e=>{this.menuItems=a(e);this.setMenuItemLayout(this.menuItems,this.layout)};this.label=undefined;this.layout="horizontal";this.messageOverrides=undefined;this.messages=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){t(this);this.setMenuItemLayout(this.menuItems,this.layout)}handleLayoutChange(e){this.setMenuItemLayout(this.menuItems,e)}onMessagesChange(){}effectiveLocaleChange(){v(this,this.effectiveLocale)}connectedCallback(){m(this);b(this)}async componentWillLoad(){d(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){p(this);y(this)}async setFocus(){await f(this);this.el.focus()}calciteInternalNavMenuItemKeyEvent(e){const t=e.target;const i=e.detail.children;const n=e.detail.event.key;e.stopPropagation();if(n==="ArrowDown"){if(t.layout==="vertical"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowUp"){if(this.layout==="vertical"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){i[i.length-1].setFocus()}}}else if(n==="ArrowRight"){if(this.layout==="horizontal"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowLeft"){if(this.layout==="horizontal"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){this.focusParentElement(e.target)}}}else if(n==="Escape"){this.focusParentElement(e.target)}e.preventDefault()}focusParentElement(e){const t=e.parentElement;if(t){l(t);t.open=false}}setMenuItemLayout(e,t){e.forEach((e=>{e.layout=t;if(this.getEffectiveRole()==="menubar"){e.isTopLevelItem=true;e.topLevelMenuLayout=this.layout}}))}getEffectiveRole(){return this.el.getAttribute("role")||"menubar"}render(){return i(n,null,i("ul",{"aria-label":this.label,role:this.getEffectiveRole()},i("slot",{onSlotchange:this.handleMenuSlotChange})))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{role:["handleGlobalAttributesChanged"],layout:["handleLayoutChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};k.style=w;const z={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"};const C=':host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);outline:2px solid 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          )}.content:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}';const I=class{constructor(t){e(this,t);this.calciteInternalMenuItemKeyEvent=s(this,"calciteInternalMenuItemKeyEvent",7);this.calciteMenuItemSelect=s(this,"calciteMenuItemSelect",7);this.clickHandler=e=>{if(this.href&&e.target===this.dropdownActionEl||!this.href&&this.hasSubmenu){this.open=!this.open}this.selectMenuItem(e)};this.handleMenuItemSlotChange=e=>{this.submenuItems=a(e);this.submenuItems.forEach((e=>{if(!e.topLevelMenuLayout){e.topLevelMenuLayout=this.topLevelMenuLayout}}));this.hasSubmenu=this.submenuItems.length>0};this.keyDownHandler=async e=>{const{hasSubmenu:t,href:i,layout:n,open:o,submenuItems:s}=this;const r=e.key;const a=e.target===this.dropdownActionEl;if(r===" "||r==="Enter"){if(t&&(!i||i&&a)){this.open=!o}if(!(i&&a)&&r!=="Enter"){this.selectMenuItem(e)}if(r===" "||i&&a){e.preventDefault()}}else if(r==="Escape"){if(o){this.open=false;return}this.calciteInternalMenuItemKeyEvent.emit({event:e});e.preventDefault()}else if(r==="ArrowDown"||r==="ArrowUp"){e.preventDefault();if((a||!i)&&t&&!o&&n==="horizontal"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}else if(r==="ArrowLeft"){e.preventDefault();this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:true})}else if(r==="ArrowRight"){e.preventDefault();if((a||!i)&&t&&!o&&n==="vertical"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}};this.active=undefined;this.breadcrumb=undefined;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.isTopLevelItem=false;this.label=undefined;this.layout=undefined;this.messageOverrides=undefined;this.messages=undefined;this.open=false;this.rel=undefined;this.target=undefined;this.text=undefined;this.topLevelMenuLayout=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasSubmenu=false;this.submenuItems=undefined}onMessagesChange(){}effectiveLocaleChange(){v(this,this.effectiveLocale)}async setFocus(){await f(this);this.anchorEl.focus()}handleClickOut(e){if(this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)){this.open=false}}handleFocusOut(e){if(this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)){this.open=false}}connectedCallback(){m(this);b(this)}async componentWillLoad(){d(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){p(this);y(this)}blurHandler(){this.isFocused=false}focusHandler(e){const t=e.target;this.isFocused=true;if(t.open&&!this.open){t.open=false}}selectMenuItem(e){if(e.target!==this.dropdownActionEl){this.calciteMenuItemSelect.emit()}}renderIconStart(){return i("calcite-icon",{class:`${z.icon} ${z.iconStart}`,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,key:z.iconStart,scale:"s"})}renderIconEnd(){return i("calcite-icon",{class:`${z.icon} ${z.iconEnd}`,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,key:z.iconEnd,scale:"s"})}renderBreadcrumbIcon(e){return i("calcite-icon",{class:`${z.icon} ${z.iconBreadcrumb}`,icon:e==="rtl"?"chevron-left":"chevron-right",key:z.iconBreadcrumb,scale:"s"})}renderDropdownIcon(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-icon",{class:`${z.icon} ${z.iconDropdown}`,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:z.iconDropdown,scale:"s"})}renderDropdownAction(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-action",{class:z.dropdownAction,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:z.dropdownAction,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,text:this.messages.open,ref:e=>this.dropdownActionEl=e})}renderSubmenuItems(e){return i("calcite-menu",{class:{[z.dropdownMenuItems]:true,[z.open]:this.open,[z.nested]:!this.isTopLevelItem,[x.rtl]:e==="rtl",[z.dropdownVertical]:this.topLevelMenuLayout==="vertical"},label:this.messages.submenu,layout:"vertical",role:"menu"},i("slot",{name:"submenu-item",onSlotchange:this.handleMenuItemSlotChange}))}renderHrefIcon(e){return i("calcite-icon",{class:z.hoverHrefIcon,icon:e==="rtl"?"arrow-left":"arrow-right",key:z.hoverHrefIcon,scale:"s"})}renderItemContent(e){const t=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return i(r,null,this.iconStart&&this.renderIconStart(),i("div",{class:z.textContainer},i("span",null,this.text)),t&&this.renderHrefIcon(e),this.iconEnd&&this.renderIconEnd(),this.breadcrumb?this.renderBreadcrumbIcon(e):null,!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null)}render(){const e=h(this.el);return i(n,{onBlur:this.blurHandler,onFocus:this.focusHandler},i("li",{class:{[z.container]:true,[z.isParentVertical]:this.topLevelMenuLayout==="vertical"},role:"none"},i("div",{class:z.itemContent},i("a",{"aria-current":this.isFocused?"page":false,"aria-expanded":this.open,"aria-haspopup":this.hasSubmenu,"aria-label":this.label,class:{[z.layoutVertical]:this.layout==="vertical",[z.content]:true},href:this.href,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,rel:this.rel,role:"menuitem",tabIndex:this.isTopLevelItem?0:-1,target:this.target,ref:e=>this.anchorEl=e},this.renderItemContent(e)),this.href&&this.hasSubmenu?this.renderDropdownAction(e):null),this.renderSubmenuItems(e)))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=C;export{k as calcite_menu,I as calcite_menu_item};
-//# sourceMappingURL=p-34feb62c.entry.js.map

package/dist/calcite/p-34feb62c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["menuCss","CalciteMenu","this","menuItems","handleMenuSlotChange","event","slotChangeGetAssignedElements","setMenuItemLayout","layout","handleGlobalAttributesChanged","forceUpdate","handleLayoutChange","value","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectLocalized","connectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectLocalized","disconnectMessages","setFocus","componentFocusable","el","focus","calciteInternalNavMenuItemKeyEvent","target","submenuItems","detail","children","key","stopPropagation","focusElementInGroup","isSubmenuOpen","length","focusParentElement","preventDefault","parentEl","parentElement","focusElement","open","items","forEach","item","getEffectiveRole","isTopLevelItem","topLevelMenuLayout","getAttribute","render","h","Host","label","role","onSlotchange","CSS","container","content","dropdownVertical","dropdownMenuItems","dropdownAction","layoutVertical","hoverHrefIcon","icon","iconBreadcrumb","iconDropdown","iconEnd","iconStart","isParentVertical","itemContent","nested","textContainer","menuItemCss","CalciteMenuItem","clickHandler","href","dropdownActionEl","hasSubmenu","selectMenuItem","handleMenuItemSlotChange","keyDownHandler","async","targetIsDropdown","calciteInternalMenuItemKeyEvent","emit","anchorEl","handleClickOut","composedPath","includes","handleFocusOut","contains","relatedTarget","blurHandler","isFocused","focusHandler","calciteMenuItemSelect","renderIconStart","class","flipRtl","iconFlipRtl","scale","renderIconEnd","renderBreadcrumbIcon","dir","renderDropdownIcon","dirChevron","renderDropdownAction","onClick","onKeyDown","text","messages","ref","renderSubmenuItems","CSS_UTILITY","rtl","submenu","name","renderHrefIcon","renderItemContent","hasHref","Fragment","breadcrumb","getElementDir","onBlur","onFocus","rel","tabIndex"],"sources":["src/components/menu/menu.scss?tag=calcite-menu&encapsulation=shadow","src/components/menu/menu.tsx","src/components/menu-item/resources.ts","src/components/menu-item/menu-item.scss?tag=calcite-menu-item&encapsulation=shadow","src/components/menu-item/menu-item.tsx"],"sourcesContent":[":host {\n  @apply flex;\n}\n\nul {\n  @apply inline-flex items-center h-full m-0 p-0;\n}\n\n:host([layout=\"vertical\"]) ul {\n  @apply flex flex-col w-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n  Method,\n  VNode,\n  forceUpdate,\n} from \"@stencil/core\";\nimport { focusElement, focusElementInGroup, slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { MenuMessages } from \"./assets/menu/t9n\";\n\ntype Layout = \"horizontal\" | \"vertical\";\n\n@Component({\n  tag: \"calcite-menu\",\n  styleUrl: \"menu.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class CalciteMenu implements LocalizedComponent, T9nComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"role\")\n  handleGlobalAttributesChanged(): void {\n    forceUpdate(this);\n    this.setMenuItemLayout(this.menuItems, this.layout);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Specifies the layout of the component.\n   */\n  @Prop({ reflect: true }) layout: Layout = \"horizontal\";\n\n  @Watch(\"layout\")\n  handleLayoutChange(value: Layout): void {\n    this.setMenuItemLayout(this.menuItems, value);\n  }\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<MenuMessages>;\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  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: MenuMessages;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteMenuElement;\n\n  @State() defaultMessages: MenuMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  menuItems: HTMLCalciteMenuItemElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalMenuItemKeyEvent\")\n  calciteInternalNavMenuItemKeyEvent(event: CustomEvent): void {\n    const target = event.target as HTMLCalciteMenuItemElement;\n    const submenuItems = event.detail.children;\n    const key = event.detail.event.key;\n    event.stopPropagation();\n\n    if (key === \"ArrowDown\") {\n      if (target.layout === \"vertical\") {\n        focusElementInGroup(this.menuItems, target, \"next\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          submenuItems[0].setFocus();\n        }\n      }\n    } else if (key === \"ArrowUp\") {\n      if (this.layout === \"vertical\") {\n        focusElementInGroup(this.menuItems, target, \"previous\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          submenuItems[submenuItems.length - 1].setFocus();\n        }\n      }\n    } else if (key === \"ArrowRight\") {\n      if (this.layout === \"horizontal\") {\n        focusElementInGroup(this.menuItems, target, \"next\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          submenuItems[0].setFocus();\n        }\n      }\n    } else if (key === \"ArrowLeft\") {\n      if (this.layout === \"horizontal\") {\n        focusElementInGroup(this.menuItems, target, \"previous\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          this.focusParentElement(event.target as HTMLCalciteMenuItemElement);\n        }\n      }\n    } else if (key === \"Escape\") {\n      this.focusParentElement(event.target as HTMLCalciteMenuItemElement);\n    }\n    event.preventDefault();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  handleMenuSlotChange = (event: Event): void => {\n    this.menuItems = slotChangeGetAssignedElements(event) as HTMLCalciteMenuItemElement[];\n    this.setMenuItemLayout(this.menuItems, this.layout);\n  };\n\n  focusParentElement(el: HTMLCalciteMenuItemElement): void {\n    const parentEl = el.parentElement as HTMLCalciteMenuItemElement;\n    if (parentEl) {\n      focusElement(parentEl);\n      parentEl.open = false;\n    }\n  }\n\n  setMenuItemLayout(items: HTMLCalciteMenuItemElement[], layout: Layout): void {\n    items.forEach((item) => {\n      item.layout = layout;\n      if (this.getEffectiveRole() === \"menubar\") {\n        item.isTopLevelItem = true;\n        item.topLevelMenuLayout = this.layout;\n      }\n    });\n  }\n\n  private getEffectiveRole(): string {\n    return this.el.getAttribute(\"role\") || \"menubar\";\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Host>\n        <ul aria-label={this.label} role={this.getEffectiveRole()}>\n          <slot onSlotchange={this.handleMenuSlotChange} />\n        </ul>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  content: \"content\",\n  dropdownVertical: \"dropdown--vertical\",\n  dropdownMenuItems: \"dropdown-menu-items\",\n  dropdownAction: \"dropdown-action\",\n  layoutVertical: \"layout--vertical\",\n  hoverHrefIcon: \"hover-href-icon\",\n  icon: \"icon\",\n  iconBreadcrumb: \"icon--breadcrumb\",\n  iconDropdown: \"icon--dropdown\",\n  iconEnd: \"icon--end\",\n  iconStart: \"icon--start\",\n  isParentVertical: \"parent--vertical\",\n  itemContent: \"item-content\",\n  open: \"open\",\n  nested: \"nested\",\n  textContainer: \"text-container\",\n};\n",":host {\n  @apply flex\n  items-center\n  relative\n  box-border;\n  flex-shrink: 0;\n  & .container,\n  & .item-content,\n  & .content {\n    min-block-size: theme(\"spacing.12\");\n  }\n}\n\n:host([layout=\"vertical\"]) {\n  @apply w-full;\n}\n\n:host(:not([layout=\"vertical\"])) {\n  @apply h-full;\n}\n\n.container,\n.item-content {\n  @apply flex flex-row w-full h-full items-stretch;\n}\n\n.content {\n  @apply flex\n  items-center\n  relative\n  justify-center\n  cursor-pointer\n  outline-none\n  text-0\n  text-color-2\n  box-border\n  bg-foreground-1\n  px-4\n  h-full\n  w-full;\n  text-decoration: none;\n  border-block-end: theme(\"spacing[0.5]\") solid transparent;\n  padding-block-start: theme(\"spacing[0.5]\");\n  &:hover {\n    @apply bg-foreground-2 text-color-2;\n  }\n  &:focus {\n    @apply bg-foreground-2 text-color-2 focus-inset;\n  }\n  &:active {\n    @apply bg-foreground-3 text-color-1;\n  }\n  & span {\n    display: inline-flex;\n  }\n  &.layout--vertical {\n    @apply flex w-full justify-start;\n    padding-block: 1rem;\n    border-block-end: 0;\n    border-inline-end: theme(\"spacing.1\") solid transparent;\n  }\n}\n\n:host([active]) .content {\n  @apply text-color-1;\n  border-color: var(--calcite-color-brand);\n  .icon {\n    --calcite-ui-icon-color: var(--calcite-color-brand);\n  }\n}\n:host([layout=\"vertical\"]) .content {\n  @apply px-3;\n}\n\n.icon--start {\n  @apply me-3;\n}\n\n.icon--end {\n  @apply ms-3;\n}\n\n:host([layout=\"vertical\"]) .icon--end {\n  @apply ms-auto ps-3;\n}\n\n.icon--dropdown {\n  @apply ms-auto me-0 ps-2 relative;\n  --calcite-ui-icon-color: var(--calcite-color-text-3);\n}\n\n:host([layout=\"vertical\"]) .icon--end ~ .icon--dropdown {\n  @apply ms-3;\n}\n\n:host([layout=\"vertical\"]) .hover-href-icon {\n  @apply ps-2;\n}\n:host([layout=\"vertical\"]) .hover-href-icon ~ .icon--end {\n  @apply ms-2;\n}\n\n:host([layout=\"vertical\"]) .hover-href-icon ~ .icon--breadcrumb {\n  @apply ms-3;\n}\n\n.icon--breadcrumb {\n  @apply ps-2 me-0;\n  --calcite-ui-icon-color: var(--calcite-color-text-3);\n}\n\n:host([layout=\"vertical\"]) .icon--breadcrumb {\n  @apply ms-auto;\n}\n\n:host([layout=\"vertical\"]) .icon--breadcrumb ~ .icon--dropdown {\n  @apply ms-2;\n}\n\n:host([layout=\"vertical\"]) .icon--end ~ .icon--breadcrumb {\n  @apply ms-2;\n}\n\n:host([breadcrumb]) .content {\n  @apply pe-3;\n}\n\ncalcite-action {\n  @apply relative h-auto;\n  border-inline-start: 1px solid var(--calcite-color-foreground-1);\n  &:after {\n    @apply block w-px  absolute -start-px;\n    content: \"\";\n    inset-block: theme(\"spacing.3\");\n    background-color: var(--calcite-color-border-3);\n  }\n  &:hover:after {\n    @apply h-full;\n    inset-block: 0;\n  }\n}\n\n.content:focus ~ calcite-action,\n.content:hover ~ calcite-action {\n  @apply text-color-1;\n  border-inline-start: 1px solid var(--calcite-color-border-3);\n}\n\n.container:hover .dropdown-action {\n  @apply bg-foreground-2;\n}\n\n.dropdown-menu-items {\n  @apply absolute h-auto flex-col hidden overflow-visible min-w-full;\n  border: 1px solid var(--calcite-color-border-3);\n  background: var(--calcite-color-foreground-1);\n  inset-block-start: 100%;\n  z-index: theme(\"zIndex.dropdown\");\n  &.open {\n    @apply block;\n  }\n  &.nested {\n    @apply absolute;\n    inset-block-start: -1px;\n    transform: translateX(calc(100% - 2px));\n  }\n}\n\n.parent--vertical {\n  @apply flex-col;\n}\n\n.dropdown--vertical.dropdown-menu-items {\n  @apply relative rounded-none;\n  box-shadow: none;\n  inset-block-start: 0;\n  transform: none;\n  &:last-of-type {\n    border-inline: 0;\n  }\n}\n\n:host([layout=\"vertical\"]:last-of-type) .dropdown-menu-items {\n  border-block-end: 0;\n}\n\n:host([slot=\"submenu-item\"]) .parent--vertical {\n  @apply ps-6;\n}\n\n.dropdown-menu-items.nested.calcite--rtl {\n  transform: translateX(calc(-100% + 2px));\n}\n\n.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl {\n  transform: none;\n}\n\n.hover-href-icon {\n  @apply ms-auto relative end-1 opacity-0;\n  transition: all var(--calcite-internal-animation-timing-medium) ease-in-out;\n}\n\n.content:focus .hover-href-icon,\n.content:hover .hover-href-icon {\n  @apply opacity-100 -end-1;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { FlipContext } from \"../interfaces\";\nimport { Direction, getElementDir, slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS } from \"./resources\";\nimport { MenuItemCustomEvent } from \"./interfaces\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { MenuItemMessages } from \"./assets/menu-item/t9n\";\nimport { LocalizedComponent, connectLocalized, disconnectLocalized } from \"../../utils/locale\";\n\ntype Layout = \"horizontal\" | \"vertical\";\n\n/**\n * @slot submenu-item - A slot for adding `calcite-menu-item`s in a submenu.\n */\n@Component({\n  tag: \"calcite-menu-item\",\n  styleUrl: \"menu-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class CalciteMenuItem implements LoadableComponent, T9nComponent, LocalizedComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is highlighted. */\n  @Prop({ reflect: true }) active: boolean;\n\n  /** When `true`, the component displays a breadcrumb trail for use as a navigational aid. */\n  @Prop({ reflect: true }) breadcrumb: boolean;\n\n  /** Specifies the URL destination of the component, which can be set as an absolute or relative path.*/\n  @Prop() href: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /**\n   * @internal\n   */\n  @Prop() isTopLevelItem = false;\n\n  /** Accessible name for the component.*/\n  @Prop() label!: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true }) layout: Layout;\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<MenuItemMessages>;\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  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: MenuItemMessages;\n\n  /** When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu.*/\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * Defines the relationship between the `href` value and the current document.\n   *\n   * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)\n   */\n  @Prop({ reflect: true }) rel: string;\n\n  /**\n   * Specifies where to open the linked document defined in the `href` property.\n   *\n   * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)\n   */\n  @Prop({ reflect: true }) target: string;\n\n  /** Specifies the text to display.*/\n  @Prop() text: string;\n\n  /**\n   * @internal\n   */\n  @Prop() topLevelMenuLayout: Layout;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteMenuItemElement;\n\n  @State() defaultMessages: MenuItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() hasSubmenu = false;\n\n  @State() submenuItems: HTMLCalciteMenuItemElement[];\n\n  anchorEl: HTMLAnchorElement;\n\n  dropdownActionEl: HTMLCalciteActionElement;\n\n  isFocused: boolean;\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.anchorEl.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /** @internal */\n  @Event({ cancelable: true }) calciteInternalMenuItemKeyEvent: EventEmitter<MenuItemCustomEvent>;\n\n  /** Emits when the component is selected.*/\n  @Event() calciteMenuItemSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  @Listen(\"click\", { target: \"window\" })\n  handleClickOut(event: Event): void {\n    if (\n      this.topLevelMenuLayout !== \"vertical\" &&\n      this.hasSubmenu &&\n      this.open &&\n      !event.composedPath().includes(this.el)\n    ) {\n      this.open = false;\n    }\n  }\n\n  @Listen(\"focusout\")\n  handleFocusOut(event: FocusEvent): void {\n    if (\n      this.topLevelMenuLayout !== \"vertical\" &&\n      !this.el.contains(event.relatedTarget as Element)\n    ) {\n      this.open = false;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private blurHandler(): void {\n    this.isFocused = false;\n  }\n\n  private clickHandler = (event: MouseEvent): void => {\n    if ((this.href && event.target === this.dropdownActionEl) || (!this.href && this.hasSubmenu)) {\n      this.open = !this.open;\n    }\n    this.selectMenuItem(event);\n  };\n\n  private focusHandler(event: FocusEvent): void {\n    const target = event.target as HTMLCalciteMenuItemElement;\n    this.isFocused = true;\n    if (target.open && !this.open) {\n      target.open = false;\n    }\n  }\n\n  private handleMenuItemSlotChange = (event: Event): void => {\n    this.submenuItems = slotChangeGetAssignedElements(event) as HTMLCalciteMenuItemElement[];\n    this.submenuItems.forEach((item) => {\n      if (!item.topLevelMenuLayout) {\n        item.topLevelMenuLayout = this.topLevelMenuLayout;\n      }\n    });\n    this.hasSubmenu = this.submenuItems.length > 0;\n  };\n\n  private keyDownHandler = async (event: KeyboardEvent): Promise<void> => {\n    const { hasSubmenu, href, layout, open, submenuItems } = this;\n    const key = event.key;\n    const targetIsDropdown = event.target === this.dropdownActionEl;\n    if (key === \" \" || key === \"Enter\") {\n      if (hasSubmenu && (!href || (href && targetIsDropdown))) {\n        this.open = !open;\n      }\n      if (!(href && targetIsDropdown) && key !== \"Enter\") {\n        this.selectMenuItem(event);\n      }\n      if (key === \" \" || (href && targetIsDropdown)) {\n        event.preventDefault();\n      }\n    } else if (key === \"Escape\") {\n      if (open) {\n        this.open = false;\n        return;\n      }\n      this.calciteInternalMenuItemKeyEvent.emit({ event });\n      event.preventDefault();\n    } else if (key === \"ArrowDown\" || key === \"ArrowUp\") {\n      event.preventDefault();\n      if ((targetIsDropdown || !href) && hasSubmenu && !open && layout === \"horizontal\") {\n        this.open = true;\n        return;\n      }\n      this.calciteInternalMenuItemKeyEvent.emit({\n        event,\n        children: submenuItems,\n        isSubmenuOpen: open && hasSubmenu,\n      });\n    } else if (key === \"ArrowLeft\") {\n      event.preventDefault();\n      this.calciteInternalMenuItemKeyEvent.emit({\n        event,\n        children: submenuItems,\n        isSubmenuOpen: true,\n      });\n    } else if (key === \"ArrowRight\") {\n      event.preventDefault();\n      if ((targetIsDropdown || !href) && hasSubmenu && !open && layout === \"vertical\") {\n        this.open = true;\n        return;\n      }\n      this.calciteInternalMenuItemKeyEvent.emit({\n        event,\n        children: submenuItems,\n        isSubmenuOpen: open && hasSubmenu,\n      });\n    }\n  };\n\n  private selectMenuItem(event: MouseEvent | KeyboardEvent): void {\n    if (event.target !== this.dropdownActionEl) {\n      this.calciteMenuItemSelect.emit();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderIconStart(): VNode {\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconStart}`}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        key={CSS.iconStart}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderIconEnd(): VNode {\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconEnd}`}\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        key={CSS.iconEnd}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderBreadcrumbIcon(dir: Direction): VNode {\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconBreadcrumb}`}\n        icon={dir === \"rtl\" ? \"chevron-left\" : \"chevron-right\"}\n        key={CSS.iconBreadcrumb}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderDropdownIcon(dir: Direction): VNode {\n    const dirChevron = dir === \"rtl\" ? \"chevron-left\" : \"chevron-right\";\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconDropdown}`}\n        icon={\n          this.topLevelMenuLayout === \"vertical\" || this.isTopLevelItem\n            ? this.open\n              ? \"chevron-up\"\n              : \"chevron-down\"\n            : dirChevron\n        }\n        key={CSS.iconDropdown}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderDropdownAction(dir: Direction): VNode {\n    const dirChevron = dir === \"rtl\" ? \"chevron-left\" : \"chevron-right\";\n    return (\n      <calcite-action\n        class={CSS.dropdownAction}\n        icon={\n          this.topLevelMenuLayout === \"vertical\" || this.isTopLevelItem\n            ? this.open\n              ? \"chevron-up\"\n              : \"chevron-down\"\n            : dirChevron\n        }\n        key={CSS.dropdownAction}\n        onClick={this.clickHandler}\n        onKeyDown={this.keyDownHandler}\n        text={this.messages.open}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.dropdownActionEl = el)}\n      />\n    );\n  }\n\n  renderSubmenuItems(dir: Direction): VNode {\n    return (\n      <calcite-menu\n        class={{\n          [CSS.dropdownMenuItems]: true,\n          [CSS.open]: this.open,\n          [CSS.nested]: !this.isTopLevelItem,\n          [CSS_UTILITY.rtl]: dir === \"rtl\",\n          [CSS.dropdownVertical]: this.topLevelMenuLayout === \"vertical\",\n        }}\n        label={this.messages.submenu}\n        layout=\"vertical\"\n        role=\"menu\"\n      >\n        <slot name=\"submenu-item\" onSlotchange={this.handleMenuItemSlotChange} />\n      </calcite-menu>\n    );\n  }\n\n  renderHrefIcon(dir: Direction): VNode {\n    return (\n      <calcite-icon\n        class={CSS.hoverHrefIcon}\n        icon={dir === \"rtl\" ? \"arrow-left\" : \"arrow-right\"}\n        key={CSS.hoverHrefIcon}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderItemContent(dir: Direction): VNode {\n    const hasHref = this.href && (this.topLevelMenuLayout === \"vertical\" || !this.isTopLevelItem);\n    return (\n      <Fragment>\n        {this.iconStart && this.renderIconStart()}\n        <div class={CSS.textContainer}>\n          <span>{this.text}</span>\n        </div>\n        {hasHref && this.renderHrefIcon(dir)}\n        {this.iconEnd && this.renderIconEnd()}\n        {this.breadcrumb ? this.renderBreadcrumbIcon(dir) : null}\n        {!this.href && this.hasSubmenu ? this.renderDropdownIcon(dir) : null}\n      </Fragment>\n    );\n  }\n\n  render() {\n    const dir = getElementDir(this.el);\n    return (\n      <Host onBlur={this.blurHandler} onFocus={this.focusHandler}>\n        <li\n          class={{\n            [CSS.container]: true,\n            [CSS.isParentVertical]: this.topLevelMenuLayout === \"vertical\",\n          }}\n          role=\"none\"\n        >\n          <div class={CSS.itemContent}>\n            <a\n              aria-current={this.isFocused ? \"page\" : false}\n              aria-expanded={this.open}\n              aria-haspopup={this.hasSubmenu}\n              aria-label={this.label}\n              class={{ [CSS.layoutVertical]: this.layout === \"vertical\", [CSS.content]: true }}\n              href={this.href}\n              onClick={this.clickHandler}\n              onKeyDown={this.keyDownHandler}\n              rel={this.rel}\n              role=\"menuitem\"\n              tabIndex={this.isTopLevelItem ? 0 : -1}\n              target={this.target}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={(el) => (this.anchorEl = el)}\n            >\n              {this.renderItemContent(dir)}\n            </a>\n            {this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null}\n          </div>\n          {this.renderSubmenuItems(dir)}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-351ef8bc.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-var a;(function(a){a["brand"]="lightbulb";a["danger"]="exclamationMarkTriangle";a["info"]="information";a["success"]="checkCircle";a["warning"]="exclamationMarkTriangle"})(a||(a={}));export{a as K};
-//# sourceMappingURL=p-351ef8bc.js.map

package/dist/calcite/p-385fabe6.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as e,c as t,h as i,g as a}from"./p-cf6c103a.js";import{c as o,d as n}from"./p-541ed8e8.js";import{t as s,e as l}from"./p-d6e4ab3a.js";import{c as r,d as c}from"./p-4e27599d.js";import{c as d,d as h,s as m,u as f}from"./p-c1905124.js";import"./p-8dcbfce8.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-a0ca104b.js";const p={container:"container",header:"header",footer:"footer",title:"title",subtitle:"subtitle",checkboxWrapper:"checkbox-wrapper",thumbnailWrapper:"thumbnail-wrapper"};const b={thumbnail:"thumbnail",title:"title",subtitle:"subtitle",footerStart:"footer-start",footerEnd:"footer-end"};const u=":host{display:block;max-inline-size:100%}:host .calcite-card-container{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);--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);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);border-radius:var(--calcite-border-radius-base)}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0px;display:flex;align-items:center}.header,.footer{display:flex;padding-inline:0.75rem;padding-block:0.75rem 0.25rem}.header{flex-direction:column}.footer{margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:0.75rem;padding-block:0.25rem 0.75rem}.card-content{padding:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3)}:host([selected]) .calcite-card-container{border-color:var(--calcite-color-brand)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selectable]) .header{padding-inline-end:2rem}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0px;margin-block-start:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper{position:absolute;margin:0px;padding:0px;inset-block-start:0.5rem;inset-inline-end:0.5rem}.thumbnail-wrapper{display:flex}.calcite-card-container.inline{flex-direction:row}.calcite-card-container.inline>.container{inline-size:60%}.calcite-card-container.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.calcite-card-container.inline slot[name=thumbnail]::slotted(img),.calcite-card-container.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";const g=class{constructor(i){e(this,i);this.calciteCardSelect=t(this,"calciteCardSelect",6);this.cardSelectClick=()=>{this.selectCard()};this.cardSelectKeyDown=e=>{switch(e.key){case" ":case"Enter":this.selectCard();e.preventDefault();break}};this.loading=false;this.selected=false;this.selectable=false;this.thumbnailPosition="block-start";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}onMessagesChange(){}connectedCallback(){o(this);r(this);d(this)}disconnectedCallback(){n(this);c(this);h(this)}async componentWillLoad(){await m(this)}render(){const e=this.thumbnailPosition.startsWith("inline");const t=this.thumbnailPosition.endsWith("start");return i("div",{class:{"calcite-card-container":true,inline:e}},this.loading?i("div",{"aria-live":"polite",class:"calcite-card-loader-container"},i("calcite-loader",{label:this.messages.loading})):null,t&&this.renderThumbnail(),i("section",{"aria-busy":s(this.loading),class:{[p.container]:true}},this.selectable?this.renderCheckbox():null,this.renderHeader(),i("div",{class:"card-content"},i("slot",null)),this.renderFooter()),!t&&this.renderThumbnail())}effectiveLocaleChange(){f(this,this.effectiveLocale)}selectCard(){this.selected=!this.selected;this.calciteCardSelect.emit()}renderThumbnail(){return l(this.el,b.thumbnail)?i("section",{class:p.thumbnailWrapper},i("slot",{name:b.thumbnail})):null}renderCheckbox(){return i("calcite-label",{class:p.checkboxWrapper,onClick:this.cardSelectClick,onKeyDown:this.cardSelectKeyDown},i("calcite-checkbox",{checked:this.selected,label:this.messages.select}))}renderHeader(){const{el:e}=this;const t=l(e,b.title);const a=l(e,b.subtitle);const o=t||a;return o?i("header",{class:p.header},i("slot",{name:b.title}),i("slot",{name:b.subtitle})):null}renderFooter(){const{el:e}=this;const t=l(e,b.footerStart);const a=l(e,b.footerEnd);const o=t||a;return o?i("footer",{class:p.footer},i("slot",{name:b.footerStart}),i("slot",{name:b.footerEnd})):null}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};g.style=u;export{g as calcite_card};
-//# sourceMappingURL=p-385fabe6.entry.js.map

package/dist/calcite/p-39613b4f.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{f as n}from"./p-cf6c103a.js";const a=new WeakMap;const e=new WeakMap;function s(n){e.set(n,new Promise((e=>a.set(n,e))))}function t(n){a.get(n)()}function o(n){return e.get(n)}async function r(a){await o(a);n(a);return new Promise((n=>requestAnimationFrame((()=>n()))))}export{t as a,o as b,r as c,s};
-//# sourceMappingURL=p-39613b4f.js.map

package/dist/calcite/p-39d8f5e0.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as t,h as o,g as s}from"./p-cf6c103a.js";import{c as e,d as a}from"./p-541ed8e8.js";import{c as i,s as c,a as n}from"./p-39613b4f.js";import{c as l,d as r}from"./p-4e27599d.js";import{u as d,c as p,d as h,s as u}from"./p-c1905124.js";import{S as g}from"./p-88b0202c.js";import{S as m,I as f,C as b}from"./p-72484322.js";import{b as x}from"./p-d6e4ab3a.js";import"./p-8dcbfce8.js";import"./p-a0ca104b.js";import"./p-aff88591.js";import"./p-10acb648.js";const v=':host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3;--calcite-action-group-gap:1px;--calcite-action-group-padding:1px}.container{display:flex;flex-grow:1;flex-direction:column}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:var(--calcite-color-background);gap:var(--calcite-action-group-gap);padding:var(--calcite-action-group-gap);grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}';const y=class{constructor(o){t(this,o);this.setMenuOpen=t=>{this.menuOpen=!!t.target.open};this.handleMenuActionsSlotChange=t=>{this.hasMenuActions=x(t)};this.expanded=false;this.label=undefined;this.layout="vertical";this.columns=undefined;this.menuOpen=false;this.overlayPositioning="absolute";this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.hasMenuActions=false}expandedHandler(){this.menuOpen=false}onMessagesChange(){}effectiveLocaleChange(){d(this,this.effectiveLocale)}async setFocus(){await i(this);this.el.focus()}connectedCallback(){l(this);p(this);e(this)}disconnectedCallback(){r(this);h(this);a(this)}async componentWillLoad(){c(this);await u(this)}componentDidLoad(){n(this)}renderMenu(){const{expanded:t,menuOpen:s,scale:e,layout:a,messages:i,overlayPositioning:c,hasMenuActions:n}=this;return o("calcite-action-menu",{expanded:t,flipPlacements:["left","right"],hidden:!n,label:i.more,onCalciteActionMenuOpen:this.setMenuOpen,open:s,overlayPositioning:c,placement:a==="horizontal"?"bottom-start":"leading-start",scale:e},o("calcite-action",{icon:f.menu,scale:e,slot:g.trigger,text:i.more,textEnabled:t}),o("slot",{name:m.menuActions,onSlotchange:this.handleMenuActionsSlotChange}),o("slot",{name:m.menuTooltip,slot:g.tooltip}))}render(){return o("div",{"aria-label":this.label,class:b.container,role:"group"},o("slot",null),this.renderMenu())}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{expanded:["expandedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};y.style=v;export{y as calcite_action_group};
-//# sourceMappingURL=p-39d8f5e0.entry.js.map

package/dist/calcite/p-39d8f5e0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["actionGroupCss","ActionGroup","this","setMenuOpen","event","menuOpen","target","open","handleMenuActionsSlotChange","hasMenuActions","slotChangeHasAssignedElement","expandedHandler","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","setFocus","componentFocusable","el","focus","connectedCallback","connectLocalized","connectMessages","connectConditionalSlotComponent","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnectConditionalSlotComponent","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","renderMenu","expanded","scale","layout","messages","overlayPositioning","h","flipPlacements","hidden","label","more","onCalciteActionMenuOpen","placement","icon","ICONS","menu","slot","ACTION_MENU_SLOTS","trigger","text","textEnabled","name","SLOTS","menuActions","onSlotchange","menuTooltip","tooltip","render","class","CSS","container","role"],"sources":["src/components/action-group/action-group.scss?tag=calcite-action-group&encapsulation=shadow","src/components/action-group/action-group.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-action-group-columns: Sets number of grid-template-columns when the `layout` property is `\"grid\"`.\n * @prop --calcite-action-group-gap: Sets the gap (gutters) between rows and columns when the `layout` property is `\"grid\"`.\n * @prop --calcite-action-group-padding: Sets the padding when the `layout` property is `\"grid\"`.\n */\n\n:host {\n  @extend %component-host;\n\n  @apply flex\n  flex-col\n  p-0;\n\n  --calcite-action-group-columns: 3;\n  --calcite-action-group-gap: theme(\"gap.px\");\n  --calcite-action-group-padding: theme(\"padding.px\");\n}\n\n.container {\n  @apply flex flex-col flex-grow;\n}\n\n:host([columns=\"1\"]) {\n  --calcite-action-group-columns: 1;\n}\n:host([columns=\"2\"]) {\n  --calcite-action-group-columns: 2;\n}\n:host([columns=\"3\"]) {\n  --calcite-action-group-columns: 3;\n}\n:host([columns=\"4\"]) {\n  --calcite-action-group-columns: 4;\n}\n:host([columns=\"5\"]) {\n  --calcite-action-group-columns: 5;\n}\n:host([columns=\"6\"]) {\n  --calcite-action-group-columns: 6;\n}\n\n:host(:first-child) {\n  @apply pt-0;\n}\n\n:host([layout=\"horizontal\"]),\n:host([layout=\"horizontal\"]) .container {\n  @apply flex-row;\n}\n\n:host([layout=\"grid\"]) {\n  @apply grid;\n}\n\n:host([layout=\"grid\"]) .container {\n  @apply bg-background\n  grid\n  place-content-stretch;\n  gap: var(--calcite-action-group-gap);\n  padding: var(--calcite-action-group-gap);\n  grid-template-columns: repeat(var(--calcite-action-group-columns), auto);\n}\n\n@include base-component();\n","import { Component, Element, h, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { CalciteActionMenuCustomEvent } from \"../../components\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Columns, Layout, Scale } from \"../interfaces\";\nimport { ActionGroupMessages } from \"./assets/action-group/t9n\";\nimport { ICONS, SLOTS, CSS } from \"./resources\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { slotChangeHasAssignedElement } from \"../../utils/dom\";\n\n/**\n * @slot - A slot for adding a group of `calcite-action`s.\n * @slot menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.\n * @slot menu-tooltip - A slot for adding a `calcite-tooltip` for the menu.\n */\n@Component({\n  tag: \"calcite-action-group\",\n  styleUrl: \"action-group.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class ActionGroup\n  implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is expanded.\n   */\n  @Prop({ reflect: true }) expanded = false;\n\n  @Watch(\"expanded\")\n  expandedHandler(): void {\n    this.menuOpen = false;\n  }\n\n  /**\n   *  Accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * Indicates the layout of the component.\n   *\n   * @deprecated Use the `layout` property on the component's parent instead.\n   */\n  @Prop({ reflect: true }) layout: Layout = \"vertical\";\n\n  /**\n   * Indicates number of columns.\n   */\n  @Prop({ reflect: true }) columns: Columns;\n\n  /**\n   * When `true`, the `calcite-action-menu` is open.\n   */\n  @Prop({ reflect: true, mutable: true }) menuOpen = 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   * `\"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  /**\n   * Specifies the size of the `calcite-action-menu`.\n   */\n  @Prop({ reflect: true }) scale: Scale;\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: ActionGroupMessages;\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<ActionGroupMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n  @Element() el: HTMLCalciteActionGroupElement;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ActionGroupMessages;\n\n  @State() hasMenuActions = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Component Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderMenu(): VNode {\n    const { expanded, menuOpen, scale, layout, messages, overlayPositioning, hasMenuActions } =\n      this;\n\n    return (\n      <calcite-action-menu\n        expanded={expanded}\n        flipPlacements={[\"left\", \"right\"]}\n        hidden={!hasMenuActions}\n        label={messages.more}\n        onCalciteActionMenuOpen={this.setMenuOpen}\n        open={menuOpen}\n        overlayPositioning={overlayPositioning}\n        placement={layout === \"horizontal\" ? \"bottom-start\" : \"leading-start\"}\n        scale={scale}\n      >\n        <calcite-action\n          icon={ICONS.menu}\n          scale={scale}\n          slot={ACTION_MENU_SLOTS.trigger}\n          text={messages.more}\n          textEnabled={expanded}\n        />\n        <slot name={SLOTS.menuActions} onSlotchange={this.handleMenuActionsSlotChange} />\n        <slot name={SLOTS.menuTooltip} slot={ACTION_MENU_SLOTS.tooltip} />\n      </calcite-action-menu>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <div aria-label={this.label} class={CSS.container} role=\"group\">\n        <slot />\n        {this.renderMenu()}\n      </div>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setMenuOpen = (event: CalciteActionMenuCustomEvent<void>): void => {\n    this.menuOpen = !!(event.target as HTMLCalciteActionMenuElement).open;\n  };\n\n  handleMenuActionsSlotChange = (event: Event): void => {\n    this.hasMenuActions = slotChangeHasAssignedElement(event);\n  };\n}\n"],"mappings":";;;;;6cAAA,MAAMA,EAAiB,2qC,MCyCVC,EAAW,M,yBAqLtBC,KAAAC,YAAeC,IACbF,KAAKG,WAAcD,EAAME,OAAwCC,IAAI,EAGvEL,KAAAM,4BAA+BJ,IAC7BF,KAAKO,eAAiBC,EAA6BN,EAAM,E,cA9KvB,M,iCAiBM,W,qCAUS,M,wBASe,W,kGAiCvC,G,mDASD,K,CA3E1B,eAAAO,GACET,KAAKG,SAAW,K,CAsDlB,gBAAAO,G,CAcA,qBAAAC,GACEC,EAAeZ,KAAMA,KAAKa,gB,CAe5B,cAAMC,SACEC,EAAmBf,MACzBA,KAAKgB,GAAGC,O,CAQV,iBAAAC,GACEC,EAAiBnB,MACjBoB,EAAgBpB,MAChBqB,EAAgCrB,K,CAGlC,oBAAAsB,GACEC,EAAoBvB,MACpBwB,EAAmBxB,MACnByB,EAAmCzB,K,CAGrC,uBAAM0B,GACJC,EAAuB3B,YACjB4B,EAAc5B,K,CAGtB,gBAAA6B,GACEC,EAAmB9B,K,CASrB,UAAA+B,GACE,MAAMC,SAAEA,EAAQ7B,SAAEA,EAAQ8B,MAAEA,EAAKC,OAAEA,EAAMC,SAAEA,EAAQC,mBAAEA,EAAkB7B,eAAEA,GACvEP,KAEF,OACEqC,EAAA,uBACEL,SAAUA,EACVM,eAAgB,CAAC,OAAQ,SACzBC,QAAShC,EACTiC,MAAOL,EAASM,KAChBC,wBAAyB1C,KAAKC,YAC9BI,KAAMF,EACNiC,mBAAoBA,EACpBO,UAAWT,IAAW,aAAe,eAAiB,gBACtDD,MAAOA,GAEPI,EAAA,kBACEO,KAAMC,EAAMC,KACZb,MAAOA,EACPc,KAAMC,EAAkBC,QACxBC,KAAMf,EAASM,KACfU,YAAanB,IAEfK,EAAA,QAAMe,KAAMC,EAAMC,YAAaC,aAAcvD,KAAKM,8BAClD+B,EAAA,QAAMe,KAAMC,EAAMG,YAAaT,KAAMC,EAAkBS,U,CAK7D,MAAAC,GACE,OACErB,EAAA,oBAAiBrC,KAAKwC,MAAOmB,MAAOC,EAAIC,UAAWC,KAAK,SACtDzB,EAAA,aACCrC,KAAK+B,a"}

package/dist/calcite/p-39e3cd7c.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as t,c as i,h as e,H as s,g as n}from"./p-cf6c103a.js";import{s as r,c as a,d as o,H as c}from"./p-aa0e172f.js";import{g as h}from"./p-aff88591.js";import{c as u,d as l,u as d,I as f}from"./p-0d04e387.js";import{n as m}from"./p-a0ca104b.js";import{c as p,d as v,g as b}from"./p-ba4c20f7.js";import{c as g,s as k,a as w}from"./p-39613b4f.js";import{n as S,e as y,i as M,b as D,g as x,c as Y,d as j}from"./p-4e27599d.js";import{d as L,a as I,c as $}from"./p-9395c02e.js";import{d as A,g as C}from"./p-3328f5ba.js";import{c as T,s as H,d as z,u as F}from"./p-c1905124.js";import{o as P}from"./p-5b0d5824.js";import{g as _}from"./p-6b48fd8f.js";import{V as O}from"./p-e6f9f5c1.js";const W=5;function B(t,i,e=true,s){const n={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:D(i)};if(e){n.second="2-digit";if(s){n.fractionalSecondDigits=s}}return y(t,n)}function U(t,i){if(t===null||t===undefined){return}const e=t.toString();const s=A(t);if(t<1&&s>0&&s<4){const t=e.replace("0.","");if(!i||t.length===i){return t}if(t.length<i){return t.padEnd(i,"0")}return t}if(t>=0&&t<10){return e.padStart(2,"0")}if(t>=10){return e}}function Z(t){if(!q(t)){return null}const{hour:i,minute:e,second:s,fractionalSecond:n}=et(t);let r=`${U(parseInt(i))}:${U(parseInt(e))}`;if(s){r+=`:${U(parseInt(s))}`;if(n){r+=`.${n}`}}return r}function R(t){return parseInt((parseFloat(`0.${t}`)/.001).toFixed(3))}function N(t,i){const e=B(t,i);const s=e.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return J("meridiem",s)?"12":"24"}function E(t,i){S.numberFormatOptions={locale:t,numberingSystem:i};return S.localize("1.1").split("")[1]}function K(t,i,e="latn"){const s=B(i,e);const n=s.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return J(`${t}Suffix`,n)}function J(t,i){if(!t||!i){return null}if(t==="hourSuffix"){const t=i.indexOf(i.find((({type:t})=>t==="hour")));const e=i.indexOf(i.find((({type:t})=>t==="minute")));const s=i[t+1];return s&&s.type==="literal"&&e-t===2?s.value?.trim()||null:null}if(t==="minuteSuffix"){const t=i.indexOf(i.find((({type:t})=>t==="minute")));const e=i.indexOf(i.find((({type:t})=>t==="second")));const s=i[t+1];return s&&s.type==="literal"&&e-t===2?s.value?.trim()||null:null}if(t==="secondSuffix"){const t=i.indexOf(i.find((({type:t})=>t==="second")));const e=i[t+1];return e&&e.type==="literal"?e.value?.trim()||null:null}return i.find((({type:i})=>t=="meridiem"?i==="dayPeriod":i===t))?.value||null}function X(t){if(!M(t)){return null}const i=parseInt(t);return i>=0&&i<=11?"AM":"PM"}function q(t){if(!t||t.startsWith(":")||t.endsWith(":")){return false}const i=t.split(":");const e=i.length>1&&i.length<4;if(!e){return false}const[s,n,r]=i;const a=parseInt(i[0]);const o=parseInt(i[1]);const c=parseInt(i[2]);const h=M(s)&&a>=0&&a<24;const u=M(n)&&o>=0&&o<60;const l=M(r)&&c>=0&&c<60;if(h&&u&&!r||h&&u&&l){return true}}function G(t,i){if(i==="meridiem"){return t==="AM"||t==="PM"}if(!M(t)){return false}const e=Number(t);return i==="hour"?e>=0&&e<24:e>=0&&e<60}function Q({value:t,part:i,locale:e,numberingSystem:s}){if(i==="fractionalSecond"){const i=E(e,s);let n=null;if(t){S.numberFormatOptions={locale:e,numberingSystem:s};const r=S.localize("0");if(parseInt(t)===0){n="".padStart(t.length,r)}else{n=S.localize(`0.${t}`).replace(`${r}${i}`,"");if(n.length<t.length){n=n.padEnd(t.length,r)}}}return n}if(!G(t,i)){return}const n=parseInt(t);const r=new Date(Date.UTC(0,0,0,i==="hour"?n:i==="meridiem"?t==="AM"?0:12:0,i==="minute"?n:0,i==="second"?n:0));if(!r){return}const a=B(e,s);const o=a.formatToParts(r);return J(i,o)}function V({value:t,locale:i,numberingSystem:e,includeSeconds:s=true,fractionalSecondDigits:n}){if(!q(t)){return null}const{hour:r,minute:a,second:o="0",fractionalSecond:c}=et(t);const h=new Date(Date.UTC(0,0,0,parseInt(r),parseInt(a),parseInt(o),c&&R(c)));const u=B(i,e,s,n);return u.format(h)||null}function tt({value:t,locale:i,numberingSystem:e="latn"}){if(!q(t)){return null}const{hour:s,minute:n,second:r="0",fractionalSecond:a}=et(t);const o=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(r)));if(o){const t=B(i,e);const s=t.formatToParts(o);return{localizedHour:J("hour",s),localizedHourSuffix:J("hourSuffix",s),localizedMinute:J("minute",s),localizedMinuteSuffix:J("minuteSuffix",s),localizedSecond:J("second",s),localizedDecimalSeparator:E(i,e),localizedFractionalSecond:Q({value:a,part:"fractionalSecond",locale:i,numberingSystem:e}),localizedSecondSuffix:J("secondSuffix",s),localizedMeridiem:J("meridiem",s)}}return null}function it({value:t,locale:i,numberingSystem:e}){if(!q(t)){return null}const{hour:s,minute:n,second:r="0"}=et(t);const a=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(r)));if(a){const t=B(i,e);const s=t.formatToParts(a);return s}return null}function et(t){if(q(t)){const[i,e,s]=t.split(":");let n=s;let r=null;if(s?.includes(".")){[n,r]=s.split(".")}return{fractionalSecond:r,hour:i,minute:e,second:n}}return{fractionalSecond:null,hour:null,minute:null,second:null}}function st(t,i=true){if(!q(t)){return""}const{hour:e,minute:s,second:n,fractionalSecond:r}=et(t);let a=`${U(parseInt(e))}:${U(parseInt(s))}`;if(i){a+=`:${U(parseInt(i&&n||"0"))}`;if(r){a+=`.${r}`}}return a}const nt={toggleIcon:"toggle-icon"};var rt=60;var at=rt*60;var ot=at*24;var ct=ot*7;var ht=1e3;var ut=rt*ht;var lt=at*ht;var dt=ot*ht;var ft=ct*ht;var mt="millisecond";var pt="second";var vt="minute";var bt="hour";var gt="day";var kt="week";var wt="month";var St="quarter";var yt="year";var Mt="date";var Dt="YYYY-MM-DDTHH:mm:ssZ";var xt="Invalid Date";var Yt=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/;var jt=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;const Lt={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function t(i){var e=["th","st","nd","rd"];var s=i%100;return"["+i+(e[(s-20)%10]||e[s]||e[0])+"]"}};const It=Object.freeze({__proto__:null,default:Lt});var $t=function t(i,e,s){var n=String(i);if(!n||n.length>=e)return i;return""+Array(e+1-n.length).join(s)+i};var At=function t(i){var e=-i.utcOffset();var s=Math.abs(e);var n=Math.floor(s/60);var r=s%60;return""+(e<=0?"+":"-")+$t(n,2,"0")+":"+$t(r,2,"0")};var Ct=function t(i,e){if(i.date()<e.date())return-t(e,i);var s=(e.year()-i.year())*12+(e.month()-i.month());var n=i.clone().add(s,wt);var r=e-n<0;var a=i.clone().add(s+(r?-1:1),wt);return+(-(s+(e-n)/(r?n-a:a-n))||0)};var Tt=function t(i){return i<0?Math.ceil(i)||0:Math.floor(i)};var Ht=function t(i){var e={M:wt,y:yt,w:kt,d:gt,D:Mt,h:bt,m:vt,s:pt,ms:mt,Q:St};return e[i]||String(i||"").toLowerCase().replace(/s$/,"")};var zt=function t(i){return i===undefined};const Ft={s:$t,z:At,m:Ct,a:Tt,p:Ht,u:zt};var Pt="en";var _t={};_t[Pt]=Lt;var Ot="$isDayjsObject";var Wt=function t(i){return i instanceof Et||!!(i&&i[Ot])};var Bt=function t(i,e,s){var n;if(!i)return Pt;if(typeof i==="string"){var r=i.toLowerCase();if(_t[r]){n=r}if(e){_t[r]=e;n=r}var a=i.split("-");if(!n&&a.length>1){return t(a[0])}}else{var o=i.name;_t[o]=i;n=o}if(!s&&n)Pt=n;return n||!s&&Pt};var Ut=function t(i,e){if(Wt(i)){return i.clone()}var s=typeof e==="object"?e:{};s.date=i;s.args=arguments;return new Et(s)};var Zt=function t(i,e){return Ut(i,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var Rt=Ft;Rt.l=Bt;Rt.i=Wt;Rt.w=Zt;var Nt=function t(i){var e=i.date,s=i.utc;if(e===null)return new Date(NaN);if(Rt.u(e))return new Date;if(e instanceof Date)return new Date(e);if(typeof e==="string"&&!/Z$/i.test(e)){var n=e.match(Yt);if(n){var r=n[2]-1||0;var a=(n[7]||"0").substring(0,3);if(s){return new Date(Date.UTC(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,a))}return new Date(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,a)}}return new Date(e)};var Et=function(){function t(t){this.$L=Bt(t.locale,null,true);this.parse(t);this.$x=this.$x||t.x||{};this[Ot]=true}var i=t.prototype;i.parse=function t(i){this.$d=Nt(i);this.init()};i.init=function t(){var i=this.$d;this.$y=i.getFullYear();this.$M=i.getMonth();this.$D=i.getDate();this.$W=i.getDay();this.$H=i.getHours();this.$m=i.getMinutes();this.$s=i.getSeconds();this.$ms=i.getMilliseconds()};i.$utils=function t(){return Rt};i.isValid=function t(){return!(this.$d.toString()===xt)};i.isSame=function t(i,e){var s=Ut(i);return this.startOf(e)<=s&&s<=this.endOf(e)};i.isAfter=function t(i,e){return Ut(i)<this.startOf(e)};i.isBefore=function t(i,e){return this.endOf(e)<Ut(i)};i.$g=function t(i,e,s){if(Rt.u(i))return this[e];return this.set(s,i)};i.unix=function t(){return Math.floor(this.valueOf()/1e3)};i.valueOf=function t(){return this.$d.getTime()};i.startOf=function t(i,e){var s=this;var n=!Rt.u(e)?e:true;var r=Rt.p(i);var a=function t(i,e){var r=Rt.w(s.$u?Date.UTC(s.$y,e,i):new Date(s.$y,e,i),s);return n?r:r.endOf(gt)};var o=function t(i,e){var r=[0,0,0,0];var a=[23,59,59,999];return Rt.w(s.toDate()[i].apply(s.toDate("s"),(n?r:a).slice(e)),s)};var c=this.$W,h=this.$M,u=this.$D;var l="set"+(this.$u?"UTC":"");switch(r){case yt:return n?a(1,0):a(31,11);case wt:return n?a(1,h):a(0,h+1);case kt:{var d=this.$locale().weekStart||0;var f=(c<d?c+7:c)-d;return a(n?u-f:u+(6-f),h)}case gt:case Mt:return o(l+"Hours",0);case bt:return o(l+"Minutes",1);case vt:return o(l+"Seconds",2);case pt:return o(l+"Milliseconds",3);default:return this.clone()}};i.endOf=function t(i){return this.startOf(i,false)};i.$set=function t(i,e){var s;var n=Rt.p(i);var r="set"+(this.$u?"UTC":"");var a=(s={},s[gt]=r+"Date",s[Mt]=r+"Date",s[wt]=r+"Month",s[yt]=r+"FullYear",s[bt]=r+"Hours",s[vt]=r+"Minutes",s[pt]=r+"Seconds",s[mt]=r+"Milliseconds",s)[n];var o=n===gt?this.$D+(e-this.$W):e;if(n===wt||n===yt){var c=this.clone().set(Mt,1);c.$d[a](o);c.init();this.$d=c.set(Mt,Math.min(this.$D,c.daysInMonth())).$d}else if(a)this.$d[a](o);this.init();return this};i.set=function t(i,e){return this.clone().$set(i,e)};i.get=function t(i){return this[Rt.p(i)]()};i.add=function t(i,e){var s=this,n;i=Number(i);var r=Rt.p(e);var a=function t(e){var n=Ut(s);return Rt.w(n.date(n.date()+Math.round(e*i)),s)};if(r===wt){return this.set(wt,this.$M+i)}if(r===yt){return this.set(yt,this.$y+i)}if(r===gt){return a(1)}if(r===kt){return a(7)}var o=(n={},n[vt]=ut,n[bt]=lt,n[pt]=ht,n)[r]||1;var c=this.$d.getTime()+i*o;return Rt.w(c,this)};i.subtract=function t(i,e){return this.add(i*-1,e)};i.format=function t(i){var e=this;var s=this.$locale();if(!this.isValid())return s.invalidDate||xt;var n=i||Dt;var r=Rt.z(this);var a=this.$H,o=this.$m,c=this.$M;var h=s.weekdays,u=s.months,l=s.meridiem;var d=function t(i,s,r,a){return i&&(i[s]||i(e,n))||r[s].slice(0,a)};var f=function t(i){return Rt.s(a%12||12,i,"0")};var m=l||function(t,i,e){var s=t<12?"AM":"PM";return e?s.toLowerCase():s};var p=function t(i){switch(i){case"YY":return String(e.$y).slice(-2);case"YYYY":return Rt.s(e.$y,4,"0");case"M":return c+1;case"MM":return Rt.s(c+1,2,"0");case"MMM":return d(s.monthsShort,c,u,3);case"MMMM":return d(u,c);case"D":return e.$D;case"DD":return Rt.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return d(s.weekdaysMin,e.$W,h,2);case"ddd":return d(s.weekdaysShort,e.$W,h,3);case"dddd":return h[e.$W];case"H":return String(a);case"HH":return Rt.s(a,2,"0");case"h":return f(1);case"hh":return f(2);case"a":return m(a,o,true);case"A":return m(a,o,false);case"m":return String(o);case"mm":return Rt.s(o,2,"0");case"s":return String(e.$s);case"ss":return Rt.s(e.$s,2,"0");case"SSS":return Rt.s(e.$ms,3,"0");case"Z":return r}return null};return n.replace(jt,(function(t,i){return i||p(t)||r.replace(":","")}))};i.utcOffset=function t(){return-Math.round(this.$d.getTimezoneOffset()/15)*15};i.diff=function t(i,e,s){var n=this;var r=Rt.p(e);var a=Ut(i);var o=(a.utcOffset()-this.utcOffset())*ut;var t=this-a;var c=function t(){return Rt.m(n,a)};var h;switch(r){case yt:h=c()/12;break;case wt:h=c();break;case St:h=c()/3;break;case kt:h=(t-o)/ft;break;case gt:h=(t-o)/dt;break;case bt:h=t/lt;break;case vt:h=t/ut;break;case pt:h=t/ht;break;default:h=t;break}return s?h:Rt.a(h)};i.daysInMonth=function t(){return this.endOf(wt).$D};i.$locale=function t(){return _t[this.$L]};i.locale=function t(i,e){if(!i)return this.$L;var s=this.clone();var n=Bt(i,e,true);if(n)s.$L=n;return s};i.clone=function t(){return Rt.w(this.$d,this)};i.toDate=function t(){return new Date(this.valueOf())};i.toJSON=function t(){return this.isValid()?this.toISOString():null};i.toISOString=function t(){return this.$d.toISOString()};i.toString=function t(){return this.$d.toUTCString()};return t}();var Kt=Et.prototype;Ut.prototype=Kt;[["$ms",mt],["$s",pt],["$m",vt],["$H",bt],["$W",gt],["$M",wt],["$y",yt],["$D",Mt]].forEach((function(t){Kt[t[1]]=function(i){return this.$g(i,t[0],t[1])}}));Ut.extend=function(t,i){if(!t.$i){t(i,Et,Ut);t.$i=true}return Ut};Ut.locale=Bt;Ut.isDayjs=Wt;Ut.unix=function(t){return Ut(t*1e3)};Ut.en=_t[Pt];Ut.Ls=_t;Ut.p={};var Jt=function t(i){return i.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,i,e){return i||e.slice(1)}))};var Xt={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};var qt=function t(i,e){return i.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,i,s){var n=s&&s.toUpperCase();return i||e[s]||Xt[s]||Jt(e[n])}))};var Gt=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g;var Qt=/\d/;var Vt=/\d\d/;var ti=/\d{3}/;var ii=/\d{4}/;var ei=/\d\d?/;var si=/[+-]?\d+/;var ni=/[+-]\d\d:?(\d\d)?|Z/;var ri=/\d*[^-_:/,()\s\d]+/;var ai={};var oi=function t(i){i=+i;return i+(i>68?1900:2e3)};function ci(t){if(!t)return 0;if(t==="Z")return 0;var i=t.match(/([+-]|\d\d)/g);var e=+(i[1]*60)+(+i[2]||0);return e===0?0:i[0]==="+"?-e:e}var hi=function t(i){return function(t){this[i]=+t}};var ui=[ni,function(t){var i=this.zone||(this.zone={});i.offset=ci(t)}];var li=function t(i){var e=ai[i];return e&&(e.indexOf?e:e.s.concat(e.f))};var di=function t(i,e){var s;var n=ai,r=n.meridiem;if(!r){s=i===(e?"pm":"PM")}else{for(var a=1;a<=24;a+=1){if(i.indexOf(r(a,0,e))>-1){s=a>12;break}}}return s};var fi={A:[ri,function(t){this.afternoon=di(t,false)}],a:[ri,function(t){this.afternoon=di(t,true)}],S:[Qt,function(t){this.milliseconds=+t*100}],SS:[Vt,function(t){this.milliseconds=+t*10}],SSS:[ti,function(t){this.milliseconds=+t}],s:[ei,hi("seconds")],ss:[ei,hi("seconds")],m:[ei,hi("minutes")],mm:[ei,hi("minutes")],H:[ei,hi("hours")],h:[ei,hi("hours")],HH:[ei,hi("hours")],hh:[ei,hi("hours")],D:[ei,hi("day")],DD:[Vt,hi("day")],Do:[ri,function(t){var i=ai,e=i.ordinal;var s=t.match(/\d+/);this.day=s[0];if(!e)return;for(var n=1;n<=31;n+=1){if(e(n).replace(/\[|\]/g,"")===t){this.day=n}}}],M:[ei,hi("month")],MM:[Vt,hi("month")],MMM:[ri,function(t){var i=li("months");var e=li("monthsShort");var s=(e||i.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(s<1){throw new Error}this.month=s%12||s}],MMMM:[ri,function(t){var i=li("months");var e=i.indexOf(t)+1;if(e<1){throw new Error}this.month=e%12||e}],Y:[si,hi("year")],YY:[Vt,function(t){this.year=oi(t)}],YYYY:[ii,hi("year")],Z:ui,ZZ:ui};function mi(t){var i=t.afternoon;if(i!==undefined){var e=t.hours;if(i){if(e<12){t.hours+=12}}else if(e===12){t.hours=0}delete t.afternoon}}function pi(t){t=qt(t,ai&&ai.formats);var i=t.match(Gt);var e=i.length;for(var s=0;s<e;s+=1){var n=i[s];var r=fi[n];var a=r&&r[0];var o=r&&r[1];if(o){i[s]={regex:a,parser:o}}else{i[s]=n.replace(/^\[|\]$/g,"")}}return function(t){var s={};for(var n=0,r=0;n<e;n+=1){var a=i[n];if(typeof a==="string"){r+=a.length}else{var o=a.regex,c=a.parser;var h=t.slice(r);var u=o.exec(h);var l=u[0];c.call(s,l);t=t.replace(l,"")}}mi(s);return s}}var vi=function t(i,e,s){try{if(["x","X"].indexOf(e)>-1)return new Date((e==="X"?1e3:1)*i);var n=pi(e);var r=n(i),a=r.year,o=r.month,c=r.day,h=r.hours,u=r.minutes,l=r.seconds,d=r.milliseconds,f=r.zone;var m=new Date;var p=c||(!a&&!o?m.getDate():1);var v=a||m.getFullYear();var b=0;if(!(a&&!o)){b=o>0?o-1:m.getMonth()}var g=h||0;var k=u||0;var w=l||0;var S=d||0;if(f){return new Date(Date.UTC(v,b,p,g,k,w,S+f.offset*60*1e3))}if(s){return new Date(Date.UTC(v,b,p,g,k,w,S))}return new Date(v,b,p,g,k,w,S)}catch(t){return new Date("")}};const bi=function(t,i,e){e.p.customParseFormat=true;if(t&&t.parseTwoDigitYear){oi=t.parseTwoDigitYear}var s=i.prototype;var n=s.parse;s.parse=function(t){var i=t.date,s=t.utc,r=t.args;this.$u=s;var a=r[1];if(typeof a==="string"){var o=r[2]===true;var c=r[3]===true;var h=o||c;var u=r[2];if(c){u=r[2]}ai=this.$locale();if(!o&&u){ai=e.Ls[u]}this.$d=vi(i,a,s);this.init();if(u&&u!==true)this.$L=this.locale(u).$L;if(h&&i!=this.format(a)){this.$d=new Date("")}ai={}}else if(a instanceof Array){var l=a.length;for(var d=1;d<=l;d+=1){r[1]=a[d-1];var f=e.apply(this,r);if(f.isValid()){this.$d=f.$d;this.$L=f.$L;this.init();break}if(d===l)this.$d=new Date("")}}else{n.call(this,t)}}};const gi=function(t,i,e){var s=i.prototype;var n=function t(i){return i&&(i.indexOf?i:i.s)};var r=function t(i,e,s,r,a){var o=i.name?i:i.$locale();var c=n(o[e]);var h=n(o[s]);var u=c||h.map((function(t){return t.slice(0,r)}));if(!a)return u;var l=o.weekStart;return u.map((function(t,i){return u[(i+(l||0))%7]}))};var a=function t(){return e.Ls[e.locale()]};var o=function t(i,e){return i.formats[e]||Jt(i.formats[e.toUpperCase()])};var c=function t(){var i=this;return{months:function t(e){return e?e.format("MMMM"):r(i,"months")},monthsShort:function t(e){return e?e.format("MMM"):r(i,"monthsShort","months",3)},firstDayOfWeek:function t(){return i.$locale().weekStart||0},weekdays:function t(e){return e?e.format("dddd"):r(i,"weekdays")},weekdaysMin:function t(e){return e?e.format("dd"):r(i,"weekdaysMin","weekdays",2)},weekdaysShort:function t(e){return e?e.format("ddd"):r(i,"weekdaysShort","weekdays",3)},longDateFormat:function t(e){return o(i.$locale(),e)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};s.localeData=function(){return c.bind(this)()};e.localeData=function(){var t=a();return{firstDayOfWeek:function i(){return t.weekStart||0},weekdays:function t(){return e.weekdays()},weekdaysShort:function t(){return e.weekdaysShort()},weekdaysMin:function t(){return e.weekdaysMin()},months:function t(){return e.months()},monthsShort:function t(){return e.monthsShort()},longDateFormat:function i(e){return o(t,e)},meridiem:t.meridiem,ordinal:t.ordinal}};e.months=function(){return r(a(),"months")};e.monthsShort=function(){return r(a(),"monthsShort","months",3)};e.weekdays=function(t){return r(a(),"weekdays",null,null,t)};e.weekdaysShort=function(t){return r(a(),"weekdaysShort","weekdays",3,t)};e.weekdaysMin=function(t){return r(a(),"weekdaysMin","weekdays",2,t)}};const ki=function(t,i,e){var s=i.prototype;var n=s.format;e.en.formats=Xt;s.format=function(t){if(t===void 0){t=Dt}var i=this.$locale(),e=i.formats,s=e===void 0?{}:e;var r=qt(t,s);return n.call(this,r)}};const wi=function(t,i){var e=i.prototype.parse;i.prototype.parse=function(t){if(typeof t.date==="string"){var i=this.$locale();t.date=i&&i.preparse?i.preparse(t.date):t.date}return e.bind(this)(t)};var s=i.prototype.format;i.prototype.format=function(){for(var t=arguments.length,i=new Array(t),e=0;e<t;e++){i[e]=arguments[e]}var n=s.call.apply(s,[this].concat(i));var r=this.$locale();return r&&r.postformat?r.postformat(n):n};var n=i.prototype.fromToBase;if(n){i.prototype.fromToBase=function(t,i,e,s){var r=this.$locale()||e.$locale();return n.call(this,t,i,e,s,r&&r.postformat)}}};const Si=function(t,i,e){e.updateLocale=function(t,i){var s=e.Ls;var n=s[t];if(!n)return;var r=i?Object.keys(i):[];r.forEach((function(t){n[t]=i[t]}));return n}};const yi=":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;-webkit-user-select:none;user-select:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::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([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)}.input-wrapper{position:relative}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";const Mi=new Map([["ar",()=>import("./p-b06765b5.js")],["bg",()=>import("./p-d3aa19a3.js")],["bs",()=>import("./p-f60dd8b1.js")],["ca",()=>import("./p-2e3e6934.js")],["cs",()=>import("./p-b4957e5a.js")],["da",()=>import("./p-e4186f47.js")],["de",()=>import("./p-082040be.js")],["de-at",()=>import("./p-15ec4f27.js")],["de-ch",()=>import("./p-fa8aa680.js")],["el",()=>import("./p-65704e9c.js")],["en",()=>Promise.resolve().then((function(){return It}))],["en-au",()=>import("./p-341f5dd5.js")],["en-ca",()=>import("./p-50fae575.js")],["en-gb",()=>import("./p-e4736736.js")],["es",()=>import("./p-566745a9.js")],["es-mx",()=>import("./p-a5ff208a.js")],["et",()=>import("./p-7c9b1cff.js")],["fi",()=>import("./p-812d4433.js")],["fr",()=>import("./p-9e347276.js")],["fr-ch",()=>import("./p-85355ac3.js")],["he",()=>import("./p-7bd1de8b.js")],["hi",()=>import("./p-a6687bbe.js")],["hr",()=>import("./p-7d650111.js")],["hu",()=>import("./p-c5a8df34.js")],["id",()=>import("./p-582b93a0.js")],["it",()=>import("./p-11d4c82a.js")],["it-ch",()=>import("./p-49586b62.js")],["ja",()=>import("./p-3a38726f.js")],["ko",()=>import("./p-26cd3c63.js")],["lt",()=>import("./p-26f7f362.js")],["lv",()=>import("./p-c827bdff.js")],["mk",()=>import("./p-a6739f55.js")],["nl",()=>import("./p-0f7d03d1.js")],["nb",()=>import("./p-319afb8e.js")],["pl",()=>import("./p-21d84e50.js")],["pt",()=>import("./p-9f076d48.js")],["pt-br",()=>import("./p-20db39dc.js")],["ro",()=>import("./p-9223fe05.js")],["ru",()=>import("./p-00b33d27.js")],["sk",()=>import("./p-88eda241.js")],["sl",()=>import("./p-f148f25b.js")],["sr",()=>import("./p-7c6b37cb.js")],["sv",()=>import("./p-7dfa77d1.js")],["th",()=>import("./p-abbb8e20.js")],["tr",()=>import("./p-3341a34a.js")],["uk",()=>import("./p-b04460b0.js")],["vi",()=>import("./p-6635e3a5.js")],["zh-cn",()=>import("./p-d746164d.js")],["zh-hk",()=>import("./p-9b4aed37.js")],["zh-tw",()=>import("./p-128a6263.js")]]);Ut.extend(bi);Ut.extend(gi);Ut.extend(ki);Ut.extend(wi);Ut.extend(Si);const Di=class{constructor(e){t(this,e);this.calciteInputTimePickerBeforeClose=i(this,"calciteInputTimePickerBeforeClose",6);this.calciteInputTimePickerBeforeOpen=i(this,"calciteInputTimePickerBeforeOpen",6);this.calciteInputTimePickerChange=i(this,"calciteInputTimePickerChange",7);this.calciteInputTimePickerClose=i(this,"calciteInputTimePickerClose",6);this.calciteInputTimePickerOpen=i(this,"calciteInputTimePickerOpen",6);this.focusOnOpen=false;this.dialogId=`time-picker-dialog--${h()}`;this.userChangedValue=false;this.referenceElementId=`input-time-picker-${h()}`;this.openTransitionProp="opacity";this.hostBlurHandler=()=>{const t=this.calciteInputEl.value;const i=this.delocalizeTimeString(t);if(!i){this.setValue("");return}if(i!==this.value){this.setValue(i)}const e=V({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)});if(e!==t){this.setInputValue(e)}this.deactivate()};this.calciteInternalInputFocusHandler=t=>{if(!this.readOnly){t.stopPropagation()}};this.calciteInternalInputInputHandler=t=>{const{effectiveLocale:i,numberingSystem:e}=this;if(e&&e!=="latn"){const s=t.target;S.numberFormatOptions={locale:i,numberingSystem:e,useGrouping:false};const n=S.delocalize(s.value).split("").map((t=>m.includes(t)?S.numberFormatter.format(Number(t)):t)).join("");this.setInputValue(n)}};this.timePickerChangeHandler=t=>{t.stopPropagation();const i=t.target;const e=i.value;const s=this.shouldIncludeSeconds();this.setValue(st(e,s));this.setInputValue(V({value:e,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:s,fractionalSecondDigits:A(this.step)}))};this.popoverCloseHandler=()=>{L(this,{onDeactivate:()=>{this.calciteInputEl.setFocus();this.focusOnOpen=false}});this.open=false};this.popoverOpenHandler=()=>{I(this,{onActivate:()=>{if(this.focusOnOpen){this.calciteTimePickerEl.setFocus();this.focusOnOpen=false}}})};this.keyDownHandler=t=>{const{defaultPrevented:i,key:e}=t;if(i){return}if(e==="Enter"){if(r(this)){t.preventDefault();this.calciteInputEl.setFocus()}if(t.composedPath().includes(this.calciteTimePickerEl)){return}const i=this.delocalizeTimeString(this.calciteInputEl.value);if(q(i)){this.setValue(i);const t=V({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)});if(i&&this.calciteInputEl.value!==t){this.setInputValue(t)}}}else if(e==="ArrowDown"){this.open=true;this.focusOnOpen=true;t.preventDefault()}else if(e==="Escape"&&this.open){this.open=false;t.preventDefault();this.calciteInputEl.setFocus()}};this.setCalcitePopoverEl=t=>{this.popoverEl=t};this.setInputAndTransitionEl=t=>{this.calciteInputEl=t;this.transitionEl=t};this.setCalciteTimePickerEl=t=>{this.calciteTimePickerEl=t;$(this,{focusTrapEl:t,focusTrapOptions:{initialFocus:false,setReturnFocus:false}})};this.setInputValue=t=>{if(!this.calciteInputEl){return}this.calciteInputEl.value=t};this.setValue=t=>{const i=this.value;const e=Z(t)||"";if(e===i){return}this.userChangedValue=true;this.value=e||"";const s=this.calciteInputTimePickerChange.emit();if(s.defaultPrevented){this.userChangedValue=false;this.value=i;this.setInputValue(V({value:i,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}};this.setValueDirectly=t=>{const i=this.shouldIncludeSeconds();this.value=st(t,i);this.setInputValue(this.value?V({value:this.value,includeSeconds:i,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,fractionalSecondDigits:A(this.step)}):"")};this.onInputWrapperClick=()=>{this.open=!this.open};this.deactivate=()=>{this.open=false};this.open=false;this.disabled=false;this.focusTrapDisabled=false;this.form=undefined;this.readOnly=false;this.messageOverrides=undefined;this.messages=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.numberingSystem=undefined;this.required=false;this.scale="m";this.status="idle";this.overlayPositioning="absolute";this.placement="auto";this.step=60;this.value=null;this.defaultMessages=undefined;this.effectiveLocale=""}openHandler(){P(this);if(this.disabled||this.readOnly){this.open=false;return}this.reposition(true)}handleFocusTrapDisabled(t){if(!this.open){return}t?L(this):I(this)}handleDisabledAndReadOnlyChange(t){if(!t){this.open=false}}onMessagesChange(){}numberingSystemWatcher(t){this.setInputValue(V({value:this.value,locale:this.effectiveLocale,numberingSystem:t,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}stepWatcher(t,i){if(i>=60&&t>0&&t<60||t>=60&&i>0&&i<60){this.setValueDirectly(this.value)}}valueWatcher(t){if(!this.userChangedValue){this.setValueDirectly(t)}this.userChangedValue=false}async effectiveLocaleWatcher(t){await this.loadDateTimeLocaleData();this.setInputValue(V({value:this.value,locale:t,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}async setFocus(){await g(this);this.el.focus()}async reposition(t=false){this.popoverEl?.reposition(t)}onBeforeOpen(){this.calciteInputTimePickerBeforeOpen.emit()}onOpen(){this.calciteInputTimePickerOpen.emit()}onBeforeClose(){this.calciteInputTimePickerBeforeClose.emit()}onClose(){this.calciteInputTimePickerClose.emit()}delocalizeTimeString(t){Ut.locale(this.effectiveLocale.toLowerCase());const i=this.delocalizeTimeStringToParts(t);let e;if(this.shouldIncludeFractionalSeconds()){const s=A(this.step);const n=this.delocalizeTimeStringToParts(t,"S");if(s===1){e=n.millisecond!==0?this.getTimeStringFromParts(n):this.getTimeStringFromParts(i)}else{const r=this.delocalizeTimeStringToParts(t,"SS");if(s===2){if(r.millisecond!==0){e=this.getTimeStringFromParts(r)}else if(n.millisecond!==0){e=this.getTimeStringFromParts(n)}else{e=this.getTimeStringFromParts(i)}}else if(s>=3){const s=this.delocalizeTimeStringToParts(t,"SSS");if(s.millisecond!==0){e=this.getTimeStringFromParts(s)}else if(r.millisecond!==0){e=this.getTimeStringFromParts(r)}else if(n.millisecond!==0){e=this.getTimeStringFromParts(n)}else{e=this.getTimeStringFromParts(i)}}}}else{e=this.getTimeStringFromParts(i)}return e}delocalizeTimeStringToParts(t,i){const e=this.localeConfig?.formats?.LTS;const s=e.match(/ss\.*(S+)/g);if(i&&this.shouldIncludeFractionalSeconds()){const t=`ss.${i}`;this.localeConfig.formats.LTS=s?e.replace(s[0],t):e.replace("ss",t)}else if(s){this.localeConfig.formats.LTS=e.replace(s[0],"ss")}Ut.updateLocale(this.getSupportedDayjsLocale(x(this.effectiveLocale)),this.localeConfig);const n=Ut(t,["LTS","LT"]);if(n.isValid()){return{hour:n.get("hour"),minute:n.get("minute"),second:n.get("second"),millisecond:n.get("millisecond")}}return{hour:null,minute:null,second:null,millisecond:null}}getTimeStringFromParts(t){let i="";if(!t){return i}if(t.hour!==null&&t.minute!==null){i=`${U(t.hour)}:${U(t.minute)}`;if(this.shouldIncludeSeconds()&&t.second!==null){i+=`:${U(t.second)}`;if(this.shouldIncludeFractionalSeconds()&&t.millisecond!==null){const e=(t.millisecond*.001).toFixed(A(this.step));i+=`.${e.toString().replace("0.","")}`}}}return i}getSupportedDayjsLocale(t){const i=t.toLowerCase();if(i==="no"){return"nb"}if(i==="pt-pt"){return"pt"}return i}async loadDateTimeLocaleData(){let t=x(this.effectiveLocale).toLowerCase();t=this.getSupportedDayjsLocale(t);const{default:i}=await Mi.get(t)();this.localeConfig=i;Ut.locale(this.localeConfig,null,true);Ut.updateLocale(t,this.getExtendedLocaleConfig(t))}getExtendedLocaleConfig(t){if(t==="ar"){return{meridiem:t=>t>12?"م":"ص",formats:{LT:"HH:mm A",LTS:"HH:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm A",LLLL:"dddd D MMMM YYYY HH:mm A"}}}if(t==="en-au"){return{meridiem:t=>t>12?"pm":"am"}}if(t==="en-ca"){return{meridiem:t=>t>12?"p.m.":"a.m."}}if(t==="el"){return{meridiem:t=>t>12?"μ.μ.":"π.μ."}}if(t==="hi"){return{formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, h:mm A",LLLL:"dddd, D MMMM YYYY, h:mm A"},meridiem:t=>t>12?"pm":"am"}}if(t==="ko"){return{meridiem:t=>t>12?"오후":"오전"}}if(t==="zh-tw"){return{formats:{LT:"AHH:mm",LTS:"AHH:mm:ss"}}}if(t==="zh-hk"){return{formats:{LT:"AHH:mm",LTS:"AHH:mm:ss"},meridiem:t=>t>12?"下午":"上午"}}}onLabelClick(){this.setFocus()}shouldIncludeSeconds(){return this.step<60}shouldIncludeFractionalSeconds(){return A(this.step)>0}connectedCallback(){u(this);Y(this);if(q(this.value)){this.setValueDirectly(this.value)}else{this.value=undefined}p(this);a(this);T(this)}async componentWillLoad(){k(this);await Promise.all([H(this),this.loadDateTimeLocaleData()]);if(this.open){P(this)}}componentDidLoad(){w(this);if(q(this.value)){this.setInputValue(V({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}}disconnectedCallback(){l(this);v(this);o(this);j(this);L(this);z(this)}componentDidRender(){d(this)}render(){const{disabled:t,messages:i,readOnly:n,dialogId:r}=this;return e(s,{onBlur:this.hostBlurHandler,onKeyDown:this.keyDownHandler},e(f,{disabled:this.disabled},e("div",{class:"input-wrapper",onClick:this.onInputWrapperClick},e("calcite-input-text",{"aria-autocomplete":"none","aria-haspopup":"dialog",disabled:t,icon:"clock",id:this.referenceElementId,label:b(this),lang:this.effectiveLocale,onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextFocus:this.calciteInternalInputFocusHandler,readOnly:n,role:"combobox",scale:this.scale,status:this.status,ref:this.setInputAndTransitionEl}),!this.readOnly&&this.renderToggleIcon(this.open)),e("calcite-popover",{focusTrapDisabled:true,id:r,label:i.chooseTime,lang:this.effectiveLocale,onCalcitePopoverClose:this.popoverCloseHandler,onCalcitePopoverOpen:this.popoverOpenHandler,open:this.open,overlayPositioning:this.overlayPositioning,placement:this.placement,referenceElement:this.referenceElementId,triggerDisabled:true,ref:this.setCalcitePopoverEl},e("calcite-time-picker",{lang:this.effectiveLocale,messageOverrides:this.messageOverrides,numberingSystem:this.numberingSystem,onCalciteInternalTimePickerChange:this.timePickerChangeHandler,scale:this.scale,step:this.step,tabIndex:this.open?undefined:-1,value:this.value,ref:this.setCalciteTimePickerEl})),e(c,{component:this}),this.validationMessage?e(O,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}renderToggleIcon(t){return e("span",{class:nt.toggleIcon},e("calcite-icon",{icon:t?"chevron-up":"chevron-down",scale:_(this.scale)}))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{open:["openHandler"],focusTrapDisabled:["handleFocusTrapDisabled"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],messageOverrides:["onMessagesChange"],numberingSystem:["numberingSystemWatcher"],step:["stepWatcher"],value:["valueWatcher"],effectiveLocale:["effectiveLocaleWatcher"]}}};Di.style=yi;const xi={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonFractionalSecondDown:"button--fractionalSecond-down",buttonFractionalSecondUp:"button--fractionalSecond-up",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",fractionalSecond:"fractionalSecond",hour:"hour",input:"input",inputFocus:"inputFocus",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"};const Yi=":host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-color-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-color-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-color-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-2);z-index:var(--calcite-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;outline-offset:0}.time-picker .input.inputFocus,.time-picker .input:hover.inputFocus{box-shadow:inset 0 0 0 2px var(--calcite-color-brand);z-index:var(--calcite-z-index-header)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";function ji(t){return t.charAt(0).toUpperCase()+t.slice(1)}const Li=class{constructor(e){t(this,e);this.calciteInternalTimePickerBlur=i(this,"calciteInternalTimePickerBlur",6);this.calciteInternalTimePickerChange=i(this,"calciteInternalTimePickerChange",6);this.calciteInternalTimePickerFocus=i(this,"calciteInternalTimePickerFocus",6);this.pointerActivated=false;this.decrementHour=()=>{const t=!this.hour?0:this.hour==="00"?23:parseInt(this.hour)-1;this.setValuePart("hour",t)};this.decrementMeridiem=()=>{const t=this.meridiem==="PM"?"AM":"PM";this.setValuePart("meridiem",t)};this.decrementMinuteOrSecond=t=>{let i;if(M(this[t])){const e=parseInt(this[t]);i=e===0?59:e-1}else{i=59}this.setValuePart(t,i)};this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")};this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")};this.focusHandler=t=>{if(this.pointerActivated){return}this.activeEl=t.currentTarget};this.fractionalSecondKeyDownHandler=t=>{const{key:i}=t;if(m.includes(i)){const t=A(this.step);const e=parseInt(this.fractionalSecond);const s=e.toString().length;let n;if(s>=t){n=i.padStart(t,"0")}else if(s<t){n=`${e}${i}`.padStart(t,"0")}this.setValuePart("fractionalSecond",parseFloat(`0.${n}`))}else{switch(i){case"Backspace":case"Delete":this.setValuePart("fractionalSecond",null);break;case"ArrowDown":t.preventDefault();this.nudgeFractionalSecond("down");break;case"ArrowUp":t.preventDefault();this.nudgeFractionalSecond("up");break;case" ":t.preventDefault();break}}};this.fractionalSecondDownClickHandler=()=>{this.activeEl=this.fractionalSecondEl;this.fractionalSecondEl.focus();this.nudgeFractionalSecond("down")};this.fractionalSecondUpClickHandler=()=>{this.activeEl=this.fractionalSecondEl;this.fractionalSecondEl.focus();this.nudgeFractionalSecond("up")};this.hourDownClickHandler=()=>{this.activeEl=this.hourEl;this.hourEl.focus();this.decrementHour()};this.hourKeyDownHandler=t=>{const{key:i}=t;if(m.includes(i)){const t=parseInt(i);let e;if(M(this.hour)){switch(this.hourCycle){case"12":e=this.hour==="01"&&t>=0&&t<=2?`1${t}`:t;break;case"24":if(this.hour==="01"){e=`1${t}`}else if(this.hour==="02"&&t>=0&&t<=3){e=`2${t}`}else{e=t}break}}else{e=t}this.setValuePart("hour",e)}else{switch(i){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":t.preventDefault();this.decrementHour();break;case"ArrowUp":t.preventDefault();this.incrementHour();break;case" ":t.preventDefault();break}}};this.hourUpClickHandler=()=>{this.activeEl=this.hourEl;this.hourEl.focus();this.incrementHour()};this.incrementMeridiem=()=>{const t=this.meridiem==="AM"?"PM":"AM";this.setValuePart("meridiem",t)};this.incrementHour=()=>{const t=M(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",t)};this.incrementMinuteOrSecond=t=>{const i=M(this[t])?this[t]==="59"?0:parseInt(this[t])+1:0;this.setValuePart(t,i)};this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")};this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")};this.inputClickHandler=t=>{this.activeEl=t.target};this.meridiemUpClickHandler=()=>{this.activeEl=this.meridiemEl;this.meridiemEl.focus();this.incrementMeridiem()};this.meridiemKeyDownHandler=t=>{switch(t.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":this.setValuePart("meridiem",null);break;case"ArrowUp":t.preventDefault();this.incrementMeridiem();break;case"ArrowDown":t.preventDefault();this.decrementMeridiem();break;case" ":t.preventDefault();break}};this.meridiemDownClickHandler=()=>{this.activeEl=this.meridiemEl;this.meridiemEl.focus();this.decrementMeridiem()};this.minuteDownClickHandler=()=>{this.activeEl=this.minuteEl;this.minuteEl.focus();this.decrementMinute()};this.minuteUpClickHandler=()=>{this.activeEl=this.minuteEl;this.minuteEl.focus();this.incrementMinute()};this.minuteKeyDownHandler=t=>{const{key:i}=t;if(m.includes(i)){const t=parseInt(i);let e;if(M(this.minute)&&this.minute.startsWith("0")){const i=parseInt(this.minute);e=i>W?t:`${i}${t}`}else{e=t}this.setValuePart("minute",e)}else{switch(i){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":t.preventDefault();this.decrementMinute();break;case"ArrowUp":t.preventDefault();this.incrementMinute();break;case" ":t.preventDefault();break}}};this.nudgeFractionalSecond=t=>{const i=C(this.step);const e=A(this.step);const s=parseInt(this.fractionalSecond);const n=parseFloat(`0.${this.fractionalSecond}`);let r;let a;let o;let c;if(t==="up"){r=isNaN(s)?0:n+i;a=parseFloat(r.toFixed(e));o=C(a);c=a<1&&A(o)>0?U(o,e):"".padStart(e,"0")}if(t==="down"){r=isNaN(s)||s===0?1-i:n-i;a=parseFloat(r.toFixed(e));o=C(a);c=a<1&&A(o)>0&&Math.sign(o)===1?U(o,e):"".padStart(e,"0")}this.setValuePart("fractionalSecond",c)};this.sanitizeValue=t=>{const{hour:i,minute:e,second:s,fractionalSecond:n}=et(t);if(n){const t=this.sanitizeFractionalSecond(n);return`${i}:${e}:${s}.${t}`}return q(t)&&t};this.sanitizeFractionalSecond=t=>t&&A(this.step)!==t.length?parseFloat(`0.${t}`).toFixed(A(this.step)).replace("0.",""):t;this.secondKeyDownHandler=t=>{const{key:i}=t;if(m.includes(i)){const t=parseInt(i);let e;if(M(this.second)&&this.second.startsWith("0")){const i=parseInt(this.second);e=i>W?t:`${i}${t}`}else{e=t}this.setValuePart("second",e)}else{switch(i){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":t.preventDefault();this.decrementSecond();break;case"ArrowUp":t.preventDefault();this.incrementSecond();break;case" ":t.preventDefault();break}}};this.secondDownClickHandler=()=>{this.activeEl=this.secondEl;this.secondEl.focus();this.decrementSecond()};this.secondUpClickHandler=()=>{this.activeEl=this.secondEl;this.secondEl.focus();this.incrementSecond()};this.setHourEl=t=>this.hourEl=t;this.setMeridiemEl=t=>this.meridiemEl=t;this.setMinuteEl=t=>this.minuteEl=t;this.setSecondEl=t=>this.secondEl=t;this.setFractionalSecondEl=t=>this.fractionalSecondEl=t;this.setValue=t=>{if(q(t)){const{hour:i,minute:e,second:s,fractionalSecond:n}=et(t);const{effectiveLocale:r,numberingSystem:a}=this;const{localizedHour:o,localizedHourSuffix:c,localizedMinute:h,localizedMinuteSuffix:u,localizedSecond:l,localizedDecimalSeparator:d,localizedFractionalSecond:f,localizedSecondSuffix:m,localizedMeridiem:p}=tt({value:t,locale:r,numberingSystem:a});this.hour=i;this.minute=e;this.second=s;this.fractionalSecond=this.sanitizeFractionalSecond(n);this.localizedHour=o;this.localizedHourSuffix=c;this.localizedMinute=h;this.localizedMinuteSuffix=u;this.localizedSecond=l;this.localizedDecimalSeparator=d;this.localizedFractionalSecond=f;this.localizedSecondSuffix=m;if(p){this.localizedMeridiem=p;this.meridiem=X(this.hour);const i=it({value:t,locale:r,numberingSystem:a});this.meridiemOrder=this.getMeridiemOrder(i)}}else{this.hour=null;this.fractionalSecond=null;this.localizedHour=null;this.localizedHourSuffix=K("hour",this.effectiveLocale,this.numberingSystem);this.localizedMeridiem=null;this.localizedMinute=null;this.localizedMinuteSuffix=K("minute",this.effectiveLocale,this.numberingSystem);this.localizedSecond=null;this.localizedDecimalSeparator=E(this.effectiveLocale,this.numberingSystem);this.localizedFractionalSecond=null;this.localizedSecondSuffix=K("second",this.effectiveLocale,this.numberingSystem);this.meridiem=null;this.minute=null;this.second=null;this.value=null}};this.setValuePart=(t,i)=>{const{effectiveLocale:e,numberingSystem:s}=this;if(t==="meridiem"){this.meridiem=i;if(M(this.hour)){const t=parseInt(this.hour);switch(i){case"AM":if(t>=12){this.hour=U(t-12)}break;case"PM":if(t<12){this.hour=U(t+12)}break}this.localizedHour=Q({value:this.hour,part:"hour",locale:e,numberingSystem:s})}}else if(t==="fractionalSecond"){const t=A(this.step);if(typeof i==="number"){this.fractionalSecond=i===0?"".padStart(t,"0"):U(i,t)}else{this.fractionalSecond=i}this.localizedFractionalSecond=Q({value:this.fractionalSecond,part:"fractionalSecond",locale:e,numberingSystem:s})}else{this[t]=typeof i==="number"?U(i):i;this[`localized${ji(t)}`]=Q({value:this[t],part:t,locale:e,numberingSystem:s})}let n=false;let r;if(this.hour&&this.minute){r=`${this.hour}:${this.minute}`;if(this.showSecond){r=`${r}:${this.second??"00"}`;if(this.showFractionalSecond&&this.fractionalSecond){r=`${r}.${this.fractionalSecond}`}}}else{r=null}if(this.value!==r){n=true}this.value=r;this.localizedMeridiem=this.value?tt({value:this.value,locale:e,numberingSystem:s})?.localizedMeridiem||null:Q({value:this.meridiem,part:"meridiem",locale:e,numberingSystem:s});if(n){this.calciteInternalTimePickerChange.emit()}};this.scale="m";this.step=60;this.numberingSystem=undefined;this.value=null;this.messages=undefined;this.messageOverrides=undefined;this.activeEl=undefined;this.effectiveLocale="";this.fractionalSecond=undefined;this.hour=undefined;this.hourCycle=undefined;this.localizedDecimalSeparator=".";this.localizedHour=undefined;this.localizedHourSuffix=undefined;this.localizedMeridiem=undefined;this.localizedFractionalSecond=undefined;this.localizedMinute=undefined;this.localizedMinuteSuffix=undefined;this.localizedSecond=undefined;this.localizedSecondSuffix=undefined;this.meridiem=undefined;this.minute=undefined;this.second=undefined;this.showFractionalSecond=undefined;this.showSecond=undefined;this.defaultMessages=undefined}stepChange(){this.toggleSecond()}valueWatcher(t){this.setValue(t)}onMessagesChange(){}effectiveLocaleWatcher(){this.updateLocale()}blurHandler(){this.activeEl=undefined;this.pointerActivated=false;this.calciteInternalTimePickerBlur.emit()}hostFocusHandler(){this.calciteInternalTimePickerFocus.emit()}keyDownHandler(t){this.pointerActivated=false;const{defaultPrevented:i,key:e}=t;if(i){return}switch(this.activeEl){case this.hourEl:if(e==="ArrowRight"){this.focusPart("minute");t.preventDefault()}break;case this.minuteEl:switch(e){case"ArrowLeft":this.focusPart("hour");t.preventDefault();break;case"ArrowRight":if(this.step!==60){this.focusPart("second");t.preventDefault()}else if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.secondEl:switch(e){case"ArrowLeft":this.focusPart("minute");t.preventDefault();break;case"ArrowRight":if(this.showFractionalSecond){this.focusPart("fractionalSecond")}else if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.fractionalSecondEl:switch(e){case"ArrowLeft":this.focusPart("second");t.preventDefault();break;case"ArrowRight":if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.meridiemEl:switch(e){case"ArrowLeft":if(this.showFractionalSecond){this.focusPart("fractionalSecond")}else if(this.step!==60){this.focusPart("second");t.preventDefault()}else{this.focusPart("minute");t.preventDefault()}break}break}}pointerDownHandler(){this.pointerActivated=true}async setFocus(){await g(this);this.el?.focus()}async focusPart(t){await g(this);this[`${t||"hour"}El`]?.focus()}toggleSecond(){this.showSecond=this.step<60;this.showFractionalSecond=A(this.step)>0}getMeridiemOrder(t){const i=this.effectiveLocale;const e=i==="ar"||i==="he";if(t&&!e){const i=t.findIndex((t=>t.value===this.localizedMeridiem));return i}return 0}updateLocale(){F(this,this.effectiveLocale);this.hourCycle=N(this.effectiveLocale,this.numberingSystem);this.localizedDecimalSeparator=E(this.effectiveLocale,this.numberingSystem);this.setValue(this.sanitizeValue(this.value))}connectedCallback(){Y(this);this.updateLocale();T(this);this.toggleSecond();this.meridiemOrder=this.getMeridiemOrder(it({value:"0:00:00",locale:this.effectiveLocale,numberingSystem:this.numberingSystem}))}async componentWillLoad(){k(this);await H(this)}componentDidLoad(){w(this)}disconnectedCallback(){j(this);z(this)}render(){const t=M(this.hour);const i=_(this.scale);const s=M(this.minute);const n=M(this.second);const r=M(this.fractionalSecond);const a=this.hourCycle==="12";return e("div",{class:{[xi.timePicker]:true,[xi.showMeridiem]:a,[xi.showSecond]:this.showSecond,[xi[`scale-${this.scale}`]]:true},dir:"ltr"},e("div",{class:xi.column,role:"group"},e("span",{"aria-label":this.messages.hourUp,class:{[xi.button]:true,[xi.buttonHourUp]:true,[xi.buttonTopLeft]:true},onClick:this.hourUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.hour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":t&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:{[xi.input]:true,[xi.hour]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.hourEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setHourEl},this.localizedHour||"--"),e("span",{"aria-label":this.messages.hourDown,class:{[xi.button]:true,[xi.buttonHourDown]:true,[xi.buttonBottomLeft]:true},onClick:this.hourDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))),e("span",{class:xi.delimiter},this.localizedHourSuffix),e("div",{class:xi.column,role:"group"},e("span",{"aria-label":this.messages.minuteUp,class:{[xi.button]:true,[xi.buttonMinuteUp]:true},onClick:this.minuteUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.minute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":s&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:{[xi.input]:true,[xi.minute]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.minuteEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setMinuteEl},this.localizedMinute||"--"),e("span",{"aria-label":this.messages.minuteDown,class:{[xi.button]:true,[xi.buttonMinuteDown]:true},onClick:this.minuteDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.showSecond&&e("span",{class:xi.delimiter},this.localizedMinuteSuffix),this.showSecond&&e("div",{class:xi.column,role:"group"},e("span",{"aria-label":this.messages.secondUp,class:{[xi.button]:true,[xi.buttonSecondUp]:true},onClick:this.secondUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.second,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":n&&parseInt(this.second)||"0","aria-valuetext":this.second,class:{[xi.input]:true,[xi.second]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.secondEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setSecondEl},this.localizedSecond||"--"),e("span",{"aria-label":this.messages.secondDown,class:{[xi.button]:true,[xi.buttonSecondDown]:true},onClick:this.secondDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.showFractionalSecond&&e("span",{class:xi.delimiter},this.localizedDecimalSeparator),this.showFractionalSecond&&e("div",{class:xi.column,role:"group"},e("span",{"aria-label":this.messages.fractionalSecondUp,class:{[xi.button]:true,[xi.buttonFractionalSecondUp]:true},onClick:this.fractionalSecondUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.fractionalSecond,"aria-valuemax":"999","aria-valuemin":"1","aria-valuenow":r&&parseInt(this.fractionalSecond)||"0","aria-valuetext":this.localizedFractionalSecond,class:{[xi.input]:true,[xi.fractionalSecond]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.fractionalSecondEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.fractionalSecondKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setFractionalSecondEl},this.localizedFractionalSecond||"--"),e("span",{"aria-label":this.messages.fractionalSecondDown,class:{[xi.button]:true,[xi.buttonFractionalSecondDown]:true},onClick:this.fractionalSecondDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.localizedSecondSuffix&&e("span",{class:xi.delimiter},this.localizedSecondSuffix),a&&e("div",{class:{[xi.column]:true,[xi.meridiemStart]:this.meridiemOrder===0},role:"group"},e("span",{"aria-label":this.messages.meridiemUp,class:{[xi.button]:true,[xi.buttonMeridiemUp]:true,[xi.buttonTopRight]:true},onClick:this.meridiemUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.meridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="PM"&&"2"||"1","aria-valuetext":this.meridiem,class:{[xi.input]:true,[xi.meridiem]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.meridiemEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setMeridiemEl},this.localizedMeridiem||"--"),e("span",{"aria-label":this.messages.meridiemDown,class:{[xi.button]:true,[xi.buttonMeridiemDown]:true,[xi.buttonBottomRight]:true},onClick:this.meridiemDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{step:["stepChange"],value:["valueWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};Li.style=Yi;export{Di as I,Li as T,Ut as d};
-//# sourceMappingURL=p-39e3cd7c.js.map

package/dist/calcite/p-3a38726f.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as _}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var m={name:"ja",weekdays:"日曜日_月曜日_火曜日_水曜日_木曜日_金曜日_土曜日".split("_"),weekdaysShort:"日_月_火_水_木_金_土".split("_"),weekdaysMin:"日_月_火_水_木_金_土".split("_"),months:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function _(m){return m+"日"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日 dddd HH:mm",l:"YYYY/MM/DD",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日(ddd) HH:mm"},meridiem:function _(m){return m<12?"午前":"午後"},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年"}};_.locale(m,null,true);export default m;
-//# sourceMappingURL=p-3a38726f.js.map

package/dist/calcite/p-3c663b9d.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as t,c as e,h as i,g as o}from"./p-cf6c103a.js";import{c as n,d as s}from"./p-541ed8e8.js";import{h as a,e as c}from"./p-d6e4ab3a.js";import{s as l,a as r,c as d}from"./p-39613b4f.js";import{c as h,d as g}from"./p-4e27599d.js";import{c as p,d as m,s as f,u}from"./p-c1905124.js";import{K as v}from"./p-351ef8bc.js";import{o as b}from"./p-5b0d5824.js";import{g as k}from"./p-6b48fd8f.js";import"./p-8dcbfce8.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-a0ca104b.js";const x={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};const z=":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0px solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid 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          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";const y=class{constructor(i){t(this,i);this.calciteNoticeBeforeClose=e(this,"calciteNoticeBeforeClose",6);this.calciteNoticeBeforeOpen=e(this,"calciteNoticeBeforeOpen",6);this.calciteNoticeClose=e(this,"calciteNoticeClose",6);this.calciteNoticeOpen=e(this,"calciteNoticeOpen",6);this.setTransitionEl=t=>{this.transitionEl=t};this.close=()=>{this.open=false};this.openTransitionProp="opacity";this.open=false;this.kind="brand";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){b(this)}onMessagesChange(){}updateRequestedIcon(){this.requestedIcon=a(v,this.icon,this.kind)}connectedCallback(){n(this);h(this);p(this)}disconnectedCallback(){s(this);g(this);m(this)}async componentWillLoad(){l(this);this.requestedIcon=a(v,this.icon,this.kind);await f(this);if(this.open){b(this)}}componentDidLoad(){r(this)}render(){const{el:t}=this;const e=i("button",{"aria-label":this.messages.close,class:w.close,onClick:this.close,ref:t=>this.closeButton=t},i("calcite-icon",{icon:"x",scale:k(this.scale)}));const o=c(t,x.actionsEnd);return i("div",{class:w.container,ref:this.setTransitionEl},this.requestedIcon?i("div",{class:w.icon},i("calcite-icon",{flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:k(this.scale)})):null,i("div",{class:w.content},i("slot",{name:x.title}),i("slot",{name:x.message}),i("slot",{name:x.link})),o?i("div",{class:w.actionsEnd},i("slot",{name:x.actionsEnd})):null,this.closable?e:null)}async setFocus(){await d(this);const t=this.el.querySelector("calcite-link");if(!this.closeButton&&!t){return}if(t){return t.setFocus()}else if(this.closeButton){this.closeButton.focus()}}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}effectiveLocaleChange(){u(this,this.effectiveLocale)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],icon:["updateRequestedIcon"],kind:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};y.style=z;export{y as calcite_notice};
-//# sourceMappingURL=p-3c663b9d.entry.js.map