npm - @arcgis/map-components - Versions diffs - 5.0.0-next.11 → 5.0.0-next.110 - Mend

@arcgis/map-components 5.0.0-next.11 → 5.0.0-next.110

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1915) hide show

package/dist/components/arcgis-weather/customElement.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
@@ -57,9 +56,9 @@ declare const useViewModel: (component: LitElement & Pick<WeatherViewModel, neve
 export declare class ArcgisWeather extends LitElement {
     /**
      * The view associated with the component.
-     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the ArcgisWeather component will be associated with a map or scene component rather than using the `view` property.
+     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Weather component will be associated with a map or scene component rather than using the `view` property.
      */
-    view?: __esri.SceneView | undefined;
+    view?: import('@arcgis/core/views/SceneView').default | undefined;
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
@@ -75,10 +74,10 @@ export declare class ArcgisWeather extends LitElement {
      * heading (e.g. `<h4>Time range</h4>`). Depending on the component's placement in your app, you may need to adjust
      * this heading for proper semantics. This is important for meeting accessibility standards.
      *
+     * @default 4
      * @instance
      * @type {number}
      * @see [Heading Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements)
-     * @default 4
      */
     headingLevel: HeadingLevel;
     /**
@@ -91,8 +90,8 @@ export declare class ArcgisWeather extends LitElement {
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
      *
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "partly-cloudy"
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      */
     icon: string;
     /**
@@ -107,8 +106,6 @@ export declare class ArcgisWeather extends LitElement {
      * _**Note**: Individual message keys may change between releases._
      */
     messageOverrides?: typeof this.messages._overrides;
-    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
-    position?: __esri.UIPosition;
     /**
      * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
      *
@@ -116,7 +113,7 @@ export declare class ArcgisWeather extends LitElement {
      */
     referenceElement?: ArcgisReferenceElement | string;
     /** The current state of the component. */
-    readonly state: "ready" | "disabled" | "error";
+    readonly state: "error" | "disabled" | "ready";
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
@@ -138,26 +135,34 @@ export declare class ArcgisWeather extends LitElement {
         sunny: {
             label: string;
             cloudCover: string;
+            cloudCoverAria: string;
         };
         cloudy: {
             label: string;
             cloudCover: string;
+            cloudCoverAria: string;
         };
         rainy: {
             label: string;
             cloudCover: string;
+            cloudCoverAria: string;
             precipitation: string;
+            precipitationAria: string;
         };
         snowy: {
             label: string;
             cloudCover: string;
+            cloudCoverAria: string;
             precipitation: string;
+            precipitationAria: string;
             snowCover: string;
+            snowCoverAria: string;
             snowCoverTooltip: string;
         };
         foggy: {
             label: string;
             fogStrength: string;
+            fogStrengthAria: string;
         };
         warningTitle: string;
     }> & import('@arcgis/lumina/controllers').T9nMeta<{
@@ -173,28 +178,40 @@ export declare class ArcgisWeather extends LitElement {
         sunny: {
             label: string;
             cloudCover: string;
+            cloudCoverAria: string;
         };
         cloudy: {
             label: string;
             cloudCover: string;
+            cloudCoverAria: string;
         };
         rainy: {
             label: string;
             cloudCover: string;
+            cloudCoverAria: string;
             precipitation: string;
+            precipitationAria: string;
         };
         snowy: {
             label: string;
             cloudCover: string;
+            cloudCoverAria: string;
             precipitation: string;
+            precipitationAria: string;
             snowCover: string;
+            snowCoverAria: string;
             snowCoverTooltip: string;
         };
         foggy: {
             label: string;
             fogStrength: string;
+            fogStrengthAria: string;
         };
         warningTitle: string;
     }>;
+    "@eventTypes": {
+        "arcgisPropertyChange": ArcgisWeather["arcgisPropertyChange"]["detail"];
+        "arcgisReady": ArcgisWeather["arcgisReady"]["detail"];
+    };
 }
 export {};

package/dist/components/arcgis-weather/customElement.js CHANGED Viewed

@@ -1,66 +1,58 @@
-import { c as M } from "../../chunks/runtime.js";
-import { css as T, html as s } from "lit";
-import { usePropertyChange as z } from "@arcgis/lumina/controllers";
-import { classes as m } from "@arcgis/toolkit/dom";
-import { LitElement as W, createEvent as O, nothing as _, safeClassMap as u } from "@arcgis/lumina";
-import { u as E } from "../../chunks/useT9n.js";
-import { m as S } from "../../chunks/useViewModel.js";
-import { H as B } from "../../chunks/heading.js";
-import { g as w } from "../../chunks/globalCss.js";
-import H from "@arcgis/core/core/Accessor.js";
-import { property as p, subclass as j } from "@arcgis/core/core/accessorSupport/decorators.js";
-import { watch as L } from "@arcgis/core/core/reactiveUtils.js";
-import b from "@arcgis/core/views/3d/environment/CloudyWeather.js";
-import f from "@arcgis/core/views/3d/environment/FoggyWeather.js";
-import y from "@arcgis/core/views/3d/environment/RainyWeather.js";
-import x from "@arcgis/core/views/3d/environment/SnowyWeather.js";
-import $ from "@arcgis/core/views/3d/environment/SunnyWeather.js";
+import { c as O } from "../../chunks/runtime.js";
+import { css as B, html as l } from "lit";
+import { ref as S } from "lit/directives/ref.js";
+import { useDirection as A, usePropertyChange as L } from "@arcgis/lumina/controllers";
+import { classes as x } from "@arcgis/toolkit/dom";
+import { LitElement as E, createEvent as D, nothing as m, safeClassMap as w, safeStyleMap as P } from "@arcgis/lumina";
+import { u as j } from "../../chunks/useT9n.js";
+import { m as R } from "../../chunks/useViewModel.js";
+import { H } from "../../chunks/heading.js";
+import { g as C } from "../../chunks/globalCss.js";
+import V from "@arcgis/core/core/Accessor.js";
+import { property as p, subclass as F } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { watch as I } from "@arcgis/core/core/reactiveUtils.js";
+import $ from "@arcgis/core/views/3d/environment/CloudyWeather.js";
+import k from "@arcgis/core/views/3d/environment/FoggyWeather.js";
+import M from "@arcgis/core/views/3d/environment/RainyWeather.js";
+import z from "@arcgis/core/views/3d/environment/SnowyWeather.js";
+import T from "@arcgis/core/views/3d/environment/SunnyWeather.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.11 */
-const d = "arcgis-weather", g = {
-  base: d,
-  content: `${d}__content`,
-  hasError: `${d}__content--has-error`,
-  selector: `${d}__selector`,
-  options: `${d}__options`,
-  optionsHidden: `${d}__options--hidden`,
-  error: `${d}__error`,
-  warningTitle: `${d}__warning-title`
-}, A = T`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.arcgis-weather{position:relative;padding:var(--esri-widget-padding);width:fit-content}.arcgis-weather__content{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);width:min-content}.arcgis-weather__content--has-error{visibility:hidden;height:0;overflow:hidden;pointer-events:none}.arcgis-weather__selector{display:flex;flex-direction:row;gap:var(--calcite-spacing-sm);align-items:center}.arcgis-weather__options{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);calcite-label:last-child{--calcite-label-margin-bottom: 0}}.arcgis-weather__options--hidden{display:none}.arcgis-weather__warning-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}`;
-var D = Object.defineProperty, P = Object.getOwnPropertyDescriptor, a = (t, e, r, o) => {
-  for (var i = o > 1 ? void 0 : o ? P(e, r) : e, l = t.length - 1, c; l >= 0; l--)
-    (c = t[l]) && (i = (o ? c(e, r, i) : c(i)) || i);
-  return o && i && D(e, r, i), i;
+v5.0.0-next.110 */
+const K = B`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{width:300px}.container{position:relative;padding:var(--esri-widget-padding);container-type:inline-size;width:100%}.content{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.content.error{visibility:hidden;height:0;overflow:hidden;pointer-events:none}.weather-type-selector{--button-gap: var(--calcite-spacing-sm);--button-min-size: 24px;--button-max-size: 64px;display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin-inline:auto;gap:var(--button-gap)}@container (max-width: 280px){.weather-type-selector{--button-gap: var(--calcite-spacing-xs)}}@container (max-width: 220px){.weather-type-selector{--button-gap: var(--calcite-spacing-xxs)}}.weather-type-button-wrapper{display:block;position:relative;aspect-ratio:1;flex-shrink:0;flex-grow:0;--total-gap: calc((var(--weather-type-count) - 1) * var(--button-gap));flex-basis:clamp(var(--button-min-size),calc((100% - var(--total-gap)) / var(--weather-type-count)),var(--button-max-size));>calcite-button{position:absolute;top:50%;left:50%;transform-origin:center;transform:translate(-50%,-50%) scale(var(--button-scale))}}.options{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);calcite-label:last-child{--calcite-label-margin-bottom: 0}&.hidden{display:none}}.warning-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}`;
+var Z = Object.defineProperty, q = Object.getOwnPropertyDescriptor, c = (o, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? q(e, t) : e, n = o.length - 1, s; n >= 0; n--)
+    (s = o[n]) && (r = (i ? s(e, t, r) : s(r)) || r);
+  return i && r && Z(e, t, r), r;
 };
-const V = {
-  sunny: $,
-  cloudy: b,
-  rainy: y,
-  snowy: x,
-  foggy: f
-}, C = Object.keys(V);
-let n = class extends H {
+const U = {
+  sunny: T,
+  cloudy: $,
+  rainy: M,
+  snowy: z,
+  foggy: k
+}, u = Object.keys(U);
+let a = class extends V {
   //#region Lifecycle
-  constructor(t) {
-    super(t), this._settingWeather = !1, this._weatherByType = {
-      sunny: new $(),
-      cloudy: new b(),
-      rainy: new y(),
-      snowy: new x(),
-      foggy: new f()
+  constructor(o) {
+    super(o), this._settingWeather = !1, this._weatherByType = {
+      sunny: new T(),
+      cloudy: new $(),
+      rainy: new M(),
+      snowy: new z(),
+      foggy: new k()
     };
   }
   initialize() {
     this.addHandles([
       // When the weather is changed directly in the environment (not in the VM),
       // we need to update the corresponding weather instance in the view model.
-      L(
+      I(
         () => this.current,
-        (t) => {
-          this._settingWeather || t == null || (this._weatherByType = {
+        (o) => {
+          this._settingWeather || o == null || (this._weatherByType = {
             ...this._weatherByType,
-            [t.type]: t
+            [o.type]: o
           });
         },
         { sync: !0, initial: !0 }
@@ -91,90 +83,98 @@ let n = class extends H {
     return this._weatherByType;
   }
   get error() {
-    const t = this.view;
-    return t?.ready ? t.type !== "3d" ? "unsupported-view" : t.viewingMode === "local" ? "local-scene" : t.environment.atmosphereEnabled ? t.environment.weatherAvailable ? null : "not-visible" : "no-atmosphere" : null;
+    const o = this.view;
+    return o?.ready ? o.type !== "3d" ? "unsupported-view" : o.viewingMode === "local" ? "local-scene" : o.environment.atmosphereEnabled ? o.environment.weatherAvailable ? null : "not-visible" : "no-atmosphere" : null;
   }
   get current() {
     return this._environment?.weather ?? this._weatherByType.sunny;
   }
-  set current(t) {
+  set current(o) {
     const e = this._environment;
-    e && (e.weather = t);
+    e && (e.weather = o);
   }
   get _environment() {
-    const t = this.view;
-    return t != null && t.type === "3d" ? t.environment : null;
+    const o = this.view;
+    return o?.type === "3d" ? o.environment : null;
   }
   //#endregion
   //#region Public Methods
-  setWeatherByType(t) {
-    if (!C.includes(t)) {
-      console.warn(`arcgis-weather - "${t}" is not a valid weather type`);
-      return;
-    }
+  setWeatherByType(o) {
     const e = this._environment;
-    e != null && (this._settingWeather = !0, e.weather = this._weatherByType[t], this._settingWeather = !1);
+    e != null && (this._settingWeather = !0, e.weather = this._weatherByType[o], this._settingWeather = !1);
   }
-  setSnowCoverEnabled(t) {
+  setSnowCoverEnabled(o) {
     const e = this.current;
-    "snowCover" in e && (e.snowCover = t ? "enabled" : "disabled");
+    "snowCover" in e && (e.snowCover = o ? "enabled" : "disabled");
   }
   //#endregion
 };
-a([
+c([
   p()
-], n.prototype, "view", 2);
-a([
+], a.prototype, "view", 2);
+c([
   p()
-], n.prototype, "state", 1);
-a([
+], a.prototype, "state", 1);
+c([
   p()
-], n.prototype, "disabled", 1);
-a([
+], a.prototype, "disabled", 1);
+c([
   p()
-], n.prototype, "weatherByType", 1);
-a([
+], a.prototype, "weatherByType", 1);
+c([
   p()
-], n.prototype, "error", 1);
-a([
+], a.prototype, "error", 1);
+c([
   p()
-], n.prototype, "current", 1);
-a([
+], a.prototype, "current", 1);
+c([
   p()
-], n.prototype, "_weatherByType", 2);
-a([
+], a.prototype, "_weatherByType", 2);
+c([
   p()
-], n.prototype, "_environment", 1);
-n = a([
-  j("components.weather.WeatherViewModel")
-], n);
-function h({ label: t, value: e, disabled: r, onChange: o }) {
-  const i = (v) => {
-    const k = v.currentTarget.value;
-    o?.((k ?? 0) / 100);
-  }, l = "s", c = Math.round((e ?? 0) * 100);
-  return s`<calcite-label .scale=${l}>${t}<calcite-slider .disabled=${r} label-handles label-ticks max=100 max-label=100 min=0 min-label=0 .scale=${l} step=1 ticks=100 .value=${c} @calciteSliderChange=${i} @calciteSliderInput=${i}></calcite-slider></calcite-label>`;
+], a.prototype, "_environment", 1);
+a = c([
+  F("components.weather.WeatherViewModel")
+], a);
+function g({ label: o, ariaLabel: e, value: t, disabled: i, onChange: r }) {
+  const n = (d) => {
+    const h = d.currentTarget.value;
+    r?.(h ?? 0);
+  };
+  return l`<calcite-label .scale=${"s"}><calcite-slider .disabled=${i} .ariaLabel=${e} .labelText=${o} .value=${t} min=0 max=1 step=0.01 .scale=${"s"} @calciteSliderChange=${n} @calciteSliderInput=${n}></calcite-slider></calcite-label>`;
 }
-const R = S(n), F = {
+const G = R(a), J = {
   sunny: "brightness",
   cloudy: "partly-cloudy",
   rainy: "rain",
   snowy: "snow",
   foggy: "fog"
 };
-class Z extends W {
+class N extends E {
   constructor() {
-    super(...arguments), this.viewModel = R(this), this.messages = E(), this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.headingLevel = 4, this.hideHeader = !1, this.icon = "partly-cloudy", this.label = this.messages.componentLabel, this.state = this.viewModel.state, this.arcgisPropertyChange = z()("state"), this.arcgisReady = O();
+    super(...arguments), this.viewModel = G(this), this.messages = j(), this.direction = A(), this._resizeObserver = new ResizeObserver((e) => {
+      for (const t of e)
+        t.target instanceof HTMLElement && this._updateButtonMetrics(t.target, t.contentRect.width);
+    }), this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.headingLevel = 4, this.hideHeader = !1, this.icon = "partly-cloudy", this.label = this.messages.componentLabel, this.state = this.viewModel.state, this.arcgisPropertyChange = L()("state"), this.arcgisReady = D();
   }
   static {
-    this.properties = { view: 0, autoDestroyDisabled: 5, headingLevel: 9, hideHeader: 5, icon: 1, label: 1, messageOverrides: 0, position: 1, referenceElement: 1, state: 35 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, headingLevel: 9, hideHeader: 5, icon: 1, label: 1, messageOverrides: 0, referenceElement: 1, state: 35 };
   }
   static {
-    this.styles = A;
+    this.styles = K;
   }
   async destroy() {
     await this.manager.destroy();
   }
+  _makeButtonWrapperRef() {
+    let e;
+    return (t) => {
+      t ? (e = t, this._resizeObserver.observe(t), this._updateButtonMetrics(t, t.clientWidth)) : e && (this._resizeObserver.unobserve(e), e = void 0);
+    };
+  }
+  _updateButtonMetrics(e, t) {
+    e.style.setProperty("--button-width", `${t}px`), e.style.setProperty("--button-scale", `${t / 32}`);
+  }
   _getWarningMessage() {
     switch (this.viewModel.error) {
       case "not-visible": {
@@ -200,20 +200,35 @@ class Z extends W {
       }
   }
   render() {
-    return s`<div aria-label=${this.messages.componentLabelAccessible ?? _} class=${u(m(g.base, w.widget, this.viewModel.disabled && w.widgetDisabled))} role=region>${this._renderContent()}</div>`;
+    return l`<div aria-label=${this.messages.componentLabelAccessible ?? m} class=${w(x("container", C.widget, this.viewModel.disabled && C.widgetDisabled))} role=region>${this._renderContent()}</div>`;
   }
   _renderContent() {
-    const { headingLevel: e, messages: r, viewModel: o } = this, i = this._getWarningMessage(), l = o.current, c = o.state === "error";
-    return s`${this.hideHeader ? void 0 : B({ level: e, children: r.componentLabel })}${c ? s`<div class=${u(g.error)}>${this._getErrorMessage()}</div>` : void 0}<div class=${u(m({ [g.content]: !0, [g.hasError]: c }))}><div aria-label=${r.weatherType ?? _} class=${u(g.selector)} role=radiogroup>${C.map(this._renderWeatherTypeButton, this)}</div>${Object.values(o.weatherByType).map((v) => s`<div class=${u(m({
-      [g.options]: !0,
-      [g.optionsHidden]: v.type !== l?.type
-    }))}>${this._renderOptions(v)}</div>`)}${i ? this._renderWarning(i) : void 0}</div>`;
+    const { headingLevel: e, messages: t, viewModel: i } = this, r = this._getWarningMessage(), n = i.current, s = i.state === "error";
+    return l`${this.hideHeader ? void 0 : H({ level: e, children: t.componentLabel })}${s ? l`<div>${this._getErrorMessage()}</div>` : void 0}<div class=${w(x({ content: !0, error: s }))}><div .ariaLabel=${t.weatherType} class="weather-type-selector" role=radiogroup style=${P({ "--weather-type-count": String(u.length) })}>${u.map(this._renderWeatherTypeButton, this)}</div>${Object.values(i.weatherByType).map((d) => l`<div class=${w({
+      options: !0,
+      hidden: d.type !== n?.type
+    })}>${this._renderOptions(d)}</div>`)}${r ? this._renderWarning(r) : void 0}</div>`;
   }
   _renderWeatherTypeButton(e) {
-    const r = this.messages[e]?.label ?? "", { disabled: o } = this.viewModel, i = !o && this.viewModel.current.type === e;
-    return s`<calcite-button .appearance=${i ? "solid" : "outline"} aria-checked=${i ? "true" : "false"} .disabled=${o} .iconStart=${F[e]} .kind=${i ? "brand" : "neutral"} .label=${r} @click=${() => {
-      i || this.viewModel.setWeatherByType(e);
-    }} scale=l title=${r ?? _}></calcite-button>`;
+    const t = this.messages[e]?.label ?? "", { disabled: i } = this.viewModel, r = !i && this.viewModel.current.type === e;
+    return l`<div class="weather-type-button-wrapper" ${S(this._makeButtonWrapperRef())}><calcite-button role=radio .ariaLabel=${t} .tabIndex=${r ? 0 : -1} .appearance=${r ? "solid" : "outline"} .ariaChecked=${r ? "true" : "false"} .disabled=${i} .iconStart=${J[e]} .kind=${r ? "brand" : "neutral"} @keydown=${(n) => {
+      const s = n.key;
+      let d = ["ArrowRight", "ArrowDown"], h = ["ArrowLeft", "ArrowUp"];
+      if (this.direction === "rtl") {
+        const v = d;
+        d = h, h = v;
+      }
+      const W = d.includes(s), b = h.includes(s);
+      if (W || b) {
+        n.preventDefault();
+        const v = u.indexOf(e), f = u.length, _ = (v + (b ? -1 : 1) + f) % f;
+        this.viewModel.setWeatherByType(u[_]);
+        const y = n.currentTarget.parentElement?.parentElement;
+        y && Array.from(y.querySelectorAll("calcite-button") ?? [])[_]?.setFocus();
+      }
+    }} @click=${() => {
+      r || this.viewModel.setWeatherByType(e);
+    }} title=${t ?? m}></calcite-button></div>`;
   }
   _renderOptions(e) {
     switch (e.type) {
@@ -230,43 +245,46 @@ class Z extends W {
     }
   }
   _renderSunnyOptions(e) {
-    return h({ disabled: this.viewModel.disabled, label: this.messages.sunny?.cloudCover, value: e.cloudCover, onChange: (r) => {
-      e.cloudCover = r;
+    const t = this.messages.sunny;
+    return g({ disabled: this.viewModel.disabled, ariaLabel: t?.cloudCoverAria, label: t?.cloudCover, value: e.cloudCover, onChange: (i) => {
+      e.cloudCover = i;
     } });
   }
   _renderCloudyOptions(e) {
-    return h({ disabled: this.viewModel.disabled, label: this.messages.cloudy?.cloudCover, value: e.cloudCover, onChange: (r) => {
-      e.cloudCover = r;
+    const t = this.messages.cloudy;
+    return g({ disabled: this.viewModel.disabled, ariaLabel: t?.cloudCoverAria, label: t?.cloudCover, value: e.cloudCover, onChange: (i) => {
+      e.cloudCover = i;
     } });
   }
   _renderRainyOptions(e) {
-    const { disabled: r } = this.viewModel, o = this.messages.rainy;
-    return s`${h({ disabled: r, label: o?.cloudCover, value: e.cloudCover, onChange: (i) => {
-      e.cloudCover = i;
-    } })}${h({ disabled: r, label: o?.precipitation, value: e.precipitation, onChange: (i) => {
-      e.precipitation = i;
+    const { disabled: t } = this.viewModel, i = this.messages.rainy;
+    return l`${g({ disabled: t, ariaLabel: i?.cloudCoverAria, label: i?.cloudCover, value: e.cloudCover, onChange: (r) => {
+      e.cloudCover = r;
+    } })}${g({ disabled: t, ariaLabel: i?.precipitationAria, label: i?.precipitation, value: e.precipitation, onChange: (r) => {
+      e.precipitation = r;
     } })}`;
   }
   _renderSnowyOptions(e) {
-    const { disabled: r } = this.viewModel, o = this.messages.snowy;
-    return s`${h({ disabled: r, label: o?.cloudCover, value: e.cloudCover, onChange: (i) => {
-      e.cloudCover = i;
-    } })}${h({ disabled: r, label: o?.precipitation, value: e.precipitation, onChange: (i) => {
-      e.precipitation = i;
-    } })}<calcite-label layout=inline scale=s title=${o?.snowCoverTooltip ?? _}><calcite-checkbox .checked=${e.snowCover === "enabled"} .disabled=${r} @calciteCheckboxChange=${(i) => {
-      this.viewModel.setSnowCoverEnabled(i.currentTarget.checked);
-    }}></calcite-checkbox>${o?.snowCover}</calcite-label>`;
+    const { disabled: t } = this.viewModel, i = this.messages.snowy;
+    return l`${g({ disabled: t, ariaLabel: i?.cloudCoverAria, label: i?.cloudCover, value: e.cloudCover, onChange: (r) => {
+      e.cloudCover = r;
+    } })}${g({ disabled: t, ariaLabel: i?.precipitationAria, label: i?.precipitation, value: e.precipitation, onChange: (r) => {
+      e.precipitation = r;
+    } })}<calcite-label layout=inline title=${i?.snowCoverTooltip ?? m}><calcite-checkbox .checked=${e.snowCover === "enabled"} .disabled=${t} @calciteCheckboxChange=${(r) => {
+      this.viewModel.setSnowCoverEnabled(r.currentTarget.checked);
+    }}></calcite-checkbox>${i?.snowCover}</calcite-label>`;
   }
   _renderFoggyOptions(e) {
-    return h({ disabled: this.viewModel.disabled, label: this.messages.foggy?.fogStrength, value: e.fogStrength, onChange: (r) => {
-      e.fogStrength = r;
+    const t = this.messages.foggy;
+    return g({ disabled: this.viewModel.disabled, ariaLabel: t?.fogStrengthAria, label: t?.fogStrength, value: e.fogStrength, onChange: (i) => {
+      e.fogStrength = i;
     } });
   }
   _renderWarning(e) {
-    return s`<calcite-notice aria-live=polite open icon=exclamation-mark-triangle-f kind=warning scale=s><div slot=title class=${u(g.warningTitle)}>${this.messages.warningTitle}</div><div slot=message>${e}</div></calcite-notice>`;
+    return l`<calcite-notice aria-live=polite open icon=exclamation-mark-triangle-f kind=warning><div slot=title class="warning-title">${this.messages.warningTitle}</div><div slot=message>${e}</div></calcite-notice>`;
   }
 }
-M("arcgis-weather", Z);
+O("arcgis-weather", N);
 export {
-  Z as ArcgisWeather
+  N as ArcgisWeather
 };

package/dist/components/arcgis-webgl-error/customElement.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+/// <reference path="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+/**
+ * Warning for WebGL errors.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-webgl-error/)
+ *
+ * @internal
+ */
+export declare class ArcgisWebGlError extends LitElement {
+    /**
+     * The WebGL Error name.
+     *
+     * @default ""
+     */
+    errorName: string;
+}

package/dist/components/arcgis-webgl-error/customElement.js ADDED Viewed

@@ -0,0 +1,22 @@
+import { c as e } from "../../chunks/runtime.js";
+import { html as r } from "lit";
+import { LitElement as s } from "@arcgis/lumina";
+import { u as t } from "../../chunks/useT9n.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.110 */
+class i extends s {
+  constructor() {
+    super(...arguments), this._messages = t({ blocking: !0 }), this.errorName = "";
+  }
+  static {
+    this.properties = { errorName: 1 };
+  }
+  render() {
+    return r`<calcite-alert icon=x-octagon kind=danger open .label=${this.errorName}><div slot=title>${this._messages.errrorTitle}</div><div slot=message>${this._messages.errorMessage}</div><calcite-link slot=link href=https://esriurl.com/webgl-faq>${this._messages.webglFaq}</calcite-link></calcite-alert>`;
+  }
+}
+e("arcgis-webgl-error", i);
+export {
+  i as ArcgisWebGlError
+};

package/dist/components/arcgis-webgl-error/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-alert";
+import "@esri/calcite-components/components/calcite-link";
+export * from "./customElement.js";

package/dist/components/arcgis-webgl-error/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-alert";
+import "@esri/calcite-components/components/calcite-link";
+export * from "./customElement.js";