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

package/dist/calcite/p-4fe16acc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","offset","hourToMinutes","timeZoneNameBlockList","timeZoneOffsetToDecimal","shortOffsetTimeZoneName","minusSign","hyphen","replace","toOffsetValue","timeZoneName","referenceDateInMs","getTimeZoneShortOffset","Number","getUserTimeZoneOffset","localDate","Date","getTimezoneOffset","getUserTimeZoneName","dateFormatter","Intl","DateTimeFormat","resolvedOptions","timeZone","async","createTimeZoneItems","locale","messages","mode","referenceDate","standardTime","groupByName","import","groups","map","label","toUserFriendlyName","value","filterValue","filter","group","sort","effectiveLocale","getTime","groupByRegion","getCountry","Promise","all","region","tzs","items","decimalOffset","getTimeZoneLabel","metadata","country","groupA","groupB","localeCompare","groupByOffset","DateEngine","dateEngine","groupDateRange","startDate","toISOString","listFormatter","ListFormat","style","type","forEach","indexOffsets","removedSoFar","tz","index","includes","labelTzIdx","length","groupRepTz","tzLabels","createTimeZoneOffsetLabel","format","getCity","getSelectedRegionTimeZoneLabel","city","template","timeZoneRegionLabel","getMessageOrKeyFallback","key","split","pop","offsetLabel","groupLabel","timeZoneLabel","now","dateTimeFormat","getDateTimeFormat","parts","formatToParts","find","isGroup","item","undefined","flattenTimeZoneItems","timeZoneItems","flatMap","findTimeZoneItemByProp","prop","valueToMatch","inputTimeZoneCss","CalciteInputTimeZoneStyle0","InputTimeZone","this","setComboboxRef","el","comboboxEl","onComboboxBeforeClose","event","stopPropagation","overrideSelectedLabelForRegion","calciteInputTimeZoneBeforeClose","emit","onComboboxBeforeOpen","calciteInputTimeZoneBeforeOpen","onComboboxChange","combobox","target","selectedItem","selectedItems","selectedTimeZoneItem","calciteInputTimeZoneChange","selected","findTimeZoneItemByLabel","textLabel","selectedValue","onComboboxClose","open","calciteInputTimeZoneClose","onComboboxOpen","calciteInputTimeZoneOpen","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","onMessagesChange","handleTimeZoneItemPropsChange","updateTimeZoneItemsAndSelection","handleValueChange","oldValue","normalizeValue","clearable","timeZoneItem","findTimeZoneItem","setFocus","componentFocusable","effectiveLocaleWatcher","updateMessages","onLabelClick","fallbackValue","offsetStyle","connectedCallback","connectForm","connectLabel","connectLocalized","connectMessages","disconnectedCallback","disconnectForm","disconnectLabel","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","afterConnectDefaultValueSet","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","render","h","Host","InteractiveContainer","disabled","clearDisabled","chooseTimeZone","lang","maxItems","onCalciteComboboxBeforeClose","onCalciteComboboxBeforeOpen","onCalciteComboboxChange","onCalciteComboboxClose","onCalciteComboboxOpen","overlayPositioning","placeholder","namePlaceholder","offsetPlaceholder","regionPlaceholder","placeholderIcon","readOnly","ref","scale","selectionMode","status","validationIcon","validationMessage","renderItems","HiddenFormInputSlot","component","renderRegionItems","description","class","slot"],"sources":["src/components/input-time-zone/resources.ts","src/components/input-time-zone/utils.ts","src/components/input-time-zone/input-time-zone.scss?tag=calcite-input-time-zone&encapsulation=shadow","src/components/input-time-zone/input-time-zone.tsx"],"sourcesContent":["export const CSS = {\n  offset: \"offset\",\n};\n","import { getDateTimeFormat, SupportedLocale } from \"../../utils/locale\";\nimport { OffsetStyle, TimeZone, TimeZoneItem, TimeZoneItemGroup, TimeZoneMode } from \"./interfaces\";\nimport { InputTimeZoneMessages } from \"./assets/input-time-zone/t9n\";\n\nconst hourToMinutes = 60;\n\nconst timeZoneNameBlockList = [\n  \"CET\",\n  \"CST6CDT\",\n  \"EET\",\n  \"EST\",\n  \"EST5EDT\",\n  \"Factory\",\n  \"HST\",\n  \"MET\",\n  \"MST\",\n  \"MST7MDT\",\n  \"PST8PDT\",\n  \"UTC\",\n  \"WET\",\n];\n\nfunction timeZoneOffsetToDecimal(shortOffsetTimeZoneName: string): string {\n  const minusSign = \"−\";\n  const hyphen = \"-\";\n\n  return (\n    shortOffsetTimeZoneName\n      .replace(\":15\", \".25\")\n      .replace(\":30\", \".5\")\n      .replace(\":45\", \".75\")\n\n      // ensures decimal string representation is parseable\n      .replace(minusSign, hyphen)\n  );\n}\n\nfunction toOffsetValue(timeZoneName: TimeZone, referenceDateInMs: number): number {\n  // we use \"en-US\" to allow us to reliably remove the standard time token\n  const offset = getTimeZoneShortOffset(timeZoneName, \"en-US\", referenceDateInMs).replace(\"GMT\", \"\");\n\n  if (offset === \"\") {\n    return 0;\n  }\n\n  return Number(timeZoneOffsetToDecimal(offset)) * hourToMinutes;\n}\n\nexport function getUserTimeZoneOffset(): number {\n  const localDate = new Date();\n  return localDate.getTimezoneOffset() * -1;\n}\n\nexport function getUserTimeZoneName(): string {\n  const dateFormatter = new Intl.DateTimeFormat();\n  return dateFormatter.resolvedOptions().timeZone;\n}\n\nexport async function createTimeZoneItems(\n  locale: SupportedLocale,\n  messages: InputTimeZoneMessages,\n  mode: TimeZoneMode,\n  referenceDate: Date,\n  standardTime: OffsetStyle,\n): Promise<TimeZoneItem[] | TimeZoneItemGroup[]> {\n  if (mode === \"name\") {\n    const { groupByName } = await import(\"timezone-groups/dist/groupByName/index.mjs\");\n    const groups = await groupByName();\n\n    return groups\n      .map<TimeZoneItem<string>>(({ label: timeZone }) => {\n        const label = toUserFriendlyName(timeZone);\n        const value = timeZone;\n\n        return {\n          label,\n          value,\n          filterValue: timeZone,\n        };\n      })\n      .filter((group) => !!group)\n      .sort();\n  }\n\n  const effectiveLocale =\n    standardTime === \"user\"\n      ? locale\n      : // we use locales that will always yield a short offset that matches `standardTime`\n        standardTime === \"utc\"\n        ? \"fr\"\n        : \"en-GB\";\n  const referenceDateInMs: number = referenceDate.getTime();\n\n  if (mode === \"region\") {\n    const [{ groupByRegion }, { getCountry }] = await Promise.all([\n      import(\"timezone-groups/dist/groupByRegion/index.mjs\"),\n      import(\"timezone-groups/dist/utils/country.mjs\"),\n    ]);\n    const groups = await groupByRegion();\n\n    return groups\n      .map<TimeZoneItemGroup>(({ label: region, tzs }) => {\n        return {\n          label: region,\n          items: tzs.map((timeZone) => {\n            const decimalOffset = timeZoneOffsetToDecimal(\n              getTimeZoneShortOffset(timeZone, effectiveLocale, referenceDateInMs),\n            );\n\n            return {\n              label: getTimeZoneLabel(timeZone, messages),\n              value: timeZone,\n              filterValue: toUserFriendlyName(timeZone),\n              metadata: {\n                offset: decimalOffset,\n                country: getCountry(timeZone),\n              },\n            };\n          }),\n        };\n      })\n      .sort((groupA, groupB) => groupA.label.localeCompare(groupB.label));\n  }\n\n  const [{ groupByOffset }, { DateEngine }] = await Promise.all([\n    import(\"timezone-groups/dist/groupByOffset/index.mjs\"),\n    import(\"timezone-groups/dist/groupByOffset/strategy/native/index.mjs\"),\n  ]);\n\n  const groups = await groupByOffset({\n    dateEngine: new DateEngine(),\n    groupDateRange: 1,\n    startDate: new Date(referenceDateInMs).toISOString(),\n  });\n\n  const listFormatter = new Intl.ListFormat(locale, { style: \"long\", type: \"conjunction\" });\n\n  // we remove blocked entries from tzs and adjust label indices accordingly\n  groups.forEach((group) => {\n    const indexOffsets: number[] = [];\n    let removedSoFar = 0;\n\n    group.tzs.forEach((tz, index) => {\n      if (timeZoneNameBlockList.includes(tz)) {\n        removedSoFar++;\n      }\n      indexOffsets[index] = removedSoFar;\n    });\n\n    group.tzs = group.tzs.filter((tz) => !timeZoneNameBlockList.includes(tz));\n\n    group.labelTzIdx = group.labelTzIdx\n      .map((index) => index - indexOffsets[index])\n      .filter((index) => index >= 0 && index < group.tzs.length);\n  });\n\n  return groups\n    .map<TimeZoneItem<number>>(({ labelTzIdx, tzs }) => {\n      const groupRepTz = tzs[0];\n      const decimalOffset = timeZoneOffsetToDecimal(\n        getTimeZoneShortOffset(groupRepTz, effectiveLocale, referenceDateInMs),\n      );\n      const value = toOffsetValue(groupRepTz, referenceDateInMs);\n      const tzLabels = labelTzIdx.map((index: number) => getTimeZoneLabel(tzs[index], messages));\n      const label = createTimeZoneOffsetLabel(messages, decimalOffset, listFormatter.format(tzLabels));\n\n      return {\n        label,\n        value,\n        filterValue: tzs.map((tz) => toUserFriendlyName(tz)),\n      };\n    })\n    .filter((group) => !!group)\n    .sort((groupA, groupB) => groupA.value - groupB.value);\n}\n\nfunction getTimeZoneLabel(timeZone: string, messages: InputTimeZoneMessages): string {\n  return messages[timeZone] || getCity(timeZone);\n}\n\nexport function getSelectedRegionTimeZoneLabel(city: string, country: string, messages: InputTimeZoneMessages): string {\n  const template = messages.timeZoneRegionLabel;\n  return template.replace(\"{city}\", city).replace(\"{country}\", getMessageOrKeyFallback(messages, country));\n}\n\nexport function getMessageOrKeyFallback(messages: InputTimeZoneMessages, key: string): string {\n  return messages[key] || key;\n}\n\n/**\n * Exported for testing purposes only\n *\n * @internal\n */\nexport function getCity(timeZone: string): string {\n  return timeZone.split(\"/\").pop();\n}\n\n/**\n * Exported for testing purposes only\n *\n * @internal\n */\nexport function toUserFriendlyName(timeZoneName: string): string {\n  return timeZoneName.replace(/_/g, \" \");\n}\n\nfunction createTimeZoneOffsetLabel(messages: InputTimeZoneMessages, offsetLabel: string, groupLabel: string): string {\n  return messages.timeZoneLabel.replace(\"{offset}\", offsetLabel).replace(\"{cities}\", groupLabel);\n}\n\nfunction getTimeZoneShortOffset(\n  timeZone: TimeZone,\n  locale: SupportedLocale,\n  referenceDateInMs: number = Date.now(),\n): string {\n  const dateTimeFormat = getDateTimeFormat(locale, { timeZone, timeZoneName: \"shortOffset\" });\n  const parts = dateTimeFormat.formatToParts(referenceDateInMs);\n  return parts.find(({ type }) => type === \"timeZoneName\").value;\n}\n\nfunction isGroup(item: TimeZoneItem | TimeZoneItemGroup): item is TimeZoneItemGroup {\n  return (item as TimeZoneItemGroup).items !== undefined;\n}\n\nfunction flattenTimeZoneItems(timeZoneItems: TimeZoneItem[] | TimeZoneItemGroup[]): TimeZoneItem[] {\n  return isGroup(timeZoneItems[0]) ? timeZoneItems.flatMap((item) => item.items) : timeZoneItems;\n}\n\nexport function findTimeZoneItemByProp(\n  timeZoneItems: TimeZoneItem[] | TimeZoneItemGroup[],\n  prop: string,\n  valueToMatch: string | number | null,\n): TimeZoneItem | null {\n  return valueToMatch == null\n    ? null\n    : flattenTimeZoneItems(timeZoneItems).find(\n        (item) =>\n          // intentional == to match string to number\n          item[prop] == valueToMatch,\n      );\n}\n",":host {\n  display: block;\n}\n\n.offset {\n  white-space: nowrap;\n}\n\n@include base-component();\n@include disabled();\n@include hidden-form-input();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  SupportedLocale,\n} from \"../../utils/locale\";\nimport { Scale, Status } from \"../interfaces\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n} from \"../../utils/form\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS } from \"./resources\";\nimport {\n  createTimeZoneItems,\n  findTimeZoneItemByProp,\n  getMessageOrKeyFallback,\n  getSelectedRegionTimeZoneLabel,\n  getUserTimeZoneName,\n  getUserTimeZoneOffset,\n} from \"./utils\";\nimport { InputTimeZoneMessages } from \"./assets/input-time-zone/t9n\";\nimport { OffsetStyle, TimeZoneItem, TimeZoneItemGroup, TimeZoneMode } from \"./interfaces\";\n\n@Component({\n  tag: \"calcite-input-time-zone\",\n  styleUrl: \"input-time-zone.scss\",\n  assetsDirs: [\"assets\"],\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class InputTimeZone\n  implements\n    FormComponent,\n    InteractiveComponent,\n    LabelableComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, an empty value (`null`) will be allowed as a `value`.\n   *\n   * When `false`, an offset or name value is enforced, and clearing the input or blurring will restore the last valid `value`.\n   */\n  @Prop({ reflect: true }) clearable = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /** Specifies the component's maximum number of options to display before displaying a scrollbar. */\n  @Prop({ reflect: true }) maxItems = 0;\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: InputTimeZoneMessages;\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<InputTimeZoneMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * This specifies the type of `value` and the associated options presented to the user:\n   *\n   * Using `\"offset\"` will provide options that show timezone offsets.\n   *\n   * Using `\"name\"` will provide options that show the IANA time zone names.\n   *\n   * @default \"offset\"\n   */\n  @Prop({ reflect: true }) mode: TimeZoneMode = \"offset\";\n\n  @Watch(\"messages\")\n  @Watch(\"mode\")\n  @Watch(\"referenceDate\")\n  handleTimeZoneItemPropsChange(): void {\n    this.updateTimeZoneItemsAndSelection();\n  }\n\n  /**\n   * Specifies how the offset will be displayed, where\n   *\n   * `\"user\"` uses `UTC` or `GMT` depending on the user's locale,\n   * `\"gmt\"` always uses `GMT`, and\n   * `\"utc\"` always uses `UTC`.\n   *\n   * This only applies to the `offset` mode.\n   *\n   * @default \"user\"\n   */\n  @Prop({ reflect: true }) offsetStyle: OffsetStyle = \"user\";\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: IconNameOrString | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, displays and positions the component. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /**\n   * This `date` will be used as a reference to Daylight Savings Time when creating time zone item groups.\n   *\n   * It can be either a Date instance or a string in ISO format (`\"YYYY-MM-DD\"`, `\"YYYY-MM-DDTHH:MM:SS.SSSZ\"`).\n   *\n   * @see [Date.prototype.toISOString](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)\n   */\n  @Prop() referenceDate: Date | string;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * The component's value, where the value is the time zone offset or the difference, in minutes, between the selected time zone and UTC.\n   *\n   * If no value is provided, the user's time zone offset will be selected by default.\n   *\n   * @see https://www.w3.org/International/core/2005/09/timezone.html#:~:text=What%20is%20a%20%22zone%20offset,or%20%22%2D%22%20from%20UTC.\n   */\n  @Prop({ mutable: true }) value: string;\n\n  @Watch(\"value\")\n  handleValueChange(value: string, oldValue: string): void {\n    value = this.normalizeValue(value);\n\n    if (!value && this.clearable) {\n      this.value = value;\n      this.selectedTimeZoneItem = null;\n      return;\n    }\n\n    const timeZoneItem = this.findTimeZoneItem(value);\n\n    if (!timeZoneItem) {\n      this.value = oldValue;\n      return;\n    }\n\n    this.selectedTimeZoneItem = timeZoneItem;\n  }\n\n  /**\n   * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    await this.comboboxEl.setFocus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is requested to be closed and before the closing transition begins.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneBeforeClose: EventEmitter<void>;\n\n  /**\n   * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneBeforeOpen: EventEmitter<void>;\n\n  /**\n   * Fires when the component's `value` changes.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneChange: EventEmitter<void>;\n\n  /**\n   * Fires after the component is closed and animation is complete.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneClose: EventEmitter<void>;\n\n  /**\n   * Fires after the component is opened and animation is complete.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputTimeZoneElement;\n\n  private comboboxEl: HTMLCalciteComboboxElement;\n\n  @State() defaultMessages: InputTimeZoneMessages;\n\n  defaultValue: InputTimeZone[\"value\"];\n\n  @State() effectiveLocale: SupportedLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  private selectedTimeZoneItem: TimeZoneItem;\n\n  private timeZoneItems: TimeZoneItem[] | TimeZoneItemGroup[];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private setComboboxRef = (el: HTMLCalciteComboboxElement): void => {\n    this.comboboxEl = el;\n  };\n\n  /**\n   * Helps override the selected item's label for region mode outside of item rendering logic to avoid flickering text change\n   *\n   * @param open\n   * @private\n   */\n  private overrideSelectedLabelForRegion(open: boolean): void {\n    if (this.mode !== \"region\" || !this.selectedTimeZoneItem) {\n      return;\n    }\n\n    const { label, metadata } = this.selectedTimeZoneItem;\n    this.comboboxEl.selectedItems[0].textLabel = open\n      ? label\n      : getSelectedRegionTimeZoneLabel(label, metadata.country, this.messages);\n  }\n\n  private onComboboxBeforeClose = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.overrideSelectedLabelForRegion(false);\n    this.calciteInputTimeZoneBeforeClose.emit();\n  };\n\n  private onComboboxBeforeOpen = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.overrideSelectedLabelForRegion(true);\n    this.calciteInputTimeZoneBeforeOpen.emit();\n  };\n\n  private onComboboxChange = (event: CustomEvent): void => {\n    event.stopPropagation();\n    const combobox = event.target as HTMLCalciteComboboxElement;\n    const selectedItem = combobox.selectedItems[0];\n\n    if (!selectedItem) {\n      this.value = null;\n      this.selectedTimeZoneItem = null;\n      this.calciteInputTimeZoneChange.emit();\n      return;\n    }\n\n    const selected = this.findTimeZoneItemByLabel(selectedItem.textLabel);\n\n    const selectedValue = `${selected.value}`;\n\n    if (this.value === selectedValue && selected.label === this.selectedTimeZoneItem.label) {\n      return;\n    }\n\n    this.value = selectedValue;\n    this.selectedTimeZoneItem = selected;\n    this.calciteInputTimeZoneChange.emit();\n  };\n\n  private onComboboxClose = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.open = false;\n    this.calciteInputTimeZoneClose.emit();\n  };\n\n  private onComboboxOpen = (event: CustomEvent): void => {\n    this.open = true;\n    event.stopPropagation();\n    this.calciteInputTimeZoneOpen.emit();\n  };\n\n  private findTimeZoneItem(value: number | string | null): TimeZoneItem | null {\n    return findTimeZoneItemByProp(this.timeZoneItems, \"value\", value);\n  }\n\n  private findTimeZoneItemByLabel(label: string | null): TimeZoneItem | null {\n    return findTimeZoneItemByProp(this.timeZoneItems, \"label\", label);\n  }\n\n  private async updateTimeZoneItemsAndSelection(): Promise<void> {\n    this.timeZoneItems = await this.createTimeZoneItems();\n\n    if (this.value === \"\" && this.clearable) {\n      this.selectedTimeZoneItem = null;\n      return;\n    }\n\n    const fallbackValue = this.mode === \"offset\" ? getUserTimeZoneOffset() : getUserTimeZoneName();\n    const valueToMatch = this.value ?? fallbackValue;\n\n    this.selectedTimeZoneItem =\n      this.findTimeZoneItem(valueToMatch) || this.findTimeZoneItem(fallbackValue);\n  }\n\n  private async createTimeZoneItems(): Promise<TimeZoneItem[] | TimeZoneItemGroup[]> {\n    if (!this.effectiveLocale || !this.messages) {\n      return [];\n    }\n\n    return createTimeZoneItems(\n      this.effectiveLocale,\n      this.messages,\n      this.mode,\n      this.referenceDate instanceof Date\n        ? this.referenceDate\n        : new Date(this.referenceDate ?? Date.now()),\n      this.offsetStyle,\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectForm(this);\n    connectLabel(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectForm(this);\n    disconnectLabel(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  private normalizeValue(value: string | null): string {\n    return value === null ? \"\" : value;\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.value = this.normalizeValue(this.value);\n\n    await this.updateTimeZoneItemsAndSelection();\n\n    const selectedValue = this.selectedTimeZoneItem ? `${this.selectedTimeZoneItem.value}` : null;\n    afterConnectDefaultValueSet(this, selectedValue);\n    this.value = selectedValue;\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.overrideSelectedLabelForRegion(this.open);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <calcite-combobox\n            clearDisabled={!this.clearable}\n            disabled={this.disabled}\n            label={this.messages.chooseTimeZone}\n            lang={this.effectiveLocale}\n            maxItems={this.maxItems}\n            onCalciteComboboxBeforeClose={this.onComboboxBeforeClose}\n            onCalciteComboboxBeforeOpen={this.onComboboxBeforeOpen}\n            onCalciteComboboxChange={this.onComboboxChange}\n            onCalciteComboboxClose={this.onComboboxClose}\n            onCalciteComboboxOpen={this.onComboboxOpen}\n            open={this.open}\n            overlayPositioning={this.overlayPositioning}\n            placeholder={\n              this.mode === \"name\"\n                ? this.messages.namePlaceholder\n                : this.mode === \"offset\"\n                  ? this.messages.offsetPlaceholder\n                  : this.messages.regionPlaceholder\n            }\n            placeholderIcon=\"search\"\n            readOnly={this.readOnly}\n            ref={this.setComboboxRef}\n            scale={this.scale}\n            selectionMode={this.clearable ? \"single\" : \"single-persist\"}\n            status={this.status}\n            validation-icon={this.validationIcon}\n            validation-message={this.validationMessage}\n          >\n            {this.renderItems()}\n          </calcite-combobox>\n          <HiddenFormInputSlot component={this} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  private renderItems(): VNode[] {\n    if (this.mode === \"region\") {\n      return this.renderRegionItems();\n    }\n\n    return this.timeZoneItems.map((group) => {\n      const selected = this.selectedTimeZoneItem === group;\n      const { label, value } = group;\n\n      return (\n        <calcite-combobox-item\n          data-value={value}\n          key={label}\n          selected={selected}\n          textLabel={label}\n          value={`${group.filterValue}`}\n        />\n      );\n    });\n  }\n\n  private renderRegionItems(): VNode[] {\n    return (this.timeZoneItems as TimeZoneItemGroup[]).flatMap(({ label, items }) => (\n      <calcite-combobox-item-group\n        key={label}\n        label={getMessageOrKeyFallback(this.messages, label)}\n      >\n        {items.map((item) => {\n          const selected = this.selectedTimeZoneItem === item;\n          const { label, value } = item;\n\n          return (\n            <calcite-combobox-item\n              data-value={value}\n              description={getMessageOrKeyFallback(this.messages, item.metadata.country)}\n              key={label}\n              metadata={item.metadata}\n              selected={selected}\n              textLabel={label}\n              value={`${item.filterValue}`}\n            >\n              <span class={CSS.offset} slot=\"content-end\">\n                {item.metadata.offset}\n              </span>\n            </calcite-combobox-item>\n          );\n        })}\n      </calcite-combobox-item-group>\n    ));\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-50fa027f.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{e}from"./p-17581615.js";import{w as o}from"./p-cbc54e80.js";const n=e;function r(e){return"opened"in e?e.opened:e.open}function i(e){n((()=>{if(!e.transitionEl){return}o(e.transitionEl,e.openTransitionProp,(()=>{if(r(e)){e.onBeforeOpen()}else{e.onBeforeClose()}}),(()=>{if(r(e)){e.onOpen()}else{e.onClose()}}))}))}export{i as o};
+//# sourceMappingURL=p-50fa027f.js.map

package/dist/calcite/p-51536b75.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+const a={"Africa/Abidjan":"CI","Africa/Accra":"GH","Africa/Addis_Ababa":"ET","Africa/Algiers":"DZ","Africa/Asmara":"ER","Africa/Bamako":"ML","Africa/Bangui":"CF","Africa/Banjul":"GM","Africa/Bissau":"GW","Africa/Blantyre":"MW","Africa/Brazzaville":"CG","Africa/Bujumbura":"BI","Africa/Cairo":"EG","Africa/Casablanca":"MA","Africa/Ceuta":"ES","Africa/Conakry":"GN","Africa/Dakar":"SN","Africa/Dar_es_Salaam":"TZ","Africa/Djibouti":"DJ","Africa/Douala":"CM","Africa/El_Aaiun":"EH","Africa/Freetown":"SL","Africa/Gaborone":"BW","Africa/Harare":"ZW","Africa/Johannesburg":"ZA","Africa/Juba":"SS","Africa/Kampala":"UG","Africa/Khartoum":"SD","Africa/Kigali":"RW","Africa/Kinshasa":"CD","Africa/Lagos":"NG","Africa/Libreville":"GA","Africa/Lome":"TG","Africa/Luanda":"AO","Africa/Lubumbashi":"CD","Africa/Lusaka":"ZM","Africa/Malabo":"GQ","Africa/Maputo":"MZ","Africa/Maseru":"LS","Africa/Mbabane":"SZ","Africa/Mogadishu":"SO","Africa/Monrovia":"LR","Africa/Nairobi":"KE","Africa/Ndjamena":"TD","Africa/Niamey":"NE","Africa/Nouakchott":"MR","Africa/Ouagadougou":"BF","Africa/Porto-Novo":"BJ","Africa/Sao_Tome":"ST","Africa/Timbuktu":"ML","Africa/Tripoli":"LY","Africa/Tunis":"TN","Africa/Windhoek":"NA","America/Adak":"US","America/Anchorage":"US","America/Anguilla":"AI","America/Antigua":"AG","America/Araguaina":"BR","America/Argentina/Buenos_Aires":"AR","America/Argentina/Catamarca":"AR","America/Argentina/ComodRivadavia":"AR","America/Argentina/Cordoba":"AR","America/Argentina/Jujuy":"AR","America/Argentina/La_Rioja":"AR","America/Argentina/Mendoza":"AR","America/Argentina/Rio_Gallegos":"AR","America/Argentina/Salta":"AR","America/Argentina/San_Juan":"AR","America/Argentina/San_Luis":"AR","America/Argentina/Tucuman":"AR","America/Argentina/Ushuaia":"AR","America/Aruba":"AW","America/Asuncion":"PY","America/Atikokan":"CA","America/Bahia":"BR","America/Bahia_Banderas":"MX","America/Barbados":"BB","America/Belem":"BR","America/Belize":"BZ","America/Blanc-Sablon":"CA","America/Boa_Vista":"BR","America/Bogota":"CO","America/Boise":"US","America/Cambridge_Bay":"CA","America/Campo_Grande":"BR","America/Cancun":"MX","America/Caracas":"VE","America/Cayenne":"GF","America/Cayman":"KY","America/Chicago":"US","America/Chihuahua":"MX","America/Ciudad_Juarez":"MX","America/Coral_Harbour":"CA","America/Costa_Rica":"CR","America/Creston":"CA","America/Cuiaba":"BR","America/Curacao":"CW","America/Danmarkshavn":"GL","America/Dawson":"CA","America/Dawson_Creek":"CA","America/Denver":"US","America/Detroit":"US","America/Dominica":"DM","America/Edmonton":"CA","America/Eirunepe":"BR","America/El_Salvador":"SV","America/Ensenada":"MX","America/Fort_Nelson":"CA","America/Fortaleza":"BR","America/Glace_Bay":"CA","America/Goose_Bay":"CA","America/Grand_Turk":"TC","America/Grenada":"GD","America/Guadeloupe":"GP","America/Guatemala":"GT","America/Guayaquil":"EC","America/Guyana":"GY","America/Halifax":"CA","America/Havana":"CU","America/Hermosillo":"MX","America/Indiana/Indianapolis":"US","America/Indiana/Knox":"US","America/Indiana/Marengo":"US","America/Indiana/Petersburg":"US","America/Indiana/Tell_City":"US","America/Indiana/Vevay":"US","America/Indiana/Vincennes":"US","America/Indiana/Winamac":"US","America/Inuvik":"CA","America/Iqaluit":"CA","America/Jamaica":"JM","America/Juneau":"US","America/Kentucky/Louisville":"US","America/Kentucky/Monticello":"US","America/La_Paz":"BO","America/Lima":"PE","America/Los_Angeles":"US","America/Maceio":"BR","America/Managua":"NI","America/Manaus":"BR","America/Martinique":"MQ","America/Matamoros":"MX","America/Mazatlan":"MX","America/Menominee":"US","America/Merida":"MX","America/Metlakatla":"US","America/Mexico_City":"MX","America/Miquelon":"PM","America/Moncton":"CA","America/Monterrey":"MX","America/Montevideo":"UY","America/Montreal":"CA","America/Montserrat":"MS","America/Nassau":"BS","America/New_York":"US","America/Nipigon":"CA","America/Nome":"US","America/Noronha":"BR","America/North_Dakota/Beulah":"US","America/North_Dakota/Center":"US","America/North_Dakota/New_Salem":"US","America/Nuuk":"GL","America/Ojinaga":"MX","America/Panama":"PA","America/Pangnirtung":"CA","America/Paramaribo":"SR","America/Phoenix":"US","America/Port-au-Prince":"HT","America/Port_of_Spain":"TT","America/Porto_Velho":"BR","America/Puerto_Rico":"PR","America/Punta_Arenas":"CL","America/Rainy_River":"CA","America/Rankin_Inlet":"CA","America/Recife":"BR","America/Regina":"CA","America/Resolute":"CA","America/Rio_Branco":"BR","America/Rosario":"AR","America/Santarem":"BR","America/Santiago":"CL","America/Santo_Domingo":"DO","America/Sao_Paulo":"BR","America/Scoresbysund":"GL","America/Sitka":"US","America/St_Johns":"CA","America/St_Kitts":"KN","America/St_Lucia":"LC","America/St_Thomas":"VI","America/St_Vincent":"VC","America/Swift_Current":"CA","America/Tegucigalpa":"HN","America/Thule":"GL","America/Thunder_Bay":"CA","America/Tijuana":"MX","America/Toronto":"CA","America/Tortola":"VG","America/Vancouver":"CA","America/Whitehorse":"CA","America/Winnipeg":"CA","America/Yakutat":"US","America/Yellowknife":"CA","Antarctica/Casey":"AQ","Antarctica/Davis":"AQ","Antarctica/DumontDUrville":"AQ","Antarctica/Macquarie":"AU","Antarctica/Mawson":"AQ","Antarctica/McMurdo":"AQ","Antarctica/Palmer":"AQ","Antarctica/Rothera":"AQ","Antarctica/Syowa":"AQ","Antarctica/Troll":"AQ","Antarctica/Vostok":"AQ","Asia/Aden":"YE","Asia/Almaty":"KZ","Asia/Amman":"JO","Asia/Anadyr":"RU","Asia/Aqtau":"KZ","Asia/Aqtobe":"KZ","Asia/Ashgabat":"TM","Asia/Atyrau":"KZ","Asia/Baghdad":"IQ","Asia/Bahrain":"BH","Asia/Baku":"AZ","Asia/Bangkok":"TH","Asia/Barnaul":"RU","Asia/Beirut":"LB","Asia/Bishkek":"KG","Asia/Brunei":"BN","Asia/Chita":"RU","Asia/Choibalsan":"MN","Asia/Chongqing":"CN","Asia/Colombo":"LK","Asia/Damascus":"SY","Asia/Dhaka":"BD","Asia/Dili":"TL","Asia/Dubai":"AE","Asia/Dushanbe":"TJ","Asia/Famagusta":"CY","Asia/Gaza":"PS","Asia/Harbin":"CN","Asia/Hebron":"PS","Asia/Ho_Chi_Minh":"VN","Asia/Hong_Kong":"HK","Asia/Hovd":"MN","Asia/Irkutsk":"RU","Asia/Jakarta":"ID","Asia/Jayapura":"ID","Asia/Jerusalem":"IL","Asia/Kabul":"AF","Asia/Kamchatka":"RU","Asia/Karachi":"PK","Asia/Kashgar":"CN","Asia/Kathmandu":"NP","Asia/Khandyga":"RU","Asia/Kolkata":"IN","Asia/Krasnoyarsk":"RU","Asia/Kuala_Lumpur":"MY","Asia/Kuching":"MY","Asia/Kuwait":"KW","Asia/Macau":"MO","Asia/Magadan":"RU","Asia/Makassar":"ID","Asia/Manila":"PH","Asia/Muscat":"OM","Asia/Nicosia":"CY","Asia/Novokuznetsk":"RU","Asia/Novosibirsk":"RU","Asia/Omsk":"RU","Asia/Oral":"KZ","Asia/Phnom_Penh":"KH","Asia/Pontianak":"ID","Asia/Pyongyang":"KP","Asia/Qatar":"QA","Asia/Qostanay":"KZ","Asia/Qyzylorda":"KZ","Asia/Riyadh":"SA","Asia/Sakhalin":"RU","Asia/Samarkand":"UZ","Asia/Seoul":"KR","Asia/Shanghai":"CN","Asia/Singapore":"SG","Asia/Srednekolymsk":"RU","Asia/Taipei":"TW","Asia/Tashkent":"UZ","Asia/Tbilisi":"GE","Asia/Tehran":"IR","Asia/Tel_Aviv":"IL","Asia/Thimphu":"BT","Asia/Tokyo":"JP","Asia/Tomsk":"RU","Asia/Ulaanbaatar":"MN","Asia/Urumqi":"CN","Asia/Ust-Nera":"RU","Asia/Vientiane":"LA","Asia/Vladivostok":"RU","Asia/Yakutsk":"RU","Asia/Yangon":"MM","Asia/Yekaterinburg":"RU","Asia/Yerevan":"AM","Atlantic/Azores":"PT","Atlantic/Bermuda":"BM","Atlantic/Canary":"ES","Atlantic/Cape_Verde":"CV","Atlantic/Faroe":"FO","Atlantic/Jan_Mayen":"SJ","Atlantic/Madeira":"PT","Atlantic/Reykjavik":"IS","Atlantic/South_Georgia":"GS","Atlantic/St_Helena":"SH","Atlantic/Stanley":"FK","Australia/Adelaide":"AU","Australia/Brisbane":"AU","Australia/Broken_Hill":"AU","Australia/Currie":"AU","Australia/Darwin":"AU","Australia/Eucla":"AU","Australia/Hobart":"AU","Australia/Lindeman":"AU","Australia/Lord_Howe":"AU","Australia/Melbourne":"AU","Australia/Perth":"AU","Australia/Sydney":"AU","Europe/Amsterdam":"NL","Europe/Andorra":"AD","Europe/Astrakhan":"RU","Europe/Athens":"GR","Europe/Belfast":"GB","Europe/Belgrade":"RS","Europe/Berlin":"DE","Europe/Brussels":"BE","Europe/Bucharest":"RO","Europe/Budapest":"HU","Europe/Chisinau":"MD","Europe/Copenhagen":"DK","Europe/Dublin":"IE","Europe/Gibraltar":"GI","Europe/Guernsey":"GG","Europe/Helsinki":"FI","Europe/Isle_of_Man":"IM","Europe/Istanbul":"TR","Europe/Jersey":"JE","Europe/Kaliningrad":"RU","Europe/Kirov":"RU","Europe/Kyiv":"UA","Europe/Lisbon":"PT","Europe/Ljubljana":"SI","Europe/London":"GB","Europe/Luxembourg":"LU","Europe/Madrid":"ES","Europe/Malta":"MT","Europe/Minsk":"BY","Europe/Monaco":"MC","Europe/Moscow":"RU","Europe/Oslo":"NO","Europe/Paris":"FR","Europe/Prague":"CZ","Europe/Riga":"LV","Europe/Rome":"IT","Europe/Samara":"RU","Europe/Sarajevo":"BA","Europe/Saratov":"RU","Europe/Simferopol":"UA","Europe/Skopje":"MK","Europe/Sofia":"BG","Europe/Stockholm":"SE","Europe/Tallinn":"EE","Europe/Tirane":"AL","Europe/Tiraspol":"MD","Europe/Ulyanovsk":"RU","Europe/Uzhgorod":"UA","Europe/Vaduz":"LI","Europe/Vienna":"AT","Europe/Vilnius":"LT","Europe/Volgograd":"RU","Europe/Warsaw":"PL","Europe/Zagreb":"HR","Europe/Zaporozhye":"UA","Europe/Zurich":"CH","Indian/Antananarivo":"MG","Indian/Chagos":"IO","Indian/Christmas":"CX","Indian/Cocos":"CC","Indian/Comoro":"KM","Indian/Kerguelen":"TF","Indian/Mahe":"SC","Indian/Maldives":"MV","Indian/Mauritius":"MU","Indian/Mayotte":"YT","Indian/Reunion":"RE","Pacific/Apia":"WS","Pacific/Auckland":"NZ","Pacific/Bougainville":"PG","Pacific/Chatham":"NZ","Pacific/Chuuk":"FM","Pacific/Easter":"CL","Pacific/Efate":"VU","Pacific/Enderbury":"KI","Pacific/Fakaofo":"TK","Pacific/Fiji":"FJ","Pacific/Funafuti":"TV","Pacific/Galapagos":"EC","Pacific/Gambier":"PF","Pacific/Guadalcanal":"SB","Pacific/Guam":"GU","Pacific/Honolulu":"US","Pacific/Johnston":"US","Pacific/Kanton":"KI","Pacific/Kiritimati":"KI","Pacific/Kosrae":"FM","Pacific/Kwajalein":"MH","Pacific/Majuro":"MH","Pacific/Marquesas":"PF","Pacific/Midway":"UM","Pacific/Nauru":"NR","Pacific/Niue":"NU","Pacific/Norfolk":"NF","Pacific/Noumea":"NC","Pacific/Pago_Pago":"AS","Pacific/Palau":"PW","Pacific/Pitcairn":"PN","Pacific/Pohnpei":"FM","Pacific/Port_Moresby":"PG","Pacific/Rarotonga":"CK","Pacific/Saipan":"MP","Pacific/Tahiti":"PF","Pacific/Tarawa":"KI","Pacific/Tongatapu":"TO","Pacific/Wake":"UM","Pacific/Wallis":"WF"};function i(i){return a[i]||i}export{i as getCountry};
+//# sourceMappingURL=p-51536b75.js.map

package/dist/calcite/p-52a3a1d9.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{d as _}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";var p={name:"el",weekdays:"Κυριακή_Δευτέρα_Τρίτη_Τετάρτη_Πέμπτη_Παρασκευή_Σάββατο".split("_"),weekdaysShort:"Κυρ_Δευ_Τρι_Τετ_Πεμ_Παρ_Σαβ".split("_"),weekdaysMin:"Κυ_Δε_Τρ_Τε_Πε_Πα_Σα".split("_"),months:"Ιανουάριος_Φεβρουάριος_Μάρτιος_Απρίλιος_Μάιος_Ιούνιος_Ιούλιος_Αύγουστος_Σεπτέμβριος_Οκτώβριος_Νοέμβριος_Δεκέμβριος".split("_"),monthsShort:"Ιαν_Φεβ_Μαρ_Απρ_Μαι_Ιουν_Ιουλ_Αυγ_Σεπτ_Οκτ_Νοε_Δεκ".split("_"),ordinal:function _(p){return p},weekStart:1,relativeTime:{future:"σε %s",past:"πριν %s",s:"μερικά δευτερόλεπτα",m:"ένα λεπτό",mm:"%d λεπτά",h:"μία ώρα",hh:"%d ώρες",d:"μία μέρα",dd:"%d μέρες",M:"ένα μήνα",MM:"%d μήνες",y:"ένα χρόνο",yy:"%d χρόνια"},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"}};_.locale(p,null,true);export{p as default};
+//# sourceMappingURL=p-52a3a1d9.js.map

