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

package/dist/calcite/p-2e2e89c0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StarIcon","full","scale","partial","h","class","undefined","icon","ratingCss","CalciteRatingStyle0","Rating","this","handleRatingPointerOver","isKeyboardInteraction","handleRatingPointerOut","hoverValue","handleHostKeyDown","handleLabelKeyDown","event","inputValue","getValueFromLabelEvent","key","numberKey","Number","emit","isNaN","value","required","getPreviousRatingValue","updateFocus","preventDefault","getNextRatingValue","max","handleInputChange","inputVal","target","handleLabelPointerOver","handleLabelPointerDown","currentTarget","focus","handleLabelClick","handleLabelFocus","setLabelEl","el","labelElements","push","guid","onMessagesChange","handleValueUpdate","newValue","calciteRatingChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectInteractive","connectLocalized","connectMessages","connectLabel","connectForm","componentWillLoad","setUpMessages","setUpLoadableComponent","componentWillRender","starsMap","Array","from","length","_","i","average","checked","fraction","hovered","id","selected","tabIndex","getTabIndex","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLocalized","disconnectMessages","disconnectLabel","disconnectForm","componentDidRender","updateHostInteraction","render","Host","onKeyDown","onPointerOut","onPointerOver","InteractiveContainer","disabled","messages","rating","map","star","htmlFor","onClick","onFocus","onPointerDown","ref","readOnly","name","onChange","type","style","width","stars","replace","count","showChip","toString","HiddenFormInputSlot","component","onLabelClick","setFocus","getAttribute","currentValue","componentFocusable","focusFirstTabbable"],"sources":["src/components/rating/functional/star.tsx","src/components/rating/rating.scss?tag=calcite-rating&encapsulation=shadow","src/components/rating/rating.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from \"@stencil/core\";\nimport { StarIconProps } from \"../interfaces\";\n\nexport const StarIcon: FunctionalComponent<StarIconProps> = ({ full, scale, partial }): VNode => (\n  <calcite-icon\n    {...{\n      class: partial ? undefined : \"icon\",\n      icon: full ? \"star-f\" : \"star\",\n      scale,\n    }}\n  />\n);\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-rating-spacing-unit: The amount of left and right margin spacing between each rating star.\n */\n\n:host {\n  @apply relative flex items-center;\n  inline-size: fit-content;\n}\n\n@include disabled();\n\n:host([scale=\"s\"]) {\n  @apply h-6;\n  --calcite-rating-spacing-unit: theme(\"spacing.1\");\n}\n\n:host([scale=\"m\"]) {\n  @apply h-8;\n  --calcite-rating-spacing-unit: theme(\"spacing.2\");\n}\n\n:host([scale=\"l\"]) {\n  @apply h-11;\n  --calcite-rating-spacing-unit: theme(\"spacing.3\");\n}\n\n:host([read-only]) {\n  @extend %non-interactive-host-contents;\n}\n\n.fieldset {\n  margin: 0;\n  display: flex;\n  border-width: 0;\n  padding: 0;\n  align-items: center;\n  gap: var(--calcite-rating-spacing-unit);\n}\n\n.wrapper {\n  display: inline-block;\n}\n\n.star {\n  @apply transition-default;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  cursor: pointer;\n  color: theme(\"borderColor.color.input\");\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n.average,\n.fraction {\n  color: theme(\"colors.warning\");\n}\n\n.hovered,\n.selected {\n  color: theme(\"colors.brand\");\n}\n\n.fraction {\n  @apply transition-default;\n  position: absolute;\n  pointer-events: none;\n  inset-block-start: 0;\n  overflow: hidden;\n  inset-inline-start: 0;\n}\n\n// rating count\ncalcite-chip {\n  pointer-events: none;\n  cursor: default;\n}\n\n.number--average {\n  font-weight: bold;\n}\n\n.number--count {\n  color: var(--calcite-color-text-2);\n  font-style: italic;\n  &:not(:first-child) {\n    margin-inline-start: var(--calcite-rating-spacing-unit);\n  }\n}\n\n.visually-hidden {\n  @apply sr-only;\n}\n\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport { connectForm, disconnectForm, FormComponent, HiddenFormInputSlot } from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale } from \"../interfaces\";\nimport { focusFirstTabbable } from \"../../utils/dom\";\nimport { RatingMessages } from \"./assets/rating/t9n\";\nimport { StarIcon } from \"./functional/star\";\nimport { Star } from \"./interfaces\";\n\n@Component({\n  tag: \"calcite-rating\",\n  styleUrl: \"rating.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Rating\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** Specifies a cumulative average from previous ratings to display. */\n  @Prop({ reflect: true }) average: number;\n\n  /** Specifies the number of previous ratings to display. */\n  @Prop({ reflect: true }) count: number;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\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   * 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: RatingMessages;\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<RatingMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, the component's value can be read, but cannot be modified. */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`. */\n  @Prop({ reflect: true }) showChip = false;\n\n  /** The component's value. */\n  @Prop({ reflect: true, mutable: true }) value = 0;\n\n  @Watch(\"value\")\n  handleValueUpdate(newValue: number): void {\n    this.hoverValue = newValue;\n    if (this.emit) {\n      this.calciteRatingChange.emit();\n    }\n\n    this.emit = false;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component's value changes.\n   */\n  @Event({ cancelable: false }) calciteRatingChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Static\n  //\n  //--------------------------------------------------------------------------\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: RatingMessages;\n\n  @State() hoverValue: number;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentWillRender(): void {\n    this.starsMap = Array.from({ length: this.max }, (_, i) => {\n      const value = i + 1;\n      const average = !this.hoverValue && this.average && !this.value && value <= this.average;\n      const checked = value === this.value;\n      const fraction = this.average && this.average + 1 - value;\n      const hovered = value <= this.hoverValue;\n      const id = `${this.guid}-${value}`;\n      const partial = !this.hoverValue && !this.value && !hovered && fraction > 0 && fraction < 1;\n      const selected = this.value >= value;\n      const tabIndex = this.getTabIndex(value);\n      return {\n        average,\n        checked,\n        fraction,\n        hovered,\n        id,\n        partial,\n        selected,\n        value,\n        tabIndex,\n      };\n    });\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render() {\n    return (\n      <Host\n        onKeyDown={this.handleHostKeyDown}\n        onPointerOut={this.handleRatingPointerOut}\n        onPointerOver={this.handleRatingPointerOver}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <span class=\"wrapper\">\n            <fieldset class=\"fieldset\" disabled={this.disabled}>\n              <legend class=\"visually-hidden\">{this.messages.rating}</legend>\n              {this.starsMap.map(\n                ({\n                  average,\n                  checked,\n                  fraction,\n                  hovered,\n                  id,\n                  partial,\n                  selected,\n                  value,\n                  tabIndex,\n                }) => {\n                  return (\n                    <label\n                      class={{\n                        star: true,\n                        selected,\n                        hovered,\n                        average,\n                        partial,\n                      }}\n                      data-value={value}\n                      htmlFor={id}\n                      onClick={this.handleLabelClick}\n                      onFocus={this.handleLabelFocus}\n                      onKeyDown={this.handleLabelKeyDown}\n                      onPointerDown={this.handleLabelPointerDown}\n                      onPointerOver={this.handleLabelPointerOver}\n                      ref={this.setLabelEl}\n                      tabIndex={tabIndex}\n                    >\n                      <input\n                        checked={checked}\n                        class=\"visually-hidden\"\n                        disabled={this.disabled || this.readOnly}\n                        id={id}\n                        name={this.guid}\n                        onChange={this.handleInputChange}\n                        tabIndex={-1}\n                        type=\"radio\"\n                        value={value}\n                      />\n                      <StarIcon full={selected || average} scale={this.scale} />\n                      {partial && (\n                        <div class=\"fraction\" style={{ width: `${fraction * 100}%` }}>\n                          <StarIcon full partial scale={this.scale} />\n                        </div>\n                      )}\n                      <span class=\"visually-hidden\">\n                        {this.messages.stars.replace(\"{num}\", `${value}`)}\n                      </span>\n                    </label>\n                  );\n                },\n              )}\n\n              {(this.count || this.average) && this.showChip ? (\n                <calcite-chip scale={this.scale} value={this.count?.toString()}>\n                  {!!this.average && <span class=\"number--average\">{this.average.toString()}</span>}\n                  {!!this.count && <span class=\"number--count\">({this.count?.toString()})</span>}\n                </calcite-chip>\n              ) : null}\n            </fieldset>\n            <HiddenFormInputSlot component={this} />\n          </span>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private handleRatingPointerOver = () => {\n    this.isKeyboardInteraction = false;\n  };\n\n  private handleRatingPointerOut = () => {\n    this.isKeyboardInteraction = true;\n    this.hoverValue = null;\n  };\n\n  private handleHostKeyDown = () => {\n    this.isKeyboardInteraction = true;\n  };\n\n  private handleLabelKeyDown = (event: KeyboardEvent) => {\n    const inputValue = this.getValueFromLabelEvent(event);\n    const key = event.key;\n    const numberKey = key == \" \" ? undefined : Number(key);\n\n    this.emit = true;\n    if (isNaN(numberKey)) {\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          this.value = !this.required && this.value === inputValue ? 0 : inputValue;\n          break;\n        case \"ArrowLeft\":\n          this.value = this.getPreviousRatingValue(inputValue);\n          this.updateFocus();\n          event.preventDefault();\n          break;\n        case \"ArrowRight\":\n          this.value = this.getNextRatingValue(inputValue);\n          this.updateFocus();\n          event.preventDefault();\n          break;\n        case \"Tab\":\n          this.hoverValue = null;\n          break;\n      }\n    } else {\n      if (!this.required && numberKey >= 0 && numberKey <= this.max) {\n        this.value = numberKey;\n      } else if (this.required && numberKey > 0 && numberKey <= this.max) {\n        this.value = numberKey;\n      }\n      this.updateFocus();\n    }\n  };\n\n  private handleInputChange = (event: InputEvent) => {\n    if (this.isKeyboardInteraction === true) {\n      const inputVal = Number(event.target[\"value\"]);\n      this.hoverValue = inputVal;\n      this.value = inputVal;\n    }\n  };\n\n  private handleLabelPointerOver = (event: PointerEvent) => {\n    this.hoverValue = this.getValueFromLabelEvent(event);\n  };\n\n  private handleLabelPointerDown = (event: PointerEvent) => {\n    const target = event.currentTarget as HTMLLabelElement;\n    const inputValue = this.getValueFromLabelEvent(event);\n    this.hoverValue = inputValue;\n    this.emit = true;\n    this.value = !this.required && this.value === inputValue ? 0 : inputValue;\n    target.focus();\n  };\n\n  private handleLabelClick = (event: Event) => {\n    //preventing pointerdown event will supress any compatability mouse events except for click event.\n    event.preventDefault();\n  };\n\n  private handleLabelFocus = (event: FocusEvent) => {\n    const inputValue = this.getValueFromLabelEvent(event);\n    this.hoverValue = inputValue;\n  };\n\n  private updateFocus(): void {\n    this.hoverValue = this.value;\n    this.labelElements[this.value - 1].focus();\n  }\n\n  private getTabIndex(value: number): number {\n    if (this.readOnly || (this.value !== value && (this.value || value !== 1))) {\n      return -1;\n    }\n    return 0;\n  }\n\n  private setLabelEl = (el: HTMLLabelElement): void => {\n    this.labelElements.push(el);\n  };\n\n  private getValueFromLabelEvent(event: FocusEvent | PointerEvent | KeyboardEvent): number {\n    const target = event.currentTarget as HTMLLabelElement;\n    return Number(target.getAttribute(\"data-value\"));\n  }\n\n  getNextRatingValue(currentValue: number): number {\n    return currentValue === 5 ? 1 : currentValue + 1;\n  }\n\n  getPreviousRatingValue(currentValue: number): number {\n    return currentValue === 1 ? 5 : currentValue - 1;\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    focusFirstTabbable(this.el);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private State / Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteRatingElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Rating[\"value\"];\n\n  private emit = false;\n\n  private guid = `calcite-ratings-${guid()}`;\n\n  private isKeyboardInteraction = true;\n\n  private labelElements: HTMLLabelElement[] = [];\n\n  private max = 5;\n\n  private starsMap: Star[];\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-30789c90.js

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

