@esri/calcite-components 1.5.0-next.9 → 1.5.1-next.0

package/dist/collection/components/input-time-zone/input-time-zone.js

@@ -0,0 +1,474 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.1-next.0
+ */
+import { h, Host, } from "@stencil/core";
+import { connectLabel, disconnectLabel } from "../../utils/label";
+import { updateHostInteraction } from "../../utils/interactive";
+import { connectLocalized, disconnectLocalized, } from "../../utils/locale";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
+import { generateTimeZoneGroups, getUserTimeZoneOffset } from "./utils";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
+import { afterConnectDefaultValueSet, connectForm, disconnectForm, HiddenFormInputSlot, } from "../../utils/form";
+export class InputTimeZone {
+  constructor() {
+    this.setComboboxRef = (el) => {
+      this.comboboxEl = el;
+    };
+    this.onComboboxBeforeClose = (event) => {
+      event.stopPropagation();
+      this.calciteInputTimeZoneBeforeClose.emit();
+    };
+    this.onComboboxBeforeOpen = (event) => {
+      event.stopPropagation();
+      this.calciteInputTimeZoneBeforeOpen.emit();
+    };
+    this.onComboboxChange = (event) => {
+      event.stopPropagation();
+      const combobox = event.target;
+      const selected = this.timeZoneGroups.find(({ offsetValue }) => combobox.value === `${offsetValue}`);
+      const selectedValue = `${selected.offsetValue}`;
+      if (this.value === selectedValue) {
+        return;
+      }
+      this.value = selectedValue;
+      this.selectedTimeZoneGroup = selected;
+      this.calciteInputTimeZoneChange.emit();
+    };
+    this.onComboboxClose = (event) => {
+      event.stopPropagation();
+      this.open = false;
+      this.calciteInputTimeZoneClose.emit();
+    };
+    this.onComboboxOpen = (event) => {
+      this.open = true;
+      event.stopPropagation();
+      this.calciteInputTimeZoneOpen.emit();
+    };
+    this.disabled = false;
+    this.form = undefined;
+    this.messages = undefined;
+    this.messageOverrides = undefined;
+    this.name = undefined;
+    this.open = false;
+    this.overlayPositioning = "absolute";
+    this.required = false;
+    this.scale = "m";
+    this.value = undefined;
+    this.defaultMessages = undefined;
+    this.effectiveLocale = "";
+  }
+  onMessagesChange() {
+    /* wired up by t9n util */
+  }
+  valueWatcher(value) {
+    if (this.comboboxEl && this.comboboxEl.value !== value) {
+      this.comboboxEl.value = value;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  async setFocus() {
+    await componentFocusable(this);
+    await this.comboboxEl.setFocus();
+  }
+  effectiveLocaleWatcher() {
+    updateMessages(this, this.effectiveLocale);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  onLabelClick() {
+    this.setFocus();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    connectForm(this);
+    connectLabel(this);
+    connectLocalized(this);
+    connectMessages(this);
+  }
+  disconnectedCallback() {
+    disconnectForm(this);
+    disconnectLabel(this);
+    disconnectLocalized(this);
+    disconnectMessages(this);
+  }
+  async componentWillLoad() {
+    setUpLoadableComponent(this);
+    await setUpMessages(this);
+    const timeZoneGroups = await generateTimeZoneGroups();
+    this.timeZoneGroups = timeZoneGroups;
+    const offsetToMatch = this.value ?? getUserTimeZoneOffset();
+    this.selectedTimeZoneGroup = timeZoneGroups.find(({ offsetValue }) => 
+    // intentional == to match string to number
+    offsetValue == offsetToMatch);
+    const selectedValue = `${this.selectedTimeZoneGroup.offsetValue}`;
+    afterConnectDefaultValueSet(this, selectedValue);
+    this.value = selectedValue;
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  render() {
+    return (h(Host, null, h("calcite-combobox", { clearDisabled: true, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, open: this.open, overlayPositioning: this.overlayPositioning, scale: this.scale, selectionMode: "single",
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: this.setComboboxRef }, this.timeZoneGroups.map((group) => {
+      const selected = this.selectedTimeZoneGroup === group;
+      const label = group.offsetLabel;
+      const value = group.offsetValue;
+      return (h("calcite-combobox-item", { key: label, selected: selected, textLabel: label, value: `${value}` }));
+    })), h(HiddenFormInputSlot, { component: this })));
+  }
+  static get is() { return "calcite-input-time-zone"; }
+  static get encapsulation() { return "shadow"; }
+  static get delegatesFocus() { return true; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["input-time-zone.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["input-time-zone.css"]
+    };
+  }
+  static get assetsDirs() { return ["assets"]; }
+  static get properties() {
+    return {
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "When `true`, interaction is prevented and the component is displayed with lower opacity."
+        },
+        "attribute": "disabled",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "form": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The ID of the form that will be associated with the component.\n\nWhen not set, the component will be associated with its ancestor form element, if any."
+        },
+        "attribute": "form",
+        "reflect": true
+      },
+      "messages": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "InputTimeZoneMessages",
+          "resolved": "{ chooseTimeZone: string; timeZoneLabel: string; \"Africa/Abidjan\": string; \"Africa/Accra\": string; \"Africa/Addis_Ababa\": string; \"Africa/Algiers\": string; \"Africa/Asmera\": string; \"Africa/Bamako\": string; \"Africa/Bangui\": string; \"Africa/Banjul\": string; \"Africa/Bissau\": string; \"Africa/Blantyre\": string; \"Africa/Brazzaville\": string; \"Africa/Bujumbura\": string; \"Africa/Cairo\": string; \"Africa/Casablanca\": string; \"Africa/Ceuta\": string; \"Africa/Conakry\": string; \"Africa/Dakar\": string; \"Africa/Dar_es_Salaam\": string; \"Africa/Djibouti\": string; \"Africa/Douala\": string; \"Africa/El_Aaiun\": string; \"Africa/Freetown\": string; \"Africa/Gaborone\": string; \"Africa/Harare\": string; \"Africa/Johannesburg\": string; \"Africa/Juba\": string; \"Africa/Kampala\": string; \"Africa/Khartoum\": string; \"Africa/Kigali\": string; \"Africa/Kinshasa\": string; \"Africa/Lagos\": string; \"Africa/Libreville\": string; \"Africa/Lome\": string; \"Africa/Luanda\": string; \"Africa/Lubumbashi\": string; \"Africa/Lusaka\": string; \"Africa/Malabo\": string; \"Africa/Maputo\": string; \"Africa/Maseru\": string; \"Africa/Mbabane\": string; \"Africa/Mogadishu\": string; \"Africa/Monrovia\": string; \"Africa/Nairobi\": string; \"Africa/Ndjamena\": string; \"Africa/Niamey\": string; \"Africa/Nouakchott\": string; \"Africa/Ouagadougou\": string; \"Africa/Porto-Novo\": string; \"Africa/Sao_Tome\": string; \"Africa/Tripoli\": string; \"Africa/Tunis\": string; \"Africa/Windhoek\": string; \"America/Adak\": string; \"America/Anchorage\": string; \"America/Anguilla\": string; \"America/Antigua\": string; \"America/Araguaina\": string; \"America/Argentina/La_Rioja\": string; \"America/Argentina/Rio_Gallegos\": string; \"America/Argentina/Salta\": string; \"America/Argentina/San_Juan\": string; \"America/Argentina/San_Luis\": string; \"America/Argentina/Tucuman\": string; \"America/Argentina/Ushuaia\": string; \"America/Aruba\": string; \"America/Asuncion\": string; \"America/Bahia\": string; \"America/Bahia_Banderas\": string; \"America/Barbados\": string; \"America/Belem\": string; \"America/Belize\": string; \"America/Blanc-Sablon\": string; \"America/Boa_Vista\": string; \"America/Bogota\": string; \"America/Boise\": string; \"America/Buenos_Aires\": string; \"America/Cambridge_Bay\": string; \"America/Campo_Grande\": string; \"America/Cancun\": string; \"America/Caracas\": string; \"America/Catamarca\": string; \"America/Cayenne\": string; \"America/Cayman\": string; \"America/Chicago\": string; \"America/Chihuahua\": string; \"America/Ciudad_Juarez\": string; \"America/Coral_Harbour\": string; \"America/Cordoba\": string; \"America/Costa_Rica\": string; \"America/Creston\": string; \"America/Cuiaba\": string; \"America/Curacao\": string; \"America/Danmarkshavn\": string; \"America/Dawson\": string; \"America/Dawson_Creek\": string; \"America/Denver\": string; \"America/Detroit\": string; \"America/Dominica\": string; \"America/Edmonton\": string; \"America/Eirunepe\": string; \"America/El_Salvador\": string; \"America/Fort_Nelson\": string; \"America/Fortaleza\": string; \"America/Glace_Bay\": string; \"America/Godthab\": string; \"America/Goose_Bay\": string; \"America/Grand_Turk\": string; \"America/Grenada\": string; \"America/Guadeloupe\": string; \"America/Guatemala\": string; \"America/Guayaquil\": string; \"America/Guyana\": string; \"America/Halifax\": string; \"America/Havana\": string; \"America/Hermosillo\": string; \"America/Indiana/Knox\": string; \"America/Indiana/Marengo\": string; \"America/Indiana/Petersburg\": string; \"America/Indiana/Tell_City\": string; \"America/Indiana/Vevay\": string; \"America/Indiana/Vincennes\": string; \"America/Indiana/Winamac\": string; \"America/Indianapolis\": string; \"America/Inuvik\": string; \"America/Iqaluit\": string; \"America/Jamaica\": string; \"America/Jujuy\": string; \"America/Juneau\": string; \"America/Kentucky/Monticello\": string; \"America/Kralendijk\": string; \"America/La_Paz\": string; \"America/Lima\": string; \"America/Los_Angeles\": string; \"America/Louisville\": string; \"America/Lower_Princes\": string; \"America/Maceio\": string; \"America/Managua\": string; \"America/Manaus\": string; \"America/Marigot\": string; \"America/Martinique\": string; \"America/Matamoros\": string; \"America/Mazatlan\": string; \"America/Mendoza\": string; \"America/Menominee\": string; \"America/Merida\": string; \"America/Metlakatla\": string; \"America/Mexico_City\": string; \"America/Miquelon\": string; \"America/Moncton\": string; \"America/Monterrey\": string; \"America/Montevideo\": string; \"America/Montreal\": string; \"America/Montserrat\": string; \"America/Nassau\": string; \"America/New_York\": string; \"America/Nipigon\": string; \"America/Nome\": string; \"America/Noronha\": string; \"America/North_Dakota/Beulah\": string; \"America/North_Dakota/Center\": string; \"America/North_Dakota/New_Salem\": string; \"America/Ojinaga\": string; \"America/Panama\": string; \"America/Pangnirtung\": string; \"America/Paramaribo\": string; \"America/Phoenix\": string; \"America/Port-au-Prince\": string; \"America/Port_of_Spain\": string; \"America/Porto_Velho\": string; \"America/Puerto_Rico\": string; \"America/Punta_Arenas\": string; \"America/Rainy_River\": string; \"America/Rankin_Inlet\": string; \"America/Recife\": string; \"America/Regina\": string; \"America/Resolute\": string; \"America/Rio_Branco\": string; \"America/Santa_Isabel\": string; \"America/Santarem\": string; \"America/Santiago\": string; \"America/Santo_Domingo\": string; \"America/Sao_Paulo\": string; \"America/Scoresbysund\": string; \"America/Sitka\": string; \"America/St_Barthelemy\": string; \"America/St_Johns\": string; \"America/St_Kitts\": string; \"America/St_Lucia\": string; \"America/St_Thomas\": string; \"America/St_Vincent\": string; \"America/Swift_Current\": string; \"America/Tegucigalpa\": string; \"America/Thule\": string; \"America/Thunder_Bay\": string; \"America/Tijuana\": string; \"America/Toronto\": string; \"America/Tortola\": string; \"America/Vancouver\": string; \"America/Whitehorse\": string; \"America/Winnipeg\": string; \"America/Yakutat\": string; \"America/Yellowknife\": string; \"Antarctica/Casey\": string; \"Antarctica/Davis\": string; \"Antarctica/DumontDUrville\": string; \"Antarctica/Macquarie\": string; \"Antarctica/Mawson\": string; \"Antarctica/McMurdo\": string; \"Antarctica/Palmer\": string; \"Antarctica/Rothera\": string; \"Antarctica/Syowa\": string; \"Antarctica/Troll\": string; \"Antarctica/Vostok\": string; \"Arctic/Longyearbyen\": string; \"Asia/Aden\": string; \"Asia/Almaty\": string; \"Asia/Amman\": string; \"Asia/Anadyr\": string; \"Asia/Aqtau\": string; \"Asia/Aqtobe\": string; \"Asia/Ashgabat\": string; \"Asia/Atyrau\": string; \"Asia/Baghdad\": string; \"Asia/Bahrain\": string; \"Asia/Baku\": string; \"Asia/Bangkok\": string; \"Asia/Barnaul\": string; \"Asia/Beirut\": string; \"Asia/Bishkek\": string; \"Asia/Brunei\": string; \"Asia/Calcutta\": string; \"Asia/Chita\": string; \"Asia/Choibalsan\": string; \"Asia/Colombo\": string; \"Asia/Damascus\": string; \"Asia/Dhaka\": string; \"Asia/Dili\": string; \"Asia/Dubai\": string; \"Asia/Dushanbe\": string; \"Asia/Famagusta\": string; \"Asia/Gaza\": string; \"Asia/Hebron\": string; \"Asia/Hong_Kong\": string; \"Asia/Hovd\": string; \"Asia/Irkutsk\": string; \"Asia/Jakarta\": string; \"Asia/Jayapura\": string; \"Asia/Jerusalem\": string; \"Asia/Kabul\": string; \"Asia/Kamchatka\": string; \"Asia/Karachi\": string; \"Asia/Katmandu\": string; \"Asia/Khandyga\": string; \"Asia/Krasnoyarsk\": string; \"Asia/Kuala_Lumpur\": string; \"Asia/Kuching\": string; \"Asia/Kuwait\": string; \"Asia/Macau\": string; \"Asia/Magadan\": string; \"Asia/Makassar\": string; \"Asia/Manila\": string; \"Asia/Muscat\": string; \"Asia/Nicosia\": string; \"Asia/Novokuznetsk\": string; \"Asia/Novosibirsk\": string; \"Asia/Omsk\": string; \"Asia/Oral\": string; \"Asia/Phnom_Penh\": string; \"Asia/Pontianak\": string; \"Asia/Pyongyang\": string; \"Asia/Qatar\": string; \"Asia/Qostanay\": string; \"Asia/Qyzylorda\": string; \"Asia/Rangoon\": string; \"Asia/Riyadh\": string; \"Asia/Saigon\": string; \"Asia/Sakhalin\": string; \"Asia/Samarkand\": string; \"Asia/Seoul\": string; \"Asia/Shanghai\": string; \"Asia/Singapore\": string; \"Asia/Srednekolymsk\": string; \"Asia/Taipei\": string; \"Asia/Tashkent\": string; \"Asia/Tbilisi\": string; \"Asia/Tehran\": string; \"Asia/Thimphu\": string; \"Asia/Tokyo\": string; \"Asia/Tomsk\": string; \"Asia/Ulaanbaatar\": string; \"Asia/Urumqi\": string; \"Asia/Ust-Nera\": string; \"Asia/Vientiane\": string; \"Asia/Vladivostok\": string; \"Asia/Yakutsk\": string; \"Asia/Yekaterinburg\": string; \"Asia/Yerevan\": string; \"Atlantic/Azores\": string; \"Atlantic/Bermuda\": string; \"Atlantic/Canary\": string; \"Atlantic/Cape_Verde\": string; \"Atlantic/Faeroe\": string; \"Atlantic/Madeira\": string; \"Atlantic/Reykjavik\": string; \"Atlantic/South_Georgia\": string; \"Atlantic/St_Helena\": string; \"Atlantic/Stanley\": string; \"Australia/Adelaide\": string; \"Australia/Brisbane\": string; \"Australia/Broken_Hill\": string; \"Australia/Currie\": string; \"Australia/Darwin\": string; \"Australia/Eucla\": string; \"Australia/Hobart\": string; \"Australia/Lindeman\": string; \"Australia/Lord_Howe\": string; \"Australia/Melbourne\": string; \"Australia/Perth\": string; \"Australia/Sydney\": string; \"Europe/Amsterdam\": string; \"Europe/Andorra\": string; \"Europe/Astrakhan\": string; \"Europe/Athens\": string; \"Europe/Belgrade\": string; \"Europe/Berlin\": string; \"Europe/Bratislava\": string; \"Europe/Brussels\": string; \"Europe/Bucharest\": string; \"Europe/Budapest\": string; \"Europe/Busingen\": string; \"Europe/Chisinau\": string; \"Europe/Copenhagen\": string; \"Europe/Dublin\": string; \"Europe/Gibraltar\": string; \"Europe/Guernsey\": string; \"Europe/Helsinki\": string; \"Europe/Isle_of_Man\": string; \"Europe/Istanbul\": string; \"Europe/Jersey\": string; \"Europe/Kaliningrad\": string; \"Europe/Kiev\": string; \"Europe/Kirov\": string; \"Europe/Lisbon\": string; \"Europe/Ljubljana\": string; \"Europe/London\": string; \"Europe/Luxembourg\": string; \"Europe/Madrid\": string; \"Europe/Malta\": string; \"Europe/Mariehamn\": string; \"Europe/Minsk\": string; \"Europe/Monaco\": string; \"Europe/Moscow\": string; \"Europe/Oslo\": string; \"Europe/Paris\": string; \"Europe/Podgorica\": string; \"Europe/Prague\": string; \"Europe/Riga\": string; \"Europe/Rome\": string; \"Europe/Samara\": string; \"Europe/San_Marino\": string; \"Europe/Sarajevo\": string; \"Europe/Saratov\": string; \"Europe/Simferopol\": string; \"Europe/Skopje\": string; \"Europe/Sofia\": string; \"Europe/Stockholm\": string; \"Europe/Tallinn\": string; \"Europe/Tirane\": string; \"Europe/Ulyanovsk\": string; \"Europe/Uzhgorod\": string; \"Europe/Vaduz\": string; \"Europe/Vatican\": string; \"Europe/Vienna\": string; \"Europe/Vilnius\": string; \"Europe/Volgograd\": string; \"Europe/Warsaw\": string; \"Europe/Zagreb\": string; \"Europe/Zaporozhye\": string; \"Europe/Zurich\": string; \"Indian/Antananarivo\": string; \"Indian/Chagos\": string; \"Indian/Christmas\": string; \"Indian/Cocos\": string; \"Indian/Comoro\": string; \"Indian/Kerguelen\": string; \"Indian/Mahe\": string; \"Indian/Maldives\": string; \"Indian/Mauritius\": string; \"Indian/Mayotte\": string; \"Indian/Reunion\": string; \"Pacific/Apia\": string; \"Pacific/Auckland\": string; \"Pacific/Bougainville\": string; \"Pacific/Chatham\": string; \"Pacific/Easter\": string; \"Pacific/Efate\": string; \"Pacific/Enderbury\": string; \"Pacific/Fakaofo\": string; \"Pacific/Fiji\": string; \"Pacific/Funafuti\": string; \"Pacific/Galapagos\": string; \"Pacific/Gambier\": string; \"Pacific/Guadalcanal\": string; \"Pacific/Guam\": string; \"Pacific/Honolulu\": string; \"Pacific/Johnston\": string; \"Pacific/Kiritimati\": string; \"Pacific/Kosrae\": string; \"Pacific/Kwajalein\": string; \"Pacific/Majuro\": string; \"Pacific/Marquesas\": string; \"Pacific/Midway\": string; \"Pacific/Nauru\": string; \"Pacific/Niue\": string; \"Pacific/Norfolk\": string; \"Pacific/Noumea\": string; \"Pacific/Pago_Pago\": string; \"Pacific/Palau\": string; \"Pacific/Pitcairn\": string; \"Pacific/Ponape\": string; \"Pacific/Port_Moresby\": string; \"Pacific/Rarotonga\": string; \"Pacific/Saipan\": string; \"Pacific/Tahiti\": string; \"Pacific/Tarawa\": string; \"Pacific/Tongatapu\": string; \"Pacific/Truk\": string; \"Pacific/Wake\": string; \"Pacific/Wallis\": string; }",
+          "references": {
+            "InputTimeZoneMessages": {
+              "location": "import",
+              "path": "./assets/input-time-zone/t9n"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "Made into a prop for testing purposes only"
+        }
+      },
+      "messageOverrides": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Partial<InputTimeZoneMessages>",
+          "resolved": "{ chooseTimeZone?: string; timeZoneLabel?: string; \"Africa/Abidjan\"?: string; \"Africa/Accra\"?: string; \"Africa/Addis_Ababa\"?: string; \"Africa/Algiers\"?: string; \"Africa/Asmera\"?: string; \"Africa/Bamako\"?: string; \"Africa/Bangui\"?: string; \"Africa/Banjul\"?: string; \"Africa/Bissau\"?: string; \"Africa/Blantyre\"?: string; \"Africa/Brazzaville\"?: string; \"Africa/Bujumbura\"?: string; \"Africa/Cairo\"?: string; \"Africa/Casablanca\"?: string; \"Africa/Ceuta\"?: string; \"Africa/Conakry\"?: string; \"Africa/Dakar\"?: string; \"Africa/Dar_es_Salaam\"?: string; \"Africa/Djibouti\"?: string; \"Africa/Douala\"?: string; \"Africa/El_Aaiun\"?: string; \"Africa/Freetown\"?: string; \"Africa/Gaborone\"?: string; \"Africa/Harare\"?: string; \"Africa/Johannesburg\"?: string; \"Africa/Juba\"?: string; \"Africa/Kampala\"?: string; \"Africa/Khartoum\"?: string; \"Africa/Kigali\"?: string; \"Africa/Kinshasa\"?: string; \"Africa/Lagos\"?: string; \"Africa/Libreville\"?: string; \"Africa/Lome\"?: string; \"Africa/Luanda\"?: string; \"Africa/Lubumbashi\"?: string; \"Africa/Lusaka\"?: string; \"Africa/Malabo\"?: string; \"Africa/Maputo\"?: string; \"Africa/Maseru\"?: string; \"Africa/Mbabane\"?: string; \"Africa/Mogadishu\"?: string; \"Africa/Monrovia\"?: string; \"Africa/Nairobi\"?: string; \"Africa/Ndjamena\"?: string; \"Africa/Niamey\"?: string; \"Africa/Nouakchott\"?: string; \"Africa/Ouagadougou\"?: string; \"Africa/Porto-Novo\"?: string; \"Africa/Sao_Tome\"?: string; \"Africa/Tripoli\"?: string; \"Africa/Tunis\"?: string; \"Africa/Windhoek\"?: string; \"America/Adak\"?: string; \"America/Anchorage\"?: string; \"America/Anguilla\"?: string; \"America/Antigua\"?: string; \"America/Araguaina\"?: string; \"America/Argentina/La_Rioja\"?: string; \"America/Argentina/Rio_Gallegos\"?: string; \"America/Argentina/Salta\"?: string; \"America/Argentina/San_Juan\"?: string; \"America/Argentina/San_Luis\"?: string; \"America/Argentina/Tucuman\"?: string; \"America/Argentina/Ushuaia\"?: string; \"America/Aruba\"?: string; \"America/Asuncion\"?: string; \"America/Bahia\"?: string; \"America/Bahia_Banderas\"?: string; \"America/Barbados\"?: string; \"America/Belem\"?: string; \"America/Belize\"?: string; \"America/Blanc-Sablon\"?: string; \"America/Boa_Vista\"?: string; \"America/Bogota\"?: string; \"America/Boise\"?: string; \"America/Buenos_Aires\"?: string; \"America/Cambridge_Bay\"?: string; \"America/Campo_Grande\"?: string; \"America/Cancun\"?: string; \"America/Caracas\"?: string; \"America/Catamarca\"?: string; \"America/Cayenne\"?: string; \"America/Cayman\"?: string; \"America/Chicago\"?: string; \"America/Chihuahua\"?: string; \"America/Ciudad_Juarez\"?: string; \"America/Coral_Harbour\"?: string; \"America/Cordoba\"?: string; \"America/Costa_Rica\"?: string; \"America/Creston\"?: string; \"America/Cuiaba\"?: string; \"America/Curacao\"?: string; \"America/Danmarkshavn\"?: string; \"America/Dawson\"?: string; \"America/Dawson_Creek\"?: string; \"America/Denver\"?: string; \"America/Detroit\"?: string; \"America/Dominica\"?: string; \"America/Edmonton\"?: string; \"America/Eirunepe\"?: string; \"America/El_Salvador\"?: string; \"America/Fort_Nelson\"?: string; \"America/Fortaleza\"?: string; \"America/Glace_Bay\"?: string; \"America/Godthab\"?: string; \"America/Goose_Bay\"?: string; \"America/Grand_Turk\"?: string; \"America/Grenada\"?: string; \"America/Guadeloupe\"?: string; \"America/Guatemala\"?: string; \"America/Guayaquil\"?: string; \"America/Guyana\"?: string; \"America/Halifax\"?: string; \"America/Havana\"?: string; \"America/Hermosillo\"?: string; \"America/Indiana/Knox\"?: string; \"America/Indiana/Marengo\"?: string; \"America/Indiana/Petersburg\"?: string; \"America/Indiana/Tell_City\"?: string; \"America/Indiana/Vevay\"?: string; \"America/Indiana/Vincennes\"?: string; \"America/Indiana/Winamac\"?: string; \"America/Indianapolis\"?: string; \"America/Inuvik\"?: string; \"America/Iqaluit\"?: string; \"America/Jamaica\"?: string; \"America/Jujuy\"?: string; \"America/Juneau\"?: string; \"America/Kentucky/Monticello\"?: string; \"America/Kralendijk\"?: string; \"America/La_Paz\"?: string; \"America/Lima\"?: string; \"America/Los_Angeles\"?: string; \"America/Louisville\"?: string; \"America/Lower_Princes\"?: string; \"America/Maceio\"?: string; \"America/Managua\"?: string; \"America/Manaus\"?: string; \"America/Marigot\"?: string; \"America/Martinique\"?: string; \"America/Matamoros\"?: string; \"America/Mazatlan\"?: string; \"America/Mendoza\"?: string; \"America/Menominee\"?: string; \"America/Merida\"?: string; \"America/Metlakatla\"?: string; \"America/Mexico_City\"?: string; \"America/Miquelon\"?: string; \"America/Moncton\"?: string; \"America/Monterrey\"?: string; \"America/Montevideo\"?: string; \"America/Montreal\"?: string; \"America/Montserrat\"?: string; \"America/Nassau\"?: string; \"America/New_York\"?: string; \"America/Nipigon\"?: string; \"America/Nome\"?: string; \"America/Noronha\"?: string; \"America/North_Dakota/Beulah\"?: string; \"America/North_Dakota/Center\"?: string; \"America/North_Dakota/New_Salem\"?: string; \"America/Ojinaga\"?: string; \"America/Panama\"?: string; \"America/Pangnirtung\"?: string; \"America/Paramaribo\"?: string; \"America/Phoenix\"?: string; \"America/Port-au-Prince\"?: string; \"America/Port_of_Spain\"?: string; \"America/Porto_Velho\"?: string; \"America/Puerto_Rico\"?: string; \"America/Punta_Arenas\"?: string; \"America/Rainy_River\"?: string; \"America/Rankin_Inlet\"?: string; \"America/Recife\"?: string; \"America/Regina\"?: string; \"America/Resolute\"?: string; \"America/Rio_Branco\"?: string; \"America/Santa_Isabel\"?: string; \"America/Santarem\"?: string; \"America/Santiago\"?: string; \"America/Santo_Domingo\"?: string; \"America/Sao_Paulo\"?: string; \"America/Scoresbysund\"?: string; \"America/Sitka\"?: string; \"America/St_Barthelemy\"?: string; \"America/St_Johns\"?: string; \"America/St_Kitts\"?: string; \"America/St_Lucia\"?: string; \"America/St_Thomas\"?: string; \"America/St_Vincent\"?: string; \"America/Swift_Current\"?: string; \"America/Tegucigalpa\"?: string; \"America/Thule\"?: string; \"America/Thunder_Bay\"?: string; \"America/Tijuana\"?: string; \"America/Toronto\"?: string; \"America/Tortola\"?: string; \"America/Vancouver\"?: string; \"America/Whitehorse\"?: string; \"America/Winnipeg\"?: string; \"America/Yakutat\"?: string; \"America/Yellowknife\"?: string; \"Antarctica/Casey\"?: string; \"Antarctica/Davis\"?: string; \"Antarctica/DumontDUrville\"?: string; \"Antarctica/Macquarie\"?: string; \"Antarctica/Mawson\"?: string; \"Antarctica/McMurdo\"?: string; \"Antarctica/Palmer\"?: string; \"Antarctica/Rothera\"?: string; \"Antarctica/Syowa\"?: string; \"Antarctica/Troll\"?: string; \"Antarctica/Vostok\"?: string; \"Arctic/Longyearbyen\"?: string; \"Asia/Aden\"?: string; \"Asia/Almaty\"?: string; \"Asia/Amman\"?: string; \"Asia/Anadyr\"?: string; \"Asia/Aqtau\"?: string; \"Asia/Aqtobe\"?: string; \"Asia/Ashgabat\"?: string; \"Asia/Atyrau\"?: string; \"Asia/Baghdad\"?: string; \"Asia/Bahrain\"?: string; \"Asia/Baku\"?: string; \"Asia/Bangkok\"?: string; \"Asia/Barnaul\"?: string; \"Asia/Beirut\"?: string; \"Asia/Bishkek\"?: string; \"Asia/Brunei\"?: string; \"Asia/Calcutta\"?: string; \"Asia/Chita\"?: string; \"Asia/Choibalsan\"?: string; \"Asia/Colombo\"?: string; \"Asia/Damascus\"?: string; \"Asia/Dhaka\"?: string; \"Asia/Dili\"?: string; \"Asia/Dubai\"?: string; \"Asia/Dushanbe\"?: string; \"Asia/Famagusta\"?: string; \"Asia/Gaza\"?: string; \"Asia/Hebron\"?: string; \"Asia/Hong_Kong\"?: string; \"Asia/Hovd\"?: string; \"Asia/Irkutsk\"?: string; \"Asia/Jakarta\"?: string; \"Asia/Jayapura\"?: string; \"Asia/Jerusalem\"?: string; \"Asia/Kabul\"?: string; \"Asia/Kamchatka\"?: string; \"Asia/Karachi\"?: string; \"Asia/Katmandu\"?: string; \"Asia/Khandyga\"?: string; \"Asia/Krasnoyarsk\"?: string; \"Asia/Kuala_Lumpur\"?: string; \"Asia/Kuching\"?: string; \"Asia/Kuwait\"?: string; \"Asia/Macau\"?: string; \"Asia/Magadan\"?: string; \"Asia/Makassar\"?: string; \"Asia/Manila\"?: string; \"Asia/Muscat\"?: string; \"Asia/Nicosia\"?: string; \"Asia/Novokuznetsk\"?: string; \"Asia/Novosibirsk\"?: string; \"Asia/Omsk\"?: string; \"Asia/Oral\"?: string; \"Asia/Phnom_Penh\"?: string; \"Asia/Pontianak\"?: string; \"Asia/Pyongyang\"?: string; \"Asia/Qatar\"?: string; \"Asia/Qostanay\"?: string; \"Asia/Qyzylorda\"?: string; \"Asia/Rangoon\"?: string; \"Asia/Riyadh\"?: string; \"Asia/Saigon\"?: string; \"Asia/Sakhalin\"?: string; \"Asia/Samarkand\"?: string; \"Asia/Seoul\"?: string; \"Asia/Shanghai\"?: string; \"Asia/Singapore\"?: string; \"Asia/Srednekolymsk\"?: string; \"Asia/Taipei\"?: string; \"Asia/Tashkent\"?: string; \"Asia/Tbilisi\"?: string; \"Asia/Tehran\"?: string; \"Asia/Thimphu\"?: string; \"Asia/Tokyo\"?: string; \"Asia/Tomsk\"?: string; \"Asia/Ulaanbaatar\"?: string; \"Asia/Urumqi\"?: string; \"Asia/Ust-Nera\"?: string; \"Asia/Vientiane\"?: string; \"Asia/Vladivostok\"?: string; \"Asia/Yakutsk\"?: string; \"Asia/Yekaterinburg\"?: string; \"Asia/Yerevan\"?: string; \"Atlantic/Azores\"?: string; \"Atlantic/Bermuda\"?: string; \"Atlantic/Canary\"?: string; \"Atlantic/Cape_Verde\"?: string; \"Atlantic/Faeroe\"?: string; \"Atlantic/Madeira\"?: string; \"Atlantic/Reykjavik\"?: string; \"Atlantic/South_Georgia\"?: string; \"Atlantic/St_Helena\"?: string; \"Atlantic/Stanley\"?: string; \"Australia/Adelaide\"?: string; \"Australia/Brisbane\"?: string; \"Australia/Broken_Hill\"?: string; \"Australia/Currie\"?: string; \"Australia/Darwin\"?: string; \"Australia/Eucla\"?: string; \"Australia/Hobart\"?: string; \"Australia/Lindeman\"?: string; \"Australia/Lord_Howe\"?: string; \"Australia/Melbourne\"?: string; \"Australia/Perth\"?: string; \"Australia/Sydney\"?: string; \"Europe/Amsterdam\"?: string; \"Europe/Andorra\"?: string; \"Europe/Astrakhan\"?: string; \"Europe/Athens\"?: string; \"Europe/Belgrade\"?: string; \"Europe/Berlin\"?: string; \"Europe/Bratislava\"?: string; \"Europe/Brussels\"?: string; \"Europe/Bucharest\"?: string; \"Europe/Budapest\"?: string; \"Europe/Busingen\"?: string; \"Europe/Chisinau\"?: string; \"Europe/Copenhagen\"?: string; \"Europe/Dublin\"?: string; \"Europe/Gibraltar\"?: string; \"Europe/Guernsey\"?: string; \"Europe/Helsinki\"?: string; \"Europe/Isle_of_Man\"?: string; \"Europe/Istanbul\"?: string; \"Europe/Jersey\"?: string; \"Europe/Kaliningrad\"?: string; \"Europe/Kiev\"?: string; \"Europe/Kirov\"?: string; \"Europe/Lisbon\"?: string; \"Europe/Ljubljana\"?: string; \"Europe/London\"?: string; \"Europe/Luxembourg\"?: string; \"Europe/Madrid\"?: string; \"Europe/Malta\"?: string; \"Europe/Mariehamn\"?: string; \"Europe/Minsk\"?: string; \"Europe/Monaco\"?: string; \"Europe/Moscow\"?: string; \"Europe/Oslo\"?: string; \"Europe/Paris\"?: string; \"Europe/Podgorica\"?: string; \"Europe/Prague\"?: string; \"Europe/Riga\"?: string; \"Europe/Rome\"?: string; \"Europe/Samara\"?: string; \"Europe/San_Marino\"?: string; \"Europe/Sarajevo\"?: string; \"Europe/Saratov\"?: string; \"Europe/Simferopol\"?: string; \"Europe/Skopje\"?: string; \"Europe/Sofia\"?: string; \"Europe/Stockholm\"?: string; \"Europe/Tallinn\"?: string; \"Europe/Tirane\"?: string; \"Europe/Ulyanovsk\"?: string; \"Europe/Uzhgorod\"?: string; \"Europe/Vaduz\"?: string; \"Europe/Vatican\"?: string; \"Europe/Vienna\"?: string; \"Europe/Vilnius\"?: string; \"Europe/Volgograd\"?: string; \"Europe/Warsaw\"?: string; \"Europe/Zagreb\"?: string; \"Europe/Zaporozhye\"?: string; \"Europe/Zurich\"?: string; \"Indian/Antananarivo\"?: string; \"Indian/Chagos\"?: string; \"Indian/Christmas\"?: string; \"Indian/Cocos\"?: string; \"Indian/Comoro\"?: string; \"Indian/Kerguelen\"?: string; \"Indian/Mahe\"?: string; \"Indian/Maldives\"?: string; \"Indian/Mauritius\"?: string; \"Indian/Mayotte\"?: string; \"Indian/Reunion\"?: string; \"Pacific/Apia\"?: string; \"Pacific/Auckland\"?: string; \"Pacific/Bougainville\"?: string; \"Pacific/Chatham\"?: string; \"Pacific/Easter\"?: string; \"Pacific/Efate\"?: string; \"Pacific/Enderbury\"?: string; \"Pacific/Fakaofo\"?: string; \"Pacific/Fiji\"?: string; \"Pacific/Funafuti\"?: string; \"Pacific/Galapagos\"?: string; \"Pacific/Gambier\"?: string; \"Pacific/Guadalcanal\"?: string; \"Pacific/Guam\"?: string; \"Pacific/Honolulu\"?: string; \"Pacific/Johnston\"?: string; \"Pacific/Kiritimati\"?: string; \"Pacific/Kosrae\"?: string; \"Pacific/Kwajalein\"?: string; \"Pacific/Majuro\"?: string; \"Pacific/Marquesas\"?: string; \"Pacific/Midway\"?: string; \"Pacific/Nauru\"?: string; \"Pacific/Niue\"?: string; \"Pacific/Norfolk\"?: string; \"Pacific/Noumea\"?: string; \"Pacific/Pago_Pago\"?: string; \"Pacific/Palau\"?: string; \"Pacific/Pitcairn\"?: string; \"Pacific/Ponape\"?: string; \"Pacific/Port_Moresby\"?: string; \"Pacific/Rarotonga\"?: string; \"Pacific/Saipan\"?: string; \"Pacific/Tahiti\"?: string; \"Pacific/Tarawa\"?: string; \"Pacific/Tongatapu\"?: string; \"Pacific/Truk\"?: string; \"Pacific/Wake\"?: string; \"Pacific/Wallis\"?: string; }",
+          "references": {
+            "Partial": {
+              "location": "global"
+            },
+            "InputTimeZoneMessages": {
+              "location": "import",
+              "path": "./assets/input-time-zone/t9n"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Use this property to override individual strings used by the component."
+        }
+      },
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the name of the component.\n\nRequired to pass the component's `value` on form submission."
+        },
+        "attribute": "name",
+        "reflect": true
+      },
+      "open": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "When `true`, displays and positions the component."
+        },
+        "attribute": "open",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "overlayPositioning": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "OverlayPositioning",
+          "resolved": "\"absolute\" | \"fixed\"",
+          "references": {
+            "OverlayPositioning": {
+              "location": "import",
+              "path": "../../utils/floating-ui"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Determines the type of positioning to use for the overlaid content.\n\nUsing `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n\n`\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`."
+        },
+        "attribute": "overlay-positioning",
+        "reflect": true,
+        "defaultValue": "\"absolute\""
+      },
+      "required": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "When `true`, the component must have a value in order for the form to submit."
+        },
+        "attribute": "required",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "scale": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Scale",
+          "resolved": "\"l\" | \"m\" | \"s\"",
+          "references": {
+            "Scale": {
+              "location": "import",
+              "path": "../interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the size of the component."
+        },
+        "attribute": "scale",
+        "reflect": true,
+        "defaultValue": "\"m\""
+      },
+      "value": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "see",
+              "text": "https://www.w3.org/International/core/2005/09/timezone.html#:~:text=What%20is%20a%20%22zone%20offset,or%20%22%2D%22%20from%20UTC."
+            }],
+          "text": "The component's value, where the value is the time zone offset or the difference, in minutes, between the selected time zone and UTC.\n\nIf no value is provided, the user's time zone offset will be selected by default."
+        },
+        "attribute": "value",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "defaultMessages": {},
+      "effectiveLocale": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "calciteInputTimeZoneBeforeClose",
+        "name": "calciteInputTimeZoneBeforeClose",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "calciteInputTimeZoneBeforeOpen",
+        "name": "calciteInputTimeZoneBeforeOpen",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "calciteInputTimeZoneChange",
+        "name": "calciteInputTimeZoneChange",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "calciteInputTimeZoneClose",
+        "name": "calciteInputTimeZoneClose",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "calciteInputTimeZoneOpen",
+        "name": "calciteInputTimeZoneOpen",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+  static get watchers() {
+    return [{
+        "propName": "messageOverrides",
+        "methodName": "onMessagesChange"
+      }, {
+        "propName": "value",
+        "methodName": "valueWatcher"
+      }, {
+        "propName": "effectiveLocale",
+        "methodName": "effectiveLocaleWatcher"
+      }];
+  }
+}

package/dist/collection/components/input-time-zone/utils.js

@@ -0,0 +1,38 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.1-next.0
+ */
+const hourToMinutes = 60;
+export function getUserTimeZoneOffset() {
+  const localDate = new Date();
+  return localDate.getTimezoneOffset() * -1;
+}
+function getFallbackTimeZoneGroups() {
+  const timeZoneOffsets = [
+    -11, -10, -9.5, -9, -8, -7, -6, -5, -4, -3, -2.5, -2, -1, 0, 1, 2, 3, 3.5, 4, 4.5, 5, 6, 6.5, 7, 8, 8.75, 9, 9.5,
+    10, 10.5, 11, 12, 12.75, 13, 14,
+  ];
+  return timeZoneOffsets.map((offset) => {
+    return {
+      offsetValue: offset * hourToMinutes,
+      offsetLabel: toGMTLabel(offset),
+    };
+  });
+}
+/**
+ * Exported for testing-purposes only
+ *
+ * @internal
+ */
+export function toGMTLabel(offsetInHours) {
+  return `GMT${offsetInHours === 0 ? "" : offsetInHours.toLocaleString("en", { signDisplay: "always" })}`;
+}
+let timeZoneGeneration;
+export async function generateTimeZoneGroups() {
+  if (timeZoneGeneration) {
+    return timeZoneGeneration;
+  }
+  timeZoneGeneration = Promise.resolve(getFallbackTimeZoneGroups());
+  return timeZoneGeneration;
+}