package/dist/calcite/p-52d11871.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as t,c as e,h as i,g as s}from"./p-17581615.js";import{u as a,I as n}from"./p-176e985b.js";import{c as o}from"./p-fbf41cbc.js";import{d as r,c}from"./p-2d3f5f11.js";import{d}from"./p-cbc54e80.js";import"./p-6861beb6.js";import"./p-3cf89117.js";import"./p-d32e5254.js";const l={sortItem:"sort-item",container:"container",containerHorizontal:"container--horizontal",containerVertical:"container--vertical"};const h=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}:host([hidden]){display:none}[hidden]{display:none}";const f=h;const b=class{constructor(i){t(this,i);this.calciteListOrderChange=e(this,"calciteListOrderChange",6);this.items=[];this.mutationObserver=o("mutation",(()=>{this.setUpSorting()}));this.dragEnabled=true;this.canPull=undefined;this.canPut=undefined;this.dragSelector=undefined;this.group=undefined;this.handleSelector="calcite-handle";this.layout="vertical";this.disabled=false;this.loading=false}connectedCallback(){this.setUpSorting();this.beginObserving()}disconnectedCallback(){r(this);this.endObserving()}componentDidRender(){a(this)}calciteHandleNudgeNextHandler(t){this.handleNudgeEvent(t)}onGlobalDragStart(){this.endObserving()}onGlobalDragEnd(){this.beginObserving()}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.children);this.calciteListOrderChange.emit()}handleNudgeEvent(t){const{direction:e}=t.detail;const i=t.composedPath().find((t=>t.matches(this.handleSelector)));const s=this.items.find((e=>e.contains(i)||t.composedPath().includes(e)));const a=this.items.length-1;const n=this.items.indexOf(s);let o=false;let r;if(e==="up"){if(n===0){o=true}else{r=n-1}}else{if(n===a){r=0}else if(n===a-1){o=true}else{r=n+2}}this.endObserving();if(o){s.parentElement.appendChild(s)}else{s.parentElement.insertBefore(s,this.items[r])}this.items=Array.from(this.el.children);this.beginObserving();requestAnimationFrame((()=>d(i)));if("selected"in i){i.selected=true}}setUpSorting(){this.items=Array.from(this.el.children);c(this)}beginObserving(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}endObserving(){this.mutationObserver?.disconnect()}render(){const{disabled:t,layout:e}=this;const s=e==="horizontal"||false;return i(n,{key:"ca06679a5125fc9f898b266ec4cf7dd01d93188b",disabled:t},i("div",{key:"6fa3e204aa6dabed072c9fc7c98b636233140435",class:{[l.container]:true,[l.containerVertical]:!s,[l.containerHorizontal]:s}},i("slot",{key:"5b7e125fa233a0b8f271bade912c9af3529eb918"})))}get el(){return s(this)}};b.style=f;export{b as calcite_sortable_list};
+//# sourceMappingURL=p-52d11871.entry.js.map

