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

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

@@ -1 +0,0 @@
-{"version":3,"names":["HEADING_LEVEL","DATE_PICKER_FORMAT_OPTIONS","dateStyle","datePickerCss","DatePicker","this","keyDownHandler","event","key","resetActiveDates","monthHeaderSelectChange","date","Date","detail","range","activeDate","activeRange","activeEndDate","activeStartDate","mostRecentRangeValue","monthActiveDateChange","monthHoverChange","hoverRange","undefined","valueAsDate","start","Array","isArray","end","focused","proximitySelectionDisabled","startDiff","getDaysDiff","endDiff","stopPropagation","monthMouseOutChange","monthDateChange","isoDate","dateToISO","value","calciteDatePickerChange","emit","getStartDate","getEndDate","setEndDate","setStartDate","activeDateWatcher","newActiveDate","valueAsDateWatcher","newValueAsDate","newActiveStartDate","newActiveEndDate","onMinChanged","min","minAsDate","dateFromISO","onMaxChanged","max","maxAsDate","onMessagesChange","setFocus","componentFocusable","el","focus","reset","connectedCallback","connectLocalized","connectMessages","getValueAsDateRange","disconnectedCallback","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","loadLocaleData","setUpMessages","componentDidLoad","setComponentLoaded","render","dateFromRange","getActiveDate","endDate","getActiveEndDate","minDate","maxDate","h","Host","onBlur","onKeyDown","renderCalendar","effectiveLocaleChange","updateMessages","effectiveLocale","valueHandler","numberStringFormatter","numberFormatOptions","numberingSystem","locale","useGrouping","localeData","getLocaleData","dateTimeFormat","getDateTimeFormat","headingLevel","messages","onCalciteInternalDatePickerSelect","scale","selectedDate","onCalciteInternalDatePickerActiveDateChange","onCalciteInternalDatePickerHover","onCalciteInternalDatePickerMouseOut","startDate","newEndDate","setEndOfDay","calciteDatePickerRangeChange","datePickerDayCss","DatePickerDay","onClick","disabled","calciteDaySelect","isActivationKey","preventDefault","pointerOverHandler","calciteInternalDayHover","parentDatePickerEl","closestElementCrossShadowBoundary","dayId","replaceAll","lang","formattedDay","localize","String","day","dayLabel","format","toAriaBoolean","active","id","role","tabIndex","InteractiveContainer","class","connectInteractive","componentDidRender","updateHostInteraction","disconnectInteractive","datePickerMonthCss","DAYS_PER_WEEK","DAYS_MAXIMUM_INDEX","DatePickerMonth","defaultPrevented","isRTL","dir","addDays","addMonths","setDate","getFullYear","getMonth","getDate","activeFocus","disableActiveFocus","dayHover","target","calciteInternalDatePickerMouseOut","calciteInternalDatePickerHover","daySelect","calciteInternalDatePickerSelect","pointerOutHandler","month","year","startOfWeek","weekStart","abbreviated","short","narrow","days","weekDays","adjustedWeekDays","slice","curMonDays","getCurrentMonthDays","prevMonDays","getPreviousMonthDays","nextMonDays","getNextMonthDays","dayInWeek","getDayInWeek","map","sameDate","currentMonth","ref","weeks","i","length","push","onFocusOut","weekday","renderDateDay","step","nextDate","setMonth","calciteInternalDatePickerActiveDateChange","lastDate","startDay","getDay","num","endDay","betweenSelectedRange","isRangeHover","isSelected","isStartOfRange","isEndOfRange","isFocusedOnStart","isHoverInRange","toDateString","inRange","endOfRange","highlighted","onCalciteDaySelect","onCalciteInternalDayHover","rangeEdge","rangeHover","selected","startOfRange","isStart","insideRange","cond1","cond2","CSS","header","chevron","suffix","yearSuffix","yearWrap","textReverse","ICON","chevronLeft","chevronRight","datePickerMonthHeaderCss","DatePickerMonthHeader","onYearKey","localizedYear","parseCalendarYear","setYear","offset","onYearChange","onYearInput","commit","prevMonthClick","handleArrowClick","prevMonthDate","prevMonthKeydown","nextMonthClick","nextMonthDate","nextMonthKeydown","setNextPrevMonthDates","renderContent","activeMonth","months","unitOrder","localizedMonth","wide","formatCalendarYear","order","getOrder","reverse","indexOf","Fragment","prevMonth","href","tabindex","icon","getIconScale","text","Heading","level","inputmode","maxlength","minlength","onChange","onInput","pattern","type","yearInput","nextMonth","Number","delocalize","getInRangeDate","parsedYear","toString","isNaN","setFullYear","inRangeDate"],"sources":["src/components/date-picker/resources.ts","src/components/date-picker/date-picker.scss?tag=calcite-date-picker&encapsulation=shadow","src/components/date-picker/date-picker.tsx","src/components/date-picker-day/date-picker-day.scss?tag=calcite-date-picker-day&encapsulation=shadow","src/components/date-picker-day/date-picker-day.tsx","src/components/date-picker-month/date-picker-month.scss?tag=calcite-date-picker-month&encapsulation=shadow","src/components/date-picker-month/date-picker-month.tsx","src/components/date-picker-month-header/resources.ts","src/components/date-picker-month-header/date-picker-month-header.scss?tag=calcite-date-picker-month-header&encapsulation=shadow","src/components/date-picker-month-header/date-picker-month-header.tsx"],"sourcesContent":["export const HEADING_LEVEL = 2;\n\nexport const DATE_PICKER_FORMAT_OPTIONS: Intl.DateTimeFormatOptions = { dateStyle: \"full\" };\n",":host {\n  @extend %component-host;\n  @apply align-top\n    border\n    border-color-1\n    border-solid\n    inline-block\n    overflow-visible\n    rounded-none\n    w-auto;\n}\n\n:host([scale=\"s\"]) {\n  inline-size: 234px;\n  min-inline-size: 216px;\n  max-inline-size: 380px;\n}\n\n:host([scale=\"m\"]) {\n  inline-size: 304px;\n  min-inline-size: 272px;\n  max-inline-size: 480px;\n}\n\n:host([scale=\"l\"]) {\n  inline-size: 370px;\n  min-inline-size: 320px;\n  max-inline-size: 600px;\n}\n\n@include base-component();\n","import {\n  Build,\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 {\n  dateFromISO,\n  dateFromRange,\n  dateToISO,\n  getDaysDiff,\n  HoverRange,\n  setEndOfDay,\n} from \"../../utils/date\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  getDateTimeFormat,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport { DatePickerMessages } from \"./assets/date-picker/t9n\";\nimport { DATE_PICKER_FORMAT_OPTIONS, HEADING_LEVEL } from \"./resources\";\nimport { DateLocaleData, getLocaleData, getValueAsDateRange } from \"./utils\";\n\n@Component({\n  assetsDirs: [\"assets\"],\n  tag: \"calcite-date-picker\",\n  styleUrl: \"date-picker.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class DatePicker implements LocalizedComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the component's active date. */\n  @Prop({ mutable: true }) activeDate: Date;\n\n  @Watch(\"activeDate\")\n  activeDateWatcher(newActiveDate: Date): void {\n    if (this.activeRange === \"end\") {\n      this.activeEndDate = newActiveDate;\n    }\n  }\n\n  /**\n   * When `range` is true, specifies the active `range`. Where `\"start\"` specifies the starting range date and `\"end\"` the ending range date.\n   */\n  @Prop({ reflect: true }) activeRange: \"start\" | \"end\";\n\n  /**\n   * Specifies the selected date as a string (`\"yyyy-mm-dd\"`), or an array of strings for `range` values (`[\"yyyy-mm-dd\", \"yyyy-mm-dd\"]`).\n   */\n  @Prop({ mutable: true }) value: string | string[];\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /** Specifies the selected date as a full date object (`new Date(\"yyyy-mm-dd\")`), or an array containing full date objects (`[new Date(\"yyyy-mm-dd\"), new Date(\"yyyy-mm-dd\")]`). */\n  @Prop({ mutable: true }) valueAsDate: Date | Date[];\n\n  @Watch(\"valueAsDate\")\n  valueAsDateWatcher(newValueAsDate: Date | Date[]): void {\n    if (this.range && Array.isArray(newValueAsDate)) {\n      const { activeStartDate, activeEndDate } = this;\n      const newActiveStartDate = newValueAsDate[0];\n      const newActiveEndDate = newValueAsDate[1];\n      this.activeStartDate = activeStartDate !== newActiveStartDate && newActiveStartDate;\n      this.activeEndDate = activeEndDate !== newActiveEndDate && newActiveEndDate;\n    } else if (newValueAsDate && newValueAsDate !== this.activeDate) {\n      this.activeDate = newValueAsDate as Date;\n    }\n  }\n\n  /** Specifies the earliest allowed date as a full date object (`new Date(\"yyyy-mm-dd\")`). */\n  @Prop({ mutable: true }) minAsDate: Date;\n\n  /** Specifies the latest allowed date as a full date object (`new Date(\"yyyy-mm-dd\")`). */\n  @Prop({ mutable: true }) maxAsDate: Date;\n\n  /** Specifies the earliest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop({ reflect: true }) min: string;\n\n  @Watch(\"min\")\n  onMinChanged(min: string): void {\n    if (min) {\n      this.minAsDate = dateFromISO(min);\n    }\n  }\n\n  /** Specifies the latest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop({ reflect: true }) max: string;\n\n  @Watch(\"max\")\n  onMaxChanged(max: string): void {\n    if (max) {\n      this.maxAsDate = dateFromISO(max);\n    }\n  }\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.\n   *\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: \"s\" | \"m\" | \"l\" = \"m\";\n\n  /** When `true`, activates the component's range mode to allow a start and end date. */\n  @Prop({ reflect: true }) range = false;\n\n  /** When `true`, disables the default behavior on the third click of narrowing or extending the range and instead starts a new range. */\n  @Prop({ reflect: true }) proximitySelectionDisabled = false;\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<DatePickerMessages>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: DatePickerMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Fires when a user changes the component's date. For `range` events, use `calciteDatePickerRangeChange`.\n   */\n  @Event({ cancelable: false }) calciteDatePickerChange: EventEmitter<void>;\n\n  /**\n   * Fires when a user changes the component's date `range`. For components without `range` use `calciteDatePickerChange`.\n   */\n  @Event({ cancelable: false }) calciteDatePickerRangeChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  /**\n   * Resets active date state.\n   * @internal\n   */\n  @Method()\n  async reset(): Promise<void> {\n    this.resetActiveDates();\n    this.mostRecentRangeValue = undefined;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n\n    if (Array.isArray(this.value)) {\n      this.valueAsDate = getValueAsDateRange(this.value);\n    } else if (this.value) {\n      this.valueAsDate = dateFromISO(this.value);\n    }\n\n    if (this.min) {\n      this.minAsDate = dateFromISO(this.min);\n    }\n\n    if (this.max) {\n      this.maxAsDate = dateFromISO(this.max);\n    }\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await this.loadLocaleData();\n    this.onMinChanged(this.min);\n    this.onMaxChanged(this.max);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  render(): VNode {\n    const date = dateFromRange(\n      this.range && Array.isArray(this.valueAsDate) ? this.valueAsDate[0] : this.valueAsDate,\n      this.minAsDate,\n      this.maxAsDate,\n    );\n    let activeDate = this.getActiveDate(date, this.minAsDate, this.maxAsDate);\n    const endDate =\n      this.range && Array.isArray(this.valueAsDate)\n        ? dateFromRange(this.valueAsDate[1], this.minAsDate, this.maxAsDate)\n        : null;\n    const activeEndDate = this.getActiveEndDate(endDate, this.minAsDate, this.maxAsDate);\n    if (\n      (this.activeRange === \"end\" ||\n        (this.hoverRange?.focused === \"end\" && (!this.proximitySelectionDisabled || endDate))) &&\n      activeEndDate\n    ) {\n      activeDate = activeEndDate;\n    }\n    if (this.range && this.mostRecentRangeValue) {\n      activeDate = this.mostRecentRangeValue;\n    }\n\n    const minDate =\n      this.range && this.activeRange\n        ? this.activeRange === \"start\"\n          ? this.minAsDate\n          : date || this.minAsDate\n        : this.minAsDate;\n\n    const maxDate =\n      this.range && this.activeRange\n        ? this.activeRange === \"start\"\n          ? endDate || this.maxAsDate\n          : this.maxAsDate\n        : this.maxAsDate;\n    return (\n      <Host onBlur={this.resetActiveDates} onKeyDown={this.keyDownHandler}>\n        {this.renderCalendar(activeDate, maxDate, minDate, date, endDate)}\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDatePickerElement;\n\n  /**\n   * Active end date.\n   */\n  @State() activeEndDate: Date;\n\n  /**\n   * Active start date.\n   */\n  @State() activeStartDate: Date;\n\n  /**\n   * The DateTimeFormat used to provide screen reader labels.\n   *\n   * @internal\n   */\n  @State() dateTimeFormat: Intl.DateTimeFormat;\n\n  @State() defaultMessages: DatePickerMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() endAsDate: Date;\n\n  @State() private hoverRange: HoverRange;\n\n  @State() private localeData: DateLocaleData;\n\n  @State() private mostRecentRangeValue?: Date;\n\n  @State() startAsDate: Date;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.key === \"Escape\") {\n      this.resetActiveDates();\n    }\n  };\n\n  @Watch(\"value\")\n  valueHandler(value: string | string[]): void {\n    if (Array.isArray(value)) {\n      this.valueAsDate = getValueAsDateRange(value);\n    } else if (value) {\n      this.valueAsDate = dateFromISO(value);\n    }\n  }\n\n  @Watch(\"effectiveLocale\")\n  private async loadLocaleData(): Promise<void> {\n    if (!Build.isBrowser) {\n      return;\n    }\n\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem: this.numberingSystem,\n      locale: this.effectiveLocale,\n      useGrouping: false,\n    };\n\n    this.localeData = await getLocaleData(this.effectiveLocale);\n    this.dateTimeFormat = getDateTimeFormat(this.effectiveLocale, DATE_PICKER_FORMAT_OPTIONS);\n  }\n\n  monthHeaderSelectChange = (event: CustomEvent<Date>): void => {\n    const date = new Date(event.detail);\n    if (!this.range) {\n      this.activeDate = date;\n    } else {\n      if (this.activeRange === \"end\") {\n        this.activeEndDate = date;\n      } else {\n        this.activeStartDate = date;\n      }\n      this.mostRecentRangeValue = date;\n    }\n  };\n\n  monthActiveDateChange = (event: CustomEvent<Date>): void => {\n    const date = new Date(event.detail);\n    if (!this.range) {\n      this.activeDate = date;\n    } else {\n      if (this.activeRange === \"end\") {\n        this.activeEndDate = date;\n      } else {\n        this.activeStartDate = date;\n      }\n      this.mostRecentRangeValue = date;\n    }\n  };\n\n  monthHoverChange = (event: CustomEvent<Date>): void => {\n    if (!this.range) {\n      this.hoverRange = undefined;\n      return;\n    }\n\n    const { valueAsDate } = this;\n    const start = Array.isArray(valueAsDate) && valueAsDate[0];\n    const end = Array.isArray(valueAsDate) && valueAsDate[1];\n\n    const date = new Date(event.detail);\n    this.hoverRange = {\n      focused: this.activeRange || \"start\",\n      start,\n      end,\n    };\n    if (!this.proximitySelectionDisabled) {\n      if (start && end) {\n        const startDiff = getDaysDiff(date, start);\n        const endDiff = getDaysDiff(date, end);\n        if (endDiff > 0) {\n          this.hoverRange.end = date;\n          this.hoverRange.focused = \"end\";\n        } else if (startDiff < 0) {\n          this.hoverRange.start = date;\n          this.hoverRange.focused = \"start\";\n        } else if (startDiff > endDiff) {\n          this.hoverRange.start = date;\n          this.hoverRange.focused = \"start\";\n        } else {\n          this.hoverRange.end = date;\n          this.hoverRange.focused = \"end\";\n        }\n      } else {\n        if (start) {\n          if (date < start) {\n            this.hoverRange = {\n              focused: \"start\",\n              start: date,\n              end: start,\n            };\n          } else {\n            this.hoverRange.end = date;\n            this.hoverRange.focused = \"end\";\n          }\n        }\n      }\n    } else {\n      if (!end) {\n        if (date < start) {\n          this.hoverRange = {\n            focused: \"start\",\n            start: date,\n            end: start,\n          };\n        } else {\n          this.hoverRange.end = date;\n          this.hoverRange.focused = \"end\";\n        }\n      } else {\n        this.hoverRange = undefined;\n      }\n    }\n    event.stopPropagation();\n  };\n\n  monthMouseOutChange = (): void => {\n    if (this.hoverRange) {\n      this.hoverRange = undefined;\n    }\n  };\n\n  /**\n   * Render calcite-date-picker-month-header and calcite-date-picker-month\n   *\n   * @param activeDate\n   * @param maxDate\n   * @param minDate\n   * @param date\n   * @param endDate\n   */\n  private renderCalendar(\n    activeDate: Date,\n    maxDate: Date,\n    minDate: Date,\n    date: Date,\n    endDate: Date,\n  ) {\n    return (\n      this.localeData && [\n        <calcite-date-picker-month-header\n          activeDate={activeDate}\n          headingLevel={this.headingLevel || HEADING_LEVEL}\n          localeData={this.localeData}\n          max={maxDate}\n          messages={this.messages}\n          min={minDate}\n          onCalciteInternalDatePickerSelect={this.monthHeaderSelectChange}\n          scale={this.scale}\n          selectedDate={this.activeRange === \"end\" ? endDate : date || new Date()}\n        />,\n        <calcite-date-picker-month\n          activeDate={activeDate}\n          dateTimeFormat={this.dateTimeFormat}\n          endDate={this.range ? endDate : undefined}\n          hoverRange={this.hoverRange}\n          localeData={this.localeData}\n          max={maxDate}\n          min={minDate}\n          onCalciteInternalDatePickerActiveDateChange={this.monthActiveDateChange}\n          onCalciteInternalDatePickerHover={this.monthHoverChange}\n          onCalciteInternalDatePickerMouseOut={this.monthMouseOutChange}\n          onCalciteInternalDatePickerSelect={this.monthDateChange}\n          scale={this.scale}\n          selectedDate={this.activeRange === \"end\" ? endDate : date}\n          startDate={this.range ? date : undefined}\n        />,\n      ]\n    );\n  }\n\n  private resetActiveDates = (): void => {\n    const { valueAsDate } = this;\n\n    if (!Array.isArray(valueAsDate) && valueAsDate && valueAsDate !== this.activeDate) {\n      this.activeDate = new Date(valueAsDate);\n    }\n\n    if (Array.isArray(valueAsDate)) {\n      if (valueAsDate[0] && valueAsDate[0] !== this.activeStartDate) {\n        this.activeStartDate = new Date(valueAsDate[0]);\n      }\n      if (valueAsDate[1] && valueAsDate[1] !== this.activeEndDate) {\n        this.activeEndDate = new Date(valueAsDate[1]);\n      }\n    }\n  };\n\n  private getEndDate(): Date {\n    return (Array.isArray(this.valueAsDate) && this.valueAsDate[1]) || undefined;\n  }\n\n  private setEndDate(date: Date): void {\n    const startDate = this.getStartDate();\n    const newEndDate = date ? setEndOfDay(date) : date;\n    this.value = [dateToISO(startDate), dateToISO(date)];\n    this.valueAsDate = [startDate, date];\n    this.mostRecentRangeValue = newEndDate;\n    this.calciteDatePickerRangeChange.emit();\n    this.activeEndDate = date || null;\n  }\n\n  private getStartDate(): Date {\n    return Array.isArray(this.valueAsDate) && this.valueAsDate[0];\n  }\n\n  private setStartDate(date: Date): void {\n    const endDate = this.getEndDate();\n    this.value = [dateToISO(date), dateToISO(endDate)];\n    this.valueAsDate = [date, endDate];\n    this.mostRecentRangeValue = date;\n    this.calciteDatePickerRangeChange.emit();\n    this.activeStartDate = date || null;\n  }\n\n  /**\n   * Event handler for when the selected date changes\n   *\n   * @param event\n   */\n  private monthDateChange = (event: CustomEvent<Date>): void => {\n    const date = new Date(event.detail);\n    const isoDate = dateToISO(date);\n\n    if (!this.range && isoDate === dateToISO(this.valueAsDate as Date)) {\n      return;\n    }\n\n    if (!this.range) {\n      this.value = isoDate || \"\";\n      this.valueAsDate = date || null;\n      this.activeDate = date || null;\n      this.calciteDatePickerChange.emit();\n      return;\n    }\n\n    const start = this.getStartDate();\n    const end = this.getEndDate();\n\n    if (!start || (!end && date < start)) {\n      if (start) {\n        this.setEndDate(new Date(start));\n      }\n      if (this.activeRange == \"end\") {\n        this.setEndDate(date);\n      } else {\n        this.setStartDate(date);\n      }\n    } else if (!end) {\n      this.setEndDate(date);\n    } else {\n      if (!this.proximitySelectionDisabled) {\n        if (this.activeRange) {\n          if (this.activeRange == \"end\") {\n            this.setEndDate(date);\n          } else {\n            this.setStartDate(date);\n          }\n        } else {\n          const startDiff = getDaysDiff(date, start);\n          const endDiff = getDaysDiff(date, end);\n          if (endDiff === 0 || startDiff < 0) {\n            this.setStartDate(date);\n          } else if (startDiff === 0 || endDiff < 0) {\n            this.setEndDate(date);\n          } else if (startDiff < endDiff) {\n            this.setStartDate(date);\n          } else {\n            this.setEndDate(date);\n          }\n        }\n      } else {\n        this.setStartDate(date);\n      }\n    }\n    this.calciteDatePickerChange.emit();\n  };\n\n  /**\n   * Get an active date using the value, or current date as default\n   *\n   * @param value\n   * @param min\n   * @param max\n   */\n  private getActiveDate(value: Date | null, min: Date | null, max: Date | null): Date {\n    return dateFromRange(this.activeDate, min, max) || value || dateFromRange(new Date(), min, max);\n  }\n\n  private getActiveEndDate(value: Date | null, min: Date | null, max: Date | null): Date {\n    return (\n      dateFromRange(this.activeEndDate, min, max) || value || dateFromRange(new Date(), min, max)\n    );\n  }\n}\n",":host {\n  @apply cursor-pointer flex relative text-color-3;\n}\n\n@include disabled();\n\n@mixin range-part-base() {\n  &:before,\n  &:after {\n    @apply absolute pointer-events-none;\n    inset-block: 0;\n    content: \"\";\n    block-size: var(--calcite-internal-day-size);\n    inline-size: var(--calcite-internal-day-size);\n  }\n}\n\n@mixin range-part-edge-end() {\n  &:before {\n    inset-inline-end: 50%;\n  }\n  &:after {\n    inset-inline-start: 50%;\n    border-start-end-radius: var(--calcite-internal-day-size);\n    border-end-end-radius: var(--calcite-internal-day-size);\n    inline-size: calc(var(--calcite-internal-day-size) / 2);\n  }\n}\n\n@mixin range-part-edge-start() {\n  &:before {\n    inset-inline-end: 50%;\n    border-start-start-radius: var(--calcite-internal-day-size);\n    border-end-start-radius: var(--calcite-internal-day-size);\n    inline-size: calc(var(--calcite-internal-day-size) / 2);\n  }\n  &:after {\n    inset-inline-start: 50%;\n  }\n}\n\n@mixin range-part-middle() {\n  &:before {\n    inset-inline-end: 50%;\n    border-radius: 0;\n  }\n  &:after {\n    inset-inline-start: 50%;\n    border-radius: 0;\n  }\n}\n\n.day-v-wrapper {\n  @apply flex-auto;\n}\n\n.day-wrapper {\n  @apply flex\n    flex-col\n    items-center\n    relative;\n}\n\n:host([range]),\n:host([range-hover]) {\n  .day-wrapper {\n    @include range-part-base();\n  }\n}\n\n.day {\n  @apply text-n2h\n    text-color-3\n    flex\n    focus-base\n    items-center\n    justify-center\n    rounded-full\n    leading-none\n    transition-default\n    z-default;\n  background: none;\n  box-shadow: 0 0 0 2px transparent;\n  block-size: var(--calcite-internal-day-size);\n  inline-size: var(--calcite-internal-day-size);\n}\n\n.text {\n  @apply mt-px mb-0;\n  margin-inline-start: theme(\"spacing.0\");\n}\n\n:host([scale=\"s\"]) {\n  --calcite-internal-day-size: 27px;\n\n  .day-v-wrapper {\n    @apply py-0.5;\n  }\n  .day-wrapper {\n    @apply p-0;\n  }\n  .day {\n    @apply text-n2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-day-size: 33px;\n\n  .day-v-wrapper {\n    @apply py-1;\n  }\n  .day-wrapper {\n    @apply p-0;\n  }\n  .day {\n    @apply text-n1;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-day-size: 43px;\n\n  .day-v-wrapper {\n    @apply py-1;\n  }\n  .day-wrapper {\n    @apply px-1;\n  }\n  .day {\n    @apply text-0;\n  }\n}\n\n:host(:not([current-month])) .day {\n  @apply opacity-disabled;\n}\n\n:host(:hover:not([disabled]):not([selected])),\n:host([active]:not([range]):not([selected])) {\n  & .day {\n    @apply bg-foreground-2 text-color-1;\n  }\n}\n\n:host(:focus),\n:host([active]) {\n  @apply outline-none;\n}\n\n:host(:focus:not([disabled])) .day {\n  @apply focus-outset;\n}\n\n:host([selected]) .day {\n  @apply font-medium;\n  background-color: var(--calcite-color-brand);\n  color: var(--calcite-color-foreground-1);\n}\n\n:host(:focus:not([disabled])),\n:host([start-of-range]:not(:focus)),\n:host([end-of-range]:not(:focus)) {\n  .day {\n    box-shadow: 0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n\n:host([range-hover]:not([selected])),\n:host([highlighted]:not([selected])) {\n  .day-wrapper {\n    @include range-part-middle();\n  }\n\n  .day {\n    @apply text-color-1;\n  }\n}\n\n:host([highlighted]),\n:host([selected]:not(.hover--outside-range)) {\n  .day-wrapper {\n    &:before,\n    &:after {\n      background-color: var(--calcite-color-foreground-current);\n    }\n  }\n}\n\n:host([range-hover]:not([selected])) {\n  .day-wrapper {\n    &:before,\n    &:after {\n      @apply bg-foreground-2;\n    }\n  }\n}\n\n:host(:hover[range-hover]:not([selected]).focused--end),\n:host([highlighted][end-of-range]),\n:host([highlighted][range-edge=\"end\"]),\n:host([range-hover][range-edge=\"end\"]),\n:host(:hover[range-hover].focused--end.hover--outside-range) {\n  .day-wrapper {\n    @include range-part-edge-end();\n  }\n}\n\n:host([highlighted][start-of-range]),\n:host([highlighted][range-edge=\"start\"]),\n:host([range-hover][range-edge=\"start\"]),\n:host(:hover[range-hover]:not([selected]).focused--start),\n:host([start-of-range].hover--inside-range),\n:host(:hover[range-hover].focused--start.hover--outside-range) {\n  .day-wrapper {\n    @include range-part-edge-start();\n  }\n}\n\n:host([range-hover][start-of-range][range-edge=\"end\"]),\n:host([range-hover][end-of-range][range-edge=\"start\"]),\n:host([start-of-range][range-edge=\"end\"].hover--inside-range),\n:host([end-of-range]) {\n  .day-wrapper {\n    &:after,\n    &:before {\n      content: unset;\n    }\n  }\n}\n\n:host(:hover[range-hover]:not([selected]).focused--start),\n:host(:hover[range-hover]:not([selected]).focused--end),\n:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range),\n:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) {\n  .day {\n    box-shadow: 0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n\n@media (forced-colors: active) {\n  .day {\n    @apply rounded-none;\n  }\n\n  :host([selected]) {\n    outline: 2px solid canvasText;\n  }\n\n  :host(:hover:not([selected])) {\n    .day {\n      border-radius: 50%;\n    }\n  }\n\n  :host([range][selected]),\n  :host([highlighted]),\n  :host([range-hover]:not([selected])) {\n    .day-wrapper {\n      &:before,\n      &:after {\n        background-color: highlight;\n      }\n    }\n  }\n\n  :host([range-hover]),\n  :host([range][selected][start-of-range]),\n  :host([range][selected][end-of-range]) {\n    .day-wrapper {\n      &:before,\n      &:after {\n        background-color: canvas;\n      }\n    }\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { dateToISO } from \"../../utils/date\";\n\nimport { closestElementCrossShadowBoundary, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { numberStringFormatter } from \"../../utils/locale\";\nimport { Scale } from \"../interfaces\";\n\n@Component({\n  tag: \"calcite-date-picker-day\",\n  styleUrl: \"date-picker-day.scss\",\n  shadow: true,\n})\nexport class DatePickerDay implements InteractiveComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Day of the month to be shown. */\n  @Prop() day!: number;\n\n  /**\n   * The DateTimeFormat used to provide screen reader labels.\n   *\n   * @internal\n   */\n  @Prop() dateTimeFormat: Intl.DateTimeFormat;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Date is in the current month. */\n  @Prop({ reflect: true }) currentMonth = false;\n\n  /**  When `true`, the component is selected. */\n  @Prop({ reflect: true }) selected = false;\n\n  /** Date is currently highlighted as part of the range, */\n  @Prop({ reflect: true }) highlighted = false;\n\n  /** When `true`, activates the component's range mode to allow a start and end date. */\n  @Prop({ reflect: true }) range = false;\n\n  /**\n   * When `true`, highlight styling for edge dates is applied.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) rangeEdge: \"start\" | \"end\" | undefined;\n\n  /** Date is the start of date range. */\n  @Prop({ reflect: true }) startOfRange = false;\n\n  /** Date is the end of date range. */\n  @Prop({ reflect: true }) endOfRange = false;\n\n  /** Date is being hovered and within the set range. */\n  @Prop({ reflect: true }) rangeHover = false;\n\n  /** When `true`, the component is active. */\n  @Prop({ reflect: true }) active = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /** The component's value. */\n  @Prop() value: Date;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  onClick = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.calciteDaySelect.emit();\n  };\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      !this.disabled && this.calciteDaySelect.emit();\n      event.preventDefault();\n    }\n  };\n\n  @Listen(\"pointerover\")\n  pointerOverHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.calciteInternalDayHover.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when user selects day.\n   */\n  @Event({ cancelable: false }) calciteDaySelect: EventEmitter<void>;\n\n  /**\n   * Fires when user hovers over a day.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDayHover: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    this.parentDatePickerEl = closestElementCrossShadowBoundary(\n      this.el,\n      \"calcite-date-picker\",\n    ) as HTMLCalciteDatePickerElement;\n  }\n\n  render(): VNode {\n    const dayId = dateToISO(this.value).replaceAll(\"-\", \"\");\n    if (this.parentDatePickerEl) {\n      const { numberingSystem, lang: locale } = this.parentDatePickerEl;\n\n      numberStringFormatter.numberFormatOptions = {\n        useGrouping: false,\n        ...(numberingSystem && { numberingSystem }),\n        ...(locale && { locale }),\n      };\n    }\n    const formattedDay = numberStringFormatter.localize(String(this.day));\n    const dayLabel = this.dateTimeFormat.format(this.value);\n\n    return (\n      <Host\n        aria-disabled={toAriaBoolean(this.disabled)}\n        aria-label={dayLabel}\n        aria-selected={toAriaBoolean(this.active)}\n        id={dayId}\n        onClick={this.onClick}\n        onKeyDown={this.keyDownHandler}\n        role=\"button\"\n        tabIndex={this.active && !this.disabled ? 0 : -1}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div aria-hidden=\"true\" class={{ \"day-v-wrapper\": true }}>\n            <div class=\"day-wrapper\">\n              <span class=\"day\">\n                <span class=\"text\">{formattedDay}</span>\n              </span>\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDatePickerDayElement;\n\n  private parentDatePickerEl: HTMLCalciteDatePickerElement;\n}\n","@include base-component();\n\n.calendar {\n  @apply mb-1;\n}\n\n.week-headers {\n  @apply border-color-3\n    flex\n    border-0\n    border-t\n    border-solid\n    py-0\n    px-1;\n}\n\n.week-header {\n  @apply text-color-3\n    text-center\n    font-bold;\n  inline-size: calc(100% / 7);\n}\n\n.day {\n  @apply flex\n  min-w-0\n  justify-center;\n  inline-size: calc(100% / 7);\n\n  calcite-date-picker-day {\n    @apply w-full;\n  }\n}\n\n:host([scale=\"s\"]) .week-header {\n  @apply text-n2h px-0 pt-2 pb-3;\n}\n\n:host([scale=\"m\"]) .week-header {\n  @apply text-n2h px-0 pt-3 pb-4;\n}\n\n:host([scale=\"l\"]) .week-header {\n  @apply text-n1h px-0 pt-4 pb-5;\n}\n\n.week-days {\n  @apply flex\n    flex-row\n    py-0;\n  padding-inline: 6px;\n  &:focus {\n    @apply outline-none;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { dateFromRange, HoverRange, inRange, sameDate } from \"../../utils/date\";\nimport { DateLocaleData } from \"../date-picker/utils\";\nimport { Scale } from \"../interfaces\";\n\nconst DAYS_PER_WEEK = 7;\nconst DAYS_MAXIMUM_INDEX = 6;\n\ninterface Day {\n  active: boolean;\n  currentMonth?: boolean;\n  date: Date;\n  day: number;\n  dayInWeek?: number;\n  ref?: boolean;\n}\n\n@Component({\n  tag: \"calcite-date-picker-month\",\n  styleUrl: \"date-picker-month.scss\",\n  shadow: true,\n})\nexport class DatePickerMonth {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * The DateTimeFormat used to provide screen reader labels.\n   *\n   * @internal\n   */\n  @Prop() dateTimeFormat: Intl.DateTimeFormat;\n\n  /** Already selected date.*/\n  @Prop() selectedDate: Date;\n\n  /** The currently active Date.*/\n  @Prop() activeDate: Date = new Date();\n\n  /** Start date currently active. */\n  @Prop() startDate?: Date;\n\n  /** End date currently active.  */\n  @Prop() endDate?: Date;\n\n  /** Specifies the earliest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop() min: Date;\n\n  /** Specifies the latest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop() max: Date;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /**\n   * CLDR locale data for current locale.\n   *\n   * @internal\n   */\n  @Prop() localeData: DateLocaleData;\n\n  /** The range of dates currently being hovered. */\n  @Prop() hoverRange: HoverRange;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when user selects the date.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerSelect: EventEmitter<Date>;\n\n  /**\n   * Fires when user hovers the date.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerHover: EventEmitter<Date>;\n\n  /**\n   * Active date for the user keyboard access.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerActiveDateChange: EventEmitter<Date>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerMouseOut: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const isRTL = this.el.dir === \"rtl\";\n\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.addDays(-7);\n        break;\n      case \"ArrowRight\":\n        event.preventDefault();\n        this.addDays(isRTL ? -1 : 1);\n        break;\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.addDays(7);\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        this.addDays(isRTL ? 1 : -1);\n        break;\n      case \"PageUp\":\n        event.preventDefault();\n        this.addMonths(-1);\n        break;\n      case \"PageDown\":\n        event.preventDefault();\n        this.addMonths(1);\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.activeDate.setDate(1);\n        this.addDays();\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.activeDate.setDate(\n          new Date(this.activeDate.getFullYear(), this.activeDate.getMonth() + 1, 0).getDate(),\n        );\n        this.addDays();\n        break;\n      case \"Enter\":\n      case \" \":\n        event.preventDefault();\n        break;\n      case \"Tab\":\n        this.activeFocus = false;\n    }\n  };\n\n  /**\n   * Once user is not interacting via keyboard,\n   * disable auto focusing of active date\n   */\n  disableActiveFocus = (): void => {\n    this.activeFocus = false;\n  };\n\n  @Listen(\"pointerout\")\n  pointerOutHandler(): void {\n    this.calciteInternalDatePickerMouseOut.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  render(): VNode {\n    const month = this.activeDate.getMonth();\n    const year = this.activeDate.getFullYear();\n    const startOfWeek = this.localeData.weekStart % 7;\n    const { abbreviated, short, narrow } = this.localeData.days;\n    const weekDays =\n      this.scale === \"s\" ? narrow || short || abbreviated : short || abbreviated || narrow;\n    const adjustedWeekDays = [...weekDays.slice(startOfWeek, 7), ...weekDays.slice(0, startOfWeek)];\n    const curMonDays = this.getCurrentMonthDays(month, year);\n    const prevMonDays = this.getPreviousMonthDays(month, year, startOfWeek);\n    const nextMonDays = this.getNextMonthDays(month, year, startOfWeek);\n    let dayInWeek = 0;\n    const getDayInWeek = () => dayInWeek++ % 7;\n\n    const days: Day[] = [\n      ...prevMonDays.map((day) => {\n        return {\n          active: false,\n          day,\n          dayInWeek: getDayInWeek(),\n          date: new Date(year, month - 1, day),\n        };\n      }),\n      ...curMonDays.map((day) => {\n        const date = new Date(year, month, day);\n        const active = sameDate(date, this.activeDate);\n        return {\n          active,\n          currentMonth: true,\n          day,\n          dayInWeek: getDayInWeek(),\n          date,\n          ref: true,\n        };\n      }),\n      ...nextMonDays.map((day) => {\n        return {\n          active: false,\n          day,\n          dayInWeek: getDayInWeek(),\n          date: new Date(year, month + 1, day),\n        };\n      }),\n    ];\n\n    const weeks: Day[][] = [];\n    for (let i = 0; i < days.length; i += 7) {\n      weeks.push(days.slice(i, i + 7));\n    }\n\n    return (\n      <Host onFocusOut={this.disableActiveFocus} onKeyDown={this.keyDownHandler}>\n        <div class=\"calendar\" role=\"grid\">\n          <div class=\"week-headers\" role=\"row\">\n            {adjustedWeekDays.map((weekday) => (\n              <span class=\"week-header\" role=\"columnheader\">\n                {weekday}\n              </span>\n            ))}\n          </div>\n          {weeks.map((days) => (\n            <div class=\"week-days\" role=\"row\">\n              {days.map((day) => this.renderDateDay(day))}\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDatePickerMonthElement;\n\n  private activeFocus: boolean;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Add n months to the current month\n   *\n   * @param step\n   */\n  private addMonths(step: number) {\n    const nextDate = new Date(this.activeDate);\n    nextDate.setMonth(this.activeDate.getMonth() + step);\n    this.calciteInternalDatePickerActiveDateChange.emit(\n      dateFromRange(nextDate, this.min, this.max),\n    );\n    this.activeFocus = true;\n  }\n\n  /**\n   * Add n days to the current date\n   *\n   * @param step\n   */\n  private addDays(step = 0) {\n    const nextDate = new Date(this.activeDate);\n    nextDate.setDate(this.activeDate.getDate() + step);\n    this.calciteInternalDatePickerActiveDateChange.emit(\n      dateFromRange(nextDate, this.min, this.max),\n    );\n    this.activeFocus = true;\n  }\n\n  /**\n   * Get dates for last days of the previous month\n   *\n   * @param month\n   * @param year\n   * @param startOfWeek\n   */\n  private getPreviousMonthDays(month: number, year: number, startOfWeek: number): number[] {\n    const lastDate = new Date(year, month, 0);\n    const date = lastDate.getDate();\n    const startDay = lastDate.getDay();\n    const days = [];\n\n    if (startDay === (startOfWeek + DAYS_MAXIMUM_INDEX) % DAYS_PER_WEEK) {\n      return days;\n    }\n\n    if (startDay === startOfWeek) {\n      return [date];\n    }\n\n    for (let i = (DAYS_PER_WEEK + startDay - startOfWeek) % DAYS_PER_WEEK; i >= 0; i--) {\n      days.push(date - i);\n    }\n    return days;\n  }\n\n  /**\n   * Get dates for the current month\n   *\n   * @param month\n   * @param year\n   */\n  private getCurrentMonthDays(month: number, year: number): number[] {\n    const num = new Date(year, month + 1, 0).getDate();\n    const days = [];\n    for (let i = 0; i < num; i++) {\n      days.push(i + 1);\n    }\n    return days;\n  }\n\n  /**\n   * Get dates for first days of the next month\n   *\n   * @param month\n   * @param year\n   * @param startOfWeek\n   */\n  private getNextMonthDays(month: number, year: number, startOfWeek: number): number[] {\n    const endDay = new Date(year, month + 1, 0).getDay();\n    const days = [];\n    if (endDay === (startOfWeek + DAYS_MAXIMUM_INDEX) % DAYS_PER_WEEK) {\n      return days;\n    }\n    for (let i = 0; i < (DAYS_MAXIMUM_INDEX - (endDay - startOfWeek)) % DAYS_PER_WEEK; i++) {\n      days.push(i + 1);\n    }\n    return days;\n  }\n\n  /**\n   * Determine if the date is in between the start and end dates\n   *\n   * @param date\n   */\n  private betweenSelectedRange(date: Date): boolean {\n    return !!(\n      this.startDate &&\n      this.endDate &&\n      date > this.startDate &&\n      date < this.endDate &&\n      !this.isRangeHover(date)\n    );\n  }\n\n  /**\n   * Determine if the date should be in selected state\n   *\n   * @param date\n   */\n  private isSelected(date: Date): boolean {\n    return !!(\n      sameDate(date, this.selectedDate) ||\n      (this.startDate && sameDate(date, this.startDate)) ||\n      (this.endDate && sameDate(date, this.endDate))\n    );\n  }\n\n  /**\n   * Determine if the date is the start of the date range\n   *\n   * @param date\n   */\n  private isStartOfRange(date: Date): boolean {\n    return !!(\n      this.startDate &&\n      !sameDate(this.startDate, this.endDate) &&\n      sameDate(this.startDate, date) &&\n      !this.isEndOfRange(date)\n    );\n  }\n\n  private isEndOfRange(date: Date): boolean {\n    return !!(\n      (this.endDate && !sameDate(this.startDate, this.endDate) && sameDate(this.endDate, date)) ||\n      (!this.endDate &&\n        this.hoverRange &&\n        sameDate(this.startDate, this.hoverRange.end) &&\n        sameDate(date, this.hoverRange.end))\n    );\n  }\n\n  dayHover = (event: CustomEvent): void => {\n    const target = event.target as HTMLCalciteDatePickerDayElement;\n    if (target.disabled) {\n      this.calciteInternalDatePickerMouseOut.emit();\n    } else {\n      this.calciteInternalDatePickerHover.emit(target.value);\n    }\n    event.stopPropagation();\n  };\n\n  daySelect = (event: CustomEvent): void => {\n    const target = event.target as HTMLCalciteDatePickerDayElement;\n    this.calciteInternalDatePickerSelect.emit(target.value);\n  };\n\n  /**\n   * Render calcite-date-picker-day\n   *\n   * @param active.active\n   * @param active\n   * @param day\n   * @param dayInWeek\n   * @param date\n   * @param currentMonth\n   * @param ref\n   * @param active.currentMonth\n   * @param active.date\n   * @param active.day\n   * @param active.dayInWeek\n   * @param active.ref\n   */\n  private renderDateDay({ active, currentMonth, date, day, dayInWeek, ref }: Day) {\n    const isFocusedOnStart = this.isFocusedOnStart();\n    const isHoverInRange =\n      this.isHoverInRange() ||\n      (!this.endDate && this.hoverRange && sameDate(this.hoverRange?.end, this.startDate));\n\n    return (\n      <div class=\"day\" key={date.toDateString()} role=\"gridcell\">\n        <calcite-date-picker-day\n          active={active}\n          class={{\n            \"hover--inside-range\": this.startDate && isHoverInRange,\n            \"hover--outside-range\": this.startDate && !isHoverInRange,\n            \"focused--start\": isFocusedOnStart,\n            \"focused--end\": !isFocusedOnStart,\n          }}\n          currentMonth={currentMonth}\n          dateTimeFormat={this.dateTimeFormat}\n          day={day}\n          disabled={!inRange(date, this.min, this.max)}\n          endOfRange={this.isEndOfRange(date)}\n          highlighted={this.betweenSelectedRange(date)}\n          onCalciteDaySelect={this.daySelect}\n          onCalciteInternalDayHover={this.dayHover}\n          range={!!this.startDate && !!this.endDate && !sameDate(this.startDate, this.endDate)}\n          rangeEdge={dayInWeek === 0 ? \"start\" : dayInWeek === 6 ? \"end\" : undefined}\n          rangeHover={this.isRangeHover(date)}\n          scale={this.scale}\n          selected={this.isSelected(date)}\n          startOfRange={this.isStartOfRange(date)}\n          value={date}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={(el: HTMLCalciteDatePickerDayElement) => {\n            // when moving via keyboard, focus must be updated on active date\n            if (ref && active && this.activeFocus) {\n              el?.focus();\n            }\n          }}\n        />\n      </div>\n    );\n  }\n\n  private isFocusedOnStart(): boolean {\n    return this.hoverRange?.focused === \"start\";\n  }\n\n  private isHoverInRange(): boolean {\n    if (!this.hoverRange) {\n      return false;\n    }\n    const { start, end } = this.hoverRange;\n    return !!(\n      (!this.isFocusedOnStart() && this.startDate && (!this.endDate || end < this.endDate)) ||\n      (this.isFocusedOnStart() && this.startDate && start > this.startDate)\n    );\n  }\n\n  private isRangeHover(date): boolean {\n    if (!this.hoverRange) {\n      return false;\n    }\n    const { start, end } = this.hoverRange;\n    const isStart = this.isFocusedOnStart();\n    const insideRange = this.isHoverInRange();\n    const cond1 =\n      insideRange &&\n      ((!isStart && date > this.startDate && (date < end || sameDate(date, end))) ||\n        (isStart && date < this.endDate && (date > start || sameDate(date, start))));\n    const cond2 =\n      !insideRange &&\n      ((!isStart && date >= this.endDate && (date < end || sameDate(date, end))) ||\n        (isStart &&\n          ((this.startDate && date < this.startDate) ||\n            (this.endDate && sameDate(date, this.startDate))) &&\n          ((start && date > start) || sameDate(date, start))));\n    return cond1 || cond2;\n  }\n}\n","export const CSS = {\n  header: \"header\",\n  month: \"month\",\n  chevron: \"chevron\",\n  suffix: \"suffix\",\n  yearSuffix: \"year--suffix\",\n  yearWrap: \"year-wrap\",\n  textReverse: \"text--reverse\",\n};\n\nexport const ICON = {\n  chevronLeft: \"chevron-left\",\n  chevronRight: \"chevron-right\",\n};\n",":host {\n  @apply block;\n}\n\n.header {\n  @apply flex justify-between;\n  @apply py-0 px-1;\n}\n\n:host([scale=\"s\"]) {\n  .text {\n    @apply text-n1h my-2;\n  }\n  .chevron {\n    @apply h-9;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .text {\n    @apply text-0h my-3;\n  }\n  .chevron {\n    @apply h-12;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .text {\n    @apply text-1h my-4;\n  }\n  .chevron {\n    block-size: 3.5rem;\n  }\n}\n\n.chevron {\n  @apply text-color-3\n    bg-foreground-1\n    focus-base\n    -mx-1\n    box-content\n    flex\n    flex-grow-0\n    cursor-pointer\n    items-center\n    justify-center\n    border-none\n    px-1\n    outline-none\n    transition-default;\n  inline-size: calc(100% / 7);\n\n  &:focus {\n    @apply focus-inset;\n  }\n\n  &:hover,\n  &:focus {\n    @apply text-color-1 bg-foreground-2 fill-color-1;\n  }\n\n  &:active {\n    @apply bg-foreground-3;\n  }\n\n  &[aria-disabled=\"true\"] {\n    @apply pointer-events-none opacity-0;\n  }\n}\n\n.text {\n  @apply my-auto\n    w-full\n    flex\n    flex-auto\n    items-center\n    justify-center\n    text-center\n    leading-none;\n}\n\n.text--reverse {\n  @apply flex-row-reverse;\n}\n\n.month,\n.year,\n.suffix {\n  @apply text-color-1\n    bg-foreground-1\n    mx-1\n    my-auto\n    inline-block\n    font-medium\n    leading-tight;\n  font-size: inherit;\n}\n\n.year {\n  @apply font-inherit\n    focus-base\n    relative\n    w-10\n    border-none\n    bg-transparent\n    text-center;\n  &:hover {\n    @apply duration-100 ease-in-out;\n    transition-property: outline-color;\n    outline: 2px solid var(--calcite-color-border-2);\n    outline-offset: 2px;\n  }\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n.year--suffix {\n  @apply text-left;\n}\n\n.year-wrap {\n  @apply relative;\n}\n\n.suffix {\n  @apply top-0\n    whitespace-nowrap\n    text-start;\n  inset-inline-start: 0;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  dateFromRange,\n  parseCalendarYear,\n  getOrder,\n  nextMonth,\n  prevMonth,\n  formatCalendarYear,\n} from \"../../utils/date\";\n\nimport { closestElementCrossShadowBoundary } from \"../../utils/dom\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { numberStringFormatter } from \"../../utils/locale\";\nimport { DatePickerMessages } from \"../date-picker/assets/date-picker/t9n\";\nimport { DateLocaleData } from \"../date-picker/utils\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Scale } from \"../interfaces\";\nimport { CSS, ICON } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\n\n@Component({\n  tag: \"calcite-date-picker-month-header\",\n  styleUrl: \"date-picker-month-header.scss\",\n  shadow: true,\n})\nexport class DatePickerMonthHeader {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Already selected date. */\n  @Prop() selectedDate: Date;\n\n  /** The focused date is indicated and will become the selected date if the user proceeds. */\n  @Prop() activeDate: Date;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop() headingLevel: HeadingLevel;\n\n  /** Specifies the earliest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop() min: Date;\n\n  /** Specifies the latest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop() max: Date;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /** CLDR locale data for translated calendar info. */\n  @Prop() localeData: DateLocaleData;\n\n  /**\n   * This property specifies accessible strings for the component's previous month button ,next month button & year input elements.\n   * Made into a prop for testing purposes only.\n   *\n   * @internal\n   * @readonly\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: DatePickerMessages;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /**\n   *  Fires to active date\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerSelect: EventEmitter<Date>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    this.parentDatePickerEl = closestElementCrossShadowBoundary(\n      this.el,\n      \"calcite-date-picker\",\n    ) as HTMLCalciteDatePickerElement;\n  }\n\n  connectedCallback(): void {\n    this.setNextPrevMonthDates();\n  }\n\n  render(): VNode {\n    return <div class={CSS.header}>{this.renderContent()}</div>;\n  }\n\n  renderContent(): VNode {\n    const { messages, localeData, activeDate } = this;\n    if (!activeDate || !localeData) {\n      return null;\n    }\n\n    if (this.parentDatePickerEl) {\n      const { numberingSystem, lang: locale } = this.parentDatePickerEl;\n\n      numberStringFormatter.numberFormatOptions = {\n        useGrouping: false,\n        ...(numberingSystem && { numberingSystem }),\n        ...(locale && { locale }),\n      };\n    }\n\n    const activeMonth = activeDate.getMonth();\n    const { months, unitOrder } = localeData;\n    const localizedMonth = (months.wide || months.narrow || months.abbreviated)[activeMonth];\n    const localizedYear = this.formatCalendarYear(activeDate.getFullYear());\n    const order = getOrder(unitOrder);\n    const reverse = order.indexOf(\"y\") < order.indexOf(\"m\");\n    const suffix = localeData.year?.suffix;\n    return (\n      <Fragment>\n        <a\n          aria-disabled={`${this.prevMonthDate.getMonth() === activeMonth}`}\n          aria-label={messages.prevMonth}\n          class={CSS.chevron}\n          href=\"#\"\n          onClick={this.prevMonthClick}\n          onKeyDown={this.prevMonthKeydown}\n          role=\"button\"\n          tabindex={this.prevMonthDate.getMonth() === activeMonth ? -1 : 0}\n        >\n          <calcite-icon flip-rtl icon={ICON.chevronLeft} scale={getIconScale(this.scale)} />\n        </a>\n        <div class={{ text: true, [CSS.textReverse]: reverse }}>\n          <Heading class={CSS.month} level={this.headingLevel}>\n            {localizedMonth}\n          </Heading>\n          <span class={CSS.yearWrap}>\n            <input\n              aria-label={messages.year}\n              class={{\n                year: true,\n                [CSS.yearSuffix]: !!suffix,\n              }}\n              inputmode=\"numeric\"\n              maxlength=\"4\"\n              minlength=\"1\"\n              onChange={this.onYearChange}\n              onInput={this.onYearInput}\n              onKeyDown={this.onYearKey}\n              pattern=\"\\d*\"\n              type=\"text\"\n              value={localizedYear}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={(el) => (this.yearInput = el)}\n            />\n            {suffix && <span class={CSS.suffix}>{suffix}</span>}\n          </span>\n        </div>\n        <a\n          aria-disabled={`${this.nextMonthDate.getMonth() === activeMonth}`}\n          aria-label={messages.nextMonth}\n          class={CSS.chevron}\n          href=\"#\"\n          onClick={this.nextMonthClick}\n          onKeyDown={this.nextMonthKeydown}\n          role=\"button\"\n          tabindex={this.nextMonthDate.getMonth() === activeMonth ? -1 : 0}\n        >\n          <calcite-icon flip-rtl icon={ICON.chevronRight} scale={getIconScale(this.scale)} />\n        </a>\n      </Fragment>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDatePickerMonthHeaderElement;\n\n  private yearInput: HTMLInputElement;\n\n  private parentDatePickerEl: HTMLCalciteDatePickerElement;\n\n  @State() nextMonthDate: Date;\n\n  @State() prevMonthDate: Date;\n\n  @Watch(\"min\")\n  @Watch(\"max\")\n  @Watch(\"activeDate\")\n  setNextPrevMonthDates(): void {\n    if (!this.activeDate) {\n      return;\n    }\n\n    this.nextMonthDate = dateFromRange(nextMonth(this.activeDate), this.min, this.max);\n    this.prevMonthDate = dateFromRange(prevMonth(this.activeDate), this.min, this.max);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Increment year on UP/DOWN keys\n   *\n   * @param event\n   */\n  private onYearKey = (event: KeyboardEvent): void => {\n    const localizedYear = this.parseCalendarYear((event.target as HTMLInputElement).value);\n    switch (event.key) {\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.setYear({ localizedYear, offset: -1 });\n        break;\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.setYear({ localizedYear, offset: 1 });\n        break;\n    }\n  };\n\n  private formatCalendarYear(year: number): string {\n    return numberStringFormatter.localize(`${formatCalendarYear(year, this.localeData)}`);\n  }\n\n  private parseCalendarYear(year: string): string {\n    return numberStringFormatter.localize(\n      `${parseCalendarYear(Number(numberStringFormatter.delocalize(year)), this.localeData)}`,\n    );\n  }\n\n  private onYearChange = (event: Event): void => {\n    this.setYear({\n      localizedYear: this.parseCalendarYear((event.target as HTMLInputElement).value),\n    });\n  };\n\n  private onYearInput = (event: Event): void => {\n    this.setYear({\n      localizedYear: this.parseCalendarYear((event.target as HTMLInputElement).value),\n      commit: false,\n    });\n  };\n\n  private prevMonthClick = (event: KeyboardEvent | MouseEvent): void => {\n    this.handleArrowClick(event, this.prevMonthDate);\n  };\n\n  private prevMonthKeydown = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      this.prevMonthClick(event);\n    }\n  };\n\n  private nextMonthClick = (event: MouseEvent | KeyboardEvent): void => {\n    this.handleArrowClick(event, this.nextMonthDate);\n  };\n\n  private nextMonthKeydown = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      this.nextMonthClick(event);\n    }\n  };\n\n  /*\n   * Update active month on clicks of left/right arrows\n   */\n  private handleArrowClick = (event: MouseEvent | KeyboardEvent, date: Date): void => {\n    event.preventDefault();\n    this.calciteInternalDatePickerSelect.emit(date);\n  };\n\n  private getInRangeDate({\n    localizedYear,\n    offset = 0,\n  }: {\n    localizedYear: string;\n    offset?: number;\n  }): Date {\n    const { min, max, activeDate } = this;\n    const parsedYear = Number(numberStringFormatter.delocalize(localizedYear));\n    const length = parsedYear.toString().length;\n    const year = isNaN(parsedYear) ? false : parsedYear + offset;\n    const inRange =\n      year && (!min || min.getFullYear() <= year) && (!max || max.getFullYear() >= year);\n    // if you've supplied a year and it's in range\n    if (year && inRange && length === localizedYear.length) {\n      const nextDate = new Date(activeDate);\n      nextDate.setFullYear(year as number);\n      return dateFromRange(nextDate, min, max);\n    }\n  }\n\n  /**\n   * Parse localized year string from input,\n   * set to active if in range\n   *\n   * @param root0\n   * @param root0.localizedYear\n   * @param root0.commit\n   * @param root0.offset\n   */\n  private setYear({\n    localizedYear,\n    commit = true,\n    offset = 0,\n  }: {\n    localizedYear: string;\n    commit?: boolean;\n    offset?: number;\n  }): void {\n    const { yearInput, activeDate } = this;\n    const inRangeDate = this.getInRangeDate({ localizedYear, offset });\n\n    // if you've supplied a year and it's in range, update active date\n    if (inRangeDate) {\n      this.calciteInternalDatePickerSelect.emit(inRangeDate);\n    }\n\n    if (commit) {\n      yearInput.value = this.formatCalendarYear((inRangeDate || activeDate).getFullYear());\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-ac6723b8.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.2-next.0
- */
-import{d as a}from"./p-378cd6a8.js";import"./p-38bebddb.js";import"./p-5ce1bffb.js";import"./p-7d73faa9.js";import"./p-884f59e5.js";import"./p-889a9495.js";import"./p-0f5002f8.js";import"./p-6964fedb.js";import"./p-c8302bd7.js";import"./p-4a36b05d.js";import"./p-26da970e.js";import"./p-338498bd.js";import"./p-5b6d1aba.js";import"./p-45372fca.js";import"./p-8dad130b.js";import"./p-67c8b285.js";import"./p-4ec78f6b.js";import"./p-1b93cdfe.js";import"./p-9069e5a6.js";var e={name:"en-au",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),weekStart:1,weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),ordinal:function a(e){return e},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"}};a.locale(e,null,true);export default e;
-//# sourceMappingURL=p-ac6723b8.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.2-next.0
- */
-import{r as e,h as t,H as i,g as l}from"./p-38bebddb.js";import{s,a as c,c as n}from"./p-338498bd.js";import{u as a,s as o,c as r,d}from"./p-4ec78f6b.js";import{c as h,u,d as b,I as f}from"./p-0f5002f8.js";import{c as p,d as g}from"./p-5b6d1aba.js";import{g as v}from"./p-7d73faa9.js";import{C as m}from"./p-889a9495.js";import{g as x}from"./p-26da970e.js";import"./p-6964fedb.js";import"./p-c8302bd7.js";import"./p-45372fca.js";import"./p-884f59e5.js";const w={contentCell:"content-cell",numberCell:"number-cell",footerCell:"footer-cell",selectionCell:"selection-cell",selectedCell:"selected-cell",assistiveText:"assistive-text",lastCell:"last-cell",staticCell:"static-cell"};const C=":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{--calcite-internal-table-cell-background:var(--calcite-table-cell-background, transparent);display:contents}:host([alignment=center]) td:not(.selection-cell):not(.number-cell){text-align:center}:host([alignment=end]) td:not(.selection-cell):not(.number-cell){text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}td{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);background:var(--calcite-internal-table-cell-background);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-color-border-3);padding:var(--calcite-internal-table-cell-padding)}td:not(.static-cell){outline-color:transparent}td:not(.static-cell):focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}td.start.content-cell{vertical-align:top}td.end.content-cell{vertical-align:bottom}td.last-cell{border-inline-end:0}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}.number-cell,.selection-cell{text-align:center;border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{color:var(--calcite-color-text-3);inset-inline-start:2rem}.selection-cell:not(.footer-cell){cursor:pointer}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background:var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset 0.25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -0.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const k=class{constructor(t){e(this,t);this.updateScreenReaderContentsText=()=>{this.contentsText=this.el.textContent};this.onContainerBlur=()=>{this.focused=false};this.onContainerFocus=()=>{this.focused=true};this.alignment="start";this.colSpan=undefined;this.rowSpan=undefined;this.disabled=undefined;this.interactionMode="interactive";this.lastCell=undefined;this.numberCell=undefined;this.parentRowIsSelected=undefined;this.parentRowAlignment="start";this.parentRowPositionLocalized=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.readCellContentsToAT=undefined;this.scale="m";this.selectionCell=undefined;this.messages=undefined;this.messageOverrides=undefined;this.contentsText="";this.defaultMessages=undefined;this.focused=false;this.selectionText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderSelectionText()}onMessagesChange(){}effectiveLocaleChange(){a(this,this.effectiveLocale)}async componentWillLoad(){s(this);await o(this);this.updateScreenReaderContentsText();this.updateScreenReaderSelectionText()}componentDidLoad(){c(this)}connectedCallback(){p(this);r(this);h(this)}componentDidRender(){u(this)}disconnectedCallback(){g(this);d(this);b(this)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderSelectionText(){const e=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`;const t=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;this.selectionText=this.parentRowIsSelected?e:t}render(){const e=v(this.el);const l=this.disabled||this.interactionMode==="static"&&(!this.selectionCell||this.selectionCell&&this.parentRowType==="foot");return t(i,null,t(f,{disabled:this.disabled},t("td",{"aria-disabled":this.disabled,class:{[w.footerCell]:this.parentRowType==="foot",[w.contentCell]:!this.numberCell&&!this.selectionCell,[w.numberCell]:this.numberCell,[w.selectionCell]:this.selectionCell,[w.selectedCell]:this.parentRowIsSelected,[w.lastCell]:this.lastCell&&(!this.rowSpan||this.colSpan&&!!this.rowSpan),[m.rtl]:e==="rtl",[w.staticCell]:l,[this.parentRowAlignment]:this.parentRowAlignment==="start"||this.parentRowAlignment==="end"},colSpan:this.colSpan,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,role:this.interactionMode==="interactive"?"gridcell":"cell",rowSpan:this.rowSpan,tabIndex:l?-1:0,ref:e=>this.containerEl=e},(this.selectionCell||this.readCellContentsToAT)&&t("span",{"aria-hidden":true,"aria-live":this.focused?"polite":"off",class:w.assistiveText},this.selectionCell&&this.selectionText,this.readCellContentsToAT&&!this.selectionCell&&this.contentsText),t("slot",{onSlotchange:this.updateScreenReaderContentsText}))))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{parentRowIsSelected:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};k.style=C;const $={contentCell:"content-cell",numberCell:"number-cell",selectionCell:"selection-cell",bodyRow:"body-row",footerRow:"footer-row",heading:"heading",description:"description",multipleSelectionCell:"cell--multiple-selection",assistiveText:"assistive-text",active:"active",selectedCell:"selected-cell",lastCell:"last-cell",staticCell:"static-cell"};const y=":host{--calcite-internal-table-header-background:var(--calcite-table-header-background, var(--calcite-color-foreground-2));--calcite-internal-table-header-border-color:var(--calcite-table-border-color, var(--calcite-color-border-3));display:contents}:host([alignment=center]) th{text-align:center}:host([alignment=end]) th{text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}th{white-space:normal;text-align:start;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-internal-table-header-border-color);border-block-end:1px solid var(--calcite-internal-table-header-border-color);padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-internal-table-header-background)}th:not(.static-cell){outline-color:transparent}th:not(.static-cell):not(.static-cell):focus-within{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}th:not(.center):not(.end).content-cell{vertical-align:top}th.center{vertical-align:middle}th.end.content-cell{vertical-align:bottom}th.body-row,th.footer-row{padding-block:var(--calcite-internal-table-cell-padding);border-block-end:0}th.footer-row{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}th.last-cell{border-inline-end:0}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}.cell--multiple-selection:not(.end){vertical-align:middle}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background:var(--calcite-color-foreground-current)}.number-cell,.selection-cell{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-color-brand)}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-color-text-1)}.description{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}";const z=class{constructor(t){e(this,t);this.onContainerBlur=()=>{this.focused=false};this.onContainerFocus=()=>{this.focused=true};this.alignment="start";this.colSpan=undefined;this.description=undefined;this.heading=undefined;this.rowSpan=undefined;this.interactionMode="interactive";this.lastCell=undefined;this.numberCell=false;this.parentRowAlignment="start";this.parentRowIsSelected=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.scale=undefined;this.selectedRowCount=undefined;this.selectedRowCountLocalized=undefined;this.selectionCell=false;this.selectionMode=undefined;this.bodyRowCount=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.focused=false;this.screenReaderText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderText()}onMessagesChange(){}async componentWillLoad(){s(this);await o(this);this.updateScreenReaderText()}componentDidLoad(){c(this)}connectedCallback(){p(this);r(this)}disconnectedCallback(){g(this);d(this)}effectiveLocaleChange(){a(this,this.effectiveLocale)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderText(){let e="";const t=`${this.selectedRowCountLocalized} ${this.messages?.selected}`;if(this.numberCell){e=this.messages?.rowNumber}else if(this.selectionMode==="single"){e=`${this.messages?.selectionColumn}. ${t}`}else if(this.bodyRowCount===this.selectedRowCount){e=`${this.messages?.selectionColumn}. ${this.messages?.all} ${t} ${this.messages?.keyboardDeselectAll}`}else{e=`${this.messages?.selectionColumn}. ${t} ${this.messages?.keyboardSelectAll}`}this.screenReaderText=e}render(){const e=this.rowSpan?"rowgroup":this.colSpan?"colgroup":this.parentRowType==="body"?"row":"col";const l=this.selectedRowCount===this.bodyRowCount;const s=l?"check-square-f":"check-square";const c=this.interactionMode==="static"&&!this.selectionCell;return t(i,null,t("th",{"aria-colindex":this.parentRowType==="head"?this.positionInRow:undefined,class:{[$.bodyRow]:this.parentRowType==="body",[$.footerRow]:this.parentRowType==="foot",[$.contentCell]:!this.numberCell&&!this.selectionCell,[$.numberCell]:this.numberCell,[$.selectionCell]:this.selectionCell,[$.selectedCell]:this.parentRowIsSelected,[$.multipleSelectionCell]:this.selectionMode==="multiple",[$.staticCell]:c,[$.lastCell]:this.lastCell&&(!this.rowSpan||this.colSpan&&!!this.rowSpan),[this.parentRowAlignment]:this.parentRowAlignment==="center"||this.parentRowAlignment==="end"},colSpan:this.colSpan,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,role:this.parentRowType==="head"?"columnheader":"rowheader",rowSpan:this.rowSpan,scope:e,tabIndex:this.selectionCell?0:c?-1:0,ref:e=>this.containerEl=e},this.heading&&t("div",{class:$.heading},this.heading),this.description&&t("div",{class:$.description},this.description),this.selectionCell&&this.selectionMode==="multiple"&&t("calcite-icon",{class:{[$.active]:l},icon:s,scale:x(this.scale)}),(this.selectionCell||this.numberCell)&&t("span",{"aria-hidden":true,"aria-live":this.focused?"polite":"off",class:$.assistiveText},this.screenReaderText)))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{selectedRowCount:["onSelectedChange"],selectedRowCountLocalized:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=y;export{k as calcite_table_cell,z as calcite_table_header};
-//# sourceMappingURL=p-ad3a4944.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","contentCell","numberCell","footerCell","selectionCell","selectedCell","assistiveText","lastCell","staticCell","tableCellCss","TableCell","this","updateScreenReaderContentsText","contentsText","el","textContent","onContainerBlur","focused","onContainerFocus","onSelectedChange","updateScreenReaderSelectionText","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","connectedCallback","connectLocalized","connectMessages","connectInteractive","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnectInteractive","setFocus","componentFocusable","containerEl","focus","selectedText","messages","row","parentRowPositionLocalized","selected","keyboardDeselect","unselectedText","unselected","keyboardSelect","selectionText","parentRowIsSelected","render","dir","getElementDir","disabled","interactionMode","parentRowType","h","Host","InteractiveContainer","class","rowSpan","colSpan","CSS_UTILITY","rtl","parentRowAlignment","onBlur","onFocus","role","tabIndex","ref","readCellContentsToAT","onSlotchange","bodyRow","footerRow","heading","description","multipleSelectionCell","active","tableHeaderCss","TableHeader","updateScreenReaderText","text","sharedText","selectedRowCountLocalized","rowNumber","selectionMode","selectionColumn","bodyRowCount","selectedRowCount","all","keyboardDeselectAll","keyboardSelectAll","screenReaderText","scope","allSelected","selectionIcon","positionInRow","undefined","icon","scale","getIconScale"],"sources":["src/components/table-cell/resources.ts","src/components/table-cell/table-cell.scss?tag=calcite-table-cell&encapsulation=shadow","src/components/table-cell/table-cell.tsx","src/components/table-header/resources.ts","src/components/table-header/table-header.scss?tag=calcite-table-header&encapsulation=shadow","src/components/table-header/table-header.tsx"],"sourcesContent":["export const CSS = {\n  contentCell: \"content-cell\",\n  numberCell: \"number-cell\",\n  footerCell: \"footer-cell\",\n  selectionCell: \"selection-cell\",\n  selectedCell: \"selected-cell\",\n  assistiveText: \"assistive-text\",\n  lastCell: \"last-cell\",\n  staticCell: \"static-cell\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-cell-background: Specifies the background color of the component.\n */\n\n:host {\n  --calcite-internal-table-cell-background: var(--calcite-table-cell-background, transparent);\n  @apply contents;\n}\n\n:host([alignment=\"center\"]) td:not(.selection-cell):not(.number-cell) {\n  @apply text-center;\n}\n\n:host([alignment=\"end\"]) td:not(.selection-cell):not(.number-cell) {\n  @apply text-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\ntd {\n  @apply text-start align-middle text-color-1 whitespace-normal;\n  background: var(--calcite-internal-table-cell-background);\n  font-size: var(--calcite-internal-table-cell-font-size);\n  border-inline-end: 1px solid var(--calcite-color-border-3);\n  padding: var(--calcite-internal-table-cell-padding);\n\n  &:not(.static-cell) {\n    @apply focus-base;\n    &:focus {\n      @apply focus-inset;\n    }\n  }\n}\n\ntd.start.content-cell {\n  @apply align-top;\n}\n\ntd.end.content-cell {\n  @apply align-bottom;\n}\n\ntd.last-cell {\n  border-inline-end: 0;\n}\n\n.number-cell {\n  @apply bg-foreground-2;\n}\n\n.footer-cell {\n  @apply bg-background font-medium text-color-1;\n  border-block-start: 1px solid var(--calcite-color-border-3);\n}\n\n.number-cell,\n.selection-cell {\n  @apply text-center;\n  border-inline-end: 1px solid var(--calcite-color-border-3);\n  inline-size: 2rem;\n  min-inline-size: 2rem;\n}\n\n.selection-cell {\n  @apply text-color-3;\n  inset-inline-start: 2rem;\n  &:not(.footer-cell) {\n    @apply cursor-pointer;\n  }\n}\n\n.selected-cell:not(.number-cell):not(.footer-cell) {\n  --calcite-internal-table-cell-background: var(--calcite-color-foreground-current);\n}\n\n.selection-cell.selected-cell {\n  box-shadow: inset 0.25rem 0 0 0 var(--calcite-color-brand);\n  color: var(--calcite-color-brand);\n  & calcite-icon {\n    color: var(--calcite-color-brand);\n  }\n}\n\n.calcite--rtl.selection-cell.selected-cell {\n  box-shadow: inset -0.25rem 0 0 0 var(--calcite-color-brand);\n}\n\n.selection-cell {\n  @apply align-middle;\n  & ::slotted(calcite-icon) {\n    @apply pointer-events-none mt-1;\n  }\n}\n\n@include disabled();\n","import { Component, Element, h, Host, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { Alignment, Scale } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\n\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { TableCellMessages } from \"./assets/table-cell/t9n\";\nimport { CSS } from \"./resources\";\nimport { RowType, TableInteractionMode } from \"../table/interfaces\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\n\n/**\n * @slot - A slot for adding content, usually text content.\n */\n@Component({\n  tag: \"calcite-table-cell\",\n  styleUrl: \"table-cell.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TableCell\n  implements InteractiveComponent, LocalizedComponent, LoadableComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the alignment of the component. */\n  @Prop({ reflect: true }) alignment: Alignment = \"start\";\n\n  /** Specifies the number of columns the component should span. */\n  @Prop({ reflect: true }) colSpan: number;\n\n  /** Specifies the number of rows the component should span. */\n  @Prop({ reflect: true }) rowSpan: number;\n\n  /** @internal */\n  @Prop() disabled: boolean;\n\n  /** @internal */\n  @Prop() interactionMode: TableInteractionMode = \"interactive\";\n\n  /** @internal */\n  @Prop() lastCell: boolean;\n\n  /** @internal */\n  @Prop() numberCell: boolean;\n\n  /** @internal */\n  @Prop() parentRowIsSelected: boolean;\n\n  @Watch(\"parentRowIsSelected\")\n  onSelectedChange(): void {\n    this.updateScreenReaderSelectionText();\n  }\n\n  /** @internal */\n  @Prop() parentRowAlignment: Alignment = \"start\";\n\n  /** @internal */\n  @Prop() parentRowPositionLocalized: string;\n\n  /** @internal */\n  @Prop() parentRowType: RowType;\n\n  /** @internal */\n  @Prop() positionInRow: number;\n\n  /** @internal */\n  @Prop() readCellContentsToAT: boolean;\n\n  /** @internal */\n  @Prop() scale: Scale = \"m\";\n\n  /** @internal */\n  @Prop() selectionCell: boolean;\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: TableCellMessages;\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<TableCellMessages>;\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: HTMLCalciteTableCellElement;\n\n  @State() contentsText = \"\";\n\n  @State() defaultMessages: TableCellMessages;\n\n  @State() focused = false;\n\n  @State() selectionText = \"\";\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private containerEl: HTMLTableCellElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.updateScreenReaderContentsText();\n    this.updateScreenReaderSelectionText();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectInteractive(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.containerEl.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private updateScreenReaderSelectionText(): void {\n    const selectedText = `${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`;\n    const unselectedText = `${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;\n    this.selectionText = this.parentRowIsSelected ? selectedText : unselectedText;\n  }\n\n  private updateScreenReaderContentsText = (): void => {\n    this.contentsText = this.el.textContent;\n  };\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n  };\n\n  private onContainerFocus = (): void => {\n    this.focused = true;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const staticCell =\n      this.disabled ||\n      (this.interactionMode === \"static\" &&\n        (!this.selectionCell || (this.selectionCell && this.parentRowType === \"foot\")));\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <td\n            aria-disabled={this.disabled}\n            class={{\n              [CSS.footerCell]: this.parentRowType === \"foot\",\n              [CSS.contentCell]: !this.numberCell && !this.selectionCell,\n              [CSS.numberCell]: this.numberCell,\n              [CSS.selectionCell]: this.selectionCell,\n              [CSS.selectedCell]: this.parentRowIsSelected,\n              [CSS.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),\n              [CSS_UTILITY.rtl]: dir === \"rtl\",\n              [CSS.staticCell]: staticCell,\n              [this.parentRowAlignment]:\n                this.parentRowAlignment === \"start\" || this.parentRowAlignment === \"end\",\n            }}\n            colSpan={this.colSpan}\n            onBlur={this.onContainerBlur}\n            onFocus={this.onContainerFocus}\n            role={this.interactionMode === \"interactive\" ? \"gridcell\" : \"cell\"}\n            rowSpan={this.rowSpan}\n            tabIndex={staticCell ? -1 : 0}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={(el) => (this.containerEl = el)}\n          >\n            {(this.selectionCell || this.readCellContentsToAT) && (\n              <span\n                aria-hidden={true}\n                aria-live={this.focused ? \"polite\" : \"off\"}\n                class={CSS.assistiveText}\n              >\n                {this.selectionCell && this.selectionText}\n                {this.readCellContentsToAT && !this.selectionCell && this.contentsText}\n              </span>\n            )}\n            <slot onSlotchange={this.updateScreenReaderContentsText} />\n          </td>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  contentCell: \"content-cell\",\n  numberCell: \"number-cell\",\n  selectionCell: \"selection-cell\",\n  bodyRow: \"body-row\",\n  footerRow: \"footer-row\",\n  heading: \"heading\",\n  description: \"description\",\n  multipleSelectionCell: \"cell--multiple-selection\",\n  assistiveText: \"assistive-text\",\n  active: \"active\",\n  selectedCell: \"selected-cell\",\n  lastCell: \"last-cell\",\n  staticCell: \"static-cell\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-header-background: Specifies the background color of the component.\n * @prop --calcite-table-header-border-color: Specifies the border color of the component.\n */\n\n:host {\n  --calcite-internal-table-header-background: var(--calcite-table-header-background, var(--calcite-color-foreground-2));\n  --calcite-internal-table-header-border-color: var(--calcite-table-border-color, var(--calcite-color-border-3));\n  @apply contents;\n}\n\n:host([alignment=\"center\"]) th {\n  @apply text-center;\n}\n\n:host([alignment=\"end\"]) th {\n  @apply text-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\nth {\n  @apply text-color-1 text-start font-medium whitespace-normal;\n  font-size: var(--calcite-internal-table-cell-font-size);\n  border-inline-end: 1px solid var(--calcite-internal-table-header-border-color);\n  border-block-end: 1px solid var(--calcite-internal-table-header-border-color);\n  padding-block: calc(var(--calcite-internal-table-cell-padding) * 1.5);\n  padding-inline: var(--calcite-internal-table-cell-padding);\n  background-color: var(--calcite-internal-table-header-background);\n\n  &:not(.static-cell) {\n    @apply focus-base;\n    &:not(.static-cell):focus-within {\n      @apply focus-inset;\n    }\n  }\n}\n\nth:not(.center):not(.end).content-cell {\n  @apply align-top;\n}\n\nth.center {\n  @apply align-middle;\n}\n\nth.end.content-cell {\n  @apply align-bottom;\n}\n\nth.body-row,\nth.footer-row {\n  padding-block: var(--calcite-internal-table-cell-padding);\n  border-block-end: 0;\n}\n\nth.footer-row {\n  border-block-start: 1px solid var(--calcite-internal-table-header-border-color);\n}\n\nth.last-cell {\n  border-inline-end: 0;\n}\n\n.cell--multiple-selection {\n  @apply cursor-pointer align-middle text-color-3;\n  &:not(.end) {\n    @apply align-middle;\n  }\n}\n\n.selected-cell:not(.number-cell):not(.footer-cell) {\n  --calcite-internal-table-header-background: var(--calcite-color-foreground-current);\n}\n\n.number-cell,\n.selection-cell {\n  @apply text-color-2;\n  inline-size: 2rem;\n  min-inline-size: 2rem;\n}\n\n.selection-cell calcite-icon.active {\n  color: var(--calcite-color-brand);\n}\n.number-cell calcite-icon,\n.selection-cell calcite-icon {\n  @apply ms-auto me-auto align-middle;\n}\n\n.heading {\n  @apply text-color-1;\n}\n\n.description {\n  @apply text-color-3;\n  font-size: var(--calcite-internal-table-cell-font-size-secondary);\n}\n","import { Component, Element, h, Host, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { Alignment, Scale, SelectionMode } from \"../interfaces\";\nimport { TableHeaderMessages } from \"./assets/table-header/t9n\";\nimport { CSS } from \"./resources\";\nimport { RowType, TableInteractionMode } from \"../table/interfaces\";\nimport { getIconScale } from \"../../utils/component\";\n\n@Component({\n  tag: \"calcite-table-header\",\n  styleUrl: \"table-header.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TableHeader implements LocalizedComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the alignment of the component. */\n  @Prop({ reflect: true }) alignment: Alignment = \"start\";\n\n  /** Specifies the number of columns the component should span. */\n  @Prop({ reflect: true }) colSpan: number;\n\n  /** A description to display beneath heading content. */\n  @Prop({ reflect: true }) description: string;\n\n  /** A heading to display above description content. */\n  @Prop({ reflect: true }) heading: string;\n\n  /** Specifies the number of rows the component should span. */\n  @Prop({ reflect: true }) rowSpan: number;\n\n  /** @internal */\n  @Prop() interactionMode: TableInteractionMode = \"interactive\";\n\n  /** @internal */\n  @Prop() lastCell: boolean;\n\n  /** @internal */\n  @Prop() numberCell = false;\n\n  /** @internal */\n  @Prop() parentRowAlignment: Alignment = \"start\";\n\n  /** @internal */\n  @Prop() parentRowIsSelected: boolean;\n\n  /** @internal */\n  @Prop() parentRowType: RowType;\n\n  /** @internal */\n  @Prop() positionInRow: number;\n\n  /** @internal */\n  @Prop() scale: Scale;\n\n  /** @internal */\n  @Prop() selectedRowCount: number;\n\n  /** @internal */\n  @Prop() selectedRowCountLocalized: string;\n\n  @Watch(\"selectedRowCount\")\n  @Watch(\"selectedRowCountLocalized\")\n  onSelectedChange(): void {\n    this.updateScreenReaderText();\n  }\n\n  /** @internal */\n  @Prop() selectionCell = false;\n\n  /** @internal */\n  @Prop() selectionMode: SelectionMode;\n\n  /** @internal */\n  @Prop() bodyRowCount: number;\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: TableHeaderMessages;\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<TableHeaderMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.updateScreenReaderText();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n  @Element() el: HTMLCalciteTableHeaderElement;\n\n  @State() defaultMessages: TableHeaderMessages;\n\n  @State() focused = false;\n\n  @State() screenReaderText = \"\";\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private containerEl: HTMLTableCellElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.containerEl.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private updateScreenReaderText(): void {\n    let text = \"\";\n    const sharedText = `${this.selectedRowCountLocalized} ${this.messages?.selected}`;\n    if (this.numberCell) {\n      text = this.messages?.rowNumber;\n    } else if (this.selectionMode === \"single\") {\n      text = `${this.messages?.selectionColumn}. ${sharedText}`;\n    } else if (this.bodyRowCount === this.selectedRowCount) {\n      text = `${this.messages?.selectionColumn}. ${this.messages?.all} ${sharedText} ${this.messages?.keyboardDeselectAll}`;\n    } else {\n      text = `${this.messages?.selectionColumn}. ${sharedText} ${this.messages?.keyboardSelectAll}`;\n    }\n    this.screenReaderText = text;\n  }\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n  };\n\n  private onContainerFocus = (): void => {\n    this.focused = true;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const scope = this.rowSpan\n      ? \"rowgroup\"\n      : this.colSpan\n        ? \"colgroup\"\n        : this.parentRowType === \"body\"\n          ? \"row\"\n          : \"col\";\n\n    const allSelected = this.selectedRowCount === this.bodyRowCount;\n    const selectionIcon = allSelected ? \"check-square-f\" : \"check-square\";\n    const staticCell = this.interactionMode === \"static\" && !this.selectionCell;\n    return (\n      <Host>\n        <th\n          aria-colindex={this.parentRowType === \"head\" ? this.positionInRow : undefined}\n          class={{\n            [CSS.bodyRow]: this.parentRowType === \"body\",\n            [CSS.footerRow]: this.parentRowType === \"foot\",\n            [CSS.contentCell]: !this.numberCell && !this.selectionCell,\n            [CSS.numberCell]: this.numberCell,\n            [CSS.selectionCell]: this.selectionCell,\n            [CSS.selectedCell]: this.parentRowIsSelected,\n            [CSS.multipleSelectionCell]: this.selectionMode === \"multiple\",\n            [CSS.staticCell]: staticCell,\n            [CSS.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),\n            [this.parentRowAlignment]:\n              this.parentRowAlignment === \"center\" || this.parentRowAlignment === \"end\",\n          }}\n          colSpan={this.colSpan}\n          onBlur={this.onContainerBlur}\n          onFocus={this.onContainerFocus}\n          role={this.parentRowType === \"head\" ? \"columnheader\" : \"rowheader\"}\n          rowSpan={this.rowSpan}\n          scope={scope}\n          tabIndex={this.selectionCell ? 0 : staticCell ? -1 : 0}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={(el) => (this.containerEl = el)}\n        >\n          {this.heading && <div class={CSS.heading}>{this.heading}</div>}\n          {this.description && <div class={CSS.description}>{this.description}</div>}\n          {this.selectionCell && this.selectionMode === \"multiple\" && (\n            <calcite-icon\n              class={{ [CSS.active]: allSelected }}\n              icon={selectionIcon}\n              scale={getIconScale(this.scale)}\n            />\n          )}\n          {(this.selectionCell || this.numberCell) && (\n            <span\n              aria-hidden={true}\n              aria-live={this.focused ? \"polite\" : \"off\"}\n              class={CSS.assistiveText}\n            >\n              {this.screenReaderText}\n            </span>\n          )}\n        </th>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.2-next.0
- */
-import{r as e,h as t,g as s}from"./p-38bebddb.js";import{c as i,d as a}from"./p-5b6d1aba.js";import{u as n,c,s as r,d as o}from"./p-4ec78f6b.js";import{c as l}from"./p-45372fca.js";import{y as d}from"./p-7d73faa9.js";import"./p-c8302bd7.js";import"./p-884f59e5.js";import"./p-889a9495.js";const h={scrim:"scrim",content:"content"};const m={s:72,l:480};const f=":host{--calcite-scrim-background:var(--calcite-color-transparent-scrim);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-color-transparent-scrim))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(t){e(this,t);this.resizeObserver=l("resize",(()=>this.handleResize()));this.handleDefaultSlotChange=e=>{this.hasContent=d(e)};this.storeLoaderEl=e=>{this.loaderEl=e;this.handleResize()};this.loading=false;this.messages=undefined;this.messageOverrides=undefined;this.loaderScale=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasContent=false}onMessagesChange(){}effectiveLocaleChange(){n(this,this.effectiveLocale)}connectedCallback(){i(this);c(this);this.resizeObserver?.observe(this.el)}async componentWillLoad(){await r(this)}disconnectedCallback(){a(this);o(this);this.resizeObserver?.disconnect()}render(){const{hasContent:e,loading:s,messages:i}=this;return t("div",{class:h.scrim},s?t("calcite-loader",{label:i.loading,scale:this.loaderScale,ref:this.storeLoaderEl}):null,t("div",{class:h.content,hidden:!e},t("slot",{onSlotchange:this.handleDefaultSlotChange})))}getScale(e){if(e<m.s){return"s"}else if(e>=m.l){return"l"}else{return"m"}}handleResize(){const{loaderEl:e,el:t}=this;if(!e){return}this.loaderScale=this.getScale(Math.min(t.clientHeight,t.clientWidth)??0)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};p.style=f;export{p as calcite_scrim};
-//# sourceMappingURL=p-af7e43de.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","scrim","content","BREAKPOINTS","s","l","scrimCss","Scrim","this","resizeObserver","createObserver","handleResize","handleDefaultSlotChange","event","hasContent","slotChangeHasContent","storeLoaderEl","el","loaderEl","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectLocalized","connectMessages","observe","componentWillLoad","setUpMessages","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnect","render","loading","messages","h","class","label","scale","loaderScale","ref","hidden","onSlotchange","getScale","size","Math","min","clientHeight","clientWidth"],"sources":["src/components/scrim/resources.ts","src/components/scrim/scrim.scss?tag=calcite-scrim&encapsulation=shadow","src/components/scrim/scrim.tsx"],"sourcesContent":["export const CSS = {\n  scrim: \"scrim\",\n  content: \"content\",\n};\n\nexport const BREAKPOINTS = {\n  s: 72, // Less than 72px.\n  // medium is assumed default.\n  l: 480, // Greater than or equal to 480px.\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-scrim-background: Specifies the background color of the scrim.\n */\n:host {\n  --calcite-scrim-background: var(--calcite-color-transparent-scrim);\n}\n\n:host {\n  @apply absolute\n  inset-0\n  z-overlay\n  flex\n  h-full\n  w-full\n  flex-col\n  items-stretch;\n}\n\n@keyframes calcite-scrim-fade-in {\n  0% {\n    @apply bg-opacity-0;\n  }\n  100% {\n    @apply text-opacity-100;\n  }\n}\n\n.scrim {\n  @apply absolute\n  inset-0\n  flex\n  flex-col\n  content-center\n  items-center\n  justify-center\n  overflow-hidden;\n  animation: calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;\n  background-color: var(--calcite-scrim-background, var(--calcite-color-transparent-scrim));\n}\n\n.content {\n  @apply p-4;\n}\n\n@include base-component();\n","import { Component, Element, h, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ScrimMessages } from \"./assets/scrim/t9n\";\nimport { CSS, BREAKPOINTS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale } from \"../interfaces\";\nimport { slotChangeHasContent } from \"../../utils/dom\";\n\n/**\n * @slot - A slot for adding custom content, primarily loading information.\n */\n@Component({\n  tag: \"calcite-scrim\",\n  styleUrl: \"scrim.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Scrim implements LocalizedComponent, T9nComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = 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: ScrimMessages;\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<ScrimMessages>;\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: HTMLCalciteScrimElement;\n\n  resizeObserver = createObserver(\"resize\", () => this.handleResize());\n\n  loaderEl: HTMLCalciteLoaderElement;\n\n  @State() loaderScale: Scale;\n\n  @State() defaultMessages: ScrimMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() hasContent = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    this.resizeObserver?.observe(this.el);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Method\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { hasContent, loading, messages } = this;\n\n    return (\n      <div class={CSS.scrim}>\n        {loading ? (\n          <calcite-loader\n            label={messages.loading}\n            scale={this.loaderScale}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.storeLoaderEl}\n          />\n        ) : null}\n        <div class={CSS.content} hidden={!hasContent}>\n          <slot onSlotchange={this.handleDefaultSlotChange} />\n        </div>\n      </div>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private handleDefaultSlotChange = (event: Event): void => {\n    this.hasContent = slotChangeHasContent(event);\n  };\n\n  private storeLoaderEl = (el: HTMLCalciteLoaderElement): void => {\n    this.loaderEl = el;\n    this.handleResize();\n  };\n\n  private getScale(size: number): Scale {\n    if (size < BREAKPOINTS.s) {\n      return \"s\";\n    } else if (size >= BREAKPOINTS.l) {\n      return \"l\";\n    } else {\n      return \"m\";\n    }\n  }\n\n  private handleResize(): void {\n    const { loaderEl, el } = this;\n\n    if (!loaderEl) {\n      return;\n    }\n\n    this.loaderScale = this.getScale(Math.min(el.clientHeight, el.clientWidth) ?? 0);\n  }\n}\n"],"mappings":";;;;;iSAAO,MAAMA,EAAM,CACjBC,MAAO,QACPC,QAAS,WAGJ,MAAMC,EAAc,CACzBC,EAAG,GAEHC,EAAG,KCRL,MAAMC,EAAW,ysB,MCwBJC,EAAK,M,yBAuChBC,KAAAC,eAAiBC,EAAe,UAAU,IAAMF,KAAKG,iBAuE7CH,KAAAI,wBAA2BC,IACjCL,KAAKM,WAAaC,EAAqBF,EAAM,EAGvCL,KAAAQ,cAAiBC,IACvBT,KAAKU,SAAWD,EAChBT,KAAKG,cAAc,E,aA1Gc,M,uIAqCR,G,gBAOL,K,CA3BtB,gBAAAQ,G,CAuBA,qBAAAC,GACEC,EAAeb,KAAMA,KAAKc,gB,CAW5B,iBAAAC,GACEC,EAAiBhB,MACjBiB,EAAgBjB,MAChBA,KAAKC,gBAAgBiB,QAAQlB,KAAKS,G,CAGpC,uBAAMU,SACEC,EAAcpB,K,CAGtB,oBAAAqB,GACEC,EAAoBtB,MACpBuB,EAAmBvB,MACnBA,KAAKC,gBAAgBuB,Y,CASvB,MAAAC,GACE,MAAMnB,WAAEA,EAAUoB,QAAEA,EAAOC,SAAEA,GAAa3B,KAE1C,OACE4B,EAAA,OAAKC,MAAOrC,EAAIC,OACbiC,EACCE,EAAA,kBACEE,MAAOH,EAASD,QAChBK,MAAO/B,KAAKgC,YAEZC,IAAKjC,KAAKQ,gBAEV,KACJoB,EAAA,OAAKC,MAAOrC,EAAIE,QAASwC,QAAS5B,GAChCsB,EAAA,QAAMO,aAAcnC,KAAKI,2B,CAqBzB,QAAAgC,CAASC,GACf,GAAIA,EAAO1C,EAAYC,EAAG,CACxB,MAAO,G,MACF,GAAIyC,GAAQ1C,EAAYE,EAAG,CAChC,MAAO,G,KACF,CACL,MAAO,G,EAIH,YAAAM,GACN,MAAMO,SAAEA,EAAQD,GAAEA,GAAOT,KAEzB,IAAKU,EAAU,CACb,M,CAGFV,KAAKgC,YAAchC,KAAKoC,SAASE,KAAKC,IAAI9B,EAAG+B,aAAc/B,EAAGgC,cAAgB,E"}

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.2-next.0
- */
-import{r as e,c as i,h as t,H as n,g as c}from"./p-38bebddb.js";import{b as o,t as a}from"./p-7d73faa9.js";import{a as s,s as l,c as r}from"./p-338498bd.js";import{u as h,c as d,d as p,s as u}from"./p-4ec78f6b.js";import{c as m,u as b,d as v,I as f}from"./p-0f5002f8.js";import{c as g,d as k}from"./p-5b6d1aba.js";import{i as x}from"./p-c8302bd7.js";import{g as y}from"./p-26da970e.js";import"./p-884f59e5.js";import"./p-889a9495.js";import"./p-6964fedb.js";import"./p-45372fca.js";const z={title:"title",close:"close",imageContainer:"image-container",chipIcon:"chip-icon",textSlotted:"text--slotted",container:"container",imageSlotted:"image--slotted",closable:"closable",multiple:"multiple",selectable:"selectable",selectIcon:"select-icon",selectIconActive:"select-icon--active",nonInteractive:"non-interactive",isCircle:"is-circle"};const w={image:"image"};const j={close:"x",unchecked:"circle",checkedSingle:"circle-f",checked:"check-circle-f"};const C=":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([scale=s]){block-size:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-s-internal:0.25rem;--calcite-chip-spacing-l-internal:0.5rem}:host([scale=s]) .close,:host([scale=s]) .select-icon--active{block-size:1rem;inline-size:1rem}:host([scale=s]) .image-container{block-size:1.25rem;inline-size:1.25rem}:host([scale=s]) .container.is-circle{block-size:1.5rem;inline-size:1.5rem}:host([scale=m]){block-size:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-s-internal:0.375rem;--calcite-chip-spacing-l-internal:0.5rem}:host([scale=m]) .close,:host([scale=m]) .image-container,:host([scale=m]) .select-icon--active{block-size:1.5rem;inline-size:1.5rem}:host([scale=m]) .container.is-circle{block-size:2rem;inline-size:2rem}:host([scale=l]){block-size:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-s-internal:0.5rem;--calcite-chip-spacing-l-internal:0.75rem}:host([scale=l]) .image-container,:host([scale=l]) .close,:host([scale=l]) .select-icon--active{block-size:2rem;inline-size:2rem}:host([scale=l]) .container.is-circle{block-size:2.75rem;inline-size:2.75rem}:host{display:inline-flex;cursor:default;border-radius:9999px}.container{box-sizing:border-box;display:inline-flex;block-size:100%;max-inline-size:100%;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);font-weight:var(--calcite-font-weight-medium);outline-color:transparent}.container:not(.is-circle){padding-inline:var(--calcite-chip-spacing-s-internal)}.container.selectable{cursor:pointer}.container:not(.non-interactive):focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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]) .container.image--slotted{padding-inline-start:calc(0.125rem / 2)}:host([scale=s]) .container.is-circle{padding-inline:0}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:var(--calcite-chip-spacing-s-internal)}.container:not(.text--slotted) .title{display:none}.container:not(.image--slotted) .image-container{display:none}.container.closable{padding-inline-end:calc(var(--calcite-chip-spacing-l-internal) / 2)}.container:not(.is-circle).image--slotted{padding-inline-start:calc(var(--calcite-chip-spacing-l-internal) / 2)}.container:not(.is-circle).image--slotted .image-container{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle).image--slotted .image-container~.chip-icon{margin-inline-start:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle).selectable:not(.text--slotted) .chip-icon{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.selectable):not(.text--slotted) .chip-icon{margin-inline-start:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.text--slotted) .chip-icon{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.text-slotted).image--slotted .image-container{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container{margin-inline-end:0}.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container~.chip-icon{margin-inline-start:calc(var(--calcite-chip-spacing-s-internal) * 2)}.chip-icon{position:relative;margin-block:0px;display:inline-flex;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline:var(--calcite-chip-spacing-s-internal)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none}.close{margin:0px;cursor:pointer;align-items:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-1);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-appearance:none;display:flex;border-radius:50%;align-content:center;justify-content:center;--calcite-chip-transparent-hover:var(--calcite-color-transparent-hover);--calcite-chip-transparent-press:var(--calcite-color-transparent-press)}.close:hover{background-color:var(--calcite-chip-transparent-hover)}.close:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}.close:active{background-color:var(--calcite-chip-transparent-press)}.close calcite-icon{color:inherit}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:relative;visibility:hidden;inline-size:0;opacity:0;transition:opacity 0.15s ease-in-out, inline-size 0.15s ease-in-out}.select-icon.select-icon--active{visibility:visible;opacity:0.5}.container:not(.is-circle).image--slotted .select-icon.select-icon--active{margin-inline-end:var(--calcite-chip-spacing-s-internal)}:host([selected]) .select-icon{opacity:1}.container:hover .select-icon--active{opacity:1}slot[name=image]::slotted(*){display:flex;block-size:100%;inline-size:100%;overflow:hidden;border-radius:50%}:host([kind=neutral]){background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host([kind=neutral]) .container{border-color:transparent}:host([kind=neutral]) .close{color:var(--calcite-color-text-3)}:host([kind=neutral]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-3))}:host([kind=inverse]){background-color:var(--calcite-color-inverse);color:var(--calcite-color-text-inverse)}:host([kind=inverse]) .container{border-color:transparent}:host([kind=inverse]) .close{color:var(--calcite-color-text-inverse)}:host([kind=inverse]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-inverse))}:host([kind=brand]){background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([kind=brand]) .container{border-color:transparent}:host([kind=brand]) .close{color:var(--calcite-color-text-inverse)}:host([kind=brand]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-inverse))}:host([appearance=outline-fill]),:host([appearance=outline]){background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}:host([appearance=outline-fill]) .close,:host([appearance=outline]) .close{color:var(--calcite-color-text-3)}:host([appearance=outline-fill]) .chip-icon,:host([appearance=outline]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-3))}:host([appearance=outline-fill]){background-color:var(--calcite-color-foreground-1)}:host([appearance=outline]){background-color:transparent}:host([kind=neutral][appearance=outline-fill]) .container,:host([kind=neutral][appearance=outline]) .container{border-color:var(--calcite-color-border-1)}:host([kind=inverse][appearance=outline-fill]) .container,:host([kind=inverse][appearance=outline]) .container{border-color:var(--calcite-color-border-inverse)}:host([kind=brand][appearance=outline-fill]) .container,:host([kind=brand][appearance=outline]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand][appearance=solid]) button,:host([kind=inverse][appearance=solid]) button{outline-color:var(--calcite-color-text-inverse)}:host([closed]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const I=class{constructor(t){e(this,t);this.calciteChipClose=i(this,"calciteChipClose",6);this.calciteChipSelect=i(this,"calciteChipSelect",6);this.calciteInternalChipKeyEvent=i(this,"calciteInternalChipKeyEvent",6);this.handleDefaultSlotChange=()=>{this.updateHasText()};this.close=()=>{this.calciteChipClose.emit();this.selected=false;this.closed=true};this.closeButtonKeyDownHandler=e=>{if(x(e.key)){e.preventDefault();this.close()}};this.handleSlotImageChange=e=>{this.hasImage=o(e)};this.handleEmittingEvent=()=>{if(this.interactive){this.calciteChipSelect.emit()}};this.disabled=false;this.appearance="solid";this.kind="neutral";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.label=undefined;this.value=undefined;this.closed=false;this.selectionMode="none";this.selected=false;this.messageOverrides=undefined;this.messages=undefined;this.interactive=false;this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasText=false;this.hasImage=false}onMessagesChange(){}effectiveLocaleChange(){h(this,this.effectiveLocale)}connectedCallback(){m(this);g(this);d(this)}componentDidLoad(){s(this)}componentDidRender(){b(this)}disconnectedCallback(){v(this);k(this);p(this)}async componentWillLoad(){l(this);{await u(this);this.updateHasText()}}keyDownHandler(e){if(e.target===this.el){switch(e.key){case" ":case"Enter":this.handleEmittingEvent();e.preventDefault();break;case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalChipKeyEvent.emit(e);e.preventDefault();break}}}clickHandler(){if(!this.interactive&&this.closable){this.closeButtonEl.focus()}}async setFocus(){await r(this);if(!this.disabled&&this.interactive){this.containerEl?.focus()}else if(!this.disabled&&this.closable){this.closeButtonEl?.focus()}}updateHasText(){this.hasText=this.el.textContent.trim().length>0}renderChipImage(){return t("div",{class:z.imageContainer},t("slot",{name:w.image,onSlotchange:this.handleSlotImageChange}))}renderSelectionIcon(){const e=this.selectionMode==="multiple"&&this.selected?j.checked:this.selectionMode==="multiple"?j.unchecked:this.selected?j.checkedSingle:undefined;return t("div",{class:{[z.selectIcon]:true,[z.selectIconActive]:this.selectionMode==="multiple"||this.selected}},e?t("calcite-icon",{icon:e,scale:y(this.scale)}):null)}renderCloseButton(){return t("button",{"aria-label":this.messages.dismissLabel,class:z.close,onClick:this.close,onKeyDown:this.closeButtonKeyDownHandler,tabIndex:this.disabled?-1:0,ref:e=>this.closeButtonEl=e},t("calcite-icon",{icon:j.close,scale:y(this.scale)}))}renderIcon(){return t("calcite-icon",{class:z.chipIcon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:y(this.scale)})}render(){const{disabled:e}=this;const i=e||!e&&!this.interactive;const c=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":undefined;return t(n,null,t(f,{disabled:e},t("div",{"aria-checked":this.selectionMode!=="none"&&this.interactive?a(this.selected):undefined,"aria-disabled":i?a(e):undefined,"aria-label":this.label,class:{[z.container]:true,[z.textSlotted]:this.hasText,[z.imageSlotted]:this.hasImage,[z.selectable]:this.selectionMode!=="none",[z.multiple]:this.selectionMode==="multiple",[z.closable]:this.closable,[z.nonInteractive]:!this.interactive,[z.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)},onClick:this.handleEmittingEvent,role:c,tabIndex:i?-1:0,ref:e=>this.containerEl=e},this.selectionMode!=="none"&&this.renderSelectionIcon(),this.renderChipImage(),this.icon&&this.renderIcon(),t("span",{class:z.title},t("slot",{onSlotchange:this.handleDefaultSlotChange})),this.closable&&this.renderCloseButton())))}static get assetsDirs(){return["assets"]}get el(){return c(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=C;export{I as calcite_chip};
-//# sourceMappingURL=p-b3e6e5bc.entry.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.2-next.0
- */
-import{r as e,c as t,h as i,g as s,F as n,H as a}from"./p-38bebddb.js";import{c as o}from"./p-45372fca.js";import{d as l}from"./p-7d73faa9.js";import{c,d as r,a as d,H as h}from"./p-5ce1bffb.js";import{c as p,d as u,u as f,I as m}from"./p-0f5002f8.js";import{c as b,d as g,g as v}from"./p-4a36b05d.js";import{s as x,a as w,c as C}from"./p-338498bd.js";import{g as y}from"./p-26da970e.js";import{V as z}from"./p-9069e5a6.js";import"./p-884f59e5.js";import"./p-889a9495.js";import"./p-6964fedb.js";const k=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const O=class{constructor(i){e(this,i);this.calciteInternalOptionChange=t(this,"calciteInternalOptionChange",6);this.mutationObserver=o("mutation",(()=>{this.ensureTextContentDependentProps();this.calciteInternalOptionChange.emit()}));this.disabled=false;this.label=undefined;this.selected=undefined;this.value=undefined}handlePropChange(e,t,i){if(i==="label"||i==="value"){this.ensureTextContentDependentProps()}this.calciteInternalOptionChange.emit()}ensureTextContentDependentProps(){const{el:{textContent:e},internallySetLabel:t,internallySetValue:i,label:s,value:n}=this;if(!s||s===t){this.label=e;this.internallySetLabel=e}if(n==null||n===i){this.value=e;this.internallySetValue=e}}connectedCallback(){this.ensureTextContentDependentProps();this.mutationObserver?.observe(this.el,{attributeFilter:["label","value"],characterData:true,childList:true,subtree:true})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i("slot",null,this.label)}get el(){return s(this)}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"],selected:["handlePropChange"],value:["handlePropChange"]}}};O.style=k;const P=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const j=class{constructor(i){e(this,i);this.calciteInternalOptionGroupChange=t(this,"calciteInternalOptionGroupChange",6);this.disabled=false;this.label=undefined}handlePropChange(){this.calciteInternalOptionGroupChange.emit()}render(){return i(n,null,i("div",null,this.label),i("slot",null))}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"]}}};j.style=P;const I={icon:"icon",iconContainer:"icon-container",select:"select",wrapper:"wrapper"};const L=":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .wrapper{block-size:1.5rem}:host([scale=s]) .icon-container{padding-inline:0.5rem}:host([scale=m]){--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .wrapper{block-size:2rem}:host([scale=m]) .icon-container{padding-inline:0.75rem}:host([scale=l]){--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .wrapper{block-size:44px}:host([scale=l]) .icon-container{padding-inline:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0px;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:inherit;color:var(--calcite-color-text-2);outline-color:transparent;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}.select:hover{background-color:var(--calcite-color-foreground-2)}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity:1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-inline-width:0px 1px}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{outline:2px solid var(--calcite-color-status-danger);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          )}.select:focus~.icon-container{border-color:transparent}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";function T(e){return e.tagName==="CALCITE-OPTION"}function A(e){return e.tagName==="CALCITE-OPTION-GROUP"}const E=class{constructor(i){e(this,i);this.calciteSelectChange=t(this,"calciteSelectChange",6);this.componentToNativeEl=new Map;this.mutationObserver=o("mutation",(()=>this.populateInternalSelect()));this.handleInternalSelectChange=()=>{const e=this.selectEl.selectedOptions[0];this.selectFromNativeOption(e);requestAnimationFrame((()=>this.emitChangeEvent()))};this.populateInternalSelect=()=>{const e=Array.from(this.el.children).filter((e=>e.tagName==="CALCITE-OPTION"||e.tagName==="CALCITE-OPTION-GROUP"));this.clearInternalSelect();e.forEach((e=>this.selectEl?.append(this.toNativeElement(e))))};this.storeSelectRef=e=>{this.selectEl=e;this.populateInternalSelect();const t=this.selectEl.selectedOptions[0];this.selectFromNativeOption(t)};this.emitChangeEvent=()=>{this.calciteSelectChange.emit()};this.disabled=false;this.form=undefined;this.label=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.required=false;this.scale="m";this.status="idle";this.value=null;this.selectedOption=undefined;this.width="auto"}valueHandler(e){const t=this.el.querySelectorAll("calcite-option");t.forEach((t=>t.selected=t.value===e))}selectedOptionHandler(e){this.value=e?.value}connectedCallback(){const{el:e}=this;this.mutationObserver?.observe(e,{subtree:true,childList:true});p(this);b(this);c(this)}disconnectedCallback(){this.mutationObserver?.disconnect();u(this);g(this);r(this)}componentWillLoad(){x(this)}componentDidLoad(){w(this);d(this,this.selectedOption?.value??"")}componentDidRender(){f(this)}async setFocus(){await C(this);l(this.selectEl)}handleOptionOrGroupChange(e){e.stopPropagation();const t=e.target;const i=this.componentToNativeEl.get(t);if(!i){return}this.updateNativeElement(t,i);if(T(t)&&t.selected){this.deselectAllExcept(t);this.selectedOption=t}}onLabelClick(){this.setFocus()}updateNativeElement(e,t){t.disabled=e.disabled;t.label=e.label;if(T(e)){const i=t;i.selected=e.selected;i.value=e.value;i.innerText=e.label}}clearInternalSelect(){this.componentToNativeEl.forEach((e=>e.remove()));this.componentToNativeEl.clear()}selectFromNativeOption(e){if(!e){return}let t;this.componentToNativeEl.forEach(((i,s)=>{if(T(s)&&i===e){s.selected=true;t=s;this.deselectAllExcept(s)}}));if(t){this.selectedOption=t}}toNativeElement(e){if(T(e)){const t=document.createElement("option");this.updateNativeElement(e,t);this.componentToNativeEl.set(e,t);return t}if(A(e)){const t=document.createElement("optgroup");this.updateNativeElement(e,t);Array.from(e.children).forEach((i=>{const s=this.toNativeElement(i);t.append(s);this.componentToNativeEl.set(e,s)}));this.componentToNativeEl.set(e,t);return t}throw new Error("unsupported element child provided")}deselectAllExcept(e){this.el.querySelectorAll("calcite-option").forEach((t=>{if(t===e){return}t.selected=false}))}renderChevron(){return i("div",{class:I.iconContainer},i("calcite-icon",{class:I.icon,icon:"chevron-down",scale:y(this.scale)}))}render(){const{disabled:e}=this;return i(a,null,i(m,{disabled:e},i("div",{class:I.wrapper},i("select",{"aria-label":v(this),class:I.select,disabled:e,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},i("slot",null)),this.renderChevron(),i(h,{component:this})),this.validationMessage&&this.status==="invalid"?i(z,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}get el(){return s(this)}static get watchers(){return{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}}};E.style=L;export{O as calcite_option,j as calcite_option_group,E as calcite_select};
-//# sourceMappingURL=p-b5388ef1.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["optionCss","Option","this","mutationObserver","createObserver","ensureTextContentDependentProps","calciteInternalOptionChange","emit","handlePropChange","_newValue","_oldValue","propName","el","textContent","internallySetLabel","internallySetValue","label","value","connectedCallback","observe","attributeFilter","characterData","childList","subtree","disconnectedCallback","disconnect","render","h","optionGroupCss","OptionGroup","calciteInternalOptionGroupChange","Fragment","CSS","icon","iconContainer","select","wrapper","selectCss","isOption","optionOrGroup","tagName","isOptionGroup","Select","componentToNativeEl","Map","populateInternalSelect","handleInternalSelectChange","selected","selectEl","selectedOptions","selectFromNativeOption","requestAnimationFrame","emitChangeEvent","optionsAndGroups","Array","from","children","filter","child","clearInternalSelect","forEach","append","toNativeElement","storeSelectRef","node","calciteSelectChange","valueHandler","items","querySelectorAll","item","selectedOptionHandler","selectedOption","connectInteractive","connectLabel","connectForm","disconnectInteractive","disconnectLabel","disconnectForm","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","afterConnectDefaultValueSet","componentDidRender","updateHostInteraction","setFocus","componentFocusable","focusElement","handleOptionOrGroupChange","event","stopPropagation","target","nativeEl","get","updateNativeElement","deselectAllExcept","onLabelClick","nativeOptionOrGroup","disabled","option","innerText","remove","clear","nativeOption","futureSelected","document","createElement","set","group","Error","except","renderChevron","class","scale","getIconScale","Host","InteractiveContainer","getLabelText","onChange","ref","HiddenFormInputSlot","component","validationMessage","status","Validation","validationIcon","message"],"sources":["src/components/option/option.scss?tag=calcite-option&encapsulation=shadow","src/components/option/option.tsx","src/components/option-group/option-group.scss?tag=calcite-option-group&encapsulation=shadow","src/components/option-group/option-group.tsx","src/components/select/resources.ts","src/components/select/select.scss?tag=calcite-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":[":host {\n  @apply block;\n}\n\n@include base-component();\n","import { Component, Element, Event, EventEmitter, h, Prop, VNode, Watch } from \"@stencil/core\";\nimport { createObserver } from \"../../utils/observers\";\n\n@Component({\n  tag: \"calcite-option\",\n  styleUrl: \"option.scss\",\n  shadow: true,\n})\nexport class Option {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({\n    reflect: true,\n  })\n  disabled = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop({ mutable: true })\n  label: string;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({\n    reflect: true,\n  })\n  selected: boolean;\n\n  /**\n   * The component's value.\n   */\n  @Prop({ mutable: true })\n  value: any;\n\n  @Watch(\"disabled\")\n  @Watch(\"label\")\n  @Watch(\"selected\")\n  @Watch(\"value\")\n  protected handlePropChange(_newValue: any, _oldValue: any, propName: string): void {\n    if (propName === \"label\" || propName === \"value\") {\n      this.ensureTextContentDependentProps();\n    }\n\n    this.calciteInternalOptionChange.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Variables\n  //\n  //--------------------------------------------------------------------------\n\n  @Element()\n  private el: HTMLCalciteOptionElement;\n\n  private internallySetLabel: string;\n\n  private internallySetValue: any;\n\n  private mutationObserver: MutationObserver = createObserver(\"mutation\", () => {\n    this.ensureTextContentDependentProps();\n    this.calciteInternalOptionChange.emit();\n  });\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  private calciteInternalOptionChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private ensureTextContentDependentProps(): void {\n    const {\n      el: { textContent },\n      internallySetLabel,\n      internallySetValue,\n      label,\n      value,\n    } = this;\n\n    if (!label || label === internallySetLabel) {\n      this.label = textContent;\n      this.internallySetLabel = textContent;\n    }\n\n    if (\n      value == null /* intentional loose equals to handle both undefined & null */ ||\n      value === internallySetValue\n    ) {\n      this.value = textContent;\n      this.internallySetValue = textContent;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.ensureTextContentDependentProps();\n    this.mutationObserver?.observe(this.el, {\n      attributeFilter: [\"label\", \"value\"],\n      characterData: true,\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    return <slot>{this.label}</slot>;\n  }\n}\n",":host {\n  @apply block;\n}\n\n@include base-component();\n","import { Component, Event, EventEmitter, Fragment, h, Prop, VNode, Watch } from \"@stencil/core\";\n\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\n@Component({\n  tag: \"calcite-option-group\",\n  styleUrl: \"option-group.scss\",\n  shadow: true,\n})\nexport class OptionGroup {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({\n    reflect: true,\n  })\n  disabled = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop()\n  label!: string;\n\n  @Watch(\"disabled\")\n  @Watch(\"label\")\n  protected handlePropChange(): void {\n    this.calciteInternalOptionGroupChange.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  private calciteInternalOptionGroupChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Fragment>\n        <div>{this.label}</div>\n        <slot />\n      </Fragment>\n    );\n  }\n}\n","export const CSS = {\n  icon: \"icon\",\n  iconContainer: \"icon-container\",\n  select: \"select\",\n  wrapper: \"wrapper\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-select-font-size: The font size of `calcite-option`s in the component.\n * @prop --calcite-select-spacing: The padding around the selected option text.\n */\n\n:host {\n  @extend %component-spacing;\n  @apply flex flex-col;\n}\n\n.wrapper {\n  @apply relative flex items-stretch;\n  inline-size: var(--select-width);\n}\n\n@include disabled();\n\n:host([scale=\"s\"]) {\n  --calcite-select-font-size: theme(\"fontSize.n2h\");\n  --calcite-select-spacing-inline: theme(\"spacing.2\") theme(\"spacing.8\");\n\n  .wrapper {\n    @apply h-6;\n  }\n\n  .icon-container {\n    @apply px-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-select-font-size: theme(\"fontSize.n1h\");\n  --calcite-select-spacing-inline: theme(\"spacing.3\") theme(\"spacing.10\");\n\n  .wrapper {\n    @apply h-8;\n  }\n\n  .icon-container {\n    @apply px-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-select-font-size: theme(\"fontSize.0h\");\n  --calcite-select-spacing-inline: theme(\"spacing.4\") theme(\"spacing.12\");\n\n  .wrapper {\n    block-size: 44px;\n  }\n\n  .icon-container {\n    @apply px-4;\n  }\n}\n\n:host([width=\"auto\"]) {\n  @apply w-auto;\n}\n\n:host([width=\"half\"]) {\n  @apply w-1/2;\n}\n\n:host([width=\"full\"]) {\n  @apply w-full;\n}\n\n.select {\n  @apply bg-foreground-1 border-color-input text-color-2 font-inherit focus-base m-0 box-border w-full cursor-pointer appearance-none truncate rounded-none border border-solid;\n  font-size: var(--calcite-select-font-size);\n  padding-inline: var(--calcite-select-spacing-inline);\n  border-inline-end-width: theme(\"borderWidth.0\");\n\n  &:focus {\n    @apply focus-inset;\n  }\n\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n// override user agent stylesheet disabled styling\nselect:disabled {\n  @apply border-color-input bg-opacity-100;\n}\n\n.icon-container {\n  @apply border-color-input text-color-2 pointer-events-none absolute inset-y-0 flex items-center border-0 border-solid bg-transparent;\n  inset-inline-end: theme(\"inset.0\");\n  border-inline-width: theme(\"borderWidth.0\") theme(\"borderWidth.DEFAULT\");\n}\n\n:host([status=\"invalid\"]) {\n  select,\n  .icon-container {\n    @apply border-color-danger;\n  }\n\n  select:focus,\n  .icon-container:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n.select:focus ~ .icon-container {\n  @apply border-color-transparent;\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElement } from \"../../utils/dom\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, LabelableComponent, getLabelText } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale, Status, Width } from \"../interfaces\";\nimport { CSS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\n\ntype OptionOrGroup = HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement;\ntype NativeOptionOrGroup = HTMLOptionElement | HTMLOptGroupElement;\n\nfunction isOption(optionOrGroup: OptionOrGroup): optionOrGroup is HTMLCalciteOptionElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION\";\n}\n\nfunction isOptionGroup(\n  optionOrGroup: OptionOrGroup,\n): optionOrGroup is HTMLCalciteOptionGroupElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION-GROUP\";\n}\n\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\n@Component({\n  tag: \"calcite-select\",\n  styleUrl: \"select.scss\",\n  shadow: true,\n})\nexport class Select\n  implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * Accessible name for the component.\n   *\n   */\n  @Prop() label!: string;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  /**\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`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Specifies the size of the component.\n   */\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  /** The component's `selectedOption` value. */\n  @Prop({ mutable: true }) value: string = null;\n\n  @Watch(\"value\")\n  valueHandler(value: string): void {\n    const items = this.el.querySelectorAll(\"calcite-option\");\n    items.forEach((item) => (item.selected = item.value === value));\n  }\n\n  /**\n   * The component's selected option `HTMLElement`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedOption: HTMLCalciteOptionElement;\n\n  @Watch(\"selectedOption\")\n  selectedOptionHandler(selectedOption: HTMLCalciteOptionElement): void {\n    this.value = selectedOption?.value;\n  }\n\n  /**\n   * Specifies the width of the component.\n   */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSelectElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Select[\"value\"];\n\n  private componentToNativeEl = new Map<OptionOrGroup, NativeOptionOrGroup>();\n\n  private mutationObserver = createObserver(\"mutation\", () => this.populateInternalSelect());\n\n  private selectEl: HTMLSelectElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    const { el } = this;\n\n    this.mutationObserver?.observe(el, {\n      subtree: true,\n      childList: true,\n    });\n\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    afterConnectDefaultValueSet(this, this.selectedOption?.value ?? \"\");\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    focusElement(this.selectEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the `selectedOption` changes.\n   */\n  @Event({ cancelable: false }) calciteSelectChange: EventEmitter<void>;\n\n  private handleInternalSelectChange = (): void => {\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n    requestAnimationFrame(() => this.emitChangeEvent());\n  };\n\n  @Listen(\"calciteInternalOptionChange\")\n  @Listen(\"calciteInternalOptionGroupChange\")\n  protected handleOptionOrGroupChange(event: CustomEvent): void {\n    event.stopPropagation();\n\n    const optionOrGroup = event.target as OptionOrGroup;\n    const nativeEl = this.componentToNativeEl.get(optionOrGroup);\n\n    if (!nativeEl) {\n      return;\n    }\n\n    this.updateNativeElement(optionOrGroup, nativeEl);\n\n    if (isOption(optionOrGroup) && optionOrGroup.selected) {\n      this.deselectAllExcept(optionOrGroup);\n      this.selectedOption = optionOrGroup;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private updateNativeElement(\n    optionOrGroup: OptionOrGroup,\n    nativeOptionOrGroup: NativeOptionOrGroup,\n  ): void {\n    nativeOptionOrGroup.disabled = optionOrGroup.disabled;\n    nativeOptionOrGroup.label = optionOrGroup.label;\n\n    if (isOption(optionOrGroup)) {\n      const option = nativeOptionOrGroup as HTMLOptionElement;\n      option.selected = optionOrGroup.selected;\n      option.value = optionOrGroup.value;\n\n      // need to set innerText for mobile\n      // see https://stackoverflow.com/questions/35021620/ios-safari-not-showing-all-options-for-select-menu/41749701\n      option.innerText = optionOrGroup.label;\n    }\n  }\n\n  private populateInternalSelect = (): void => {\n    const optionsAndGroups = Array.from(\n      this.el.children as HTMLCollectionOf<OptionOrGroup | HTMLSlotElement>,\n    ).filter(\n      (child) => child.tagName === \"CALCITE-OPTION\" || child.tagName === \"CALCITE-OPTION-GROUP\",\n    ) as OptionOrGroup[];\n\n    this.clearInternalSelect();\n\n    optionsAndGroups.forEach(\n      (optionOrGroup) => this.selectEl?.append(this.toNativeElement(optionOrGroup)),\n    );\n  };\n\n  private clearInternalSelect(): void {\n    this.componentToNativeEl.forEach((value) => value.remove());\n    this.componentToNativeEl.clear();\n  }\n\n  private storeSelectRef = (node: HTMLSelectElement): void => {\n    this.selectEl = node;\n    this.populateInternalSelect();\n\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n  };\n\n  private selectFromNativeOption(nativeOption: HTMLOptionElement): void {\n    if (!nativeOption) {\n      return;\n    }\n\n    let futureSelected: HTMLCalciteOptionElement;\n\n    this.componentToNativeEl.forEach((nativeOptionOrGroup, optionOrGroup) => {\n      if (isOption(optionOrGroup) && nativeOptionOrGroup === nativeOption) {\n        optionOrGroup.selected = true;\n        futureSelected = optionOrGroup;\n        this.deselectAllExcept(optionOrGroup as HTMLCalciteOptionElement);\n      }\n    });\n\n    if (futureSelected) {\n      this.selectedOption = futureSelected;\n    }\n  }\n\n  private toNativeElement(\n    optionOrGroup: HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement,\n  ): NativeOptionOrGroup {\n    if (isOption(optionOrGroup)) {\n      const option = document.createElement(\"option\");\n      this.updateNativeElement(optionOrGroup, option);\n      this.componentToNativeEl.set(optionOrGroup, option);\n\n      return option;\n    }\n\n    if (isOptionGroup(optionOrGroup)) {\n      const group = document.createElement(\"optgroup\");\n      this.updateNativeElement(optionOrGroup, group);\n\n      Array.from(optionOrGroup.children as HTMLCollectionOf<HTMLCalciteOptionElement>).forEach(\n        (option) => {\n          const nativeOption = this.toNativeElement(option);\n          group.append(nativeOption);\n          this.componentToNativeEl.set(optionOrGroup, nativeOption);\n        },\n      );\n\n      this.componentToNativeEl.set(optionOrGroup, group);\n\n      return group;\n    }\n\n    throw new Error(\"unsupported element child provided\");\n  }\n\n  private deselectAllExcept(except: HTMLCalciteOptionElement): void {\n    this.el.querySelectorAll<HTMLCalciteOptionElement>(\"calcite-option\").forEach((option) => {\n      if (option === except) {\n        return;\n      }\n\n      option.selected = false;\n    });\n  }\n\n  private emitChangeEvent = (): void => {\n    this.calciteSelectChange.emit();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderChevron(): VNode {\n    return (\n      <div class={CSS.iconContainer}>\n        <calcite-icon class={CSS.icon} icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <div class={CSS.wrapper}>\n            <select\n              aria-label={getLabelText(this)}\n              class={CSS.select}\n              disabled={disabled}\n              onChange={this.handleInternalSelectChange}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={this.storeSelectRef}\n            >\n              <slot />\n            </select>\n            {this.renderChevron()}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-b989da2c.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.2-next.0
- */
-import{d as t}from"./p-378cd6a8.js";import"./p-38bebddb.js";import"./p-5ce1bffb.js";import"./p-7d73faa9.js";import"./p-884f59e5.js";import"./p-889a9495.js";import"./p-0f5002f8.js";import"./p-6964fedb.js";import"./p-c8302bd7.js";import"./p-4a36b05d.js";import"./p-26da970e.js";import"./p-338498bd.js";import"./p-5b6d1aba.js";import"./p-45372fca.js";import"./p-8dad130b.js";import"./p-67c8b285.js";import"./p-4ec78f6b.js";import"./p-1b93cdfe.js";import"./p-9069e5a6.js";var m={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function t(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};t.locale(m,null,true);export default m;
-//# sourceMappingURL=p-b989da2c.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.2-next.0
- */
-import{r as e,h as t,H as i,g as n}from"./p-38bebddb.js";import{s as a,a as l}from"./p-338498bd.js";import{a as s,c as r,d as c}from"./p-5ce1bffb.js";import{g as o,n as h,c as d,d as b}from"./p-5b6d1aba.js";import{v as u}from"./p-7d73faa9.js";import{c as p}from"./p-45372fca.js";import"./p-c8302bd7.js";import"./p-884f59e5.js";import"./p-889a9495.js";const g={container:"container",fill:"fill",stepLine:"step-line",label:"label",labelHidden:"label-hidden",labelRange:"label-range",labelValue:"label-value",unitLabel:"unit-label",stepsVisible:"steps-visible",valueVisible:"value-visible",success:"fill-success",warning:"fill-warning",danger:"fill-danger"};const f=":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([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-meter-space-internal:0.125rem;--calcite-meter-height-internal:1rem;--calcite-meter-font-size-internal:var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal:0.75rem;--calcite-meter-font-size-internal:var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal:1.5rem;--calcite-meter-font-size-internal:var(--calcite-font-size-0)}.container{position:relative;margin:0px;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-color-foreground-2);border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-color-foreground-3);background-color:var(--calcite-color-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-color-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + 0.5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.label-range{color:var(--calcite-color-text-3);inset-block-start:calc(100% + 0.5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;background-color:var(--calcite-color-brand);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size, background-color, box-shadow}.fill-danger{background-color:var(--calcite-color-status-danger)}.fill-success{background-color:var(--calcite-color-status-success)}.fill-warning{background-color:var(--calcite-color-status-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-color-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-color-status-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-color-status-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-color-status-warning)}";const m=class{constructor(t){e(this,t);this.labelFlipMax=.8;this.labelFlipProximity=.15;this.maxPercent=100;this.minPercent=0;this.resizeObserver=p("resize",(()=>this.resizeHandler()));this.formatLabel=(e,t)=>{if(t==="percent"){if(!this.percentFormatting){const e=o(this.effectiveLocale);const t=new Intl.NumberFormat(e,{useGrouping:this.groupSeparator,style:"percent"});this.percentFormatting={formatter:t,locale:e}}return this.percentFormatting.formatter.format(e)}else{h.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return h.localize(e.toString())}};this.appearance="outline-fill";this.disabled=false;this.fillType="range";this.form=undefined;this.groupSeparator=false;this.high=undefined;this.label=undefined;this.low=undefined;this.max=100;this.min=0;this.name=undefined;this.numberingSystem=undefined;this.rangeLabels=false;this.rangeLabelType="percent";this.scale="m";this.unitLabel="";this.value=undefined;this.valueLabel=false;this.valueLabelType="percent";this.currentPercent=undefined;this.effectiveLocale=undefined;this.highActive=undefined;this.highPercent=undefined;this.lowActive=undefined;this.lowPercent=undefined}handleRangeChange(){this.calculateValues();this.updateLabels()}handleLabelChange(){this.updateLabels()}async componentWillLoad(){a(this);this.calculateValues();s(this,this.value)}componentDidLoad(){l(this);this.updateLabels()}connectedCallback(){d(this);r(this);this.resizeObserver?.observe(this.el)}disconnectedCallback(){b(this);c(this);this.resizeObserver?.disconnect()}resizeHandler(){this.updateLabels()}updateLabels(){if(this.valueLabelEl){this.determineValueLabelPosition()}if(this.rangeLabels){this.determineVisibleLabels()}}calculateValues(){const{min:e,max:t,low:i,high:n,value:a}=this;const l=100*(i-e)/(t-e);const s=100*(n-e)/(t-e);const r=100*(a-e)/(t-e);if(!i||i<e||i>n||i>t){this.low=e}if(!n||n>t||n<i||n<e){this.high=t}if(!a){this.value=e}this.lowPercent=l;this.highPercent=s;this.currentPercent=a?r:0;this.lowActive=!!i&&i>e&&(!a||i>a)&&(!n||i<n);this.highActive=!!n&&e<=n&&n<t&&(!a||n>a)&&(!i||n>i)}getMeterKindCssClass(){const{low:e,high:t,min:i,max:n,value:a}=this;const l=e?e:i;const s=t?t:n;const r=a>=l;const c=a<l;const o=a>=s;const h=a<s;if(!a||!e&&h||c){return g.success}else if(r&&h){return g.warning}else if(o){return g.danger}else{return g.success}}intersects(e,t){return e&&t&&u(e.getBoundingClientRect(),t.getBoundingClientRect())}determineVisibleLabels(){const{minLabelEl:e,lowLabelEl:t,highLabelEl:i,maxLabelEl:n}=this;const a=this.intersects(i,n);const l=this.intersects(t,i);const s=this.intersects(t,n);const r=this.intersects(e,i);const c=this.intersects(e,t);const o=this.intersects(e,n);const h=g.labelHidden;if(t){if(c||s||l){t.classList.add(h)}else{t.classList.remove(h)}}if(i){if(r||s||a){i.classList.add(h)}else{i.classList.remove(h)}}if(e&&n){if(o){n.classList.add(h)}else{n.classList.remove(h)}}}determineValueLabelPosition(){const{valueLabelEl:e,meterContainerEl:t,currentPercent:i}=this;const n=i>100?100:i>0?i:0;const a=e.getBoundingClientRect().width;const l=t.getBoundingClientRect().width;const s=100*(a-0)/(l-0);if(n+s>=100){e.style.insetInlineEnd="0%";e.style.removeProperty("inset-inline-start")}else{e.style.insetInlineStart=`${n}% `;e.style.removeProperty("inset-inline-end")}}renderMeterFill(){const{currentPercent:e,fillType:i}=this;const n=this.getMeterKindCssClass();return t("div",{class:{[g.fill]:true,[n]:i!=="single"},style:{width:`${e}%`}})}renderRangeLine(e){const i={insetInlineStart:`${e}%`};return t("div",{class:g.stepLine,style:i})}renderValueLabel(){const{currentPercent:e,valueLabelType:i,unitLabel:n,value:a}=this;const l=this.formatLabel(i==="percent"?e/100:a||0,i);return t("div",{class:{[g.label]:true,[g.labelValue]:true},key:"low-label-line",ref:e=>this.valueLabelEl=e},l,n&&i!=="percent"&&t("span",{class:g.unitLabel}," ",n))}renderMinLabel(){const{rangeLabelType:e,min:i,minPercent:n,unitLabel:a}=this;const l={insetInlineStart:`${n}%`};const s=this.formatLabel(e==="percent"?n:i,e);return t("div",{class:{[g.label]:true,[g.labelRange]:true},key:"min-label-line",style:l,ref:e=>this.minLabelEl=e},s,a&&e!=="percent"&&t("span",{class:g.unitLabel}," ",a))}renderLowLabel(){const{rangeLabelType:e,low:i,lowPercent:n,highPercent:a,labelFlipProximity:l}=this;const s=i?this.formatLabel(e==="percent"?n/100:i,e):"";const r={insetInlineStart:`${n}%`};const c={insetInlineEnd:`${100-n}%`};const o=(a-n)/100<l?c:r;return t("div",{class:{[g.label]:true,[g.labelRange]:true},key:"low-label-line",style:o,ref:e=>this.lowLabelEl=e},s)}renderHighLabel(){const{rangeLabelType:e,high:i,highPercent:n,labelFlipMax:a}=this;const l=i?this.formatLabel(e==="percent"?n/100:i,e):"";const s={insetInlineStart:`${n}%`};const r={insetInlineEnd:`${100-n}%`};const c=n/100>=a?r:s;return t("div",{class:{[g.label]:true,[g.labelRange]:true},key:"high-label-line",style:c,ref:e=>this.highLabelEl=e},l)}renderMaxLabel(){const{rangeLabelType:e,max:i,maxPercent:n}=this;const a={insetInlineEnd:`${100-n}%`};const l=this.formatLabel(e==="percent"?n/100:i,e);return t("div",{class:{[g.label]:true,[g.labelRange]:true},key:"max-label-line",style:a,ref:e=>this.maxLabelEl=e},l)}render(){const{appearance:e,currentPercent:n,highActive:a,highPercent:l,label:s,lowActive:r,lowPercent:c,max:o,maxPercent:h,min:d,minPercent:b,rangeLabels:u,rangeLabelType:p,unitLabel:f,value:m,valueLabel:v,valueLabelType:L}=this;const y=this.formatLabel(n/100,"percent");const x=`${m} ${f}`;const w=L==="percent"?y:f?x:undefined;return t(i,null,t("div",{"aria-label":s,"aria-valuemax":p==="percent"?h:o,"aria-valuemin":p==="percent"?b:d,"aria-valuenow":L==="percent"?n:m,"aria-valuetext":w,class:{[g.container]:true,[g.stepsVisible]:u,[g.valueVisible]:v,[e]:e!=="outline-fill"},role:"meter",ref:e=>this.meterContainerEl=e},this.renderMeterFill(),v&&this.renderValueLabel(),r&&this.renderRangeLine(c),a&&this.renderRangeLine(l),u&&this.renderMinLabel(),u&&r&&this.renderLowLabel(),u&&a&&this.renderHighLabel(),u&&this.renderMaxLabel()))}get el(){return n(this)}static get watchers(){return{min:["handleRangeChange"],max:["handleRangeChange"],low:["handleRangeChange"],high:["handleRangeChange"],value:["handleRangeChange"],rangeLabels:["handleLabelChange"],rangeLabelType:["handleLabelChange"],unitLabel:["handleLabelChange"],valueLabel:["handleLabelChange"],valueLabelType:["handleLabelChange"]}}};m.style=f;export{m as calcite_meter};
-//# sourceMappingURL=p-bb012905.entry.js.map

package/dist/calcite/p-bf9f5abf.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.2-next.0
- */
-import{d as r}from"./p-378cd6a8.js";import"./p-38bebddb.js";import"./p-5ce1bffb.js";import"./p-7d73faa9.js";import"./p-884f59e5.js";import"./p-889a9495.js";import"./p-0f5002f8.js";import"./p-6964fedb.js";import"./p-c8302bd7.js";import"./p-4a36b05d.js";import"./p-26da970e.js";import"./p-338498bd.js";import"./p-5b6d1aba.js";import"./p-45372fca.js";import"./p-8dad130b.js";import"./p-67c8b285.js";import"./p-4ec78f6b.js";import"./p-1b93cdfe.js";import"./p-9069e5a6.js";var e={name:"hu",weekdays:"vasárnap_hétfő_kedd_szerda_csütörtök_péntek_szombat".split("_"),weekdaysShort:"vas_hét_kedd_sze_csüt_pén_szo".split("_"),weekdaysMin:"v_h_k_sze_cs_p_szo".split("_"),months:"január_február_március_április_május_június_július_augusztus_szeptember_október_november_december".split("_"),monthsShort:"jan_feb_márc_ápr_máj_jún_júl_aug_szept_okt_nov_dec".split("_"),ordinal:function r(e){return e+"."},weekStart:1,relativeTime:{future:"%s múlva",past:"%s",s:function r(e,t,n,p){return"néhány másodperc"+(p||t?"":"e")},m:function r(e,t,n,p){return"egy perc"+(p||t?"":"e")},mm:function r(e,t,n,p){return e+" perc"+(p||t?"":"e")},h:function r(e,t,n,p){return"egy "+(p||t?"óra":"órája")},hh:function r(e,t,n,p){return e+" "+(p||t?"óra":"órája")},d:function r(e,t,n,p){return"egy "+(p||t?"nap":"napja")},dd:function r(e,t,n,p){return e+" "+(p||t?"nap":"napja")},M:function r(e,t,n,p){return"egy "+(p||t?"hónap":"hónapja")},MM:function r(e,t,n,p){return e+" "+(p||t?"hónap":"hónapja")},y:function r(e,t,n,p){return"egy "+(p||t?"év":"éve")},yy:function r(e,t,n,p){return e+" "+(p||t?"év":"éve")}},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY. MMMM D.",LLL:"YYYY. MMMM D. H:mm",LLLL:"YYYY. MMMM D., dddd H:mm"}};r.locale(e,null,true);export default e;
-//# sourceMappingURL=p-bf9f5abf.js.map