npm - @arcgis/map-components - Versions diffs - 5.0.0-next.120 → 5.0.0-next.121 - Mend

@arcgis/map-components 5.0.0-next.120 → 5.0.0-next.121

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 (502) hide show

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

@@ -75,8 +75,6 @@ export declare class ArcgisWeather extends LitElement {
      * 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)
      */
     headingLevel: HeadingLevel;

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

@@ -1,12 +1,12 @@
 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 { css as S, html as l } from "lit";
+import { ref as B } 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 b, 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 { LitElement as E, createEvent as D, nothing as m, safeClassMap as b, safeStyleMap as j } from "@arcgis/lumina";
+import { u as R } from "../../chunks/useT9n.js";
+import { m as H } from "../../chunks/useViewModel.js";
+import { H as P } 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";
@@ -14,32 +14,32 @@ 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";
+import T from "@arcgis/core/views/3d/environment/SnowyWeather.js";
+import z 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.120 */
-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{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(--arcgis-internal-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}`;
+v5.0.0-next.121 */
+const K = S`.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{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(--arcgis-internal-padding);container-type:inline-size;width:100%}.content{display:flex;flex-direction:column;gap:var(--calcite-spacing-xl)}.content.error{visibility:hidden;height:0;overflow:hidden;pointer-events:none}.weather-type-selector{--button-gap: var(--calcite-spacing-sm);display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin-inline:auto;gap:var(--button-gap);>calcite-button{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(24px,calc((100% - var(--total-gap)) / var(--weather-type-count)),64px)}}@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)}}.options{display:flex;flex-direction:column;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 U = {
-  sunny: T,
+  sunny: z,
   cloudy: $,
   rainy: M,
-  snowy: z,
+  snowy: T,
   foggy: k
 }, u = Object.keys(U);
 let a = class extends V {
   //#region Lifecycle
   constructor(o) {
     super(o), this._settingWeather = !1, this._weatherByType = {
-      sunny: new T(),
+      sunny: new z(),
       cloudy: new $(),
       rainy: new M(),
-      snowy: new z(),
+      snowy: new T(),
       foggy: new k()
     };
   }
@@ -141,9 +141,9 @@ function g({ label: o, ariaLabel: e, value: t, disabled: i, onChange: r }) {
     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>`;
+  return l`<calcite-label .scale=${"m"}><calcite-slider .disabled=${i} .ariaLabel=${e} .labelText=${o} .value=${t} min=0 max=1 step=0.01 .scale=${"m"} @calciteSliderChange=${n} @calciteSliderInput=${n}></calcite-slider></calcite-label>`;
 }
-const G = R(a), J = {
+const G = H(a), J = {
   sunny: "brightness",
   cloudy: "partly-cloudy",
   rainy: "rain",
@@ -152,13 +152,13 @@ const G = R(a), J = {
 };
 class N extends E {
   constructor() {
-    super(...arguments), this.viewModel = G(this), this.messages = j(), this.direction = A(), this._resizeObserver = new ResizeObserver((e) => {
+    super(...arguments), this.viewModel = G(this), this.messages = R(), 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();
+        t.target instanceof HTMLElement && this._updateButtonMetrics(t.contentRect.width);
+    }), this._buttonScale = "m", 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, referenceElement: 1, state: 35 };
+    this.properties = { _buttonScale: 16, view: 0, autoDestroyDisabled: 5, headingLevel: 9, hideHeader: 5, icon: 1, label: 1, messageOverrides: 0, referenceElement: 1, state: 32 };
   }
   static {
     this.styles = K;
@@ -166,14 +166,14 @@ class N extends E {
   async destroy() {
     await this.manager.destroy();
   }
-  _makeButtonWrapperRef() {
+  _makeWeatherTypeButtonRef() {
     let e;
     return (t) => {
-      t ? (e = t, this._resizeObserver.observe(t), this._updateButtonMetrics(t, t.clientWidth)) : e && (this._resizeObserver.unobserve(e), e = void 0);
+      t ? (e = t, this._resizeObserver.observe(t), this._updateButtonMetrics(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}`);
+  _updateButtonMetrics(e) {
+    this._buttonScale = e < 32 ? "s" : e < 64 ? "m" : "l";
   }
   _getWarningMessage() {
     switch (this.viewModel.error) {
@@ -204,14 +204,14 @@ class N extends E {
   }
   _renderContent() {
     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=${b(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=${b({
+    return l`${this.hideHeader ? void 0 : P({ level: e, children: t.componentLabel })}${s ? l`<div>${this._getErrorMessage()}</div>` : void 0}<div class=${b(x({ content: !0, error: s }))}><div .ariaLabel=${t.weatherType} class="weather-type-selector" role=radiogroup style=${j({ "--weather-type-count": String(u.length) })}>${u.map(this._renderWeatherTypeButton, this)}</div>${Object.values(i.weatherByType).map((d) => l`<div class=${b({
       options: !0,
       hidden: d.type !== n?.type
     })}>${this._renderOptions(d)}</div>`)}${r ? this._renderWarning(r) : void 0}</div>`;
   }
   _renderWeatherTypeButton(e) {
     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) => {
+    return l`<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"} width=full .scale=${this._buttonScale} @keydown=${(n) => {
       const s = n.key;
       let d = ["ArrowRight", "ArrowDown"], h = ["ArrowLeft", "ArrowUp"];
       if (this.direction === "rtl") {
@@ -228,7 +228,7 @@ class N extends E {
       }
     }} @click=${() => {
       r || this.viewModel.setWeatherByType(e);
-    }} title=${t ?? m}></calcite-button></div>`;
+    }} title=${t ?? m} ${B(this._makeWeatherTypeButtonRef())}></calcite-button>`;
   }
   _renderOptions(e) {
     switch (e.type) {

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

@@ -4,7 +4,7 @@ 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.120 */
+v5.0.0-next.121 */
 class i extends s {
   constructor() {
     super(...arguments), this._messages = t({ blocking: !0 }), this.errorName = "";

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

@@ -9,7 +9,7 @@ import { u as x } from "../../chunks/useT9n.js";
 import { u as $ } from "../../chunks/useView.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.120 */
+v5.0.0-next.121 */
 const i = {
   base: "arcgis-zoom",
   button: "arcgis-button",
@@ -47,7 +47,7 @@ class k extends p {
     super(...arguments), this.messages = x({}), this._state = "disabled", this.view = $(this), this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.visualScale = "m", this.arcgisClick = l(), this.arcgisPropertyChange = v()("state"), this.arcgisReady = l();
   }
   static {
-    this.properties = { _state: 16, view: 0, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, referenceElement: 1, visualScale: 1, state: 35 };
+    this.properties = { _state: 16, view: 0, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, referenceElement: 1, visualScale: 1, state: 32 };
   }
   static {
     this.styles = _;

package/dist/controllers/Handles.d.ts CHANGED Viewed

@@ -1,19 +1,9 @@
 import { IHandle, nil } from '@arcgis/toolkit/type';
+/** @deprecated */
 export declare class Handles<T = string, H extends IHandle = IHandle> {
-    /**
-     * A handle to a [highlight](https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html#highlight) call result.
-     * The handle can be used to remove the installed highlight.
-     *
-     * @typedef module:esri/core/Handles~Handle
-     *
-     * @property {Function} remove - Removes the handle.
-     */
     /**
      * Destroys the object, removing all the handles.
      *
-     * @method destroy
-     * @instance
-     *
      * @example
      * let handles = new Handles();
      *
@@ -32,13 +22,6 @@ export declare class Handles<T = string, H extends IHandle = IHandle> {
     /**
      * Adds a group of handles.
      *
-     * @method add
-     * @param {module:esri/core/Accessor~WatchHandle | module:esri/core/Accessor~WatchHandle[] | module:esri/core/Collection<module:esri/core/Accessor~WatchHandle>} handles - An array or collection handles to group.
-     * @param {*} [groupKey]
-     *    Key identifying the group to which the handles should be added. All the handles in the group
-     *    can later be removed with [Handles.remove()](https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-core-Handles.html#remove). If no
-     *    key is provided the handles are added to a default group.
-     *
      * @example
      * let handles = new Handles();
      *
@@ -57,27 +40,17 @@ export declare class Handles<T = string, H extends IHandle = IHandle> {
      *   },
      *   { once: true }
      * ));
-     * @instance
      */
     add(handles: (H | nil)[] | H | nil, groupKey?: T): this;
     forEach(groupKey: T, callback: (handle: H) => void): void;
     forEach(callback: (handle: H) => void): void;
     /**
      * Returns true if a group exists for the provided group key, false otherwise.
-     *
-     * @method has
-     * @instance
-     * @param {*} groupKey - group handle key
-     * @return {boolean}
      */
     has(groupKey?: T): boolean;
     /**
      * Removes a group of handles.
      *
-     * @method remove
-     * @instance
-     * @param {*} [groupKey] - A group key or an array or collection of group keys to remove.
-     *
      * @example
      * let handles = new Handles();
      *
@@ -89,9 +62,6 @@ export declare class Handles<T = string, H extends IHandle = IHandle> {
     remove(groupKey?: T | T[]): this;
     /**
      * Removes all handles.
-     *
-     * @method removeAll
-     * @instance
      */
     removeAll(): this;
     private _isHandle;

package/dist/controllers/{createCloseEvent.d.ts → useCloseEvent.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@arcgis/lumina';
-export declare const createCloseEvent: (component: {
+export declare const useCloseEvent: (component: {
     arcgisClose: EventEmitter;
     autoDestroyDisabled: boolean;
     destroy: () => void;

package/dist/controllers/useHandles.d.ts CHANGED Viewed

@@ -35,23 +35,11 @@ declare class HandleManager extends Controller {
      *
      * @method addHandles
      * @since 4.25
-     * @instance
-     * @param {module:esri/core/Accessor~WatchHandle | module:esri/core/Accessor~WatchHandle[]} handleOrHandles
-     *    Handles marked for removal once the object is destroyed.
-     * @param {*} [groupKey]
-     *    Key identifying the group to which the handles should be added. All the handles in the group
-     *    can later be removed with [Accessor.removeHandles()](https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#removeHandles).
-     *    If no key is provided the handles are added to a default group.
      */
     addHandles<T>(handleOrHandles: SafeHandle | SafeHandle[], groupKey?: GroupKey<T>): void;
     /**
      * Removes a group of handles owned by the object.
      *
-     * @method removeHandles
-     * @since 4.25
-     * @instance
-     * @param {*} [groupKey] - A group key or an array or collection of group keys to remove.
-     *
      * @example
      * obj.removeHandles(); // removes handles from default group
      *
@@ -69,11 +57,7 @@ declare class HandleManager extends Controller {
     /**
      * Returns true if a named group of handles exist.
      *
-     * @method hasHandles
      * @since 4.25
-     * @instance
-     * @param {*} [groupKey] - A group key.
-     * @return {boolean} Returns `true` if a named group of handles exist.
      *
      * @example
      * // Remove a named group of handles if they exist.
@@ -98,7 +82,7 @@ declare class HandleManager extends Controller {
  *
  * Prefer using "disconnect" over "destroy" when possible
  *
- * @deprecated Note: you might not need useHandles. See manager.onLifecycle instead (https://webgis.esri.com/references/lumina/controllers/lifecycle#using-reactiveutils-and-onlifecycle)
+ * @deprecated Refactor using this.manager.onLifecycle instead (https://webgis.esri.com/references/lumina/controllers/lifecycle#using-reactiveutils-and-onlifecycle)
  */
 export declare const useHandles: (removeOn: "destroy" | "disconnect") => HandleManager;
 export {};