package/dist/calcite/p-52d11871.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","sortItem","container","containerHorizontal","containerVertical","sortableListCss","CalciteSortableListStyle0","SortableList","this","items","mutationObserver","createObserver","setUpSorting","dragEnabled","connectedCallback","beginObserving","disconnectedCallback","disconnectSortableComponent","endObserving","componentDidRender","updateHostInteraction","calciteHandleNudgeNextHandler","event","handleNudgeEvent","onGlobalDragStart","onGlobalDragEnd","onDragEnd","onDragStart","onDragSort","Array","from","el","children","calciteListOrderChange","emit","direction","detail","handle","composedPath","find","matches","handleSelector","item","contains","includes","lastIndex","length","startingIndex","indexOf","appendInstead","buddyIndex","parentElement","appendChild","insertBefore","requestAnimationFrame","focusElement","selected","connectSortableComponent","observe","childList","subtree","disconnect","render","disabled","layout","horizontal","h","InteractiveContainer","key","class"],"sources":["src/components/sortable-list/resources.ts","src/components/sortable-list/sortable-list.scss?tag=calcite-sortable-list&encapsulation=shadow","src/components/sortable-list/sortable-list.tsx"],"sourcesContent":["export const CSS = {\n  sortItem: \"sort-item\",\n  container: \"container\",\n  containerHorizontal: \"container--horizontal\",\n  containerVertical: \"container--vertical\",\n};\n",":host {\n  @apply flex;\n}\n\n@include disabled();\n\n.container {\n  @apply flex flex-auto;\n}\n\n.container--vertical {\n  @apply flex-col;\n}\n\n.container--horizontal {\n  @apply flex-row;\n}\n\n@include base-component();\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, VNode } from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { HandleNudge } from \"../handle/interfaces\";\nimport { Layout } from \"../interfaces\";\nimport {\n  DragDetail,\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n} from \"../../utils/sortableComponent\";\nimport { focusElement } from \"../../utils/dom\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding sortable items.\n */\n@Component({\n  tag: \"calcite-sortable-list\",\n  styleUrl: \"sortable-list.scss\",\n  shadow: true,\n})\nexport class SortableList implements InteractiveComponent, SortableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When provided, the method will be called to determine whether the element can  move from the list.\n   */\n  @Prop() canPull: (detail: DragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: DragDetail) => boolean;\n\n  /**\n   * Specifies which items inside the element should be draggable.\n   */\n  @Prop({ reflect: true }) dragSelector?: string;\n\n  /**\n   * The list's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * The selector for the handle elements.\n   */\n  @Prop({ reflect: true }) handleSelector = \"calcite-handle\";\n\n  /**\n   * Indicates the horizontal or vertical orientation of the component.\n   */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\" | \"grid\", Layout> = \"vertical\";\n\n  /**\n   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When true, content is waiting to be loaded. This state shows a busy indicator.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSortableListElement;\n\n  items: Element[] = [];\n\n  mutationObserver = createObserver(\"mutation\", () => {\n    this.setUpSorting();\n  });\n\n  sortable: Sortable;\n\n  dragEnabled = true;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.setUpSorting();\n    this.beginObserving();\n  }\n\n  disconnectedCallback(): void {\n    disconnectSortableComponent(this);\n    this.endObserving();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emitted when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<void>;\n\n  @Listen(\"calciteHandleNudge\")\n  calciteHandleNudgeNextHandler(event: CustomEvent<HandleNudge>): void {\n    this.handleNudgeEvent(event);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onGlobalDragStart(): void {\n    this.endObserving();\n  }\n\n  onGlobalDragEnd(): void {\n    this.beginObserving();\n  }\n\n  onDragEnd(): void {}\n\n  onDragStart(): void {}\n\n  onDragSort(): void {\n    this.items = Array.from(this.el.children);\n    this.calciteListOrderChange.emit();\n  }\n\n  handleNudgeEvent(event: CustomEvent<HandleNudge>): void {\n    const { direction } = event.detail;\n\n    const handle = event\n      .composedPath()\n      .find((el: HTMLElement) => el.matches(this.handleSelector)) as HTMLElement;\n\n    const sortItem = this.items.find((item) => {\n      return item.contains(handle) || event.composedPath().includes(item);\n    });\n\n    const lastIndex = this.items.length - 1;\n    const startingIndex = this.items.indexOf(sortItem);\n    let appendInstead = false;\n    let buddyIndex: number;\n\n    if (direction === \"up\") {\n      if (startingIndex === 0) {\n        appendInstead = true;\n      } else {\n        buddyIndex = startingIndex - 1;\n      }\n    } else {\n      if (startingIndex === lastIndex) {\n        buddyIndex = 0;\n      } else if (startingIndex === lastIndex - 1) {\n        appendInstead = true;\n      } else {\n        buddyIndex = startingIndex + 2;\n      }\n    }\n\n    this.endObserving();\n\n    if (appendInstead) {\n      sortItem.parentElement.appendChild(sortItem);\n    } else {\n      sortItem.parentElement.insertBefore(sortItem, this.items[buddyIndex]);\n    }\n\n    this.items = Array.from(this.el.children);\n\n    this.beginObserving();\n    requestAnimationFrame(() => focusElement(handle));\n\n    if (\"selected\" in handle) {\n      handle.selected = true;\n    }\n  }\n\n  setUpSorting(): void {\n    this.items = Array.from(this.el.children);\n    connectSortableComponent(this);\n  }\n\n  beginObserving(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  endObserving(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { disabled, layout } = this;\n    const horizontal = layout === \"horizontal\" || false;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerVertical]: !horizontal,\n            [CSS.containerHorizontal]: horizontal,\n          }}\n        >\n          <slot />\n        </div>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":";;;;;qRAAO,MAAMA,EAAM,CACjBC,SAAU,YACVC,UAAW,YACXC,oBAAqB,wBACrBC,kBAAmB,uBCJrB,MAAMC,EAAkB,yhBACxB,MAAAC,EAAeD,E,MC0BFE,EAAY,M,wFAyDvBC,KAAAC,MAAmB,GAEnBD,KAAAE,iBAAmBC,EAAe,YAAY,KAC5CH,KAAKI,cAAc,IAKrBJ,KAAAK,YAAc,K,kHAjC4B,iB,YAK6C,W,cAKnD,M,aAKD,K,CA0BnC,iBAAAC,GACEN,KAAKI,eACLJ,KAAKO,gB,CAGP,oBAAAC,GACEC,EAA4BT,MAC5BA,KAAKU,c,CAGP,kBAAAC,GACEC,EAAsBZ,K,CAexB,6BAAAa,CAA8BC,GAC5Bd,KAAKe,iBAAiBD,E,CASxB,iBAAAE,GACEhB,KAAKU,c,CAGP,eAAAO,GACEjB,KAAKO,gB,CAGP,SAAAW,GAAS,CAET,WAAAC,GAAW,CAEX,UAAAC,GACEpB,KAAKC,MAAQoB,MAAMC,KAAKtB,KAAKuB,GAAGC,UAChCxB,KAAKyB,uBAAuBC,M,CAG9B,gBAAAX,CAAiBD,GACf,MAAMa,UAAEA,GAAcb,EAAMc,OAE5B,MAAMC,EAASf,EACZgB,eACAC,MAAMR,GAAoBA,EAAGS,QAAQhC,KAAKiC,kBAE7C,MAAMxC,EAAWO,KAAKC,MAAM8B,MAAMG,GACzBA,EAAKC,SAASN,IAAWf,EAAMgB,eAAeM,SAASF,KAGhE,MAAMG,EAAYrC,KAAKC,MAAMqC,OAAS,EACtC,MAAMC,EAAgBvC,KAAKC,MAAMuC,QAAQ/C,GACzC,IAAIgD,EAAgB,MACpB,IAAIC,EAEJ,GAAIf,IAAc,KAAM,CACtB,GAAIY,IAAkB,EAAG,CACvBE,EAAgB,I,KACX,CACLC,EAAaH,EAAgB,C,MAE1B,CACL,GAAIA,IAAkBF,EAAW,CAC/BK,EAAa,C,MACR,GAAIH,IAAkBF,EAAY,EAAG,CAC1CI,EAAgB,I,KACX,CACLC,EAAaH,EAAgB,C,EAIjCvC,KAAKU,eAEL,GAAI+B,EAAe,CACjBhD,EAASkD,cAAcC,YAAYnD,E,KAC9B,CACLA,EAASkD,cAAcE,aAAapD,EAAUO,KAAKC,MAAMyC,G,CAG3D1C,KAAKC,MAAQoB,MAAMC,KAAKtB,KAAKuB,GAAGC,UAEhCxB,KAAKO,iBACLuC,uBAAsB,IAAMC,EAAalB,KAEzC,GAAI,aAAcA,EAAQ,CACxBA,EAAOmB,SAAW,I,EAItB,YAAA5C,GACEJ,KAAKC,MAAQoB,MAAMC,KAAKtB,KAAKuB,GAAGC,UAChCyB,EAAyBjD,K,CAG3B,cAAAO,GACEP,KAAKE,kBAAkBgD,QAAQlD,KAAKuB,GAAI,CAAE4B,UAAW,KAAMC,QAAS,M,CAGtE,YAAA1C,GACEV,KAAKE,kBAAkBmD,Y,CASzB,MAAAC,GACE,MAAMC,SAAEA,EAAQC,OAAEA,GAAWxD,KAC7B,MAAMyD,EAAaD,IAAW,cAAgB,MAE9C,OACEE,EAACC,EAAoB,CAAAC,IAAA,2CAACL,SAAUA,GAC9BG,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,CAACrE,EAAIE,WAAY,KACjB,CAACF,EAAII,oBAAqB6D,EAC1B,CAACjE,EAAIG,qBAAsB8D,IAG7BC,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/calcite/p-538e4de5.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{d as e}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";var s={name:"ca",weekdays:"Diumenge_Dilluns_Dimarts_Dimecres_Dijous_Divendres_Dissabte".split("_"),weekdaysShort:"Dg._Dl._Dt._Dc._Dj._Dv._Ds.".split("_"),weekdaysMin:"Dg_Dl_Dt_Dc_Dj_Dv_Ds".split("_"),months:"Gener_Febrer_Març_Abril_Maig_Juny_Juliol_Agost_Setembre_Octubre_Novembre_Desembre".split("_"),monthsShort:"Gen._Febr._Març_Abr._Maig_Juny_Jul._Ag._Set._Oct._Nov._Des.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [de] YYYY",LLL:"D MMMM [de] YYYY [a les] H:mm",LLLL:"dddd D MMMM [de] YYYY [a les] H:mm",ll:"D MMM YYYY",lll:"D MMM YYYY, H:mm",llll:"ddd D MMM YYYY, H:mm"},relativeTime:{future:"d'aquí %s",past:"fa %s",s:"uns segons",m:"un minut",mm:"%d minuts",h:"una hora",hh:"%d hores",d:"un dia",dd:"%d dies",M:"un mes",MM:"%d mesos",y:"un any",yy:"%d anys"},ordinal:function e(s){var r;if(s===1||s===3)r="r";else if(s===2)r="n";else if(s===4)r="t";else r="è";return""+s+r}};e.locale(s,null,true);export{s as default};
+//# sourceMappingURL=p-538e4de5.js.map