package/dist/calcite/p-32d7aa5f.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/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as t,c as s,h as e,H as i,g as o}from"./p-e7104b8d.js";import{c as a,d as n}from"./p-dcecb4a0.js";import{s as c,b as l,f as h}from"./p-27ab49c7.js";import{a as r,s as d,c as p}from"./p-5b45eef3.js";import{c as u,d as f}from"./p-29c291d1.js";import{c as g}from"./p-9a2f96d2.js";import{u as b,c as m,s as x,d as y}from"./p-c60c7e01.js";import{t as v,q as w,g as j,o as z,E as H,a as A}from"./p-603d7196.js";import{D as C}from"./p-56bab01f.js";import{d as D}from"./p-17c701ba.js";import"./p-6f580f9d.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-0c0aade7.js";import"./p-a4ac8fc3.js";const L={actionGroupEnd:"action-group--end"};const k={actionsEnd:"actions-end",bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};const G=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{pointer-events:auto;display:inline-flex;align-self:stretch;gap:var(--calcite-action-bar-items-space, 0)}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]){overflow-y:auto}:host([layout=vertical]):host([expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width, auto)}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]){overflow-x:auto}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=horizontal]) ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:var(--calcite-border-width-sm)}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}";const E=G;const S=class{constructor(e){t(this,e);this.calciteActionBarToggle=s(this,"calciteActionBarToggle",6);this.mutationObserver=g("mutation",(()=>{const{el:t,expanded:s}=this;v({el:t,expanded:s});this.overflowActions()}));this.resizeObserver=g("resize",(t=>this.resizeHandlerEntries(t)));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const s=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!s.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=t=>{t.forEach(this.resizeHandler)};this.resizeHandler=t=>{const{width:s,height:e}=t.contentRect;this.resize({width:s,height:e})};this.resize=D((({width:t,height:s})=>{const{el:e,expanded:i,expandDisabled:o,layout:a,overflowActionsDisabled:n}=this;if(n||a==="vertical"&&!s||a==="horizontal"&&!t){return}const c=w(e);const l=o?c.length:c.length+1;const h=Array.from(e.querySelectorAll("calcite-action-group"));this.setGroupLayout(h);const r=this.hasActionsEnd||this.hasBottomActions||!o?h.length+1:h.length;const{actionHeight:d,actionWidth:p}=j(c);const u=A({layout:a,actionCount:l,actionHeight:d,actionWidth:p,height:s,width:t,groupCount:r});z({actionGroups:h,expanded:i,overflowCount:u})}),C.resize);this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionBarToggle.emit()};this.setExpandToggleRef=t=>{this.expandToggleEl=t};this.handleDefaultSlotChange=t=>{const s=c(t).filter((t=>t.matches("calcite-action-group")));this.setGroupLayout(s)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=l(t)};this.handleBottomActionsSlotChange=t=>{this.hasBottomActions=l(t)};this.handleTooltipSlotChange=t=>{const s=c(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=s[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.overflowActionsDisabled=false;this.overlayPositioning="absolute";this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.hasActionsEnd=false;this.hasBottomActions=false;this.expandTooltip=undefined;this.defaultMessages=undefined}expandHandler(){this.overflowActions()}expandedHandler(){const{el:t,expanded:s}=this;v({el:t,expanded:s});this.overflowActions()}layoutHandler(){this.updateGroups()}overflowDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el);this.overflowActions()}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}componentDidLoad(){const{el:t,expanded:s}=this;r(this);v({el:t,expanded:s});this.overflowActions()}connectedCallback(){const{el:t,expanded:s}=this;u(this);m(this);v({el:t,expanded:s});this.mutationObserver?.observe(t,{childList:true,subtree:true});if(!this.overflowActionsDisabled){this.resizeObserver?.observe(t)}this.overflowActions();a(this)}async componentWillLoad(){d(this);await x(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();n(this);f(this);y(this)}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(){await p(this);h(this.el)}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:s,el:i,position:o,toggleExpand:a,scale:n,layout:c,messages:l,actionsEndGroupLabel:h,overlayPositioning:r}=this;const d=!s?e(H,{collapseLabel:l.collapseLabel,collapseText:l.collapse,el:i,expandLabel:l.expandLabel,expandText:l.expand,expanded:t,position:o,ref:this.setExpandToggleRef,scale:n,toggle:a,tooltip:this.expandTooltip}):null;return e("calcite-action-group",{class:L.actionGroupEnd,hidden:this.expandDisabled&&!(this.hasActionsEnd||this.hasBottomActions),label:h,layout:c,overlayPositioning:r,scale:n},e("slot",{name:k.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),e("slot",{name:k.bottomActions,onSlotchange:this.handleBottomActionsSlotChange}),e("slot",{name:k.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),d)}render(){return e(i,{key:"b0627d0daa2f500a979aaacc8981814284c437ad",onCalciteActionMenuOpen:this.actionMenuOpenHandler},e("slot",{key:"b1831e21404b85f1632d47f280d0357f5897ebc7",onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup())}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],layout:["layoutHandler"],overflowActionsDisabled:["overflowDisabledHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=E;export{S as calcite_action_bar};
-//# sourceMappingURL=p-32d7aa5f.entry.js.map

package/dist/calcite/p-357db407.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as t}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.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{m as default};
-//# sourceMappingURL=p-357db407.js.map

package/dist/calcite/p-36ecadf9.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{h as a}from"./p-e7104b8d.js";const i={validationContainer:"validation-container"};const s=({scale:s,status:t,id:e,icon:o,message:n})=>a("div",{class:i.validationContainer},a("calcite-input-message",{"aria-live":"polite",icon:o,id:e,scale:s,status:t},n));export{s as V};
-//# sourceMappingURL=p-36ecadf9.js.map

package/dist/calcite/p-3787986b.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as e}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";var o={name:"pt-br",weekdays:"domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split("_"),weekdaysShort:"dom_seg_ter_qua_qui_sex_sáb".split("_"),weekdaysMin:"Do_2ª_3ª_4ª_5ª_6ª_Sá".split("_"),months:"janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),ordinal:function e(o){return o+"º"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY [às] HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY [às] HH:mm"},relativeTime:{future:"em %s",past:"há %s",s:"poucos segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",M:"um mês",MM:"%d meses",y:"um ano",yy:"%d anos"}};e.locale(o,null,true);export{o as default};
-//# sourceMappingURL=p-3787986b.js.map

