@esri/solutions-components 0.10.9 → 0.10.11

package/dist/components/form.js

@@ -9,7 +9,7 @@ import { q as queryElementRoots, c as closestElementCrossShadowBoundary } from '
 /*!
  * 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.11.1
+ * v2.12.0
  */
 /**
  * Any form <Component> with a `calcite<Component>Input` event needs to be included in this array.

package/dist/components/graph.js

@@ -10,7 +10,7 @@ import { c as createObserver } from './observers.js';
 /*!
  * 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.11.1
+ * v2.12.0
  */
 /**
  * Calculate slope of the tangents

package/dist/components/guid.js

@@ -6,7 +6,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.1
+ * v2.12.0
  */
 function gen(counts) {
     return counts

package/dist/components/handle.js

@@ -14,7 +14,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * 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.11.1
+ * v2.12.0
  */
 const CSS = {
     handle: "handle",
@@ -175,11 +175,11 @@ const Handle = /*@__PURE__*/ proxyCustomElement(class Handle extends HTMLElement
     render() {
         return (
         // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486
-        h("span", { key: 'fc7e1d455dfa8a6815cfbfaead80624a02980bf0', "aria-checked": this.disabled ? null : toAriaBoolean(this.selected), "aria-disabled": this.disabled ? toAriaBoolean(this.disabled) : null, "aria-label": this.disabled ? null : this.getAriaText("label"), class: { [CSS.handle]: true, [CSS.handleSelected]: !this.disabled && this.selected }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
+        h("span", { key: '043550c81bdf21e953f33e7b3ffc04c982ae17e3', "aria-checked": this.disabled ? null : toAriaBoolean(this.selected), "aria-disabled": this.disabled ? toAriaBoolean(this.disabled) : null, "aria-label": this.disabled ? null : this.getAriaText("label"), class: { [CSS.handle]: true, [CSS.handleSelected]: !this.disabled && this.selected }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
                 this.handleButton = el;
             },
             // role of radio is being applied to allow space key to select in screen readers
-            role: "radio", tabIndex: this.disabled ? null : 0, title: this.getTooltip() }, h("calcite-icon", { key: 'c1c1a14e910437abf1e6860815d12e3f11835a63', icon: ICONS.drag, scale: "s" })));
+            role: "radio", tabIndex: this.disabled ? null : 0, title: this.getTooltip() }, h("calcite-icon", { key: '1d432a3f6e17366782fe92b8347f2f301b181b7b', icon: ICONS.drag, scale: "s" })));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/icon.js

@@ -11,7 +11,7 @@ import { i as isBrowser } from './browser.js';
 /*!
  * 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.11.1
+ * v2.12.0
  */
 const CSS = {
     icon: "icon",
@@ -21,7 +21,7 @@ const CSS = {
 /*!
  * 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.11.1
+ * v2.12.0
  */
 /**
  * Icon data cache.
@@ -106,7 +106,7 @@ function normalizeIconName(name) {
     return numberLeadingName ? `i${name}` : name;
 }
 
-const iconCss = ":host{display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}";
+const iconCss = ":host{display:inline-flex;color:var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteIconStyle0 = iconCss;
 
 const Icon = /*@__PURE__*/ proxyCustomElement(class Icon extends HTMLElement {
@@ -144,7 +144,7 @@ const Icon = /*@__PURE__*/ proxyCustomElement(class Icon extends HTMLElement {
         const size = scaleToPx[scale];
         const semantic = !!textLabel;
         const paths = [].concat(pathData || "");
-        return (h(Host, { key: 'cc43afdebd39df596be0a30677a9be5ba0db4fe0', "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, h("svg", { key: 'a40833fc10f8bb7f287eb0c75f7437cb18880603', "aria-hidden": "true", class: {
+        return (h(Host, { key: '41c9d3006a5887061fdb2144102447b2f490eb72', "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, h("svg", { key: '9fc84ba4eac40fc822babbfe276b2add5ee1c952', "aria-hidden": "true", class: {
                 [CSS.flipRtl]: dir === "rtl" && flipRtl,
                 svg: true,
             }, fill: "currentColor", height: "100%", viewBox: `0 0 ${size} ${size}`, width: "100%", xmlns: "http://www.w3.org/2000/svg" }, paths.map((path) => typeof path === "string" ? (h("path", { d: path })) : (h("path", { d: path.d, opacity: "opacity" in path ? path.opacity : 1 }))))));

package/dist/components/index.js

@@ -11,7 +11,7 @@ export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stenc
 /*!
  * 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.11.1
+ * v2.12.0
  */
 /**
  * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.
@@ -42,7 +42,7 @@ function initModeChangeEvent() {
 /*!
  * 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.11.1
+ * v2.12.0
  */
 /**
  * This file is imported in Stencil's `globalScript` config option.

package/dist/components/index4.js

@@ -3,202 +3,10 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-const supportedTimeZones = (() => {
-    const platformTimeZones = Intl.supportedValuesOf('timeZone');
-    // not all browsers include these time zones, so we add them to ensure consistent groups
-    const etcTimeZones = [
-        "Etc/GMT+1",
-        "Etc/GMT+10",
-        "Etc/GMT+11",
-        "Etc/GMT+12",
-        "Etc/GMT+2",
-        "Etc/GMT+3",
-        "Etc/GMT+4",
-        "Etc/GMT+5",
-        "Etc/GMT+6",
-        "Etc/GMT+7",
-        "Etc/GMT+8",
-        "Etc/GMT+9",
-        "Etc/GMT-1",
-        "Etc/GMT-10",
-        "Etc/GMT-11",
-        "Etc/GMT-12",
-        "Etc/GMT-13",
-        "Etc/GMT-14",
-        "Etc/GMT-2",
-        "Etc/GMT-3",
-        "Etc/GMT-4",
-        "Etc/GMT-5",
-        "Etc/GMT-6",
-        "Etc/GMT-7",
-        "Etc/GMT-8",
-        "Etc/GMT-9"
-    ];
-    return [...new Set([...platformTimeZones, ...etcTimeZones])];
-})();
+import { t as timeZones } from './time-zones.js';
 
-const now = new Date();
-const startDate = now.toISOString();
-const daysInYear = 365;
-const groupDateRange = daysInYear;
-const defaultGroupingOptions = {
-    startDate,
-    groupDateRange,
-    debug: false,
-};
-
-const continentAllowList = new Set([
-    'Europe',
-    'Asia',
-    'America',
-    'America/Argentina',
-    'Africa',
-    'Australia',
-    'Pacific',
-    'Atlantic',
-    'Antarctica',
-    'Arctic',
-    'Indian',
-]);
-const _getDates = (startDate, numberDays, dateEngine) => {
-    const dateArray = [];
-    let date = dateEngine.create(startDate);
-    for (let i = 0; i <= numberDays; i++) {
-        date = dateEngine.increase(date);
-        dateArray.push(dateEngine.formatToIsoDateString(date));
-    }
-    return dateArray;
-};
-const _extractContinent = (label) => {
-    if (label.includes('Istanbul')) {
-        return 'Europe';
-    }
-    const lastIndex = label.lastIndexOf('/');
-    return lastIndex === -1 ? label : label.slice(0, lastIndex);
-};
-const _isRegularContinent = (continent) => continentAllowList.has(continent);
-const generateTimeZoneMetadata = (timeZoneItems, startDate, numberDays, dateEngine, debug = false) => {
-    const processedDates = new Map();
-    if (debug) {
-        console.log(`Initializing data starting ${startDate} with ${numberDays} days in the future, comparing ${timeZoneItems.length} timezones`);
-    }
-    const theDates = _getDates(startDate, numberDays, dateEngine);
-    return timeZoneItems.map((tzItem) => {
-        const label = tzItem.label;
-        const continent = _extractContinent(label);
-        const dates = theDates.map((date) => {
-            const key = `${date}-${label}`;
-            let utc = processedDates.get(key);
-            if (utc) {
-                return utc;
-            }
-            utc = dateEngine.isoToTimeZone(date, label);
-            processedDates.set(key, utc);
-            return utc;
-        });
-        return {
-            ...tzItem,
-            continent,
-            isRegularContinent: _isRegularContinent(continent),
-            dates,
-        };
-    });
-};
-const compareDateArrs = (array1, array2, dateEngine) => array1.length === array2.length &&
-    array1.every((value, index) => dateEngine.same(value, array2[index]));
-const getGroupLabelTimeZoneIndices = (rawTZs, max = 5) => {
-    const shrinkedTzs = rawTZs.filter(({ label }) => _isRegularContinent(_extractContinent(label)));
-    if (shrinkedTzs.length === 0) {
-        return [0];
-    }
-    const validLabels = shrinkedTzs.map((tz) => rawTZs.indexOf(tz));
-    return equallyDistributedSampling(validLabels, max);
-};
-function equallyDistributedSampling(items, maxItems = 5) {
-    const totalItems = items.length;
-    if (totalItems <= maxItems) {
-        return items;
-    }
-    const numberItemsToSelect = Math.min(totalItems - 2, maxItems - 2);
-    const stepSize = (totalItems - 1) / (numberItemsToSelect + 1);
-    return [
-        items[0],
-        ...Array.from({ length: numberItemsToSelect }, (_, i) => items[Math.round((i + 1) * stepSize)]),
-        items[totalItems - 1],
-    ];
-}
-
-async function groupTimeZones(options) {
-    const { debug, groupDateRange, hooks, startDate, dateEngine } = {
-        ...defaultGroupingOptions,
-        ...options,
-    };
-    const grouping = [];
-    if (!dateEngine) {
-        throw new Error('dateEngine is required');
-    }
-    const timeZoneItems = supportedTimeZones.map((tz) => ({ label: tz }));
-    hooks?.onBeforeTimeZoneMetadataCreate?.(timeZoneItems);
-    const timeZoneMetadata = generateTimeZoneMetadata(timeZoneItems, startDate, groupDateRange, dateEngine, debug);
-    hooks?.onTimeZoneMetadataCreate?.(timeZoneMetadata);
-    // We traverse the mappedDB and see if we find matches by comparing each set
-    // of transformed date for that specific TZ.
-    for (const tzMetadatumI of timeZoneMetadata) {
-        const { label, continent, dates } = tzMetadatumI;
-        // ignore if we visited this element already
-        if (tzMetadatumI.visited) {
-            continue;
-        }
-        // Mark element as already visited
-        tzMetadatumI.visited = true;
-        // The grouped timezone that we want as a result
-        const newGroup = {
-            labelTzIndices: undefined,
-            tzs: [{ label }],
-        };
-        hooks?.onGroupCreate?.(newGroup, tzMetadatumI);
-        for (const tzMetadatumJ of timeZoneMetadata.filter((_) => !_.visited)) {
-            const { label: labelJ, continent: continentJ, isRegularContinent: isRegularContinentJ, dates: datesJ, } = tzMetadatumJ;
-            // We define a matching TZ by:
-            // 1) if both continents match (avoid grouping Antarctica with anything else)
-            // 2) if the transformed dates match in both TZs
-            if ((continent === continentJ || !isRegularContinentJ) &&
-                compareDateArrs(dates, datesJ, dateEngine)) {
-                const tzItem = { label: labelJ };
-                newGroup.tzs.push(tzItem);
-                hooks?.onGroupTimeZoneAdd?.(newGroup, tzItem, tzMetadatumJ);
-                // Mark element as already visited
-                tzMetadatumJ.visited = true;
-            }
-        }
-        grouping.push(newGroup);
-        hooks?.onGroupAdd?.(newGroup);
-    }
-    // Now that we have a group, we want an easy way to find a fitting label for the group
-    // which is defined as the list of the most-common 7 cities, shown in alphabetical order
-    const finalGrouping = grouping
-        .map((group) => {
-        hooks?.onBeforeFinalGroupCreate?.(group);
-        group.tzs = group.tzs.sort((a, b) => a.label.localeCompare(b.label));
-        const finalGrouping = {
-            labelTzIndices: getGroupLabelTimeZoneIndices(group.tzs, 7),
-            tzs: group.tzs.map((_) => _.label),
-        };
-        hooks?.onFinalGroupCreate?.(finalGrouping, group);
-        return finalGrouping;
-    })
-        .sort((a, b) => b.tzs.length - a.tzs.length);
-    if (debug) {
-        const missingTzs = supportedTimeZones
-            .map((tz) => (finalGrouping.some((y) => y.tzs.includes(tz)) ? null : tz))
-            .filter(Boolean);
-        if (missingTzs.length > 0) {
-            throw new Error(`There are ${missingTzs.length} missing timezones: ${missingTzs.toString()}`);
-        }
-    }
-    return hooks?.onFinalGroupingCreate
-        ? hooks.onFinalGroupingCreate(finalGrouping)
-        : finalGrouping;
+async function groupByName() {
+    return timeZones.sort().map((tz) => ({ label: tz }));
 }
 
-export { groupTimeZones };
+export { groupByName };

package/dist/components/index5.js

@@ -3,69 +3,58 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-class NativeDateEngine {
-    constructor() {
-        this._formatterCache = new Map();
-        this._commonDateTimeFormatterOptions = {
-            year: 'numeric',
-            month: '2-digit',
-            day: '2-digit',
-            timeZoneName: 'shortOffset',
+import { t as timeZones } from './time-zones.js';
+import { e as extractContinent, i as isRegularContinent } from './continent.js';
+
+const generateTimeZoneMetadata = (timeZoneItems) => {
+    return timeZoneItems.map((tzItem) => {
+        const { label } = tzItem;
+        const continent = extractContinent(label, true);
+        return {
+            ...tzItem,
+            continent,
+            isRegularContinent: isRegularContinent(continent),
         };
-    }
-    get name() {
-        return 'native';
-    }
-    create(date) {
-        return new Date(date);
-    }
-    increase(date) {
-        const oneDayInMs = 86400000;
-        return new Date(date.getTime() + oneDayInMs);
-    }
-    formatToIsoDateString(date) {
-        const year = date.getFullYear();
-        const month = date.getMonth() + 1;
-        const day = date.getDate();
-        return `${year}-${month.toString().padStart(2, '0')}-${day
-            .toString()
-            .padStart(2, '0')}`;
-    }
-    isoToTimeZone(isoDate, tz) {
-        const date = this._toDate(isoDate);
-        const formatter = this._getFormatter(tz);
-        const parts = formatter.formatToParts(date);
-        const [offset] = parts
-            .filter(({ type }) => type === 'timeZoneName')
-            .map(({ value }) => value);
-        const tzOffset = this._getTimeZoneOffsetInMins(offset);
-        const tzOffsetMinutes = date.getMinutes() - (date.getTimezoneOffset() - tzOffset);
-        date.setMinutes(tzOffsetMinutes);
-        return date;
-    }
-    same(date1, date2) {
-        return date1.getTime() === date2.getTime();
-    }
-    _toDate(isoDate) {
-        return new Date(isoDate);
-    }
-    _getFormatter(tz) {
-        let formatter = this._formatterCache.get(tz);
-        if (!formatter) {
-            formatter = new Intl.DateTimeFormat('en-US', {
-                timeZone: tz,
-                ...this._commonDateTimeFormatterOptions,
-            });
-            this._formatterCache.set(tz, formatter);
+    });
+};
+
+async function groupByRegion() {
+    const grouping = [];
+    const timeZoneItems = timeZones.map((tz) => ({ label: tz }));
+    const timeZoneMetadata = generateTimeZoneMetadata(timeZoneItems);
+    for (const tzMetadatum of timeZoneMetadata) {
+        const { label, continent, isRegularContinent } = tzMetadatum;
+        if (tzMetadatum.visited) {
+            continue;
         }
-        return formatter;
-    }
-    _getTimeZoneOffsetInMins(gmtTimeZone) {
-        const [sign, ...hoursMinutes] = gmtTimeZone.slice(3);
-        const [hours, minutes] = hoursMinutes.join('').split(':');
-        const signMultiplier = sign === '+' ? 1 : -1;
-        return signMultiplier * (Number(hours) * 60 + Number(minutes || 0));
-    }
+        tzMetadatum.visited = true;
+        if (!isRegularContinent) {
+            tzMetadatum.visited = true;
+            continue;
+        }
+        const newGroup = {
+            label: continent,
+            tzs: [{ label }],
+        };
+        for (const tzMetadatumJ of timeZoneMetadata.filter((_) => !_.visited)) {
+            const { label: labelJ, continent: continentJ, isRegularContinent: isRegularContinentJ, } = tzMetadatumJ;
+            if (continent === continentJ) {
+                const tzItem = { label: labelJ };
+                newGroup.tzs.push(tzItem);
+                tzMetadatumJ.visited = true;
+            }
+        }
+        grouping.push(newGroup);
+    }
+    return grouping
+        .map((group) => {
+        group.tzs = group.tzs.sort((a, b) => a.label.localeCompare(b.label));
+        return {
+            label: group.label,
+            tzs: group.tzs.map((_) => _.label),
+        };
+    })
+        .sort((a, b) => a.label.localeCompare(b.label));
 }
 
-export { NativeDateEngine as DateEngine };
+export { groupByRegion };

package/dist/components/index6.js

@@ -0,0 +1,125 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { t as timeZones } from './time-zones.js';
+import { e as extractContinent, i as isRegularContinent } from './continent.js';
+
+const now = new Date();
+const startDate = now.toISOString();
+const daysInYear = 365;
+const groupDateRange = daysInYear;
+const defaultGroupingOptions = {
+    groupDateRange,
+    startDate,
+};
+
+const _getDates = (startDate, numberDays, dateEngine) => {
+    const dateArray = [];
+    let date = dateEngine.create(startDate);
+    for (let i = 0; i <= numberDays; i++) {
+        date = dateEngine.increase(date);
+        dateArray.push(dateEngine.formatToIsoDateString(date));
+    }
+    return dateArray;
+};
+const generateTimeZoneMetadata = (timeZoneItems, startDate, numberDays, dateEngine) => {
+    const processedDates = new Map();
+    const theDates = _getDates(startDate, numberDays, dateEngine);
+    return timeZoneItems.map((tzItem) => {
+        const { label } = tzItem;
+        const continent = extractContinent(label);
+        const dates = theDates.map((date) => {
+            const key = `${date}-${label}`;
+            let utc = processedDates.get(key);
+            if (utc) {
+                return utc;
+            }
+            utc = dateEngine.isoToTimeZone(date, label);
+            processedDates.set(key, utc);
+            return utc;
+        });
+        return {
+            ...tzItem,
+            continent,
+            isRegularContinent: isRegularContinent(continent),
+            dates,
+        };
+    });
+};
+const compareDateArrs = (array1, array2, dateEngine) => array1.length === array2.length &&
+    array1.every((value, index) => dateEngine.same(value, array2[index]));
+const getGroupLabelTimeZoneIndices = (rawTZs, max = 5) => {
+    const shrinkedTzs = rawTZs.filter(({ label }) => isRegularContinent(extractContinent(label)));
+    if (shrinkedTzs.length === 0) {
+        return [0];
+    }
+    const validLabels = shrinkedTzs.map((tz) => rawTZs.indexOf(tz));
+    return equallyDistributedSampling(validLabels, max);
+};
+function equallyDistributedSampling(items, maxItems = 5) {
+    const totalItems = items.length;
+    if (totalItems <= maxItems) {
+        return items;
+    }
+    const numberItemsToSelect = Math.min(totalItems - 2, maxItems - 2);
+    const stepSize = (totalItems - 1) / (numberItemsToSelect + 1);
+    return [
+        items[0],
+        ...Array.from({ length: numberItemsToSelect }, (_, i) => items[Math.round((i + 1) * stepSize)]),
+        items[totalItems - 1],
+    ];
+}
+
+async function groupByOffset(options) {
+    const { groupDateRange, startDate, dateEngine } = {
+        ...defaultGroupingOptions,
+        ...options,
+    };
+    const grouping = [];
+    if (!dateEngine) {
+        throw new Error('dateEngine is required');
+    }
+    const timeZoneItems = timeZones.map((tz) => ({ label: tz }));
+    const timeZoneMetadata = generateTimeZoneMetadata(timeZoneItems, startDate, groupDateRange, dateEngine);
+    // We traverse the mappedDB and see if we find matches by comparing each set
+    // of transformed date for that specific TZ.
+    for (const tzMetadatumI of timeZoneMetadata) {
+        const { label, continent, dates } = tzMetadatumI;
+        if (tzMetadatumI.visited) {
+            continue;
+        }
+        tzMetadatumI.visited = true;
+        const newGroup = {
+            labelIdx: [],
+            tzs: [{ label }],
+        };
+        for (const tzMetadatumJ of timeZoneMetadata.filter((_) => !_.visited)) {
+            const { label: labelJ, continent: continentJ, isRegularContinent: isRegularContinentJ, dates: datesJ, } = tzMetadatumJ;
+            // We define a matching TZ by:
+            // 1) if both continents match (avoid grouping Antarctica with anything else)
+            // 2) if the transformed dates match in both TZs
+            if ((continent === continentJ || !isRegularContinentJ) &&
+                compareDateArrs(dates, datesJ, dateEngine)) {
+                const tzItem = { label: labelJ };
+                newGroup.tzs.push(tzItem);
+                tzMetadatumJ.visited = true;
+            }
+        }
+        grouping.push(newGroup);
+    }
+    // Now that we have a group, we want an easy way to find a fitting label for the group
+    // which is defined as the list of the most-common 7 cities, shown in alphabetical order
+    return grouping
+        .map((group) => {
+        group.tzs = group.tzs.sort((a, b) => a.label.localeCompare(b.label));
+        return {
+            labelTzIdx: getGroupLabelTimeZoneIndices(group.tzs, 7),
+            tzs: group.tzs.map((_) => _.label),
+        };
+    })
+        .sort((a, b) => b.tzs.length - a.tzs.length);
+}
+
+export { groupByOffset };

package/dist/components/info-card2.js

@@ -236,8 +236,8 @@ const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends HTMLEle
         const id = this._features?.selectedFeature?.getObjectId();
         const ids = parseInt(id?.toString(), 10) > -1 ? [id] : [];
         const deleteEnabled = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete;
-        return (h(Host, { key: '2d0ebbf98b0d7e6f391d875258effbc6d4dc72f5' }, h("calcite-shell", { key: '260ac176bd21e9012f34ba66e27cd7a4ec1e7ff0', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: 'f72c7fe39f646655f8ee71ac7d336aaf7dd3afbd', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: '43933c437a046a6505e121e43736aac92382effa', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), h("div", { key: '4433d5975b6d25dc77932f99b2b7aa9d3ade77e8', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
-            h("div", { key: 'da7610d89193e5594429d26b805ba44ec064904f', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: 'dc22d8cf61f07085e011b45636e8f4950912e5b3', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { key: '1ee8d69384f85258ed10946206e42634798a700b', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '3b8b822a40ef6932aa3ad34c8e05bb758be7aff8' }, this._translations.edit)), this.isMobile ? (h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && h("div", { key: '172bddeb6f0f1d73dbd563e3b244c311ec4904fe', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: '66059747f9aad9fabd26a9d7a88e4cac762e096d' }, h("calcite-button", { key: '05b36ba1d5539a16eef53e35cc88eb5134c45104', appearance: 'transparent', disabled: nextBackDisabled, iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: '2736e0047665272cede16b1e3b1d94495075d310', placement: "top", "reference-element": "solutions-back" }, h("span", { key: '7c40eae302564f5bcd7a10471481a65c16be9ee5' }, this._translations.back))), h("calcite-action", { key: '873d07e0ecbf456f4010c80c23baaae3f0ce6335', class: 'pagination-action', onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: '49dabbcabc8fb64c5cd0581f826c9570270d3ce9', class: "pagination-count" }, this._count)), h("div", { key: '570df27fa721c4cb62c9bd77d7197c830410e387' }, h("calcite-button", { key: '6bd9010b943216af756558e8f062b475d138ee49', appearance: "transparent", disabled: nextBackDisabled, iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: '1ee755e1694d3d4b8d6d5417056e5f287de26912', placement: "top", "reference-element": "solutions-next" }, h("span", { key: 'a59e478daa0de11a3e81c22fa61069fdb77a680c' }, this._translations.next))))), h("edit-card", { key: '7f231459e65132658f08338ca67782d1584c761d', class: editClass, enableEditGeometry: this.enableEditGeometry, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: '76b7c28eea68cb73549e563afcdeab5f4ecc44b8', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: '5d6456ce4bc64dc074b238bdf38f05436c1d0ebc', slot: "title" }, this._translations.editDisabled), h("div", { key: 'cf8ebf5e8d2277fb815afdc12ae5f9e37312b2c5', slot: "message" }, this._translations.enableEditing)))));
+        return (h(Host, { key: '8714c3ab52be88e3622888c7984c9ded5759fa17' }, h("calcite-shell", { key: 'f63b166a00794815af852a1260fe7b67784428d4', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: 'b937ff64982989f3dec3c94236932698300b0eb6', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: '0f7b914839ab400b1f757eb50cd0ba5f60628336', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), h("div", { key: '9867c94363da7d060bc718e77eab0ed139d4ba7d', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
+            h("div", { key: 'a90edcda183289259db99b9255d28d6c31809d40', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: 'b1bc47ed857efc478c11e1353216bb8925b75885', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { key: 'd493735dadf6dd34a767332a1a179716fbfa6384', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '663217b0b2c078aa7ac1b99a891af5380b9521c1' }, this._translations.edit)), this.isMobile ? (h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && h("div", { key: 'df2249f431b0df3a25c44fb6d54adec903bbe328', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: '31b82d904e766f938c2c1fc5bd76625921e7fe10' }, h("calcite-button", { key: '49656c590d330796f1d508ef33689f909991a6ec', appearance: 'transparent', disabled: nextBackDisabled, iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: 'f5238fdc65fa68152961253d536be38a044aeb76', placement: "top", "reference-element": "solutions-back" }, h("span", { key: '470c4da1cd28940155bdbd30acc8b742d827a891' }, this._translations.back))), h("calcite-action", { key: 'be9e9b4d4dbabe2c11bf13043bfb33cdae093315', class: 'pagination-action', onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: 'd7d3313b537691ac131b958475e6547f3659c6ac', class: "pagination-count" }, this._count)), h("div", { key: '0ef506ac483cf51a958e335b16cbe9a764bb497e' }, h("calcite-button", { key: 'f3c1a25fe1a619275f32058d1fa646467e83cca5', appearance: "transparent", disabled: nextBackDisabled, iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: 'cddbf1200a3acd465e5ef23f34b5bf26c81ffad5', placement: "top", "reference-element": "solutions-next" }, h("span", { key: '9e9454c303b8f37f12d4ad07b3401d50bd04141d' }, this._translations.next))))), h("edit-card", { key: '3497893bbb59f3a2ace941d3bb1d98b0fa7fac0c', class: editClass, enableEditGeometry: this.enableEditGeometry, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: '4fa290b977bf7c619cc349176bb1e244c554b58d', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: '1e3998afedd33582d33e0c1556a1bcac87902761', slot: "title" }, this._translations.editDisabled), h("div", { key: '489ef148cc4da2a7d7e881d4de9cd6a71ac53809', slot: "message" }, this._translations.enableEditing)))));
     }
     //--------------------------------------------------------------------------
     //