package/dist/calcite/p-54e1cc3e.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+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-54e1cc3e.js.map

package/dist/calcite/p-559d5428.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as i,h as e,H as t,g as s}from"./p-17581615.js";import{h as n}from"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";const o={valid:"check-circle",invalid:"exclamation-mark-triangle",idle:"information"};const c=":host{box-sizing:border-box;display:flex;block-size:auto;inline-size:100%;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);opacity:1;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;--calcite-input-message-spacing-value:0.25rem;margin-block-start:var(--calcite-input-message-spacing-value)}.calcite-input-message-icon{pointer-events:none;display:inline-flex;flex-shrink:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-inline-end:0.5rem}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-color-status-danger)}:host([status=warning]) .calcite-input-message-icon{color:var(--calcite-color-status-warning)}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-color-status-success)}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-color-brand)}:host([scale=s]){font-size:var(--calcite-font-size--3);line-height:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([hidden]){display:none}[hidden]{display:none}";const a=c;const l=class{constructor(e){i(this,e);this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.status="idle"}handleIconEl(){this.requestedIcon=n(o,this.icon,this.status)}connectedCallback(){this.requestedIcon=n(o,this.icon,this.status)}render(){const i=this.el.hidden;return e(t,{key:"4abc6b1bd6e85531a00bd92de1c18c6b9c27375b","calcite-hydrated-hidden":i},this.renderIcon(this.requestedIcon),e("slot",{key:"f357f91ba9e220ea524c4aa14bf2b0c09b1c7064"}))}renderIcon(i){if(i){return e("calcite-icon",{class:"calcite-input-message-icon",flipRtl:this.iconFlipRtl,icon:i,scale:"s"})}}get el(){return s(this)}static get watchers(){return{status:["handleIconEl"],icon:["handleIconEl"]}}};l.style=a;export{l as calcite_input_message};
+//# sourceMappingURL=p-559d5428.entry.js.map