package/dist/calcite/p-3a03cb69.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/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as t,c as e,f as i,h as n,H as s,g as o}from"./p-e7104b8d.js";import{u as a,h as r,e as l,g as c,t as h}from"./p-27ab49c7.js";import{s as d,c as u,i as b,d as p,H as m}from"./p-d6a25fe2.js";import{c as f,d as g,u as v,I as x}from"./p-8f8cbbc7.js";import{n as k}from"./p-c473b37c.js";import{c as y,d as w,g as z}from"./p-64329e55.js";import{s as j,a as I,c as C}from"./p-5b45eef3.js";import{n as E,i as D,p as L,s as W,a as M,c as A,d as B,B as V}from"./p-29c291d1.js";import{c as $}from"./p-9a2f96d2.js";import{C as F}from"./p-56bab01f.js";import{u as K,c as G,d as N,s as O}from"./p-c60c7e01.js";import{g as P}from"./p-cbed8c79.js";import{V as U}from"./p-36ecadf9.js";import{s as H}from"./p-45d13552.js";import"./p-6f580f9d.js";import"./p-3c4fe54e.js";const R={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};const S={validationMessage:"inputValidationMessage"};const T={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"};const q={action:"action"};const _=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) textarea{block-size:1.5rem;min-block-size:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) input[type=file]{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=s]) textarea{block-size:auto;padding-block:0.25rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) textarea{min-block-size:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) input[type=file]{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=m]) textarea{block-size:auto;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) textarea{min-block-size:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) input[type=file]{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([scale=l]) textarea{block-size:auto;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([disabled]) textarea{resize:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}textarea,input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input,textarea{text-overflow:ellipsis;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input:placeholder-shown,textarea:placeholder-shown{text-overflow:ellipsis}input:focus,textarea:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly],textarea[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus,textarea[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}textarea,input{outline-color:transparent}textarea:focus,input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([status=invalid]) input,:host([status=invalid]) textarea{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus,:host([status=invalid]) textarea: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          )}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;display:block;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}.icon,.resize-icon-wrapper{z-index:var(--calcite-z-index)}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);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}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:start}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:end}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0px}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;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}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input,:host([number-button-type=vertical]) textarea{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);padding-block:0px;padding-inline:0.5rem;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;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;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}.number-button-item:focus{background-color:var(--calcite-color-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-color-text-1)}.number-button-item:active{background-color:var(--calcite-color-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:input::-webkit-calendar-picker-indicator{display:none}input[type=date]::-webkit-input-placeholder{visibility:hidden !important}textarea::-webkit-resizer{position:absolute;inset-block-end:0px;box-sizing:border-box;padding-block:0px;padding-inline:0.25rem;inset-inline-end:0}.resize-icon-wrapper{inset-block-end:2px;inset-inline-end:2px;pointer-events:none;position:absolute;block-size:0.75rem;inline-size:0.75rem;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3)}.resize-icon-wrapper calcite-icon{inset-block-end:0.25rem;inset-inline-end:0.25rem;transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);text-align:center}:host([type=file][scale=s]) input{padding-block:1px;padding-inline:0.5rem}:host([type=file][scale=m]) input{padding-block:0.25rem;padding-inline:0.75rem}:host([type=file][scale=l]) input{padding-block:0.5rem;padding-inline:1rem}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-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}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.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}";const J=_;const Q=class{constructor(i){t(this,i);this.calciteInternalInputFocus=e(this,"calciteInternalInputFocus",6);this.calciteInternalInputBlur=e(this,"calciteInternalInputBlur",6);this.calciteInputInput=e(this,"calciteInputInput",7);this.calciteInputChange=e(this,"calciteInputChange",6);this.childElType="input";this.previousValueOrigin="initial";this.mutationObserver=$("mutation",(()=>this.setDisabledAction()));this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled||t.defaultPrevented){return}if(this.isClearable&&t.key==="Escape"){this.clearInputValue(t);t.preventDefault()}if(t.key==="Enter"){if(d(this)){t.preventDefault()}}};this.clearInputValue=t=>{this.setValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{if(this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue){this.calciteInputChange.emit();this.setPreviousEmittedValue(this.value)}};this.inputBlurHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId);this.calciteInternalInputBlur.emit();this.emitChangeIfUserModified()};this.clickHandler=t=>{if(this.disabled){return}const e=t.composedPath();if(!e.includes(this.inputWrapperEl)||e.includes(this.actionWrapperEl)){return}this.setFocus()};this.inputFocusHandler=()=>{this.calciteInternalInputFocus.emit()};this.inputChangeHandler=()=>{if(this.type==="file"){this.files=this.childEl.files}};this.inputInputHandler=t=>{if(this.disabled||this.readOnly){return}this.setValue({nativeEvent:t,origin:"user",value:t.target.value})};this.inputKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(t.key==="Enter"){this.emitChangeIfUserModified()}};this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){return}const e=t.target.value;E.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const i=E.delocalize(e);if(t.inputType==="insertFromPaste"){if(!D(i)){t.preventDefault()}this.setValue({nativeEvent:t,origin:"user",value:L(i)});this.childNumberEl.value=this.displayedValue}else{this.setValue({nativeEvent:t,origin:"user",value:i})}};this.inputNumberKeyDownHandler=t=>{if(this.type!=="number"||this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){t.preventDefault();if(t.key==="Backspace"||t.key==="Delete"){this.clearInputValue(t)}return}if(t.key==="ArrowUp"){t.preventDefault();this.nudgeNumberValue("up",t);return}if(t.key==="ArrowDown"){this.nudgeNumberValue("down",t);return}const e=[...k,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(t.altKey||t.ctrlKey||t.metaKey){return}const i=t.shiftKey&&t.key==="Tab";if(e.includes(t.key)||i){if(t.key==="Enter"){this.emitChangeIfUserModified()}return}E.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};if(t.key===E.decimal){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.indexOf(E.decimal)===-1){return}}if(/[eE]/.test(t.key)){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&!/[eE]/.test(this.childNumberEl.value)){return}}if(t.key==="-"){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.split("-").length<=2){return}}t.preventDefault()};this.nudgeNumberValue=(t,e)=>{if(e instanceof KeyboardEvent&&e.repeat||this.type!=="number"){return}const i=this.maxString?parseFloat(this.maxString):null;const n=this.minString?parseFloat(this.minString):null;const s=150;this.incrementOrDecrementNumberValue(t,i,n,e);if(this.nudgeNumberValueIntervalId){window.clearInterval(this.nudgeNumberValueIntervalId)}let o=true;this.nudgeNumberValueIntervalId=window.setInterval((()=>{if(o){o=false;return}this.incrementOrDecrementNumberValue(t,i,n,e)}),s)};this.numberButtonPointerUpAndOutHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.numberButtonPointerDownHandler=t=>{if(!a(t)){return}t.preventDefault();const e=t.target.dataset.adjustment;if(!this.disabled){this.nudgeNumberValue(e,t)}};this.onHiddenFormInputInput=t=>{if(t.target.name===this.name){this.setValue({value:t.target.value,origin:"direct"})}this.setFocus();t.stopPropagation()};this.setChildElRef=t=>{this.childEl=t};this.setChildNumberElRef=t=>{this.childNumberEl=t};this.setInputValue=t=>{if(this.type==="text"&&!this.childEl){return}if(this.type==="number"&&!this.childNumberEl){return}this[`child${this.type==="number"?"Number":""}El`].value=t};this.setPreviousEmittedValue=t=>{this.previousEmittedValue=this.normalizeValue(t)};this.setPreviousValue=t=>{this.previousValue=this.normalizeValue(t)};this.setValue=({committing:t=false,nativeEvent:e,origin:i,previousValue:n,value:s})=>{this.setPreviousValue(n??this.value);this.previousValueOrigin=i;if(this.type==="number"){E.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator,signDisplay:"never"};const t=this.previousValue?.length>s.length||this.value?.length>s.length;const e=s.charAt(s.length-1)===".";const n=e&&t?s:W(s);const o=s&&!n?D(this.previousValue)?this.previousValue:"":n;let a=E.localize(o);if(i!=="connected"&&!e){a=M(a,o,E)}this.displayedValue=e&&t?`${a}${E.decimal}`:a;this.userChangedValue=i==="user"&&this.value!==o;this.value=["-","."].includes(o)?"":o}else{this.userChangedValue=i==="user"&&this.value!==s;this.value=s}if(i==="direct"){this.setInputValue(s);this.previousEmittedValue=s}if(e){const e=this.calciteInputInput.emit();if(e.defaultPrevented){this.value=this.previousValue;this.displayedValue=this.type==="number"?E.localize(this.previousValue):this.previousValue}else if(t){this.emitChangeIfUserModified()}}};this.inputKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.alignment="start";this.autofocus=undefined;this.clearable=false;this.disabled=false;this.enterKeyHint=undefined;this.form=undefined;this.groupSeparator=false;this.icon=undefined;this.iconFlipRtl=false;this.inputMode=undefined;this.label=undefined;this.loading=false;this.numberingSystem=undefined;this.localeFormat=false;this.max=undefined;this.min=undefined;this.maxLength=undefined;this.minLength=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.numberButtonType="vertical";this.placeholder=undefined;this.prefixText=undefined;this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.step=undefined;this.autocomplete=undefined;this.pattern=undefined;this.accept=undefined;this.multiple=false;this.suffixText=undefined;this.editingEnabled=false;this.type="text";this.value="";this.files=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.displayedValue=undefined;this.slottedActionElDisabledInternally=false}handleGlobalAttributesChanged(){i(this)}disabledWatcher(){this.setDisabledAction()}maxWatcher(){this.maxString=this.max?.toString()||null}minWatcher(){this.minString=this.min?.toString()||null}onMessagesChange(){}valueWatcher(t,e){if(!this.userChangedValue){if(this.type==="number"&&(t==="Infinity"||t==="-Infinity")){this.displayedValue=t;this.previousEmittedValue=t;return}this.setValue({origin:"direct",previousValue:e,value:t==null||t==""?"":this.type==="number"?D(t)?t:this.previousValue||"":t});this.warnAboutInvalidNumberValue(t)}this.userChangedValue=false}updateRequestedIcon(){this.requestedIcon=r(T,this.icon,this.type)}get isClearable(){return!this.isTextarea&&(this.clearable||this.type==="search")&&this.value?.length>0}get isTextarea(){return this.childElType==="textarea"}effectiveLocaleChange(){K(this,this.effectiveLocale)}connectedCallback(){f(this);A(this);G(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}y(this);u(this);this.mutationObserver?.observe(this.el,{childList:true});this.setDisabledAction();this.el.addEventListener(b,this.onHiddenFormInputInput)}disconnectedCallback(){g(this);w(this);p(this);B(this);N(this);this.mutationObserver?.disconnect();this.el.removeEventListener(b,this.onHiddenFormInputInput)}async componentWillLoad(){j(this);this.childElType=this.type==="textarea"?"textarea":"input";this.maxString=this.max?.toString();this.minString=this.min?.toString();this.requestedIcon=r(T,this.icon,this.type);await O(this);this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value);if(this.type==="number"){if(this.value==="Infinity"||this.value==="-Infinity"){this.displayedValue=this.value;this.previousEmittedValue=this.value}else{this.warnAboutInvalidNumberValue(this.value);this.setValue({origin:"connected",value:D(this.value)?this.value:""})}}}componentDidLoad(){I(this)}componentShouldUpdate(t,e,i){if(this.type==="number"&&i==="value"&&t&&!D(t)){this.setValue({origin:"reset",value:e});return false}return true}componentDidRender(){v(this)}async setFocus(){await C(this);if(this.type==="number"){this.childNumberEl?.focus()}else{this.childEl?.focus()}}async selectText(){if(this.type==="number"){this.childNumberEl?.select()}else{this.childEl?.select()}}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,e,i,n){const{value:s}=this;if(s==="Infinity"||s==="-Infinity"){return}const o=t==="up"?1:-1;const a=this.step==="any"?1:Math.abs(this.step||1);const r=new V(s!==""?s:"0");const l=r.add(`${a*o}`);const c=()=>typeof i==="number"&&!isNaN(i)&&l.subtract(`${i}`).isNegative;const h=()=>typeof e==="number"&&!isNaN(e)&&!l.subtract(`${e}`).isNegative;const d=c()?`${i}`:h()?`${e}`:l.toString();this.setValue({committing:true,nativeEvent:n,origin:"user",value:d})}syncHiddenFormInput(t){H(this.type,this,t)}setDisabledAction(){const t=l(this.el,"action");if(!t){return}if(this.disabled){if(t.getAttribute("disabled")==null){this.slottedActionElDisabledInternally=true}t.setAttribute("disabled","")}else if(this.slottedActionElDisabledInternally){t.removeAttribute("disabled");this.slottedActionElDisabledInternally=false}}normalizeValue(t){return this.type==="number"?D(t)?t:"":t}warnAboutInvalidNumberValue(t){if(this.type==="number"&&t&&!D(t)){console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}}render(){const t=c(this.el);const e=n("div",{key:"f71fbad6f1d4ac025dd2ebd801883cde41f90bb3",class:R.loader},n("calcite-progress",{key:"f4a7dccfba5c4a39cb7d9d1bc7b215e85bbdfddc",label:this.messages.loading,type:"indeterminate"}));const i=n("button",{key:"1b2b470eedcd68f0af1e026fea1b8ded87949b0f","aria-label":this.messages.clear,class:R.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:-1,type:"button"},n("calcite-icon",{key:"b34987e78276f18a361856b949ff110770d9e8b8",icon:"x",scale:P(this.scale)}));const o=n("calcite-icon",{key:"e9d94d4380bbe82d693007638a772b3f3e19538e",class:R.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:P(this.scale)});const a=this.numberButtonType==="horizontal";const r=n("button",{key:"4b57571f699841ab5c465b29b4d677ffd68ca9ef","aria-hidden":"true",class:{[R.numberButtonItem]:true,[R.buttonItemHorizontal]:a},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},n("calcite-icon",{key:"750d67b79ad8c3dfdb7bec8e38efe0f6b150af23",icon:"chevron-up",scale:P(this.scale)}));const l=n("button",{key:"6cff7df4c63e5c0388244dad1d185d6b6661d5a5","aria-hidden":"true",class:{[R.numberButtonItem]:true,[R.buttonItemHorizontal]:a},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},n("calcite-icon",{key:"d0dd3b76e18a8c61d02da733f115e945ce67d3e4",icon:"chevron-down",scale:P(this.scale)}));const d=n("div",{key:"b13c18cd510876510499b305f2fec5fe21b3d5c9",class:R.numberButtonWrapper},r,l);const u=n("div",{key:"c6c1fb7f76df5c032b4f56ccf25589cf7aa6afa5",class:R.prefix},this.prefixText);const b=n("div",{key:"bcfbdaa2e2f0eb409e21ea79661c7fee51284565",class:R.suffix},this.suffixText);const p=this.el.autofocus||this.el.hasAttribute("autofocus")?true:null;const f=this.el.enterKeyHint||this.el.getAttribute("enterkeyhint");const g=this.el.inputMode||this.el.getAttribute("inputmode");const v=this.type==="number"?n("input",{accept:this.accept,"aria-errormessage":S.validationMessage,"aria-invalid":h(this.status==="invalid"),"aria-label":z(this),autocomplete:this.autocomplete,autofocus:p,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:f,inputMode:g,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,multiple:this.multiple,name:undefined,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputKeyUpHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.displayedValue}):null;const k=this.type!=="number"?[n(this.childElType,{accept:this.accept,"aria-errormessage":S.validationMessage,"aria-invalid":h(this.status==="invalid"),"aria-label":z(this),autocomplete:this.autocomplete,autofocus:p,class:{[R.editingEnabled]:this.editingEnabled,[R.inlineChild]:!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:f,inputMode:g,max:this.maxString,maxLength:this.maxLength,min:this.minString,minLength:this.minLength,multiple:this.multiple,name:this.name,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler,onFocus:this.inputFocusHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeyDownHandler,onKeyUp:this.inputKeyUpHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:this.required?true:null,step:this.step,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:this.type,value:this.value}),this.isTextarea?n("div",{class:R.resizeIconWrapper},n("calcite-icon",{icon:"chevron-down",scale:P(this.scale)})):null]:null;return n(s,{key:"198e766a57555d29b9e9d44f5a0f10c567e76580",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},n(x,{key:"1edb87a044afe283f7d0f05634140c95eedea38d",disabled:this.disabled},n("div",{key:"e85d3459d2a562f9e31ae6a30a778eb6d13e7893",class:{[R.inputWrapper]:true,[F.rtl]:t==="rtl"},ref:t=>this.inputWrapperEl=t},this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?l:null,this.prefixText?u:null,n("div",{key:"75535abc2ee1295fa510dd872dadea8074bcc3d5",class:R.wrapper},v,k,this.isClearable?i:null,this.requestedIcon?o:null,this.loading?e:null),n("div",{key:"dbdc59f5e4e35e5704e54ddebf67bef0e3a88956",class:R.actionWrapper,ref:t=>this.actionWrapperEl=t},n("slot",{key:"33a1ad6b9e45aeeb8586fe615b41eaa2590660c1",name:q.action})),this.type==="number"&&this.numberButtonType==="vertical"&&!this.readOnly?d:null,this.suffixText?b:null,this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?r:null,n(m,{key:"36b79e21780048c535ad95ac4e2ad7ab9b3c91e2",component:this})),this.validationMessage&&this.status==="invalid"?n(U,{icon:this.validationIcon,id:S.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],enterkeyhint:["handleGlobalAttributesChanged"],inputmode:["handleGlobalAttributesChanged"],disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};Q.style=J;export{Q as calcite_input};
-//# sourceMappingURL=p-3a03cb69.entry.js.map

package/dist/calcite/p-3a03cb69.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","loader","clearButton","editingEnabled","inlineChild","inputIcon","prefix","suffix","numberButtonWrapper","buttonItemHorizontal","wrapper","inputWrapper","actionWrapper","resizeIconWrapper","numberButtonItem","IDS","validationMessage","INPUT_TYPE_ICONS","tel","password","email","date","time","search","SLOTS","action","inputCss","CalciteInputStyle0","Input","this","childElType","previousValueOrigin","mutationObserver","createObserver","setDisabledAction","userChangedValue","keyDownHandler","event","readOnly","disabled","defaultPrevented","isClearable","key","clearInputValue","preventDefault","submitForm","nativeEvent","setValue","committing","origin","value","emitChangeIfUserModified","previousEmittedValue","calciteInputChange","emit","setPreviousEmittedValue","inputBlurHandler","window","clearInterval","nudgeNumberValueIntervalId","calciteInternalInputBlur","clickHandler","composedPath","includes","inputWrapperEl","actionWrapperEl","setFocus","inputFocusHandler","calciteInternalInputFocus","inputChangeHandler","type","files","childEl","inputInputHandler","target","inputKeyDownHandler","inputNumberInputHandler","numberStringFormatter","numberFormatOptions","locale","effectiveLocale","numberingSystem","useGrouping","groupSeparator","delocalizedValue","delocalize","inputType","isValidNumber","parseNumberString","childNumberEl","displayedValue","inputNumberKeyDownHandler","nudgeNumberValue","supportedKeys","numberKeys","altKey","ctrlKey","metaKey","isShiftTabEvent","shiftKey","decimal","indexOf","test","split","length","direction","KeyboardEvent","repeat","inputMax","maxString","parseFloat","inputMin","minString","valueNudgeDelayInMs","incrementOrDecrementNumberValue","firstValueNudge","setInterval","numberButtonPointerUpAndOutHandler","numberButtonPointerDownHandler","isPrimaryPointerButton","dataset","adjustment","onHiddenFormInputInput","name","stopPropagation","setChildElRef","el","setChildNumberElRef","setInputValue","newInputValue","normalizeValue","setPreviousValue","previousValue","signDisplay","isValueDeleted","hasTrailingDecimalSeparator","charAt","sanitizedValue","sanitizeNumberString","newValue","newLocalizedValue","localize","addLocalizedTrailingDecimalZeros","calciteInputInputEvent","calciteInputInput","inputKeyUpHandler","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","handleGlobalAttributesChanged","forceUpdate","disabledWatcher","maxWatcher","max","toString","minWatcher","min","onMessagesChange","valueWatcher","warnAboutInvalidNumberValue","updateRequestedIcon","requestedIcon","setRequestedIcon","icon","isTextarea","clearable","effectiveLocaleChange","updateMessages","connectedCallback","connectInteractive","connectLocalized","connectMessages","inlineEditableEl","closest","connectLabel","connectForm","observe","childList","addEventListener","internalHiddenInputInputEvent","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","disconnect","removeEventListener","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentShouldUpdate","oldValue","property","componentDidRender","updateHostInteraction","componentFocusable","focus","selectText","select","onLabelClick","inputStep","step","Math","abs","inputVal","BigDecimal","nudgedValue","add","nudgedValueBelowInputMin","isNaN","subtract","isNegative","nudgedValueAboveInputMax","finalValue","syncHiddenFormInput","input","slottedActionEl","getSlotted","getAttribute","slottedActionElDisabledInternally","setAttribute","removeAttribute","console","warn","render","dir","getElementDir","h","class","label","messages","loading","inputClearButton","clear","onClick","tabIndex","scale","getIconScale","iconEl","flipRtl","iconFlipRtl","isHorizontalNumberButton","numberButtonType","numberButtonsHorizontalUp","onPointerDown","onPointerOut","onPointerUp","numberButtonsHorizontalDown","numberButtonsVertical","prefixText","suffixText","autofocus","hasAttribute","enterKeyHint","inputMode","localeNumberInput","accept","toAriaBoolean","status","getLabelText","autocomplete","defaultValue","maxLength","minLength","multiple","undefined","onBlur","onFocus","onInput","onKeyDown","onKeyUp","pattern","placeholder","ref","onChange","required","Host","InteractiveContainer","CSS_UTILITY","rtl","HiddenFormInputSlot","component","Validation","validationIcon","id","message"],"sources":["src/components/input/resources.ts","src/components/input/input.scss?tag=calcite-input&encapsulation=shadow","src/components/input/input.tsx"],"sourcesContent":["export const CSS = {\n  loader: \"loader\",\n  clearButton: \"clear-button\",\n  editingEnabled: \"editing-enabled\",\n  inlineChild: \"inline-child\",\n  inputIcon: \"icon\",\n  prefix: \"prefix\",\n  suffix: \"suffix\",\n  numberButtonWrapper: \"number-button-wrapper\",\n  buttonItemHorizontal: \"number-button-item--horizontal\",\n  wrapper: \"element-wrapper\",\n  inputWrapper: \"wrapper\",\n  actionWrapper: \"action-wrapper\",\n  resizeIconWrapper: \"resize-icon-wrapper\",\n  numberButtonItem: \"number-button-item\",\n};\n\nexport const IDS = {\n  validationMessage: \"inputValidationMessage\",\n};\n\nexport const INPUT_TYPE_ICONS = {\n  tel: \"phone\",\n  password: \"lock\",\n  email: \"email-address\",\n  date: \"calendar\",\n  time: \"clock\",\n  search: \"search\",\n} as const;\n\nexport const SLOTS = {\n  action: \"action\",\n};\n",":host {\n  @apply block;\n}\n\n// scales\n:host([scale=\"s\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n2h h-6 px-2;\n  }\n  & textarea {\n    @apply h-6;\n    min-block-size: theme(\"spacing.6\");\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-6;\n  }\n  & input[type=\"file\"] {\n    @apply h-6;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.6\");\n    min-inline-size: theme(\"spacing.6\");\n  }\n  & textarea {\n    @apply text-n2h\n    h-auto\n    py-1\n    px-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n1h h-8 px-3;\n  }\n  & textarea {\n    min-block-size: theme(\"spacing.8\");\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-8;\n  }\n  & input[type=\"file\"] {\n    @apply h-8;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.8\");\n    min-inline-size: theme(\"spacing.8\");\n  }\n  & textarea {\n    @apply text-n1h\n      h-auto\n      py-2\n      px-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-0h h-11 px-4;\n  }\n  & textarea {\n    min-block-size: theme(\"spacing.11\");\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-11;\n  }\n  & input[type=\"file\"] {\n    @apply h-11;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.11\");\n    min-inline-size: theme(\"spacing.11\");\n  }\n  & textarea {\n    @apply text-0h\n      h-auto\n      py-3\n      px-4;\n  }\n}\n\n@include disabled() {\n  & textarea {\n    resize: none;\n  }\n}\n\ntextarea,\ninput {\n  transition:\n    var(--calcite-animation-timing),\n    block-size 0,\n    outline-offset 0s;\n  -webkit-appearance: none;\n  @apply font-inherit\n    text-color-1\n    bg-foreground-1\n    relative\n    m-0\n    box-border\n    flex\n    max-h-full\n    w-full\n    max-w-full\n    flex-1\n    rounded-none\n    font-normal;\n}\n\ninput[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// states\ninput,\ntextarea {\n  @apply border\n    border-color-input\n    border-solid\n    text-color-1\n    text-ellipsis;\n  &::placeholder,\n  &:-ms-input-placeholder,\n  &::-ms-input-placeholder {\n    @apply text-color-3 font-normal;\n  }\n  &:placeholder-shown {\n    @apply text-ellipsis;\n  }\n}\ninput:focus,\ntextarea:focus {\n  @apply border-color-brand text-color-1;\n}\ninput[readonly],\ntextarea[readonly] {\n  @apply bg-background font-medium;\n}\ninput[readonly]:focus,\ntextarea[readonly]:focus {\n  @apply text-color-1;\n}\ncalcite-icon {\n  @apply text-color-3;\n}\n\n//focus\ntextarea,\ninput {\n  @apply focus-base;\n}\ntextarea:focus,\ninput:focus {\n  @apply focus-inset;\n}\n\n:host([status=\"invalid\"]) {\n  & input,\n  & textarea {\n    @apply border-color-danger;\n  }\n  & input:focus,\n  & textarea:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n// ICONS\n\n// position icons\n\n:host([scale=\"s\"]) .icon {\n  inset-inline-start: theme(\"spacing.2\");\n}\n\n:host([scale=\"m\"]) .icon {\n  inset-inline-start: theme(\"spacing.3\");\n}\n\n:host([scale=\"l\"]) .icon {\n  inset-inline-start: theme(\"spacing.4\");\n}\n\n// position placeholder/value text in relation to icons\n\n:host([icon][scale=\"s\"]) input {\n  padding-inline-start: theme(\"padding.8\");\n}\n\n:host([icon][scale=\"m\"]) input {\n  padding-inline-start: theme(\"padding.10\");\n}\n\n:host([icon][scale=\"l\"]) input {\n  padding-inline-start: theme(\"padding.14\");\n}\n\n// positioning wrapper for icon and loader\n\n.element-wrapper {\n  @apply relative\n    order-3\n    inline-flex\n    flex-1\n    items-center;\n}\n\n.icon {\n  @apply transition-default\n    pointer-events-none\n    absolute\n    block;\n}\n\n.icon,\n.resize-icon-wrapper {\n  @apply z-default; // needed for firefox to display the icon properly\n}\n\n// hide browser default clear\n\ninput[type=\"text\"]::-ms-clear,\ninput[type=\"text\"]::-ms-reveal {\n  @apply hidden\n    h-0\n    w-0;\n}\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration,\ninput[type=\"date\"]::-webkit-clear-button,\ninput[type=\"time\"]::-webkit-clear-button {\n  @apply hidden;\n}\n\n.clear-button {\n  pointer-events: initial;\n  @apply focus-base\n    border-color-input\n    bg-foreground-1\n    order-4\n    m-0\n    box-border\n    flex\n    min-h-full\n    cursor-pointer\n    items-center\n    justify-center\n    self-stretch\n    border\n    border-solid;\n\n  border-inline-start-width: theme(\"borderWidth.0\");\n\n  &:hover {\n    @apply bg-foreground-2 transition-default;\n    calcite-icon {\n      @apply text-color-1 transition-default;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &:disabled {\n    @apply opacity-disabled;\n  }\n}\n\n// loading\n.loader {\n  inset-block-start: 1px;\n  inset-inline: 1px;\n  @apply pointer-events-none\n    absolute\n    block;\n}\n\n// slotted action\n.action-wrapper {\n  @apply order-7 flex;\n}\n\n// prefix and suffix\n.prefix,\n.suffix {\n  @apply border-color-input\n    bg-background\n    text-color-2\n    box-border\n    flex\n    h-auto\n    min-h-full\n    select-none\n    content-center\n    items-center\n    break-words\n    border\n    border-solid\n    font-medium\n    leading-none;\n}\n\n.prefix {\n  @apply order-2;\n  border-inline-end-width: theme(\"borderWidth.0\");\n}\n.suffix {\n  @apply order-5;\n  border-inline-start-width: theme(\"borderWidth.0\");\n}\n\n// alignment type\n:host([alignment=\"start\"]) {\n  & textarea,\n  & input {\n    text-align: start;\n  }\n}\n\n:host([alignment=\"end\"]) {\n  & textarea,\n  & input {\n    text-align: end;\n  }\n}\n\n// number buttons\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n\n  &::-webkit-inner-spin-button,\n  &::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    -moz-appearance: textfield;\n    @apply m-0;\n  }\n}\n\n.number-button-wrapper {\n  @apply transition-default\n    pointer-events-none\n    order-6\n    box-border\n    flex\n    flex-col;\n}\n\n:host([number-button-type=\"vertical\"]) .wrapper {\n  flex-direction: row;\n  display: flex;\n}\n\n:host([number-button-type=\"vertical\"]) {\n  & input,\n  textarea {\n    @apply order-2;\n  }\n}\n\n:host([number-button-type=\"horizontal\"]) .calcite--rtl {\n  & .number-button-item[data-adjustment=\"down\"] calcite-icon {\n    transform: rotate(-90deg);\n  }\n  & .number-button-item[data-adjustment=\"up\"] calcite-icon {\n    transform: rotate(-90deg);\n  }\n}\n\n.number-button-item.number-button-item--horizontal {\n  &[data-adjustment=\"down\"],\n  &[data-adjustment=\"up\"] {\n    @apply order-1\n      max-h-full\n      min-h-full\n      self-stretch;\n    & calcite-icon {\n      transform: rotate(90deg);\n    }\n  }\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=\"down\"] {\n  @apply border-color-input\n    border\n    border-solid;\n  border-inline-end-width: theme(\"borderWidth.0\");\n  &:hover {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=\"up\"] {\n  @apply order-5;\n  &:hover {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"down\"]:hover {\n  @apply bg-foreground-2;\n  calcite-icon {\n    @apply text-color-1;\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"up\"]:hover {\n  @apply bg-foreground-2;\n  calcite-icon {\n    @apply text-color-1;\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"down\"] {\n  @apply border-t-0;\n}\n\n.number-button-item {\n  max-block-size: 50%;\n  min-block-size: 50%;\n  pointer-events: initial;\n  @apply border-color-input\n    bg-foreground-1\n    transition-default\n    m-0\n    box-border\n    flex\n    cursor-pointer\n    items-center\n    self-center\n    border\n    border-solid\n    py-0\n    px-2;\n  border-inline-start-width: theme(\"borderWidth.0\");\n  & calcite-icon {\n    @apply transition-default pointer-events-none;\n  }\n  &:focus {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n  }\n  &:disabled {\n    @apply pointer-events-none;\n  }\n}\n\n.wrapper {\n  @apply relative\n    flex\n    flex-row\n    items-center;\n}\n\n// hide the default date picker\n:input::-webkit-calendar-picker-indicator {\n  @apply hidden;\n}\n\ninput[type=\"date\"]::-webkit-input-placeholder {\n  visibility: hidden !important;\n}\n\n// textarea resize icon\ntextarea::-webkit-resizer {\n  @apply absolute\n    bottom-0\n    box-border\n    py-0\n    px-1;\n  inset-inline-end: 0;\n}\n\n.resize-icon-wrapper {\n  inset-block-end: 2px;\n  inset-inline-end: 2px;\n\n  @apply bg-foreground-1\n    text-color-3\n    pointer-events-none\n    absolute\n    h-3\n    w-3;\n\n  & calcite-icon {\n    inset-block-end: theme(\"spacing.1\");\n    inset-inline-end: theme(\"spacing.1\");\n    transform: rotate(-45deg);\n  }\n}\n\n.calcite--rtl {\n  .resize-icon-wrapper {\n    & calcite-icon {\n      transform: rotate(45deg);\n    }\n  }\n}\n\n:host([type=\"color\"]) input {\n  @apply p-1;\n}\n\n// file input\n:host([type=\"file\"]) input {\n  @apply bg-foreground-1\n    border-color-input\n    cursor-pointer\n    border\n    border-dashed\n    text-center;\n}\n\n:host([type=\"file\"][scale=\"s\"]) input {\n  @apply py-px px-2;\n}\n\n:host([type=\"file\"][scale=\"m\"]) input {\n  @apply py-1 px-3;\n}\n\n:host([type=\"file\"][scale=\"l\"]) input {\n  @apply py-2 px-4;\n}\n\n:host(.no-bottom-border) input {\n  @apply border-b-0;\n}\n\n:host(.border-top-color-one) input {\n  @apply border-t-color-1;\n}\n\n// input needed for higher specificity of these overrides\ninput {\n  &.inline-child {\n    @apply transition-default bg-transparent;\n    .editing-enabled {\n      background-color: inherit;\n    }\n  }\n\n  &.inline-child:not(.editing-enabled) {\n    @apply border-color-transparent\n      flex\n      cursor-pointer text-ellipsis;\n    padding-inline-start: 0;\n  }\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  forceUpdate,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  getElementDir,\n  getSlotted,\n  isPrimaryPointerButton,\n  setRequestedIcon,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport { Scale, Status, Alignment } from \"../interfaces\";\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  internalHiddenInputInputEvent,\n  MutableValidityState,\n  submitForm,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { numberKeys } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport {\n  addLocalizedTrailingDecimalZeros,\n  BigDecimal,\n  isValidNumber,\n  parseNumberString,\n  sanitizeNumberString,\n} from \"../../utils/number\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { InputMessages } from \"./assets/input/t9n\";\nimport { InputPlacement, NumberNudgeDirection, SetValueOrigin } from \"./interfaces\";\nimport { CSS, IDS, INPUT_TYPE_ICONS, SLOTS } from \"./resources\";\nimport { NumericInputComponent, syncHiddenFormInput, TextualInputComponent } from \"./common/input\";\n\n/**\n * @slot action - A slot for positioning a `calcite-button` next to the component.\n */\n@Component({\n  tag: \"calcite-input\",\n  styleUrl: \"input.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Input\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    T9nComponent,\n    LocalizedComponent,\n    LoadableComponent,\n    NumericInputComponent,\n    TextualInputComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"autofocus\")\n  @Watch(\"enterkeyhint\")\n  @Watch(\"inputmode\")\n  handleGlobalAttributesChanged(): void {\n    forceUpdate(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the text alignment of the component's value. */\n  @Prop({ reflect: true }) alignment: Extract<\"start\" | \"end\", Alignment> = \"start\";\n\n  /**\n   * Adds global prop, missing from Stencil's `HTMLElement` type, see https://github.com/ionic-team/stencil/issues/5726\n   *\n   * @ignore\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() autofocus: boolean;\n\n  /**\n   * When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `\"search\"`, `\"time\"`, and `\"date\"` types, and will not display for the `\"textarea\"` type.\n   */\n  @Prop({ reflect: true }) clearable = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledWatcher(): void {\n    this.setDisabledAction();\n  }\n\n  /**\n   * Adds support for kebab-cased attribute, removed in https://github.com/Esri/calcite-design-system/pull/9123\n   *\n   * @futureBreaking kebab-cased attribute will not be supported in a future release\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() enterKeyHint: string;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.\n   */\n  @Prop({ reflect: true }) icon: IconNameOrString | boolean;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Adds support for kebab-cased attribute, removed in https://github.com/Esri/calcite-design-system/pull/9123\n   *\n   * @futureBreaking kebab-cased attribute will not be supported in a future release\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() inputMode: string;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** When `true`, a busy indicator is displayed. */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   *\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /**\n   * When `true`, uses locale formatting for numbers.\n   *\n   * @internal\n   */\n  @Prop() localeFormat = false;\n\n  /**\n   * Specifies the maximum value for type \"number\".\n   *\n   * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)\n   */\n  @Prop({ reflect: true }) max: number;\n\n  /** watcher to update number-to-string for max */\n  @Watch(\"max\")\n  maxWatcher(): void {\n    this.maxString = this.max?.toString() || null;\n  }\n\n  /**\n   * Specifies the minimum value for `type=\"number\"`.\n   *\n   * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)\n   */\n  @Prop({ reflect: true }) min: number;\n\n  /** watcher to update number-to-string for min */\n  @Watch(\"min\")\n  minWatcher(): void {\n    this.minString = this.min?.toString() || null;\n  }\n\n  /**\n   * Specifies the maximum length of text for the component's value.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Specifies the minimum length of text for the component's value.\n   *\n   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)\n   */\n  @Prop({ reflect: true }) minLength: number;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: IconNameOrString | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** Specifies the placement of the buttons for `type=\"number\"`. */\n  @Prop({ reflect: true }) numberButtonType: InputPlacement = \"vertical\";\n\n  /**\n   * Specifies placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /** Adds text to the start of the component. */\n  @Prop() prefixText: string;\n\n  /**\n   * When `true`, the component's value can be read, but cannot be modified.\n   *\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * Specifies the granularity the component's `value` must adhere to.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)\n   */\n  @Prop({ reflect: true }) step: number | \"any\";\n\n  /**\n   * Specifies the type of content to autocomplete, for use in forms.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * Specifies a regex pattern the component's `value` must match for validation.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)\n   */\n  @Prop() pattern: string;\n\n  /**\n   * Specifies a comma separated list of unique file type specifiers for limiting accepted file types.\n   * This property only has an effect when `type` is \"file\".\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)\n   */\n  @Prop() accept: string;\n\n  /**\n   * When `true`, the component can accept more than one value.\n   * This property only has an effect when `type` is \"email\" or \"file\".\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)\n   */\n  @Prop() multiple = false;\n\n  /** Adds text to the end of the component. */\n  @Prop() suffixText: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) editingEnabled = false;\n\n  /**\n   * Specifies the component type.\n   *\n   * Note that the following `type`s add type-specific icons by default: `\"date\"`, `\"email\"`, `\"password\"`, `\"search\"`, `\"tel\"`, `\"time\"`.\n   */\n  @Prop({ reflect: true }) type:\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"email\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"number\"\n    | \"password\"\n    | \"search\"\n    | \"tel\"\n    | \"text\"\n    | \"textarea\"\n    | \"time\"\n    | \"url\"\n    | \"week\" = \"text\";\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\n\n  /**\n   * When `type` is `\"file\"`, specifies the component's selected files.\n   *\n   * @mdn https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/files\n   */\n  @Prop() files: FileList | undefined;\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: InputMessages;\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<InputMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string, previousValue: string): void {\n    if (!this.userChangedValue) {\n      if (this.type === \"number\" && (newValue === \"Infinity\" || newValue === \"-Infinity\")) {\n        this.displayedValue = newValue;\n        this.previousEmittedValue = newValue;\n        return;\n      }\n\n      this.setValue({\n        origin: \"direct\",\n        previousValue,\n        value:\n          newValue == null || newValue == \"\"\n            ? \"\"\n            : this.type === \"number\"\n              ? isValidNumber(newValue)\n                ? newValue\n                : this.previousValue || \"\"\n              : newValue,\n      });\n      this.warnAboutInvalidNumberValue(newValue);\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"icon\")\n  @Watch(\"type\")\n  updateRequestedIcon(): void {\n    this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Input[\"value\"];\n\n  inlineEditableEl: HTMLCalciteInlineEditableElement;\n\n  private inputWrapperEl: HTMLDivElement;\n\n  private actionWrapperEl: HTMLDivElement;\n\n  /** keep track of the rendered child type */\n  private childEl?: HTMLInputElement | HTMLTextAreaElement;\n\n  /** keep track of the rendered child type */\n  private childElType?: \"input\" | \"textarea\" = \"input\";\n\n  /** number text input element for locale */\n  private childNumberEl?: HTMLInputElement;\n\n  get isClearable(): boolean {\n    return !this.isTextarea && (this.clearable || this.type === \"search\") && this.value?.length > 0;\n  }\n\n  get isTextarea(): boolean {\n    return this.childElType === \"textarea\";\n  }\n\n  private minString?: string;\n\n  private maxString?: string;\n\n  private previousEmittedValue: string;\n\n  private previousValue: string;\n\n  private previousValueOrigin: SetValueOrigin = \"initial\";\n\n  /** the computed icon to render */\n  private requestedIcon?: IconNameOrString;\n\n  private nudgeNumberValueIntervalId: number;\n\n  mutationObserver = createObserver(\"mutation\", () => this.setDisabledAction());\n\n  private userChangedValue = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  State\n  //\n  //--------------------------------------------------------------------------\n\n  @State() defaultMessages: InputMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() displayedValue: string;\n\n  @State() slottedActionElDisabledInternally = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n\n    this.inlineEditableEl = this.el.closest(\"calcite-inline-editable\");\n    if (this.inlineEditableEl) {\n      this.editingEnabled = this.inlineEditableEl.editingEnabled || false;\n    }\n    connectLabel(this);\n    connectForm(this);\n\n    this.mutationObserver?.observe(this.el, { childList: true });\n\n    this.setDisabledAction();\n    this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n\n    this.mutationObserver?.disconnect();\n    this.el.removeEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.childElType = this.type === \"textarea\" ? \"textarea\" : \"input\";\n    this.maxString = this.max?.toString();\n    this.minString = this.min?.toString();\n    this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);\n    await setUpMessages(this);\n\n    this.setPreviousEmittedValue(this.value);\n    this.setPreviousValue(this.value);\n\n    if (this.type === \"number\") {\n      if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n        this.displayedValue = this.value;\n        this.previousEmittedValue = this.value;\n      } else {\n        this.warnAboutInvalidNumberValue(this.value);\n        this.setValue({\n          origin: \"connected\",\n          value: isValidNumber(this.value) ? this.value : \"\",\n        });\n      }\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentShouldUpdate(newValue: string, oldValue: string, property: string): boolean {\n    if (this.type === \"number\" && property === \"value\" && newValue && !isValidNumber(newValue)) {\n      this.setValue({\n        origin: \"reset\",\n        value: oldValue,\n      });\n      return false;\n    }\n    return true;\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalInputFocus: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalInputBlur: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed.\n   */\n  @Event({ cancelable: true }) calciteInputInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed and committed.\n   */\n  @Event({ cancelable: false }) calciteInputChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (this.type === \"number\") {\n      this.childNumberEl?.focus();\n    } else {\n      this.childEl?.focus();\n    }\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    if (this.type === \"number\") {\n      this.childNumberEl?.select();\n    } else {\n      this.childEl?.select();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.readOnly || this.disabled || event.defaultPrevented) {\n      return;\n    }\n\n    if (this.isClearable && event.key === \"Escape\") {\n      this.clearInputValue(event);\n      event.preventDefault();\n    }\n    if (event.key === \"Enter\") {\n      if (submitForm(this)) {\n        event.preventDefault();\n      }\n    }\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  incrementOrDecrementNumberValue(\n    direction: NumberNudgeDirection,\n    inputMax: number | null,\n    inputMin: number | null,\n    nativeEvent: KeyboardEvent | MouseEvent,\n  ): void {\n    const { value } = this;\n\n    if (value === \"Infinity\" || value === \"-Infinity\") {\n      return;\n    }\n\n    const adjustment = direction === \"up\" ? 1 : -1;\n    const inputStep = this.step === \"any\" ? 1 : Math.abs(this.step || 1);\n    const inputVal = new BigDecimal(value !== \"\" ? value : \"0\");\n    const nudgedValue = inputVal.add(`${inputStep * adjustment}`);\n\n    const nudgedValueBelowInputMin = () =>\n      typeof inputMin === \"number\" &&\n      !isNaN(inputMin) &&\n      nudgedValue.subtract(`${inputMin}`).isNegative;\n\n    const nudgedValueAboveInputMax = () =>\n      typeof inputMax === \"number\" &&\n      !isNaN(inputMax) &&\n      !nudgedValue.subtract(`${inputMax}`).isNegative;\n\n    const finalValue = nudgedValueBelowInputMin()\n      ? `${inputMin}`\n      : nudgedValueAboveInputMax()\n        ? `${inputMax}`\n        : nudgedValue.toString();\n\n    this.setValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: finalValue,\n    });\n  }\n\n  private clearInputValue = (nativeEvent: KeyboardEvent | MouseEvent): void => {\n    this.setValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: \"\",\n    });\n  };\n\n  private emitChangeIfUserModified = (): void => {\n    if (this.previousValueOrigin === \"user\" && this.value !== this.previousEmittedValue) {\n      this.calciteInputChange.emit();\n      this.setPreviousEmittedValue(this.value);\n    }\n  };\n\n  private inputBlurHandler = () => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n    this.calciteInternalInputBlur.emit();\n    this.emitChangeIfUserModified();\n  };\n\n  private clickHandler = (event: MouseEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    const composedPath = event.composedPath();\n\n    if (\n      !composedPath.includes(this.inputWrapperEl) ||\n      composedPath.includes(this.actionWrapperEl)\n    ) {\n      return;\n    }\n\n    this.setFocus();\n  };\n\n  private inputFocusHandler = (): void => {\n    this.calciteInternalInputFocus.emit();\n  };\n\n  private inputChangeHandler = (): void => {\n    if (this.type === \"file\") {\n      this.files = (this.childEl as HTMLInputElement).files;\n    }\n  };\n\n  private inputInputHandler = (nativeEvent: InputEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    this.setValue({\n      nativeEvent,\n      origin: \"user\",\n      value: (nativeEvent.target as HTMLInputElement).value,\n    });\n  };\n\n  private inputKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      this.emitChangeIfUserModified();\n    }\n  };\n\n  private inputNumberInputHandler = (nativeEvent: InputEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      return;\n    }\n\n    const value = (nativeEvent.target as HTMLInputElement).value;\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n    const delocalizedValue = numberStringFormatter.delocalize(value);\n    if (nativeEvent.inputType === \"insertFromPaste\") {\n      if (!isValidNumber(delocalizedValue)) {\n        nativeEvent.preventDefault();\n      }\n      this.setValue({\n        nativeEvent,\n        origin: \"user\",\n        value: parseNumberString(delocalizedValue),\n      });\n      this.childNumberEl.value = this.displayedValue;\n    } else {\n      this.setValue({\n        nativeEvent,\n        origin: \"user\",\n        value: delocalizedValue,\n      });\n    }\n  };\n\n  private inputNumberKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.type !== \"number\" || this.disabled || this.readOnly) {\n      return;\n    }\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      event.preventDefault();\n      if (event.key === \"Backspace\" || event.key === \"Delete\") {\n        this.clearInputValue(event);\n      }\n      return;\n    }\n\n    if (event.key === \"ArrowUp\") {\n      /* prevent default behavior of moving cursor to the beginning of the input when holding down ArrowUp */\n      event.preventDefault();\n      this.nudgeNumberValue(\"up\", event);\n      return;\n    }\n    if (event.key === \"ArrowDown\") {\n      this.nudgeNumberValue(\"down\", event);\n      return;\n    }\n    const supportedKeys = [\n      ...numberKeys,\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Backspace\",\n      \"Delete\",\n      \"Enter\",\n      \"Escape\",\n      \"Tab\",\n    ];\n    if (event.altKey || event.ctrlKey || event.metaKey) {\n      return;\n    }\n    const isShiftTabEvent = event.shiftKey && event.key === \"Tab\";\n    if (supportedKeys.includes(event.key) || isShiftTabEvent) {\n      if (event.key === \"Enter\") {\n        this.emitChangeIfUserModified();\n      }\n      return;\n    }\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n    if (event.key === numberStringFormatter.decimal) {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && this.childNumberEl.value.indexOf(numberStringFormatter.decimal) === -1) {\n        return;\n      }\n    }\n    if (/[eE]/.test(event.key)) {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && !/[eE]/.test(this.childNumberEl.value)) {\n        return;\n      }\n    }\n\n    if (event.key === \"-\") {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && this.childNumberEl.value.split(\"-\").length <= 2) {\n        return;\n      }\n    }\n    event.preventDefault();\n  };\n\n  private nudgeNumberValue = (\n    direction: NumberNudgeDirection,\n    nativeEvent: KeyboardEvent | MouseEvent,\n  ): void => {\n    if ((nativeEvent instanceof KeyboardEvent && nativeEvent.repeat) || this.type !== \"number\") {\n      return;\n    }\n\n    const inputMax = this.maxString ? parseFloat(this.maxString) : null;\n    const inputMin = this.minString ? parseFloat(this.minString) : null;\n    const valueNudgeDelayInMs = 150;\n\n    this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);\n\n    if (this.nudgeNumberValueIntervalId) {\n      window.clearInterval(this.nudgeNumberValueIntervalId);\n    }\n    let firstValueNudge = true;\n    this.nudgeNumberValueIntervalId = window.setInterval(() => {\n      if (firstValueNudge) {\n        firstValueNudge = false;\n        return;\n      }\n\n      this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);\n    }, valueNudgeDelayInMs);\n  };\n\n  private numberButtonPointerUpAndOutHandler = (): void => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private numberButtonPointerDownHandler = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    event.preventDefault();\n    const direction = (event.target as HTMLDivElement).dataset.adjustment as NumberNudgeDirection;\n    if (!this.disabled) {\n      this.nudgeNumberValue(direction, event);\n    }\n  };\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    syncHiddenFormInput(this.type, this, input);\n  }\n\n  private onHiddenFormInputInput = (event: Event): void => {\n    if ((event.target as HTMLInputElement).name === this.name) {\n      this.setValue({\n        value: (event.target as HTMLInputElement).value,\n        origin: \"direct\",\n      });\n    }\n    this.setFocus();\n    event.stopPropagation();\n  };\n\n  private setChildElRef = (el: HTMLInputElement | HTMLTextAreaElement) => {\n    this.childEl = el;\n  };\n\n  private setChildNumberElRef = (el: HTMLInputElement) => {\n    this.childNumberEl = el;\n  };\n\n  private setDisabledAction(): void {\n    const slottedActionEl = getSlotted(this.el, \"action\");\n\n    if (!slottedActionEl) {\n      return;\n    }\n\n    if (this.disabled) {\n      if (slottedActionEl.getAttribute(\"disabled\") == null) {\n        this.slottedActionElDisabledInternally = true;\n      }\n      slottedActionEl.setAttribute(\"disabled\", \"\");\n    } else if (this.slottedActionElDisabledInternally) {\n      slottedActionEl.removeAttribute(\"disabled\");\n      this.slottedActionElDisabledInternally = false;\n    }\n  }\n\n  private setInputValue = (newInputValue: string): void => {\n    if (this.type === \"text\" && !this.childEl) {\n      return;\n    }\n    if (this.type === \"number\" && !this.childNumberEl) {\n      return;\n    }\n    this[`child${this.type === \"number\" ? \"Number\" : \"\"}El`].value = newInputValue;\n  };\n\n  private setPreviousEmittedValue = (value: string): void => {\n    this.previousEmittedValue = this.normalizeValue(value);\n  };\n\n  private normalizeValue(value: string): string {\n    return this.type === \"number\" ? (isValidNumber(value) ? value : \"\") : value;\n  }\n\n  private setPreviousValue = (value: string): void => {\n    this.previousValue = this.normalizeValue(value);\n  };\n\n  private setValue = ({\n    committing = false,\n    nativeEvent,\n    origin,\n    previousValue,\n    value,\n  }: {\n    committing?: boolean;\n    nativeEvent?: MouseEvent | KeyboardEvent | InputEvent;\n    origin: SetValueOrigin;\n    previousValue?: string;\n    value: string;\n  }): void => {\n    this.setPreviousValue(previousValue ?? this.value);\n    this.previousValueOrigin = origin;\n\n    if (this.type === \"number\") {\n      numberStringFormatter.numberFormatOptions = {\n        locale: this.effectiveLocale,\n        numberingSystem: this.numberingSystem,\n        useGrouping: this.groupSeparator,\n        signDisplay: \"never\",\n      };\n\n      const isValueDeleted =\n        this.previousValue?.length > value.length || this.value?.length > value.length;\n      const hasTrailingDecimalSeparator = value.charAt(value.length - 1) === \".\";\n      const sanitizedValue =\n        hasTrailingDecimalSeparator && isValueDeleted ? value : sanitizeNumberString(value);\n\n      const newValue =\n        value && !sanitizedValue\n          ? isValidNumber(this.previousValue)\n            ? this.previousValue\n            : \"\"\n          : sanitizedValue;\n\n      let newLocalizedValue = numberStringFormatter.localize(newValue);\n\n      if (origin !== \"connected\" && !hasTrailingDecimalSeparator) {\n        newLocalizedValue = addLocalizedTrailingDecimalZeros(\n          newLocalizedValue,\n          newValue,\n          numberStringFormatter,\n        );\n      }\n\n      // adds localized trailing decimal separator\n      this.displayedValue =\n        hasTrailingDecimalSeparator && isValueDeleted\n          ? `${newLocalizedValue}${numberStringFormatter.decimal}`\n          : newLocalizedValue;\n\n      this.userChangedValue = origin === \"user\" && this.value !== newValue;\n      // don't sanitize the start of negative/decimal numbers, but\n      // don't set value to an invalid number\n      this.value = [\"-\", \".\"].includes(newValue) ? \"\" : newValue;\n    } else {\n      this.userChangedValue = origin === \"user\" && this.value !== value;\n      this.value = value;\n    }\n\n    if (origin === \"direct\") {\n      this.setInputValue(value);\n      this.previousEmittedValue = value;\n    }\n\n    if (nativeEvent) {\n      const calciteInputInputEvent = this.calciteInputInput.emit();\n      if (calciteInputInputEvent.defaultPrevented) {\n        this.value = this.previousValue;\n        this.displayedValue =\n          this.type === \"number\"\n            ? numberStringFormatter.localize(this.previousValue)\n            : this.previousValue;\n      } else if (committing) {\n        this.emitChangeIfUserModified();\n      }\n    }\n  };\n\n  private inputKeyUpHandler = (): void => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private warnAboutInvalidNumberValue(value: string): void {\n    if (this.type === \"number\" && value && !isValidNumber(value)) {\n      console.warn(`The specified value \"${value}\" cannot be parsed, or is out of range.`);\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const loader = (\n      <div class={CSS.loader}>\n        <calcite-progress label={this.messages.loading} type=\"indeterminate\" />\n      </div>\n    );\n\n    const inputClearButton = (\n      <button\n        aria-label={this.messages.clear}\n        class={CSS.clearButton}\n        disabled={this.disabled || this.readOnly}\n        onClick={this.clearInputValue}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n    const iconEl = (\n      <calcite-icon\n        class={CSS.inputIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.requestedIcon}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const isHorizontalNumberButton = this.numberButtonType === \"horizontal\";\n\n    const numberButtonsHorizontalUp = (\n      <button\n        aria-hidden=\"true\"\n        class={{\n          [CSS.numberButtonItem]: true,\n          [CSS.buttonItemHorizontal]: isHorizontalNumberButton,\n        }}\n        data-adjustment=\"up\"\n        disabled={this.disabled || this.readOnly}\n        onPointerDown={this.numberButtonPointerDownHandler}\n        onPointerOut={this.numberButtonPointerUpAndOutHandler}\n        onPointerUp={this.numberButtonPointerUpAndOutHandler}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"chevron-up\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const numberButtonsHorizontalDown = (\n      <button\n        aria-hidden=\"true\"\n        class={{\n          [CSS.numberButtonItem]: true,\n          [CSS.buttonItemHorizontal]: isHorizontalNumberButton,\n        }}\n        data-adjustment=\"down\"\n        disabled={this.disabled || this.readOnly}\n        onPointerDown={this.numberButtonPointerDownHandler}\n        onPointerOut={this.numberButtonPointerUpAndOutHandler}\n        onPointerUp={this.numberButtonPointerUpAndOutHandler}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const numberButtonsVertical = (\n      <div class={CSS.numberButtonWrapper}>\n        {numberButtonsHorizontalUp}\n        {numberButtonsHorizontalDown}\n      </div>\n    );\n\n    const prefixText = <div class={CSS.prefix}>{this.prefixText}</div>;\n    const suffixText = <div class={CSS.suffix}>{this.suffixText}</div>;\n\n    const autofocus = this.el.autofocus || this.el.hasAttribute(\"autofocus\") ? true : null;\n    const enterKeyHint = this.el.enterKeyHint || this.el.getAttribute(\"enterkeyhint\");\n    const inputMode = this.el.inputMode || this.el.getAttribute(\"inputmode\");\n\n    const localeNumberInput =\n      this.type === \"number\" ? (\n        <input\n          accept={this.accept}\n          aria-errormessage={IDS.validationMessage}\n          aria-invalid={toAriaBoolean(this.status === \"invalid\")}\n          aria-label={getLabelText(this)}\n          autocomplete={this.autocomplete}\n          autofocus={autofocus}\n          defaultValue={this.defaultValue}\n          disabled={this.disabled ? true : null}\n          enterKeyHint={enterKeyHint}\n          inputMode={inputMode}\n          key=\"localized-input\"\n          maxLength={this.maxLength}\n          minLength={this.minLength}\n          multiple={this.multiple}\n          name={undefined}\n          onBlur={this.inputBlurHandler}\n          onFocus={this.inputFocusHandler}\n          onInput={this.inputNumberInputHandler}\n          onKeyDown={this.inputNumberKeyDownHandler}\n          onKeyUp={this.inputKeyUpHandler}\n          pattern={this.pattern}\n          placeholder={this.placeholder || \"\"}\n          readOnly={this.readOnly}\n          ref={this.setChildNumberElRef}\n          type=\"text\"\n          value={this.displayedValue}\n        />\n      ) : null;\n\n    const childEl =\n      this.type !== \"number\"\n        ? [\n            <this.childElType\n              accept={this.accept}\n              aria-errormessage={IDS.validationMessage}\n              aria-invalid={toAriaBoolean(this.status === \"invalid\")}\n              aria-label={getLabelText(this)}\n              autocomplete={this.autocomplete}\n              autofocus={autofocus}\n              class={{\n                [CSS.editingEnabled]: this.editingEnabled,\n                [CSS.inlineChild]: !!this.inlineEditableEl,\n              }}\n              defaultValue={this.defaultValue}\n              disabled={this.disabled ? true : null}\n              enterKeyHint={enterKeyHint}\n              inputMode={inputMode}\n              max={this.maxString}\n              maxLength={this.maxLength}\n              min={this.minString}\n              minLength={this.minLength}\n              multiple={this.multiple}\n              name={this.name}\n              onBlur={this.inputBlurHandler}\n              onChange={this.inputChangeHandler}\n              onFocus={this.inputFocusHandler}\n              onInput={this.inputInputHandler}\n              onKeyDown={this.inputKeyDownHandler}\n              onKeyUp={this.inputKeyUpHandler}\n              pattern={this.pattern}\n              placeholder={this.placeholder || \"\"}\n              readOnly={this.readOnly}\n              ref={this.setChildElRef}\n              required={this.required ? true : null}\n              step={this.step}\n              tabIndex={\n                this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null\n              }\n              type={this.type}\n              value={this.value}\n            />,\n            this.isTextarea ? (\n              <div class={CSS.resizeIconWrapper}>\n                <calcite-icon icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n              </div>\n            ) : null,\n          ]\n        : null;\n\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            class={{ [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}\n            ref={(el) => (this.inputWrapperEl = el)}\n          >\n            {this.type === \"number\" && this.numberButtonType === \"horizontal\" && !this.readOnly\n              ? numberButtonsHorizontalDown\n              : null}\n            {this.prefixText ? prefixText : null}\n            <div class={CSS.wrapper}>\n              {localeNumberInput}\n              {childEl}\n              {this.isClearable ? inputClearButton : null}\n              {this.requestedIcon ? iconEl : null}\n              {this.loading ? loader : null}\n            </div>\n            <div class={CSS.actionWrapper} ref={(el) => (this.actionWrapperEl = el)}>\n              <slot name={SLOTS.action} />\n            </div>\n            {this.type === \"number\" && this.numberButtonType === \"vertical\" && !this.readOnly\n              ? numberButtonsVertical\n              : null}\n            {this.suffixText ? suffixText : null}\n            {this.type === \"number\" && this.numberButtonType === \"horizontal\" && !this.readOnly\n              ? numberButtonsHorizontalUp\n              : null}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              id={IDS.validationMessage}\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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","ignoreList":[]}

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import"./p-e7104b8d.js";const n=()=>typeof navigator!=="undefined"&&typeof window!=="undefined"&&typeof location!=="undefined"&&typeof document!=="undefined"&&window.location===location&&window.document===document;function o(){return navigator.userAgentData}function e(){if(!n()){return""}const e=o();return e?.brands?e.brands.map((({brand:n,version:o})=>`${n}/${o}`)).join(" "):navigator.userAgent}export{e as g,n as i};
-//# sourceMappingURL=p-3c4fe54e.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as Y}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";var m={s:"מספר שניות",ss:"%d שניות",m:"דקה",mm:"%d דקות",h:"שעה",hh:"%d שעות",hh2:"שעתיים",d:"יום",dd:"%d ימים",dd2:"יומיים",M:"חודש",MM:"%d חודשים",MM2:"חודשיים",y:"שנה",yy:"%d שנים",yy2:"שנתיים"};function M(Y,M,_){var d=m[_+(Y===2?"2":"")]||m[_];return d.replace("%d",Y)}var _={name:"he",weekdays:"ראשון_שני_שלישי_רביעי_חמישי_שישי_שבת".split("_"),weekdaysShort:"א׳_ב׳_ג׳_ד׳_ה׳_ו׳_ש׳".split("_"),weekdaysMin:"א׳_ב׳_ג׳_ד׳_ה׳_ו_ש׳".split("_"),months:"ינואר_פברואר_מרץ_אפריל_מאי_יוני_יולי_אוגוסט_ספטמבר_אוקטובר_נובמבר_דצמבר".split("_"),monthsShort:"ינו_פבר_מרץ_אפר_מאי_יונ_יול_אוג_ספט_אוק_נוב_דצמ".split("_"),relativeTime:{future:"בעוד %s",past:"לפני %s",s:M,m:M,mm:M,h:M,hh:M,d:M,dd:M,M,MM:M,y:M,yy:M},ordinal:function Y(m){return m},format:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [ב]MMMM YYYY",LLL:"D [ב]MMMM YYYY HH:mm",LLLL:"dddd, D [ב]MMMM YYYY HH:mm",l:"D/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [ב]MMMM YYYY",LLL:"D [ב]MMMM YYYY HH:mm",LLLL:"dddd, D [ב]MMMM YYYY HH:mm",l:"D/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"}};Y.locale(_,null,true);export{_ as default};
-//# sourceMappingURL=p-3dc78399.js.map

package/dist/calcite/p-4236247d.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/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as e,c as t,h as i,g as s}from"./p-e7104b8d.js";import{c as a,u as n,d as c,I as o}from"./p-8f8cbbc7.js";import{c as r}from"./p-9a2f96d2.js";import{k as l}from"./p-27ab49c7.js";import"./p-3c4fe54e.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";const h={container:"container"};const d=":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{box-sizing:border-box;display:inline-block}:host ::slotted(calcite-tile){margin-block-end:var(--calcite-spacing-px);margin-inline-end:var(--calcite-spacing-px)}.container{display:grid;grid-auto-rows:minmax(auto, 1fr)}:host([scale=s]) .container{grid-template-columns:repeat(auto-fit, minmax(100px, 1fr))}:host([scale=m]) .container{grid-template-columns:repeat(auto-fit, minmax(140px, 1fr))}:host([scale=l]) .container{grid-template-columns:repeat(auto-fit, minmax(160px, 1fr))}:host([layout=vertical]) .container{display:flex;flex-direction:column}: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 p=d;const b=class{constructor(i){e(this,i);this.calciteTileGroupSelect=t(this,"calciteTileGroupSelect",6);this.items=[];this.getSlottedTiles=()=>this.slotEl?.assignedElements({flatten:true}).filter((e=>e?.matches("calcite-tile")));this.mutationObserver=r("mutation",(()=>this.updateTiles()));this.selectItem=e=>{if(!e){return}this.items?.forEach((t=>{const i=e===t;switch(this.selectionMode){case"multiple":if(i){t.selected=!t.selected}break;case"single":t.selected=i&&!t.selected;break;case"single-persist":t.selected=!!i;break}}));this.updateSelectedItems();this.calciteTileGroupSelect.emit()};this.setSlotEl=e=>{this.slotEl=e};this.updateSelectedItems=()=>{const e=this.items?.filter((e=>e.selected));if((this.selectionMode==="single"||this.selectionMode==="single-persist")&&e?.length>1){this.selectedItems=[e.pop()];this.items?.forEach((e=>{if(this.selectedItems.indexOf(e)===-1){e.selected=false}}))}else{this.selectedItems=e??[]}};this.updateTiles=()=>{this.items=this.getSlottedTiles();this.items?.forEach((e=>{e.alignment=this.alignment;e.interactive=true;e.layout=this.layout;e.scale=this.scale;e.selectionAppearance=this.selectionAppearance;e.selectionMode=this.selectionMode}));this.updateSelectedItems()};this.alignment="start";this.disabled=false;this.label=undefined;this.layout="horizontal";this.scale="m";this.selectedItems=[];this.selectionAppearance="icon";this.selectionMode="none"}scaleWatcher(){this.updateTiles()}handleSelectionModeOrAppearanceChange(){this.updateTiles()}connectedCallback(){a(this);this.mutationObserver?.observe(this.el,{childList:true});this.updateTiles()}componentDidRender(){n(this)}disconnectedCallback(){c(this);this.mutationObserver?.disconnect()}calciteInternalTileKeyEventListener(e){if(e.composedPath().includes(this.el)){e.preventDefault();e.stopPropagation();const t=this.items?.filter((e=>!e.disabled));switch(e.detail.key){case"ArrowDown":case"ArrowRight":l(t,e.detail.target,"next");break;case"ArrowUp":case"ArrowLeft":l(t,e.detail.target,"previous");break;case"Home":l(t,e.detail.target,"first");break;case"End":l(t,e.detail.target,"last");break}}}calciteTileSelectHandler(e){if(e.composedPath().includes(this.el)){this.selectItem(e.target)}}render(){const e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return i(o,{key:"85de45a7ce2b724d46e4e7a6456e94da0b34ddb9",disabled:this.disabled},i("div",{key:"97b55eb827e1bd60b999eb42483119ff32a364a1","aria-label":this.label,class:h.container,role:e},i("slot",{key:"ae45a8ec397c2a71c8e363eb4a37106b79807d6e",onSlotchange:this.updateTiles,ref:this.setSlotEl})))}get el(){return s(this)}static get watchers(){return{scale:["scaleWatcher"],selectionMode:["handleSelectionModeOrAppearanceChange"],selectionAppearance:["handleSelectionModeOrAppearanceChange"]}}};b.style=p;export{b as calcite_tile_group};
-//# sourceMappingURL=p-4236247d.entry.js.map

package/dist/calcite/p-4236247d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","tileGroupCss","CalciteTileGroupStyle0","TileGroup","this","items","getSlottedTiles","slotEl","assignedElements","flatten","filter","el","matches","mutationObserver","createObserver","updateTiles","selectItem","item","forEach","matchingEl","selectionMode","selected","updateSelectedItems","calciteTileGroupSelect","emit","setSlotEl","selectedItems","length","pop","indexOf","alignment","interactive","layout","scale","selectionAppearance","scaleWatcher","handleSelectionModeOrAppearanceChange","connectedCallback","connectInteractive","observe","childList","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","disconnect","calciteInternalTileKeyEventListener","event","composedPath","includes","preventDefault","stopPropagation","interactiveItems","disabled","detail","key","focusElementInGroup","target","calciteTileSelectHandler","render","role","h","InteractiveContainer","label","class","onSlotchange","ref"],"sources":["src/components/tile-group/resources.ts","src/components/tile-group/tile-group.scss?tag=calcite-tile-group&encapsulation=shadow","src/components/tile-group/tile-group.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n};\n",":host {\n  box-sizing: border-box;\n  display: inline-block;\n\n  ::slotted(calcite-tile) {\n    margin-block-end: var(--calcite-spacing-px);\n    margin-inline-end: var(--calcite-spacing-px);\n  }\n}\n.container {\n  display: grid;\n  grid-auto-rows: minmax(auto, 1fr);\n}\n:host([scale=\"s\"]) {\n  .container {\n    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n  }\n}\n:host([scale=\"m\"]) {\n  .container {\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  }\n}\n:host([scale=\"l\"]) {\n  .container {\n    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  }\n}\n:host([layout=\"vertical\"]) {\n  .container {\n    display: flex;\n    flex-direction: column;\n  }\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { Alignment, Layout, Scale, SelectionAppearance, SelectionMode } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { focusElementInGroup } from \"../../utils/dom\";\nimport { SelectableGroupComponent } from \"../../utils/selectableComponent\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-tile` elements.\n */\n@Component({\n  tag: \"calcite-tile-group\",\n  styleUrl: \"tile-group.scss\",\n  shadow: true,\n})\nexport class TileGroup implements InteractiveComponent, SelectableGroupComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies the alignment of each `calcite-tile`'s content.\n   */\n  @Prop({ reflect: true }) alignment: Exclude<Alignment, \"end\"> = \"start\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\n\n  /**\n   * Defines the layout of the component.\n   *\n   * Use `\"horizontal\"` for rows, and `\"vertical\"` for a single column.\n   */\n  @Prop({ reflect: true }) layout: Extract<Layout, \"horizontal\" | \"vertical\"> = \"horizontal\";\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"scale\")\n  scaleWatcher(): void {\n    this.updateTiles();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteTileElement[] = [];\n\n  /**\n   * Specifies the selection appearance, where:\n   *\n   * - `\"icon\"` (displays a checkmark or dot), or\n   * - `\"border\"` (displays a border).\n   */\n  @Prop({ reflect: true }) selectionAppearance: SelectionAppearance = \"icon\";\n\n  /**\n   * Specifies the selection mode, where:\n   *\n   * - `\"multiple\"` (allows any number of selected items),\n   * - `\"single\"` (allows only one selected item),\n   * - `\"single-persist\"` (allows only one selected item and prevents de-selection),\n   * - `\"none\"` (allows no selected items).\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"multiple\" | \"none\" | \"single\" | \"single-persist\",\n    SelectionMode\n  > = \"none\";\n\n  @Watch(\"selectionMode\")\n  @Watch(\"selectionAppearance\")\n  handleSelectionModeOrAppearanceChange(): void {\n    this.updateTiles();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTileGroupElement;\n\n  private items: HTMLCalciteTileElement[] = [];\n\n  private slotEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private getSlottedTiles = (): HTMLCalciteTileElement[] => {\n    return this.slotEl\n      ?.assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-tile\")) as HTMLCalciteTileElement[];\n  };\n\n  private mutationObserver = createObserver(\"mutation\", () => this.updateTiles());\n\n  private selectItem = (item: HTMLCalciteTileElement): void => {\n    if (!item) {\n      return;\n    }\n    this.items?.forEach((el) => {\n      const matchingEl = item === el;\n      switch (this.selectionMode) {\n        case \"multiple\":\n          if (matchingEl) {\n            el.selected = !el.selected;\n          }\n          break;\n\n        case \"single\":\n          el.selected = matchingEl && !el.selected;\n          break;\n\n        case \"single-persist\":\n          el.selected = !!matchingEl;\n          break;\n      }\n    });\n    this.updateSelectedItems();\n    this.calciteTileGroupSelect.emit();\n  };\n\n  private setSlotEl = (el: HTMLSlotElement): void => {\n    this.slotEl = el;\n  };\n\n  private updateSelectedItems = (): void => {\n    const selectedItems = this.items?.filter((el) => el.selected);\n    if (\n      (this.selectionMode === \"single\" || this.selectionMode === \"single-persist\") &&\n      selectedItems?.length > 1\n    ) {\n      this.selectedItems = [selectedItems.pop()];\n      this.items?.forEach((el) => {\n        if (this.selectedItems.indexOf(el) === -1) {\n          el.selected = false;\n        }\n      });\n    } else {\n      this.selectedItems = selectedItems ?? [];\n    }\n  };\n\n  private updateTiles = (): void => {\n    this.items = this.getSlottedTiles();\n    this.items?.forEach((el) => {\n      el.alignment = this.alignment;\n      el.interactive = true;\n      el.layout = this.layout;\n      el.scale = this.scale;\n      el.selectionAppearance = this.selectionAppearance;\n      el.selectionMode = this.selectionMode;\n    });\n    this.updateSelectedItems();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component's selection changes. */\n  @Event({ cancelable: false }) calciteTileGroupSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.updateTiles();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    this.mutationObserver?.disconnect();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTileKeyEvent\")\n  calciteInternalTileKeyEventListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      event.preventDefault();\n      event.stopPropagation();\n      const interactiveItems = this.items?.filter((el) => !el.disabled);\n      switch (event.detail.key) {\n        case \"ArrowDown\":\n        case \"ArrowRight\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"next\");\n          break;\n        case \"ArrowUp\":\n        case \"ArrowLeft\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"previous\");\n          break;\n        case \"Home\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"first\");\n          break;\n        case \"End\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"last\");\n          break;\n      }\n    }\n  }\n\n  @Listen(\"calciteTileSelect\")\n  calciteTileSelectHandler(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      this.selectItem(event.target as HTMLCalciteTileElement);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const role =\n      this.selectionMode === \"none\" || this.selectionMode === \"multiple\" ? \"group\" : \"radiogroup\";\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <div aria-label={this.label} class={CSS.container} role={role}>\n          <slot onSlotchange={this.updateTiles} ref={this.setSlotEl} />\n        </div>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-42901549.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as e}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";var r={name:"fr",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},ordinal:function e(r){var m=r===1?"er":"";return""+r+m}};e.locale(r,null,true);export{r as default};
-//# sourceMappingURL=p-42901549.js.map

package/dist/calcite/p-42ed7d55.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as e}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,i){var a=r[i];if(Array.isArray(a)){a=a[t?0:1]}return a.replace("%d",e)}var i={name:"de-ch",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(i,null,true);export{i as default};
-//# sourceMappingURL=p-42ed7d55.js.map

package/dist/calcite/p-4377c650.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as r}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";function e(r){return r>1&&r<5&&~~(r/10)!==1}function t(r,t,m,o){var s=r+" ";switch(m){case"s":return t||o?"pár sekúnd":"pár sekundami";case"m":return t?"minúta":o?"minútu":"minútou";case"mm":if(t||o){return s+(e(r)?"minúty":"minút")}return s+"minútami";case"h":return t?"hodina":o?"hodinu":"hodinou";case"hh":if(t||o){return s+(e(r)?"hodiny":"hodín")}return s+"hodinami";case"d":return t||o?"deň":"dňom";case"dd":if(t||o){return s+(e(r)?"dni":"dní")}return s+"dňami";case"M":return t||o?"mesiac":"mesiacom";case"MM":if(t||o){return s+(e(r)?"mesiace":"mesiacov")}return s+"mesiacmi";case"y":return t||o?"rok":"rokom";case"yy":if(t||o){return s+(e(r)?"roky":"rokov")}return s+"rokmi"}}var m={name:"sk",weekdays:"nedeľa_pondelok_utorok_streda_štvrtok_piatok_sobota".split("_"),weekdaysShort:"ne_po_ut_st_št_pi_so".split("_"),weekdaysMin:"ne_po_ut_st_št_pi_so".split("_"),months:"január_február_marec_apríl_máj_jún_júl_august_september_október_november_december".split("_"),monthsShort:"jan_feb_mar_apr_máj_jún_júl_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function r(e){return e+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd D. MMMM YYYY H:mm",l:"D. M. YYYY"},relativeTime:{future:"za %s",past:"pred %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};r.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-4377c650.js.map

package/dist/calcite/p-447d61ae.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as e,a as t}from"./p-56bab01f.js";import{s as o}from"./p-d014effb.js";import{i as s}from"./p-3c4fe54e.js";function n(){const{classList:o}=document.body;const s=window.matchMedia("(prefers-color-scheme: dark)").matches;const n=()=>o.contains(e)||o.contains(t)&&s?"dark":"light";const r=e=>document.body.dispatchEvent(new CustomEvent("calciteModeChange",{bubbles:true,detail:{mode:e}}));const c=e=>{a!==e&&r(e);a=e};let a=n();r(a);window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(e=>c(e.matches?"dark":"light")));new MutationObserver((()=>c(n()))).observe(document.body,{attributes:true,attributeFilter:["class"]})}function r(){if(s()){if(document.readyState==="interactive"){n()}else{document.addEventListener("DOMContentLoaded",(()=>n()),{once:true})}}o()}const c=r;export{c as g};
-//# sourceMappingURL=p-447d61ae.js.map