package/dist/calcite/p-5610eb3a.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{d as _}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";var r="января_февраля_марта_апреля_мая_июня_июля_августа_сентября_октября_ноября_декабря".split("_");var t="январь_февраль_март_апрель_май_июнь_июль_август_сентябрь_октябрь_ноябрь_декабрь".split("_");var e="янв._февр._мар._апр._мая_июня_июля_авг._сент._окт._нояб._дек.".split("_");var m="янв._февр._март_апр._май_июнь_июль_авг._сент._окт._нояб._дек.".split("_");var p=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function i(_,r){var t=_.split("_");return r%10===1&&r%100!==11?t[0]:r%10>=2&&r%10<=4&&(r%100<10||r%100>=20)?t[1]:t[2]}function s(_,r,t){var e={mm:r?"минута_минуты_минут":"минуту_минуты_минут",hh:"час_часа_часов",dd:"день_дня_дней",MM:"месяц_месяца_месяцев",yy:"год_года_лет"};if(t==="m"){return r?"минута":"минуту"}return _+" "+i(e[t],+_)}var o=function _(e,m){if(p.test(m)){return r[e.month()]}return t[e.month()]};o.s=t;o.f=r;var n=function _(r,t){if(p.test(t)){return e[r.month()]}return m[r.month()]};n.s=m;n.f=e;var a={name:"ru",weekdays:"воскресенье_понедельник_вторник_среда_четверг_пятница_суббота".split("_"),weekdaysShort:"вск_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"вс_пн_вт_ср_чт_пт_сб".split("_"),months:o,monthsShort:n,weekStart:1,yearStart:4,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY г.",LLL:"D MMMM YYYY г., H:mm",LLLL:"dddd, D MMMM YYYY г., H:mm"},relativeTime:{future:"через %s",past:"%s назад",s:"несколько секунд",m:s,mm:s,h:"час",hh:s,d:"день",dd:s,M:"месяц",MM:s,y:"год",yy:s},ordinal:function _(r){return r},meridiem:function _(r){if(r<4){return"ночи"}else if(r<12){return"утра"}else if(r<17){return"дня"}return"вечера"}};_.locale(a,null,true);export{a as default};
+//# sourceMappingURL=p-5610eb3a.js.map

package/dist/calcite/p-567ec9ce.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as t,f as o,h as e,H as i,g as n}from"./p-17581615.js";import{t as a}from"./p-cbc54e80.js";import{g as c}from"./p-3cf89117.js";import{u as r,I as s}from"./p-176e985b.js";import{s as l,a as d,c as b}from"./p-ff633d19.js";import{c as u,d as h}from"./p-a3136988.js";import{c as p}from"./p-fbf41cbc.js";import{g as f}from"./p-02522147.js";import{u as m,c as v,s as g,d as x}from"./p-62a45517.js";import{i as y}from"./p-6861beb6.js";import"./p-d32e5254.js";import"./p-b92ebeef.js";const k={button:"button",buttonTextVisible:"button--text-visible",buttonCompact:"button--compact",indicatorText:"indicator-text",iconContainer:"icon-container",slotContainer:"slot-container",slotContainerHidden:"slot-container--hidden",textContainer:"text-container",textContainerVisible:"text-container--visible",indicatorWithIcon:"indicator-with-icon",indicatorWithoutIcon:"indicator-without-icon"};const z={tooltip:"tooltip"};const w=':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([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent}.button{position:relative;margin:0px;display:flex;inline-size:auto;cursor:pointer;align-items:center;justify-content:flex-start;border-style:none;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);outline-color:transparent;background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));color:var(--calcite-action-text-color, var(--calcite-color-text-3));text-align:unset;flex:1 0 auto}.button:hover,.button:focus{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-action-text-color-pressed, var(--calcite-color-text-1))}.button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.button:active{background-color:var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3))}.icon-container{pointer-events:none;margin:0px;display:flex;align-items:center;justify-content:center;min-inline-size:1rem;min-block-size:1.5rem}.text-container{margin:0px;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;transition-property:opacity;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:margin;transition-property:inline-size}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus{color:var(--calcite-action-text-color-pressed, var(--calcite-color-text-1));background-color:var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3))}:host([active]) .button:active{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) .text-container{opacity:var(--calcite-opacity-disabled)}:host([loading]) calcite-loader[inline]{margin-inline-end:0px}:host([appearance=transparent]) .button{background-color:transparent;transition-property:box-shadow;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host([appearance=transparent]) .button:hover,:host([appearance=transparent]) .button:focus{background-color:var(--calcite-color-transparent-hover)}:host([appearance=transparent]) .button:active{background-color:var(--calcite-color-transparent-press)}:host([data-active]) .button{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([scale=s]) .button{padding-inline:0.5rem;padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .button--text-visible .icon-container{margin-inline-end:0.5rem}:host([scale=m]) .button{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=m]) .button--text-visible .icon-container{margin-inline-end:0.75rem}:host([scale=l]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=l]) .button--text-visible .icon-container{margin-inline-end:1rem}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}.indicator-with-icon{position:relative}.indicator-with-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{margin-inline:0.25rem;inline-size:1rem;position:relative}.indicator-without-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-color-foreground-1);opacity:var(--calcite-opacity-disabled)}:host([disabled]):host([active]) .button,:host([disabled]):host([active]) .button:hover,:host([disabled]):host([active]) .button:focus{background-color:var(--calcite-color-foreground-3);opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}';const j=w;const C=class{constructor(e){t(this,e);this.mutationObserver=p("mutation",(()=>o(this)));this.guid=`calcite-action-${c()}`;this.indicatorId=`${this.guid}-indicator`;this.buttonId=`${this.guid}-button`;this.handleTooltipSlotChange=t=>{const o=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-tooltip")));const e=o[0];if(e){e.referenceElement=this.buttonEl}};this.active=false;this.alignment=undefined;this.appearance="solid";this.compact=false;this.disabled=false;this.icon=undefined;this.iconFlipRtl=false;this.indicator=false;this.label=undefined;this.loading=false;this.scale="m";this.text=undefined;this.textEnabled=false;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined}onMessagesChange(){}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){u(this);v(this);this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){l(this);if(y()){await g(this)}}componentDidLoad(){d(this)}disconnectedCallback(){h(this);x(this);this.mutationObserver?.disconnect()}componentDidRender(){r(this)}async setFocus(){await b(this);this.buttonEl?.focus()}renderTextContainer(){const{text:t,textEnabled:o}=this;const i={[k.textContainer]:true,[k.textContainerVisible]:o};return t?e("div",{class:i,key:"text-container"},t):null}renderIndicatorText(){const{indicator:t,messages:o,indicatorId:i,buttonId:n}=this;return e("div",{"aria-labelledby":n,"aria-live":"polite",class:k.indicatorText,id:i,role:"region"},t?o.indicator:null)}renderIconContainer(){const{loading:t,icon:o,scale:i,el:n,iconFlipRtl:a,indicator:c}=this;const r=i==="l"?"l":"m";const s=t?e("calcite-loader",{inline:true,label:this.messages.loading,scale:r}):null;const l=o?e("calcite-icon",{class:{[k.indicatorWithIcon]:c},flipRtl:a,icon:o,scale:f(this.scale)}):null;const d=s||l;const b=d||n.children?.length;const u=e("div",{class:{[k.slotContainer]:true,[k.slotContainerHidden]:t}},e("slot",null));return b?e("div",{"aria-hidden":"true",class:k.iconContainer,key:"icon-container"},d,u):null}render(){const{active:t,compact:o,disabled:n,icon:c,loading:r,textEnabled:l,label:d,text:b,indicator:u,indicatorId:h,buttonId:p,messages:f}=this;const m=d||b;const v=m?`${m}${u?` (${f.indicator})`:""}`:"";const g={[k.button]:true,[k.buttonTextVisible]:l,[k.buttonCompact]:o};return e(i,{key:"e34721cc66d60c8542bf3587bfed591577bb4b06"},e(s,{key:"397a02c1da63f25b762bc002476d960ba173f4b8",disabled:n},e("button",{key:"cbb5a29d2606fbcb0e71d1b023d82f3cd00d09be","aria-busy":a(r),"aria-controls":u?h:null,"aria-disabled":a(n),"aria-label":v,"aria-pressed":a(t),class:g,disabled:n,id:p,ref:t=>this.buttonEl=t},this.renderIconContainer(),this.renderTextContainer(),!c&&u&&e("div",{class:k.indicatorWithoutIcon,key:"indicator-no-icon"})),e("slot",{key:"6f5286add59b6dbc19ef43f23df9e73ca7b2914c",name:z.tooltip,onSlotchange:this.handleTooltipSlotChange}),this.renderIndicatorText()))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};C.style=j;export{C as calcite_action};
+//# sourceMappingURL=p-567ec9ce.entry.js.map

package/dist/calcite/p-567ec9ce.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","button","buttonTextVisible","buttonCompact","indicatorText","iconContainer","slotContainer","slotContainerHidden","textContainer","textContainerVisible","indicatorWithIcon","indicatorWithoutIcon","SLOTS","tooltip","actionCss","CalciteActionStyle0","Action","this","mutationObserver","createObserver","forceUpdate","guid","indicatorId","buttonId","handleTooltipSlotChange","event","tooltips","target","assignedElements","flatten","filter","el","matches","referenceElement","buttonEl","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectLocalized","connectMessages","observe","childList","subtree","componentWillLoad","setUpLoadableComponent","isBrowser","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnect","componentDidRender","updateHostInteraction","setFocus","componentFocusable","focus","renderTextContainer","text","textEnabled","textContainerClasses","h","class","key","renderIndicatorText","indicator","messages","id","role","renderIconContainer","loading","icon","scale","iconFlipRtl","loaderScale","calciteLoaderNode","inline","label","calciteIconNode","flipRtl","getIconScale","iconNode","hasIconToDisplay","children","length","slotContainerNode","render","active","compact","disabled","labelFallback","ariaLabel","buttonClasses","Host","InteractiveContainer","toAriaBoolean","ref","name","onSlotchange"],"sources":["src/components/action/resources.ts","src/components/action/action.scss?tag=calcite-action&encapsulation=shadow","src/components/action/action.tsx"],"sourcesContent":["export const CSS = {\n  button: \"button\",\n  buttonTextVisible: \"button--text-visible\",\n  buttonCompact: \"button--compact\",\n  indicatorText: \"indicator-text\",\n  iconContainer: \"icon-container\",\n  slotContainer: \"slot-container\",\n  slotContainerHidden: \"slot-container--hidden\",\n  textContainer: \"text-container\",\n  textContainerVisible: \"text-container--visible\",\n  indicatorWithIcon: \"indicator-with-icon\",\n  indicatorWithoutIcon: \"indicator-without-icon\",\n};\n\nexport const SLOTS = {\n  tooltip: \"tooltip\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-action-indicator-color: Specifies the component's indicator color.\n * @prop --calcite-action-background-color: Specifies the component's  background color.\n * @prop --calcite-action-background-color-hover: Specifies the component's background color when hovered or focused.\n * @prop --calcite-action-background-color-pressed: Specifies the component's background color when active.\n * @prop --calcite-action-text-color: Specifies the text color of the component.\n * @prop --calcite-action-text-color-pressed: Specifies the component's text color when hovered.\n */\n\n:host {\n  @extend %component-host;\n  @apply flex bg-transparent;\n}\n\n@mixin action-indicator() {\n  position: relative;\n  &::after {\n    content: \"\";\n    @apply absolute\n      h-2\n      w-2\n      rounded-full;\n    inset-block-end: calc(-0.275rem);\n    inset-inline-end: calc(-0.275rem);\n    background-color: var(--calcite-action-indicator-color, theme(\"colors.brand\"));\n  }\n}\n\n.button {\n  @apply focus-base\n    text-n2h\n    relative\n    m-0\n    flex\n    w-auto\n    cursor-pointer\n    items-center\n    justify-start\n    border-none\n    font-medium\n    font-sans;\n\n  background-color: var(--calcite-action-background-color, var(--calcite-color-foreground-1));\n  color: var(--calcite-action-text-color, var(--calcite-color-text-3));\n  text-align: unset;\n  flex: 1 0 auto;\n\n  &:hover,\n  &:focus {\n    background-color: var(--calcite-action-background-color-hover, var(--calcite-color-foreground-2));\n    color: var(--calcite-action-text-color-pressed, var(--calcite-color-text-1));\n  }\n\n  &:focus {\n    @apply focus-inset;\n  }\n\n  &:active {\n    background-color: var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3));\n  }\n}\n\n.icon-container {\n  @apply pointer-events-none\n    m-0\n    flex\n    items-center\n    justify-center;\n  min-inline-size: theme(\"spacing.4\");\n  min-block-size: theme(\"spacing.6\");\n}\n\n.text-container {\n  @apply m-0\n    w-0\n    truncate\n    leading-6\n    opacity-0\n    transition-opacity\n    duration-150\n    ease-in-out;\n\n  transition-property: margin;\n  transition-property: inline-size;\n}\n\n.text-container--visible {\n  @apply w-auto flex-auto opacity-100;\n}\n\n:host([active]) {\n  .button {\n    &,\n    &:hover,\n    &:focus {\n      color: var(--calcite-action-text-color-pressed, var(--calcite-color-text-1));\n      background-color: var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3));\n    }\n\n    &:active {\n      background-color: var(--calcite-action-background-color, var(--calcite-color-foreground-1));\n    }\n  }\n}\n\n:host([loading]) {\n  .button {\n    &:hover,\n    &:focus {\n      background-color: var(--calcite-action-background-color, var(--calcite-color-foreground-1));\n    }\n  }\n\n  .text-container {\n    @apply opacity-disabled;\n  }\n\n  calcite-loader[inline] {\n    margin-inline-end: theme(\"spacing.0\");\n  }\n}\n\n:host([appearance=\"transparent\"]) {\n  .button {\n    @apply bg-transparent\n      transition-shadow\n      duration-150\n      ease-in-out;\n\n    &:hover,\n    &:focus {\n      background-color: var(--calcite-color-transparent-hover);\n    }\n\n    &:active {\n      background-color: var(--calcite-color-transparent-press);\n    }\n  }\n}\n\n:host([data-active]) .button {\n  @apply focus-inset;\n}\n\n:host([scale=\"s\"]) {\n  .button {\n    @apply text-n2h px-2 py-1 font-normal;\n  }\n  .button--text-visible .icon-container {\n    margin-inline-end: theme(\"spacing.2\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  .button {\n    @apply text-n1h px-4 py-3 font-normal;\n  }\n  .button--text-visible .icon-container {\n    margin-inline-end: theme(\"spacing.3\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  .button {\n    @apply text-0h p-5 font-normal;\n  }\n  .button--text-visible .icon-container {\n    margin-inline-end: theme(\"spacing.4\");\n  }\n}\n\n:host([alignment=\"center\"]) .button {\n  @apply justify-center;\n}\n\n:host([alignment=\"end\"]) .button {\n  @apply justify-end;\n}\n\n:host([alignment=\"center\"]),\n:host([alignment=\"end\"]) {\n  .button .text-container--visible {\n    @apply flex-initial;\n  }\n}\n\n/* [Deprecated]  Compact */\n:host([scale=\"s\"][compact]) .button,\n:host([scale=\"m\"][compact]) .button,\n:host([scale=\"l\"][compact]) .button {\n  @apply px-0;\n}\n\n.slot-container {\n  @apply flex;\n}\n\n.slot-container--hidden {\n  @apply hidden;\n}\n\n.button--text-visible {\n  @apply w-full;\n}\n\n.indicator-with-icon {\n  @include action-indicator();\n}\n\n.indicator-without-icon {\n  @apply w-4 mx-1;\n  @include action-indicator();\n}\n\n.indicator-text {\n  @apply sr-only;\n}\n\n@include base-component();\n@include disabled {\n  .button,\n  .button:hover,\n  .button:focus {\n    @apply opacity-disabled bg-foreground-1 cursor-default;\n  }\n\n  &:host([active]) {\n    .button,\n    .button:hover,\n    .button:focus {\n      @apply opacity-disabled bg-foreground-3;\n    }\n  }\n}\n","import {\n  Component,\n  Element,\n  forceUpdate,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport { getIconScale } from \"../../utils/component\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Alignment, Appearance, Scale } from \"../interfaces\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { isBrowser } from \"../../utils/browser\";\nimport { ActionMessages } from \"./assets/action/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding a `calcite-icon`.\n * @slot tooltip - [Deprecated] Use the `calcite-tooltip` component instead.\n */\n@Component({\n  tag: \"calcite-action\",\n  styleUrl: \"action.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Action\n  implements InteractiveComponent, LocalizedComponent, T9nComponent, LoadableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is highlighted.\n   */\n  @Prop({ reflect: true }) active = false;\n\n  /**\n   * Specifies the horizontal alignment of button elements with text content.\n   */\n  @Prop({ reflect: true }) alignment: Alignment;\n\n  /** Specifies the appearance of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"solid\" | \"transparent\", Appearance> = \"solid\";\n\n  /**\n   * When `true`, the side padding of the component is reduced.\n   *\n   * @deprecated No longer necessary.\n   */\n  @Prop({ reflect: true }) compact = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies an icon to display. */\n  @Prop() icon: IconNameOrString;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * When `true`, displays a visual indicator.\n   */\n  @Prop({ reflect: true }) indicator = false;\n\n  /**\n   * Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies text that accompanies the icon.\n   */\n  @Prop() text!: string;\n\n  /**\n   * Indicates whether the text is displayed.\n   */\n  @Prop({ reflect: true }) textEnabled = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ActionMessages;\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<ActionMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteActionElement;\n\n  buttonEl: HTMLButtonElement;\n\n  mutationObserver = createObserver(\"mutation\", () => forceUpdate(this));\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ActionMessages;\n\n  guid = `calcite-action-${guid()}`;\n\n  indicatorId = `${this.guid}-indicator`;\n\n  buttonId = `${this.guid}-button`;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    if (isBrowser()) {\n      await setUpMessages(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.mutationObserver?.disconnect();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.buttonEl?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderTextContainer(): VNode {\n    const { text, textEnabled } = this;\n\n    const textContainerClasses = {\n      [CSS.textContainer]: true,\n      [CSS.textContainerVisible]: textEnabled,\n    };\n\n    return text ? (\n      <div class={textContainerClasses} key=\"text-container\">\n        {text}\n      </div>\n    ) : null;\n  }\n\n  renderIndicatorText(): VNode {\n    const { indicator, messages, indicatorId, buttonId } = this;\n    return (\n      <div\n        aria-labelledby={buttonId}\n        aria-live=\"polite\"\n        class={CSS.indicatorText}\n        id={indicatorId}\n        role=\"region\"\n      >\n        {indicator ? messages.indicator : null}\n      </div>\n    );\n  }\n\n  renderIconContainer(): VNode {\n    const { loading, icon, scale, el, iconFlipRtl, indicator } = this;\n    const loaderScale = scale === \"l\" ? \"l\" : \"m\";\n    const calciteLoaderNode = loading ? (\n      <calcite-loader inline label={this.messages.loading} scale={loaderScale} />\n    ) : null;\n    const calciteIconNode = icon ? (\n      <calcite-icon\n        class={{ [CSS.indicatorWithIcon]: indicator }}\n        flipRtl={iconFlipRtl}\n        icon={icon}\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const iconNode = calciteLoaderNode || calciteIconNode;\n    const hasIconToDisplay = iconNode || el.children?.length;\n\n    const slotContainerNode = (\n      <div\n        class={{\n          [CSS.slotContainer]: true,\n          [CSS.slotContainerHidden]: loading,\n        }}\n      >\n        <slot />\n      </div>\n    );\n\n    return hasIconToDisplay ? (\n      <div aria-hidden=\"true\" class={CSS.iconContainer} key=\"icon-container\">\n        {iconNode}\n        {slotContainerNode}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const {\n      active,\n      compact,\n      disabled,\n      icon,\n      loading,\n      textEnabled,\n      label,\n      text,\n      indicator,\n      indicatorId,\n      buttonId,\n      messages,\n    } = this;\n    const labelFallback = label || text;\n    const ariaLabel = labelFallback\n      ? `${labelFallback}${indicator ? ` (${messages.indicator})` : \"\"}`\n      : \"\";\n\n    const buttonClasses = {\n      [CSS.button]: true,\n      [CSS.buttonTextVisible]: textEnabled,\n      [CSS.buttonCompact]: compact,\n    };\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <button\n            aria-busy={toAriaBoolean(loading)}\n            aria-controls={indicator ? indicatorId : null}\n            aria-disabled={toAriaBoolean(disabled)}\n            aria-label={ariaLabel}\n            aria-pressed={toAriaBoolean(active)}\n            class={buttonClasses}\n            disabled={disabled}\n            id={buttonId}\n            ref={(buttonEl): HTMLButtonElement => (this.buttonEl = buttonEl)}\n          >\n            {this.renderIconContainer()}\n            {this.renderTextContainer()}\n            {!icon && indicator && <div class={CSS.indicatorWithoutIcon} key=\"indicator-no-icon\" />}\n          </button>\n          <slot name={SLOTS.tooltip} onSlotchange={this.handleTooltipSlotChange} />\n          {this.renderIndicatorText()}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleTooltipSlotChange = (event: Event): void => {\n    const tooltips = (event.target as HTMLSlotElement)\n      .assignedElements({\n        flatten: true,\n      })\n      .filter((el) => el?.matches(\"calcite-tooltip\")) as HTMLCalciteTooltipElement[];\n\n    const tooltip = tooltips[0];\n\n    if (tooltip) {\n      tooltip.referenceElement = this.buttonEl;\n    }\n  };\n}\n"],"mappings":";;;;;qeAAO,MAAMA,EAAM,CACjBC,OAAQ,SACRC,kBAAmB,uBACnBC,cAAe,kBACfC,cAAe,iBACfC,cAAe,iBACfC,cAAe,iBACfC,oBAAqB,yBACrBC,cAAe,iBACfC,qBAAsB,0BACtBC,kBAAmB,sBACnBC,qBAAsB,0BAGjB,MAAMC,EAAQ,CACnBC,QAAS,WCfX,MAAMC,EAAY,++LAClB,MAAAC,EAAeD,E,MCkDFE,EAAM,M,yBAmGjBC,KAAAC,iBAAmBC,EAAe,YAAY,IAAMC,EAAYH,QAWhEA,KAAAI,KAAO,kBAAkBA,MAEzBJ,KAAAK,YAAc,GAAGL,KAAKI,iBAEtBJ,KAAAM,SAAW,GAAGN,KAAKI,cAiLnBJ,KAAAO,wBAA2BC,IACzB,MAAMC,EAAYD,EAAME,OACrBC,iBAAiB,CAChBC,QAAS,OAEVC,QAAQC,GAAOA,GAAIC,QAAQ,qBAE9B,MAAMnB,EAAUa,EAAS,GAEzB,GAAIb,EAAS,CACXA,EAAQoB,iBAAmBhB,KAAKiB,Q,eAjSF,M,yCAQkD,Q,aAOjD,M,cAKC,M,qCAMG,M,eAKF,M,kCAUF,M,WAKK,I,qCAUD,M,6EAiCZ,G,+BAhB3B,gBAAAC,G,CAmBA,qBAAAC,GACEC,EAAepB,KAAMA,KAAKqB,gB,CAiB5B,iBAAAC,GACEC,EAAiBvB,MACjBwB,EAAgBxB,MAChBA,KAAKC,kBAAkBwB,QAAQzB,KAAKc,GAAI,CAAEY,UAAW,KAAMC,QAAS,M,CAGtE,uBAAMC,GACJC,EAAuB7B,MACvB,GAAI8B,IAAa,OACTC,EAAc/B,K,EAIxB,gBAAAgC,GACEC,EAAmBjC,K,CAGrB,oBAAAkC,GACEC,EAAoBnC,MACpBoC,EAAmBpC,MACnBA,KAAKC,kBAAkBoC,Y,CAGzB,kBAAAC,GACEC,EAAsBvC,K,CAWxB,cAAMwC,SACEC,EAAmBzC,MACzBA,KAAKiB,UAAUyB,O,CASjB,mBAAAC,GACE,MAAMC,KAAEA,EAAIC,YAAEA,GAAgB7C,KAE9B,MAAM8C,EAAuB,CAC3B,CAAC/D,EAAIQ,eAAgB,KACrB,CAACR,EAAIS,sBAAuBqD,GAG9B,OAAOD,EACLG,EAAA,OAAKC,MAAOF,EAAsBG,IAAI,kBACnCL,GAED,I,CAGN,mBAAAM,GACE,MAAMC,UAAEA,EAASC,SAAEA,EAAQ/C,YAAEA,EAAWC,SAAEA,GAAaN,KACvD,OACE+C,EAAA,yBACmBzC,EAAQ,YACf,SACV0C,MAAOjE,EAAII,cACXkE,GAAIhD,EACJiD,KAAK,UAEJH,EAAYC,EAASD,UAAY,K,CAKxC,mBAAAI,GACE,MAAMC,QAAEA,EAAOC,KAAEA,EAAIC,MAAEA,EAAK5C,GAAEA,EAAE6C,YAAEA,EAAWR,UAAEA,GAAcnD,KAC7D,MAAM4D,EAAcF,IAAU,IAAM,IAAM,IAC1C,MAAMG,EAAoBL,EACxBT,EAAA,kBAAgBe,OAAM,KAACC,MAAO/D,KAAKoD,SAASI,QAASE,MAAOE,IAC1D,KACJ,MAAMI,EAAkBP,EACtBV,EAAA,gBACEC,MAAO,CAAE,CAACjE,EAAIU,mBAAoB0D,GAClCc,QAASN,EACTF,KAAMA,EACNC,MAAOQ,EAAalE,KAAK0D,SAEzB,KACJ,MAAMS,EAAWN,GAAqBG,EACtC,MAAMI,EAAmBD,GAAYrD,EAAGuD,UAAUC,OAElD,MAAMC,EACJxB,EAAA,OACEC,MAAO,CACL,CAACjE,EAAIM,eAAgB,KACrB,CAACN,EAAIO,qBAAsBkE,IAG7BT,EAAA,cAIJ,OAAOqB,EACLrB,EAAA,qBAAiB,OAAOC,MAAOjE,EAAIK,cAAe6D,IAAI,kBACnDkB,EACAI,GAED,I,CAGN,MAAAC,GACE,MAAMC,OACJA,EAAMC,QACNA,EAAOC,SACPA,EAAQlB,KACRA,EAAID,QACJA,EAAOX,YACPA,EAAWkB,MACXA,EAAKnB,KACLA,EAAIO,UACJA,EAAS9C,YACTA,EAAWC,SACXA,EAAQ8C,SACRA,GACEpD,KACJ,MAAM4E,EAAgBb,GAASnB,EAC/B,MAAMiC,EAAYD,EACd,GAAGA,IAAgBzB,EAAY,KAAKC,EAASD,aAAe,KAC5D,GAEJ,MAAM2B,EAAgB,CACpB,CAAC/F,EAAIC,QAAS,KACd,CAACD,EAAIE,mBAAoB4D,EACzB,CAAC9D,EAAIG,eAAgBwF,GAGvB,OACE3B,EAACgC,EAAI,CAAA9B,IAAA,4CACHF,EAACiC,EAAoB,CAAA/B,IAAA,2CAAC0B,SAAUA,GAC9B5B,EAAA,UAAAE,IAAA,uDACagC,EAAczB,GAAQ,gBAClBL,EAAY9C,EAAc,KAAI,gBAC9B4E,EAAcN,GAAS,aAC1BE,EAAS,eACPI,EAAcR,GAC5BzB,MAAO8B,EACPH,SAAUA,EACVtB,GAAI/C,EACJ4E,IAAMjE,GAAiCjB,KAAKiB,SAAWA,GAEtDjB,KAAKuD,sBACLvD,KAAK2C,uBACJc,GAAQN,GAAaJ,EAAA,OAAKC,MAAOjE,EAAIW,qBAAsBuD,IAAI,uBAEnEF,EAAA,QAAAE,IAAA,2CAAMkC,KAAMxF,EAAMC,QAASwF,aAAcpF,KAAKO,0BAC7CP,KAAKkD,uB","ignoreList":[]}

package/dist/calcite/p-58acfe5c.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as e,c as t,h as s,H as i,g as a,F as r}from"./p-17581615.js";import{j as n,c as o,e as h,g as c,f as d,h as l,s as f,k as p,i as u,l as g,n as v,p as y,m as b,o as m}from"./p-43b5ddd0.js";import{c as w,s as x,a as k}from"./p-ff633d19.js";import{c as D,d as z,n as C,f as A}from"./p-a3136988.js";import{c as I,d as S,s as j,u as M}from"./p-62a45517.js";import{i as P}from"./p-6861beb6.js";import{a as H,t as R}from"./p-cbc54e80.js";import{I as L,u as W}from"./p-176e985b.js";import{i as _}from"./p-b92ebeef.js";import{H as O}from"./p-af2ce6e6.js";import{g as Y}from"./p-02522147.js";import"./p-fbf41cbc.js";import"./p-3cf89117.js";import"./p-d32e5254.js";const E=2;const N={dateStyle:"full"};const F=":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:inline-block;inline-size:auto;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);vertical-align:top}:host([scale=s]){inline-size:234px;min-inline-size:216px;max-inline-size:380px}:host([scale=m]){inline-size:304px;min-inline-size:272px;max-inline-size:480px}:host([scale=l]){inline-size:370px;min-inline-size:320px;max-inline-size:600px}:host([hidden]){display:none}[hidden]{display:none}";const K=F;const T=class{constructor(s){e(this,s);this.calciteDatePickerChange=t(this,"calciteDatePickerChange",6);this.calciteDatePickerRangeChange=t(this,"calciteDatePickerRangeChange",6);this.keyDownHandler=e=>{if(e.key==="Escape"){this.resetActiveDates()}};this.monthHeaderSelectChange=e=>{const t=new Date(e.detail);if(!this.range){this.activeDate=t}else{if(this.activeRange==="end"){this.activeEndDate=t}else{this.activeStartDate=t}this.mostRecentRangeValue=t}};this.monthActiveDateChange=e=>{const t=new Date(e.detail);if(!this.range){this.activeDate=t}else{if(this.activeRange==="end"){this.activeEndDate=t}else{this.activeStartDate=t}this.mostRecentRangeValue=t}};this.monthHoverChange=e=>{if(!this.range){this.hoverRange=undefined;return}const{valueAsDate:t}=this;const s=Array.isArray(t)&&t[0];const i=Array.isArray(t)&&t[1];const a=new Date(e.detail);this.hoverRange={focused:this.activeRange||"start",start:s,end:i};if(this.proximitySelectionDisabled){if(i&&s||!i&&a>=s){this.hoverRange.focused="end";this.hoverRange.end=a}else if(!i&&a<s){this.hoverRange={focused:"start",start:a,end:s}}else{this.hoverRange=undefined}}else{if(s&&i){const e=n(a,s);const t=n(a,i);if(t>0){this.hoverRange.end=a;this.hoverRange.focused="end"}else if(e<0){this.hoverRange.start=a;this.hoverRange.focused="start"}else if(e>t){this.hoverRange.start=a;this.hoverRange.focused="start"}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}else{if(s){if(a<s){this.hoverRange={focused:"start",start:a,end:s}}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}}}e.stopPropagation()};this.monthMouseOutChange=()=>{if(this.hoverRange){this.hoverRange=undefined}};this.resetActiveDates=()=>{const{valueAsDate:e}=this;if(!Array.isArray(e)&&e&&e!==this.activeDate){this.activeDate=new Date(e)}if(Array.isArray(e)){if(e[0]&&e[0]!==this.activeStartDate){this.activeStartDate=new Date(e[0])}if(e[1]&&e[1]!==this.activeEndDate){this.activeEndDate=new Date(e[1])}}};this.monthDateChange=e=>{const t=new Date(e.detail);const s=o(t);if(!this.range&&s===o(this.valueAsDate)){return}if(!this.range){this.value=s||"";this.valueAsDate=t||null;this.activeDate=t||null;this.calciteDatePickerChange.emit();return}const i=this.getStartDate();const a=this.getEndDate();if(!i||!a&&t<i){if(i){this.setEndDate(new Date(i))}if(this.activeRange=="end"){this.setEndDate(t)}else{this.setStartDate(t)}}else if(!a){this.setEndDate(t)}else{if(this.proximitySelectionDisabled){this.setStartDate(t);this.setEndDate(null)}else{if(this.activeRange){if(this.activeRange=="end"){this.setEndDate(t)}else{this.setStartDate(t)}}else{const e=n(t,i);const s=n(t,a);if(s===0||e<0){this.setStartDate(t)}else if(e===0||s<0){this.setEndDate(t)}else if(e<s){this.setStartDate(t)}else{this.setEndDate(t)}}}}this.calciteDatePickerChange.emit()};this.activeDate=undefined;this.activeRange=undefined;this.value=undefined;this.headingLevel=undefined;this.valueAsDate=undefined;this.minAsDate=undefined;this.maxAsDate=undefined;this.min=undefined;this.max=undefined;this.numberingSystem=undefined;this.scale="m";this.range=false;this.proximitySelectionDisabled=false;this.messageOverrides=undefined;this.messages=undefined;this.activeEndDate=undefined;this.activeStartDate=undefined;this.dateTimeFormat=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.endAsDate=undefined;this.hoverRange=undefined;this.localeData=undefined;this.mostRecentRangeValue=undefined;this.startAsDate=undefined}activeDateWatcher(e){if(this.activeRange==="end"){this.activeEndDate=e}}valueAsDateWatcher(e){if(this.range&&Array.isArray(e)){const{activeStartDate:t,activeEndDate:s}=this;const i=e[0];const a=e[1];this.activeStartDate=t!==i&&i;this.activeEndDate=s!==a&&a}else if(e&&e!==this.activeDate){this.activeDate=e}}onMinChanged(e){this.minAsDate=h(e)}onMaxChanged(e){this.maxAsDate=h(e)}onMessagesChange(){}async setFocus(){await w(this);this.el.focus()}async reset(){this.resetActiveDates();this.mostRecentRangeValue=undefined}connectedCallback(){D(this);I(this);if(Array.isArray(this.value)){this.valueAsDate=c(this.value)}else if(this.value){this.valueAsDate=h(this.value)}if(this.min){this.minAsDate=h(this.min)}if(this.max){this.maxAsDate=h(this.max)}}disconnectedCallback(){z(this);S(this)}async componentWillLoad(){x(this);await this.loadLocaleData();this.onMinChanged(this.min);this.onMaxChanged(this.max);await j(this)}componentDidLoad(){k(this)}render(){const e=d(this.range&&Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate);let t=this.getActiveDate(e,this.minAsDate,this.maxAsDate);const a=this.range&&Array.isArray(this.valueAsDate)?d(this.valueAsDate[1],this.minAsDate,this.maxAsDate):null;const r=this.getActiveEndDate(a,this.minAsDate,this.maxAsDate);if((this.activeRange==="end"||this.hoverRange?.focused==="end"&&(!this.proximitySelectionDisabled||a))&&r){t=r}if(this.range&&this.mostRecentRangeValue){t=this.mostRecentRangeValue}const n=this.range&&this.activeRange?this.activeRange==="start"?this.minAsDate:e||this.minAsDate:this.minAsDate;const o=this.range&&this.activeRange?this.activeRange==="start"?a||this.maxAsDate:this.maxAsDate:this.maxAsDate;return s(i,{key:"52087d405fc20cd885910944004caef0e4b4e33b",onBlur:this.resetActiveDates,onKeyDown:this.keyDownHandler},this.renderCalendar(t,o,n,e,a))}effectiveLocaleChange(){M(this,this.effectiveLocale)}valueHandler(e){if(Array.isArray(e)){this.valueAsDate=c(e)}else if(e){this.valueAsDate=h(e)}}async loadLocaleData(){if(!P()){return}C.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};this.localeData=await l(this.effectiveLocale);this.dateTimeFormat=A(this.effectiveLocale,N)}renderCalendar(e,t,i,a,r){return this.localeData&&[s("calcite-date-picker-month-header",{activeDate:e,headingLevel:this.headingLevel||E,localeData:this.localeData,max:t,messages:this.messages,min:i,onCalciteInternalDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:this.activeRange==="end"?r:a||new Date}),s("calcite-date-picker-month",{activeDate:e,dateTimeFormat:this.dateTimeFormat,endDate:this.range?r:undefined,hoverRange:this.hoverRange,localeData:this.localeData,max:t,min:i,onCalciteInternalDatePickerActiveDateChange:this.monthActiveDateChange,onCalciteInternalDatePickerHover:this.monthHoverChange,onCalciteInternalDatePickerMouseOut:this.monthMouseOutChange,onCalciteInternalDatePickerSelect:this.monthDateChange,scale:this.scale,selectedDate:this.activeRange==="end"?r:a,startDate:this.range?a:undefined})]}getEndDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||undefined}setEndDate(e){const t=this.getStartDate();const s=e?f(e):e;this.value=[o(t),o(e)];this.valueAsDate=[t,e];this.mostRecentRangeValue=s;this.calciteDatePickerRangeChange.emit();this.activeEndDate=e||null}getStartDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[0]}setStartDate(e){const t=this.getEndDate();this.value=[o(e),o(t)];this.valueAsDate=[e,t];this.mostRecentRangeValue=e;this.calciteDatePickerRangeChange.emit();this.activeStartDate=e||null}getActiveDate(e,t,s){return d(this.activeDate,t,s)||e||d(new Date,t,s)}getActiveEndDate(e,t,s){return d(this.activeEndDate,t,s)||e||d(new Date,t,s)}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{activeDate:["activeDateWatcher"],valueAsDate:["valueAsDateWatcher"],min:["onMinChanged"],max:["onMaxChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange","loadLocaleData"],value:["valueHandler"]}}};T.style=K;const $=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;cursor:pointer;color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.day-v-wrapper{flex:1 1 auto}.day-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}:host([range]) .day-wrapper::before,:host([range]) .day-wrapper::after,:host([range-hover]) .day-wrapper::before,:host([range-hover]) .day-wrapper::after{pointer-events:none;position:absolute;inset-block:0;content:"";block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.day{z-index:var(--calcite-z-index);display:flex;align-items:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background:none;box-shadow:0 0 0 2px transparent;block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size:27px}:host([scale=s]) .day-v-wrapper{padding-block:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size:33px}:host([scale=m]) .day-v-wrapper{padding-block:0.25rem}:host([scale=m]) .day-wrapper{padding:0px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size:43px}:host([scale=l]) .day-v-wrapper{padding-block:0.25rem}:host([scale=l]) .day-wrapper{padding-inline:0.25rem}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day,:host([active]:not([range]):not([selected])) .day{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px}:host(:focus:not([disabled])) .day{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}:host(:focus:not([disabled])) .day,:host([start-of-range]:not(:focus)) .day,:host([end-of-range]:not(:focus)) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}:host([range-hover]:not([selected])) .day-wrapper::before,:host([highlighted]:not([selected])) .day-wrapper::before{inset-inline-end:50%;border-radius:0}:host([range-hover]:not([selected])) .day-wrapper::after,:host([highlighted]:not([selected])) .day-wrapper::after{inset-inline-start:50%;border-radius:0}:host([range-hover]:not([selected])) .day,:host([highlighted]:not([selected])) .day{color:var(--calcite-color-text-1)}:host([highlighted]) .day-wrapper::before,:host([highlighted]) .day-wrapper::after,:host([selected]:not(.hover--outside-range)) .day-wrapper::before,:host([selected]:not(.hover--outside-range)) .day-wrapper::after{background-color:var(--calcite-color-foreground-current)}:host([range-hover]:not([selected])) .day-wrapper::before,:host([range-hover]:not([selected])) .day-wrapper::after{background-color:var(--calcite-color-foreground-2)}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper::before,:host([highlighted][end-of-range]) .day-wrapper::before,:host([highlighted][range-edge=end]) .day-wrapper::before,:host([range-hover][range-edge=end]) .day-wrapper::before,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper::before{inset-inline-end:50%}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper::after,:host([highlighted][end-of-range]) .day-wrapper::after,:host([highlighted][range-edge=end]) .day-wrapper::after,:host([range-hover][range-edge=end]) .day-wrapper::after,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper::after{inset-inline-start:50%;border-start-end-radius:var(--calcite-internal-day-size);border-end-end-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper::before,:host([highlighted][range-edge=start]) .day-wrapper::before,:host([range-hover][range-edge=start]) .day-wrapper::before,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper::before,:host([start-of-range].hover--inside-range) .day-wrapper::before,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper::before{inset-inline-end:50%;border-start-start-radius:var(--calcite-internal-day-size);border-end-start-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper::after,:host([highlighted][range-edge=start]) .day-wrapper::after,:host([range-hover][range-edge=start]) .day-wrapper::after,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper::after,:host([start-of-range].hover--inside-range) .day-wrapper::after,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper::after{inset-inline-start:50%}:host([range-hover][start-of-range][range-edge=end]) .day-wrapper::after,:host([range-hover][start-of-range][range-edge=end]) .day-wrapper::before,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper::after,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper::before,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper::after,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper::before,:host([end-of-range]) .day-wrapper::after,:host([end-of-range]) .day-wrapper::before{content:unset}:host(:hover[range-hover]:not([selected]).focused--start) .day,:host(:hover[range-hover]:not([selected]).focused--end) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){.day{border-radius:0px}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day-wrapper::before,:host([range][selected]) .day-wrapper::after,:host([highlighted]) .day-wrapper::before,:host([highlighted]) .day-wrapper::after,:host([range-hover]:not([selected])) .day-wrapper::before,:host([range-hover]:not([selected])) .day-wrapper::after{background-color:highlight}:host([range-hover]) .day-wrapper::before,:host([range-hover]) .day-wrapper::after,:host([range][selected][start-of-range]) .day-wrapper::before,:host([range][selected][start-of-range]) .day-wrapper::after,:host([range][selected][end-of-range]) .day-wrapper::before,:host([range][selected][end-of-range]) .day-wrapper::after{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}';const G=$;const U=class{constructor(s){e(this,s);this.calciteDaySelect=t(this,"calciteDaySelect",6);this.calciteInternalDayHover=t(this,"calciteInternalDayHover",6);this.onClick=()=>{if(this.disabled){return}this.calciteDaySelect.emit()};this.keyDownHandler=e=>{if(_(e.key)){!this.disabled&&this.calciteDaySelect.emit();e.preventDefault()}};this.day=undefined;this.dateTimeFormat=undefined;this.disabled=false;this.currentMonth=false;this.selected=false;this.highlighted=false;this.range=false;this.rangeEdge=undefined;this.startOfRange=false;this.endOfRange=false;this.rangeHover=false;this.active=false;this.scale=undefined;this.value=undefined}pointerOverHandler(){if(this.disabled){return}this.calciteInternalDayHover.emit()}async componentWillLoad(){x(this);this.parentDatePickerEl=H(this.el,"calcite-date-picker")}componentDidLoad(){k(this)}async setFocus(){await w(this);this.el.focus()}render(){const e=o(this.value).replaceAll("-","");if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:false,...e&&{numberingSystem:e},...t&&{locale:t}}}const t=C.localize(String(this.day));const a=this.dateTimeFormat.format(this.value);return s(i,{key:"85824e7b49743c6cc41b8a3ec90a099d67542a4a","aria-disabled":R(this.disabled),"aria-label":a,"aria-selected":R(this.active),id:e,onClick:this.onClick,onKeyDown:this.keyDownHandler,role:"button",tabIndex:this.active&&!this.disabled?0:-1},s(L,{key:"5f26af3588b528ee469726b38c00ca16bc7bc201",disabled:this.disabled},s("div",{key:"b7342437aa3e4a4d9b49affc1efc72c015b6863a","aria-hidden":"true",class:{"day-v-wrapper":true}},s("div",{key:"b02c02e8f66ba1321c88a8f3d4519fbe8d38c59b",class:"day-wrapper"},s("span",{key:"ed4927b82c68b566a9d759d9e2dc437cacb833ee",class:"day"},s("span",{key:"6ecb2c6d1569c7e4d9dd5020adbffdefa5e37909",class:"text"},t))))))}componentDidRender(){W(this)}get el(){return a(this)}};U.style=G;const B=":host([hidden]){display:none}[hidden]{display:none}.calendar{margin-block-end:0.25rem}.week-headers{display:flex;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline:0.25rem}.week-header{text-align:center;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-3);inline-size:14.2857142857%}.day{display:flex;min-inline-size:0px;justify-content:center;inline-size:100%}.day calcite-date-picker-day{inline-size:100%}:host([scale=s]) .week-header{padding-inline:0px;padding-block:0.5rem 0.75rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) .week-header{padding-inline:0px;padding-block:0.75rem 1rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]) .week-header{padding-inline:0px;padding-block:1rem 1.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}.week-days{display:grid;grid-template-columns:repeat(7, 1fr);grid-auto-rows:1fr;padding-block:0;padding-inline:6px}.week-days:focus{outline:2px solid transparent;outline-offset:2px}";const q=B;const J=7;const Q=6;const V=class{constructor(s){e(this,s);this.calciteInternalDatePickerSelect=t(this,"calciteInternalDatePickerSelect",6);this.calciteInternalDatePickerHover=t(this,"calciteInternalDatePickerHover",6);this.calciteInternalDatePickerActiveDateChange=t(this,"calciteInternalDatePickerActiveDateChange",6);this.calciteInternalDatePickerMouseOut=t(this,"calciteInternalDatePickerMouseOut",6);this.keyDownHandler=e=>{if(e.defaultPrevented){return}const t=this.el.dir==="rtl";switch(e.key){case"ArrowUp":e.preventDefault();this.addDays(-7);break;case"ArrowRight":e.preventDefault();this.addDays(t?-1:1);break;case"ArrowDown":e.preventDefault();this.addDays(7);break;case"ArrowLeft":e.preventDefault();this.addDays(t?1:-1);break;case"PageUp":e.preventDefault();this.addMonths(-1);break;case"PageDown":e.preventDefault();this.addMonths(1);break;case"Home":e.preventDefault();this.activeDate.setDate(1);this.addDays();break;case"End":e.preventDefault();this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate());this.addDays();break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=false}};this.disableActiveFocus=()=>{this.activeFocus=false};this.dayHover=e=>{const t=e.target;if(t.disabled){this.calciteInternalDatePickerMouseOut.emit()}else{this.calciteInternalDatePickerHover.emit(t.value)}e.stopPropagation()};this.daySelect=e=>{const t=e.target;this.calciteInternalDatePickerSelect.emit(t.value)};this.dateTimeFormat=undefined;this.selectedDate=undefined;this.activeDate=new Date;this.startDate=undefined;this.endDate=undefined;this.min=undefined;this.max=undefined;this.scale=undefined;this.localeData=undefined;this.hoverRange=undefined}pointerOutHandler(){this.calciteInternalDatePickerMouseOut.emit()}render(){const e=this.activeDate.getMonth();const t=this.activeDate.getFullYear();const a=this.localeData.weekStart%7;const{abbreviated:r,short:n,narrow:o}=this.localeData.days;const h=this.scale==="s"?o||n||r:n||r||o;const c=[...h.slice(a,7),...h.slice(0,a)];const d=this.getCurrentMonthDays(e,t);const l=this.getPreviousMonthDays(e,t,a);const f=this.getNextMonthDays(e,t,a);let u=0;const g=()=>u++%7;const v=[...l.map((s=>({active:false,day:s,dayInWeek:g(),date:new Date(t,e-1,s)}))),...d.map((s=>{const i=new Date(t,e,s);const a=p(i,this.activeDate);return{active:a,currentMonth:true,day:s,dayInWeek:g(),date:i,ref:true}})),...f.map((s=>({active:false,day:s,dayInWeek:g(),date:new Date(t,e+1,s)})))];return s(i,{onFocusout:this.disableActiveFocus,onKeyDown:this.keyDownHandler},s("div",{class:"calendar",role:"grid"},s("div",{class:"week-headers",role:"row"},c.map((e=>s("span",{class:"week-header",role:"columnheader"},e)))),s("div",{class:"week-days",role:"row"},v.map(((e,t)=>this.renderDateDay(e,t))))))}addMonths(e){const t=new Date(this.activeDate);t.setMonth(this.activeDate.getMonth()+e);this.calciteInternalDatePickerActiveDateChange.emit(d(t,this.min,this.max));this.activeFocus=true}addDays(e=0){const t=new Date(this.activeDate);t.setDate(this.activeDate.getDate()+e);this.calciteInternalDatePickerActiveDateChange.emit(d(t,this.min,this.max));this.activeFocus=true}getPreviousMonthDays(e,t,s){const i=new Date(t,e,0);const a=i.getDate();const r=i.getDay();const n=[];if(r===(s+Q)%J){return n}if(r===s){return[a]}for(let e=(J+r-s)%J;e>=0;e--){n.push(a-e)}return n}getCurrentMonthDays(e,t){const s=new Date(t,e+1,0).getDate();const i=[];for(let e=0;e<s;e++){i.push(e+1)}return i}getNextMonthDays(e,t,s){const i=new Date(t,e+1,0).getDay();const a=[];if(i===(s+Q)%J){return a}for(let e=0;e<(Q-(i-s))%J;e++){a.push(e+1)}return a}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(p(e,this.selectedDate)||this.startDate&&p(e,this.startDate)||this.endDate&&p(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!p(this.startDate,this.endDate)&&p(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!p(this.startDate,this.endDate)&&p(this.endDate,e)||!this.endDate&&this.hoverRange&&p(this.startDate,this.hoverRange.end)&&p(e,this.hoverRange.end))}renderDateDay({active:e,currentMonth:t,date:i,day:a,dayInWeek:r,ref:n},o){const h=this.isFocusedOnStart();const c=this.isHoverInRange()||!this.endDate&&this.hoverRange&&p(this.hoverRange?.end,this.startDate);return s("div",{class:"day",key:o,role:"gridcell"},s("calcite-date-picker-day",{active:e,class:{"hover--inside-range":this.startDate&&c,"hover--outside-range":this.startDate&&!c,"focused--start":h,"focused--end":!h},currentMonth:t,dateTimeFormat:this.dateTimeFormat,day:a,disabled:!u(i,this.min,this.max),endOfRange:this.isEndOfRange(i),highlighted:this.betweenSelectedRange(i),onCalciteDaySelect:this.daySelect,onCalciteInternalDayHover:this.dayHover,range:!!this.startDate&&!!this.endDate&&!p(this.startDate,this.endDate),rangeEdge:r===0?"start":r===6?"end":undefined,rangeHover:this.isRangeHover(i),ref:t=>{if(n&&e&&this.activeFocus){t?.setFocus()}},scale:this.scale,selected:this.isSelected(i),startOfRange:this.isStartOfRange(i),value:i}))}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange){return false}const{start:e,end:t}=this.hoverRange;return!!(!this.isFocusedOnStart()&&this.startDate&&(!this.endDate||t<this.endDate)||this.isFocusedOnStart()&&this.startDate&&e>this.startDate)}isRangeHover(e){if(!this.hoverRange){return false}const{start:t,end:s}=this.hoverRange;const i=this.isFocusedOnStart();const a=this.isHoverInRange();const r=a&&(!i&&e>this.startDate&&(e<s||p(e,s))||i&&e<this.endDate&&(e>t||p(e,t)));const n=!a&&(!i&&e>=this.endDate&&(e<s||p(e,s))||i&&(this.startDate&&e<this.startDate||this.endDate&&p(e,this.startDate))&&(t&&e>t||p(e,t)));return r||n}get el(){return a(this)}};V.style=q;const X={header:"header",month:"month",chevron:"chevron",suffix:"suffix",yearSuffix:"year--suffix",yearWrap:"year-wrap",textReverse:"text--reverse"};const Z={chevronLeft:"chevron-left",chevronRight:"chevron-right"};const ee=":host{display:block}.header{display:flex;justify-content:space-between;padding-block:0px;padding-inline:0.25rem}:host([scale=s]) .text{margin-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .chevron{block-size:2.25rem}:host([scale=m]) .text{margin-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .chevron{block-size:3rem}:host([scale=l]) .text{margin-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .chevron{block-size:3.5rem}.chevron{margin-inline:-0.25rem;box-sizing:content-box;display:flex;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;background-color:var(--calcite-color-foreground-1);padding-inline:0.25rem;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inline-size:14.2857142857%}.chevron:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.chevron:hover,.chevron:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron[aria-disabled=true]{pointer-events:none;opacity:0}.text{margin-block:auto;display:flex;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:center;text-align:center;line-height:1}.text--reverse{flex-direction:row-reverse}.month,.year,.suffix{margin-inline:0.25rem;margin-block:auto;display:inline-block;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-color-text-1);font-size:inherit}.year{position:relative;inline-size:2.5rem;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent}.year:hover{transition-duration:100ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}.year:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.year--suffix{text-align:start}.year-wrap{position:relative}.suffix{inset-block-start:0px;white-space:nowrap;text-align:start;inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}";const te=ee;const se=class{constructor(s){e(this,s);this.calciteInternalDatePickerSelect=t(this,"calciteInternalDatePickerSelect",6);this.onYearKey=e=>{const t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault();this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault();this.setYear({localizedYear:t,offset:1});break}};this.onYearChange=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})};this.onYearInput=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:false})};this.prevMonthClick=e=>{this.handleArrowClick(e,this.prevMonthDate)};this.prevMonthKeydown=e=>{if(_(e.key)){this.prevMonthClick(e)}};this.nextMonthClick=e=>{this.handleArrowClick(e,this.nextMonthDate)};this.nextMonthKeydown=e=>{if(_(e.key)){this.nextMonthClick(e)}};this.handleArrowClick=(e,t)=>{e.preventDefault();this.calciteInternalDatePickerSelect.emit(t)};this.selectedDate=undefined;this.activeDate=undefined;this.headingLevel=undefined;this.min=undefined;this.max=undefined;this.scale=undefined;this.localeData=undefined;this.messages=undefined;this.nextMonthDate=undefined;this.prevMonthDate=undefined}componentWillLoad(){this.parentDatePickerEl=H(this.el,"calcite-date-picker")}connectedCallback(){this.setNextPrevMonthDates()}render(){return s("div",{key:"6e1476a12ba6ea69e21a6e2ad307ed524bdf3841",class:X.header},this.renderContent())}renderContent(){const{messages:e,localeData:t,activeDate:i}=this;if(!i||!t){return null}if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:false,...e&&{numberingSystem:e},...t&&{locale:t}}}const a=i.getMonth();const{months:n,unitOrder:o}=t;const h=(n.wide||n.narrow||n.abbreviated)[a];const c=this.formatCalendarYear(i.getFullYear());const d=g(o);const l=d.indexOf("y")<d.indexOf("m");const f=t.year?.suffix;return s(r,null,s("a",{"aria-disabled":`${this.prevMonthDate.getMonth()===a}`,"aria-label":e.prevMonth,class:X.chevron,href:"#",onClick:this.prevMonthClick,onKeyDown:this.prevMonthKeydown,role:"button",tabindex:this.prevMonthDate.getMonth()===a?-1:0},s("calcite-icon",{"flip-rtl":true,icon:Z.chevronLeft,scale:Y(this.scale)})),s("div",{class:{text:true,[X.textReverse]:l}},s(O,{class:X.month,level:this.headingLevel},h),s("span",{class:X.yearWrap},s("input",{"aria-label":e.year,class:{year:true,[X.yearSuffix]:!!f},inputmode:"numeric",maxlength:"4",minlength:"1",onChange:this.onYearChange,onInput:this.onYearInput,onKeyDown:this.onYearKey,pattern:"\\d*",ref:e=>this.yearInput=e,type:"text",value:c}),f&&s("span",{class:X.suffix},f))),s("a",{"aria-disabled":`${this.nextMonthDate.getMonth()===a}`,"aria-label":e.nextMonth,class:X.chevron,href:"#",onClick:this.nextMonthClick,onKeyDown:this.nextMonthKeydown,role:"button",tabindex:this.nextMonthDate.getMonth()===a?-1:0},s("calcite-icon",{"flip-rtl":true,icon:Z.chevronRight,scale:Y(this.scale)})))}setNextPrevMonthDates(){if(!this.activeDate){return}this.nextMonthDate=d(v(this.activeDate),this.min,this.max);this.prevMonthDate=d(y(this.activeDate),this.min,this.max)}formatCalendarYear(e){return C.localize(`${b(e,this.localeData)}`)}parseCalendarYear(e){return C.localize(`${m(Number(C.delocalize(e)),this.localeData)}`)}getInRangeDate({localizedYear:e,offset:t=0}){const{min:s,max:i,activeDate:a}=this;const r=Number(C.delocalize(e));const n=r.toString().length;const o=isNaN(r)?false:r+t;const h=o&&(!s||s.getFullYear()<=o)&&(!i||i.getFullYear()>=o);if(o&&h&&n===e.length){const e=new Date(a);e.setFullYear(o);return d(e,s,i)}}setYear({localizedYear:e,commit:t=true,offset:s=0}){const{yearInput:i,activeDate:a}=this;const r=this.getInRangeDate({localizedYear:e,offset:s});if(r){this.calciteInternalDatePickerSelect.emit(r)}if(t){i.value=this.formatCalendarYear((r||a).getFullYear())}}get el(){return a(this)}static get watchers(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}}};se.style=te;export{T as calcite_date_picker,U as calcite_date_picker_day,V as calcite_date_picker_month,se as calcite_date_picker_month_header};
+//# sourceMappingURL=p-58acfe5c.entry.js.map