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

@arcgis/map-components 5.0.0-next.98 → 5.0.0

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

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

@@ -1,54 +1,44 @@
-import { c as L } from "../../chunks/runtime.js";
-import { css as S, html as l } from "lit";
-import { useDirection as E, usePropertyChange as B } from "@arcgis/lumina/controllers";
-import { classes as b } from "@arcgis/toolkit/dom";
-import { LitElement as D, createEvent as H, nothing as f, safeClassMap as v } from "@arcgis/lumina";
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { c as T } from "../../chunks/runtime.js";
+import { css as A, html as c } from "lit";
+import { ref as O } from "lit/directives/ref.js";
+import { useDirection as S, usePropertyChange as B } from "@arcgis/lumina/controllers";
+import { classes as L } from "@arcgis/toolkit/dom";
+import { LitElement as E, createEvent as F, nothing as v, safeClassMap as b, safeStyleMap as D } from "@arcgis/lumina";
 import { u as j } from "../../chunks/useT9n.js";
-import { m as P } from "../../chunks/useViewModel.js";
-import { H as V } from "../../chunks/heading.js";
-import { g as k } from "../../chunks/globalCss.js";
-import R from "@arcgis/core/core/Accessor.js";
-import { property as h, subclass as F } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { m as R } from "../../chunks/useViewModel.js";
+import { H } from "../../chunks/heading.js";
+import { g as x } from "../../chunks/globalCss.js";
+import P from "@arcgis/core/core/Accessor.js";
+import { property as p, subclass as V } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { watch as I } from "@arcgis/core/core/reactiveUtils.js";
-import M from "@arcgis/core/views/3d/environment/CloudyWeather.js";
-import T from "@arcgis/core/views/3d/environment/FoggyWeather.js";
-import z from "@arcgis/core/views/3d/environment/RainyWeather.js";
-import W from "@arcgis/core/views/3d/environment/SnowyWeather.js";
-import A 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.98 */
-const g = "arcgis-weather", p = {
-  base: g,
-  content: `${g}__content`,
-  hasError: `${g}__content--has-error`,
-  selector: `${g}__selector`,
-  options: `${g}__options`,
-  optionsHidden: `${g}__options--hidden`,
-  error: `${g}__error`,
-  warningTitle: `${g}__warning-title`
-}, 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{--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 Z = Object.defineProperty, q = Object.getOwnPropertyDescriptor, c = (o, e, i, t) => {
-  for (var r = t > 1 ? void 0 : t ? q(e, i) : e, n = o.length - 1, a; n >= 0; n--)
-    (a = o[n]) && (r = (t ? a(e, i, r) : a(r)) || r);
-  return t && r && Z(e, i, r), r;
+import C from "@arcgis/core/views/3d/environment/CloudyWeather.js";
+import $ from "@arcgis/core/views/3d/environment/FoggyWeather.js";
+import k from "@arcgis/core/views/3d/environment/RainyWeather.js";
+import M from "@arcgis/core/views/3d/environment/SnowyWeather.js";
+import z from "@arcgis/core/views/3d/environment/SunnyWeather.js";
+const K = A`.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__heading{word-break:break-word}.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;min-width:180px}.root{position:relative;padding:var(--arcgis-internal-padding);container-type:inline-size;width:100%}.content{display:flex;flex-direction:column;gap:var(--calcite-spacing-lg)}.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;height:var(--button-size);flex-shrink:0;flex-grow:0;--total-gap: calc((var(--weather-type-count) - 1) * var(--button-gap));--basis: clamp(24px, calc((100% - var(--total-gap)) / var(--weather-type-count)), 64px);flex-basis:round(down,var(--basis),1px)}}@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;gap:var(--calcite-spacing-md);calcite-label{--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 q = Object.defineProperty, Z = Object.getOwnPropertyDescriptor, d = (o, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Z(e, t) : e, n = o.length - 1, a; n >= 0; n--)
+    (a = o[n]) && (r = (i ? a(e, t, r) : a(r)) || r);
+  return i && r && q(e, t, r), r;
 };
 const U = {
-  sunny: A,
-  cloudy: M,
-  rainy: z,
-  snowy: W,
-  foggy: T
-}, w = Object.keys(U);
-let s = class extends R {
+  sunny: z,
+  cloudy: C,
+  rainy: k,
+  snowy: M,
+  foggy: $
+}, u = Object.keys(U);
+let s = class extends P {
   //#region Lifecycle
   constructor(o) {
     super(o), this._settingWeather = !1, this._weatherByType = {
-      sunny: new A(),
-      cloudy: new M(),
-      rainy: new z(),
-      snowy: new W(),
-      foggy: new T()
+      sunny: new z(),
+      cloudy: new C(),
+      rainy: new k(),
+      snowy: new M(),
+      foggy: new $()
     };
   }
   initialize() {
@@ -117,53 +107,56 @@ let s = class extends R {
   }
   //#endregion
 };
-c([
-  h()
+d([
+  p()
 ], s.prototype, "view", 2);
-c([
-  h()
+d([
+  p()
 ], s.prototype, "state", 1);
-c([
-  h()
+d([
+  p()
 ], s.prototype, "disabled", 1);
-c([
-  h()
+d([
+  p()
 ], s.prototype, "weatherByType", 1);
-c([
-  h()
+d([
+  p()
 ], s.prototype, "error", 1);
-c([
-  h()
+d([
+  p()
 ], s.prototype, "current", 1);
-c([
-  h()
+d([
+  p()
 ], s.prototype, "_weatherByType", 2);
-c([
-  h()
+d([
+  p()
 ], s.prototype, "_environment", 1);
-s = c([
-  F("components.weather.WeatherViewModel")
+s = d([
+  V("components.weather.WeatherViewModel")
 ], s);
-function u({ label: o, ariaLabel: e, value: i, disabled: t, onChange: r }) {
-  const n = (d) => {
-    const m = d.currentTarget.value;
-    r?.(m ?? 0);
+function g({ label: o, ariaLabel: e, value: t, disabled: i, onChange: r }) {
+  const n = (l) => {
+    const h = l.currentTarget.value;
+    r?.(h ?? 0);
   };
-  return l`<calcite-label .scale=${"s"}><calcite-slider .disabled=${t} .ariaLabel=${e} .labelText=${o} .value=${i} min=0 max=1 step=0.01 .scale=${"s"} @calciteSliderChange=${n} @calciteSliderInput=${n}></calcite-slider></calcite-label>`;
+  return c`<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 = P(s), J = {
+const G = R(s), J = {
   sunny: "brightness",
   cloudy: "partly-cloudy",
   rainy: "rain",
   snowy: "snow",
   foggy: "fog"
 };
-class N extends D {
+class N extends E {
   constructor() {
-    super(...arguments), this.viewModel = G(this), this.messages = j(), this.direction = 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 = B()("state"), this.arcgisReady = H();
+    super(...arguments), this.viewModel = G(this), this.messages = j(), this.direction = S(), this._resizeAnimationFrame = void 0, this._resizeObserver = new ResizeObserver((e) => {
+      for (const t of e)
+        t.target instanceof HTMLElement && this._updateButtonMetrics(t.contentRect.width);
+    }), this._buttonWidth = 0, 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 = B()("state"), this.arcgisReady = F();
   }
   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 = { _buttonWidth: 16, view: 0, autoDestroyDisabled: 5, headingLevel: 9, hideHeader: 5, icon: 1, label: 1, messageOverrides: 0, referenceElement: 1, state: 32 };
   }
   static {
     this.styles = K;
@@ -171,6 +164,17 @@ class N extends D {
   async destroy() {
     await this.manager.destroy();
   }
+  _makeWeatherTypeButtonRef() {
+    let e;
+    return (t) => {
+      t ? (e = t, this._resizeObserver.observe(t), this._updateButtonMetrics(t.clientWidth)) : e && (this._resizeObserver.unobserve(e), e = void 0);
+    };
+  }
+  _updateButtonMetrics(e) {
+    this._resizeAnimationFrame && cancelAnimationFrame(this._resizeAnimationFrame), this._resizeAnimationFrame = requestAnimationFrame(() => {
+      this._buttonWidth = e, this._resizeAnimationFrame = void 0;
+    });
+  }
   _getWarningMessage() {
     switch (this.viewModel.error) {
       case "not-visible": {
@@ -196,35 +200,48 @@ class N extends D {
       }
   }
   render() {
-    return l`<div aria-label=${this.messages.componentLabelAccessible ?? f} class=${v(b(p.base, k.widget, this.viewModel.disabled && k.widgetDisabled))} role=region>${this._renderContent()}</div>`;
+    return c`<div aria-label=${this.messages.componentLabelAccessible ?? v} class=${b({
+      root: !0,
+      [x.widget]: !0,
+      [x.widgetDisabled]: this.viewModel.disabled
+    })} role=region>${this._renderContent()}</div>`;
   }
   _renderContent() {
-    const { headingLevel: e, messages: i, viewModel: t } = this, r = this._getWarningMessage(), n = t.current, a = t.state === "error";
-    return l`${this.hideHeader ? void 0 : V({ level: e, children: i.componentLabel })}${a ? l`<div class=${v(p.error)}>${this._getErrorMessage()}</div>` : void 0}<div class=${v(b({ [p.content]: !0, [p.hasError]: a }))}><div .ariaLabel=${i.weatherType} class=${v(p.selector)} role=radiogroup>${w.map(this._renderWeatherTypeButton, this)}</div>${Object.values(t.weatherByType).map((d) => l`<div class=${v(b({
-      [p.options]: !0,
-      [p.optionsHidden]: d.type !== n?.type
-    }))}>${this._renderOptions(d)}</div>`)}${r ? this._renderWarning(r) : void 0}</div>`;
+    const { headingLevel: e, messages: t, viewModel: i } = this, r = this._getWarningMessage(), n = i.current, a = i.state === "error";
+    return c`${this.hideHeader ? void 0 : H({ level: e, children: t.componentLabel })}${a ? c`<div>${this._getErrorMessage()}</div>` : void 0}<div class=${b(L({ content: !0, error: a }))}><div .ariaLabel=${t.weatherType} class="weather-type-selector" role=radiogroup style=${D({
+      "--weather-type-count": String(u.length),
+      "--button-size": `${this._buttonWidth}px`
+    })}>${u.map(this._renderWeatherTypeButton, this)}</div>${Object.values(i.weatherByType).map((l) => c`<div class=${b({
+      options: !0,
+      hidden: l.type !== n?.type
+    })}>${this._renderOptions(l)}</div>`)}${r ? this._renderWarning(r) : void 0}</div>`;
   }
   _renderWeatherTypeButton(e) {
-    const i = this.messages[e]?.label ?? "", { disabled: t } = this.viewModel, r = !t && this.viewModel.current.type === e;
-    return l`<calcite-button role=radio .ariaLabel=${i} .tabIndex=${r ? 0 : -1} .appearance=${r ? "solid" : "outline"} .ariaChecked=${r ? "true" : "false"} .disabled=${t} .iconStart=${J[e]} .kind=${r ? "brand" : "neutral"} @keydown=${(n) => {
+    const t = this.messages[e]?.label ?? "", { disabled: i } = this.viewModel, r = !i && this.viewModel.current.type === e;
+    return c`<calcite-button role=radio .label=${t} .name=${t} .appearance=${r ? "solid" : "outline"} .ariaChecked=${r ? "true" : "false"} tabindex=${(r ? void 0 : -1) ?? v} .disabled=${i} .iconStart=${J[e]} .kind=${r ? "brand" : "neutral"} width=full .scale=${this._buttonWidth < 32 ? "s" : this._buttonWidth < 64 ? "m" : "l"} @keydown=${(n) => {
       const a = n.key;
-      let d = ["ArrowRight", "ArrowDown"], m = ["ArrowLeft", "ArrowUp"];
+      let l = ["ArrowRight", "ArrowDown"], h = ["ArrowLeft", "ArrowUp"];
       if (this.direction === "rtl") {
-        const _ = d;
-        d = m, m = _;
+        const m = l;
+        l = h, h = m;
       }
-      const O = d.includes(a), y = m.includes(a);
-      if (O || y) {
+      const W = l.includes(a), w = h.includes(a);
+      if (W || w) {
         n.preventDefault();
-        const _ = w.indexOf(e), x = w.length, $ = (_ + (y ? -1 : 1) + x) % x;
-        this.viewModel.setWeatherByType(w[$]);
-        const C = n.currentTarget.parentElement;
-        C && Array.from(C.querySelectorAll("calcite-button") ?? [])[$]?.setFocus();
+        const m = u.indexOf(e), f = u.length, _ = (m + (w ? -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);
-    }} scale=l title=${i ?? f}></calcite-button>`;
+    }} @click=${(n) => {
+      if (r)
+        return;
+      this.viewModel.setWeatherByType(e);
+      const a = n.currentTarget;
+      requestAnimationFrame(() => {
+        this.viewModel.current.type === e && a.setFocus();
+      });
+    }} title=${t ?? v} ${O(this._makeWeatherTypeButtonRef())}></calcite-button>`;
   }
   _renderOptions(e) {
     switch (e.type) {
@@ -241,46 +258,46 @@ class N extends D {
     }
   }
   _renderSunnyOptions(e) {
-    const i = this.messages.sunny;
-    return u({ disabled: this.viewModel.disabled, ariaLabel: i?.cloudCoverAria, label: i?.cloudCover, value: e.cloudCover, onChange: (t) => {
-      e.cloudCover = t;
+    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) {
-    const i = this.messages.cloudy;
-    return u({ disabled: this.viewModel.disabled, ariaLabel: i?.cloudCoverAria, label: i?.cloudCover, value: e.cloudCover, onChange: (t) => {
-      e.cloudCover = t;
+    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: i } = this.viewModel, t = this.messages.rainy;
-    return l`${u({ disabled: i, ariaLabel: t?.cloudCoverAria, label: t?.cloudCover, value: e.cloudCover, onChange: (r) => {
+    const { disabled: t } = this.viewModel, i = this.messages.rainy;
+    return c`${g({ disabled: t, ariaLabel: i?.cloudCoverAria, label: i?.cloudCover, value: e.cloudCover, onChange: (r) => {
       e.cloudCover = r;
-    } })}${u({ disabled: i, ariaLabel: t?.precipitationAria, label: t?.precipitation, value: e.precipitation, onChange: (r) => {
+    } })}${g({ disabled: t, ariaLabel: i?.precipitationAria, label: i?.precipitation, value: e.precipitation, onChange: (r) => {
       e.precipitation = r;
     } })}`;
   }
   _renderSnowyOptions(e) {
-    const { disabled: i } = this.viewModel, t = this.messages.snowy;
-    return l`${u({ disabled: i, ariaLabel: t?.cloudCoverAria, label: t?.cloudCover, value: e.cloudCover, onChange: (r) => {
+    const { disabled: t } = this.viewModel, i = this.messages.snowy;
+    return c`${g({ disabled: t, ariaLabel: i?.cloudCoverAria, label: i?.cloudCover, value: e.cloudCover, onChange: (r) => {
       e.cloudCover = r;
-    } })}${u({ disabled: i, ariaLabel: t?.precipitationAria, label: t?.precipitation, value: e.precipitation, onChange: (r) => {
+    } })}${g({ disabled: t, ariaLabel: i?.precipitationAria, label: i?.precipitation, value: e.precipitation, onChange: (r) => {
       e.precipitation = r;
-    } })}<calcite-label layout=inline scale=s title=${t?.snowCoverTooltip ?? f}><calcite-checkbox .checked=${e.snowCover === "enabled"} .disabled=${i} @calciteCheckboxChange=${(r) => {
+    } })}<calcite-label layout=inline title=${i?.snowCoverTooltip ?? v}><calcite-checkbox .checked=${e.snowCover === "enabled"} .disabled=${t} @calciteCheckboxChange=${(r) => {
       this.viewModel.setSnowCoverEnabled(r.currentTarget.checked);
-    }}></calcite-checkbox>${t?.snowCover}</calcite-label>`;
+    }}></calcite-checkbox>${i?.snowCover}</calcite-label>`;
   }
   _renderFoggyOptions(e) {
-    const i = this.messages.foggy;
-    return u({ disabled: this.viewModel.disabled, ariaLabel: i?.fogStrengthAria, label: i?.fogStrength, value: e.fogStrength, onChange: (t) => {
-      e.fogStrength = t;
+    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 l`<calcite-notice aria-live=polite open icon=exclamation-mark-triangle-f kind=warning scale=s><div slot=title class=${v(p.warningTitle)}>${this.messages.warningTitle}</div><div slot=message>${e}</div></calcite-notice>`;
+    return c`<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>`;
   }
 }
-L("arcgis-weather", N);
+T("arcgis-weather", N);
 export {
   N as ArcgisWeather
 };

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

@@ -1,6 +1 @@
-import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-slider";
-import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-checkbox";
-import "@esri/calcite-components/components/calcite-notice";
 export * from "./customElement.js";

package/dist/components/arcgis-weather/types.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export type WeatherState = "disabled" \| "error" \| "ready";

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

@@ -0,0 +1,27 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+/**
+ * Warning for WebGL errors.
+ *
+ * @internal
+ */
+export abstract class ArcgisWebGlError extends LitElement {
+  /** @internal */
+  protected _messages: {
+      errrorTitle: string;
+      errorMessage: string;
+      webglFaq: string;
+  } & T9nMeta<{
+      errrorTitle: string;
+      errorMessage: string;
+      webglFaq: string;
+  }>;
+  /**
+   * The WebGL Error name.
+   *
+   * @default ""
+   */
+  accessor errorName: string;
+}

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

@@ -0,0 +1,20 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+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";
+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 @@
1	+ 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";

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

@@ -1,93 +1,103 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { default as MapView } from '@arcgis/core/views/MapView.js';
-import { default as SceneView } from '@arcgis/core/views/SceneView.js';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+import type MapView from "@arcgis/core/views/MapView.js";
+import type SceneView from "@arcgis/core/views/SceneView.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ArcgisReferenceElement } from "../types.js";
+import type { Layout, State } from "./types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { Button as Button } from "@esri/calcite-components/components/calcite-button";
-type Layout = "horizontal" | "vertical";
-type State = "disabled" | "ready";
 /**
  * The Zoom component allows users to zoom in/out within a map or scene.
  *
- * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-zoom/)
- *
  * @since 4.28
  */
-export declare class ArcgisZoom 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 Zoom component will be associated with a map or scene component rather than using the `view` property.
-     */
-    view?: MapView | SceneView;
-    /**
-     * 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
-     * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-zoom/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
-    autoDestroyDisabled: boolean;
-    /**
-     * Icon which represents the component.
-     * Typically used when the component is controlled by another component (e.g. by the Expand component).
-     *
-     * @default "magnifying-glass-plus"
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
-     */
-    icon?: string;
-    /** The component's default label. */
-    label?: string;
-    /**
-     * Determines the layout/orientation of the Zoom widget.
-     *
-     * @default "vertical"
-     */
-    layout: Layout;
-    /**
-     * Replace localized message strings with your own strings.
-     *
-     * _**Note**: Individual message keys may change between releases._
-     */
-    messageOverrides?: typeof this.messages._overrides;
-    /** @deprecated since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) 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.
-     *
-     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
-     */
-    referenceElement?: ArcgisReferenceElement | string;
-    /** @default "m" */
-    visualScale: HTMLCalciteButtonElement["scale"];
-    /**
-     * The current state of the component.
-     *
-     * @default "disabled"
-     */
-    state: State;
-    /** Permanently destroy the component. */
-    destroy(): Promise<void>;
-    /** Zooms the view in by an LOD factor of 0.5. */
-    zoomIn(): Promise<void>;
-    /** Zooms the view out by an LOD factor of 2. */
-    zoomOut(): Promise<void>;
-    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
-    readonly arcgisPropertyChange: TargetedEvent<this, {
-        name: "state";
-    }>;
-    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
-    readonly arcgisReady: TargetedEvent<this, void>;
-    private messages: Partial<{
-        componentLabel: string;
-        zoomIn: string;
-        zoomOut: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        componentLabel: string;
-        zoomIn: string;
-        zoomOut: string;
-    }>;
-}
-export {};
+export abstract class ArcgisZoom extends LitElement {
+  /**
+   * 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
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-zoom/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * Icon which represents the component.
+   * Typically used when the component is controlled by another component (e.g. by the Expand component).
+   *
+   * @default "magnifying-glass-plus"
+   * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+   */
+  accessor icon: string | undefined;
+  /** The component's default label. */
+  accessor label: string | undefined;
+  /**
+   * Determines the layout/orientation of the Zoom component.
+   *
+   * @default "vertical"
+   */
+  accessor layout: Layout;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: {
+      componentLabel?: string | undefined;
+      zoomIn?: string | undefined;
+      zoomOut?: string | undefined;
+  };
+  /** @internal */
+  protected messages: Partial<{
+      componentLabel: string;
+      zoomIn: string;
+      zoomOut: string;
+  }> & T9nMeta<{
+      componentLabel: string;
+      zoomIn: string;
+      zoomOut: string;
+  }>;
+  /**
+   * 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.
+   *
+   * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+   */
+  accessor referenceElement: ArcgisReferenceElement | string | undefined;
+  /** The current state of the component. */
+  get state(): State;
+  /**
+   * 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 arcgis-zoom component will be associated with a map or scene component rather than using the `view` property.
+   */
+  accessor view: MapView | SceneView | undefined;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   * @since 5.0
+   */
+  accessor visualScale: Button["scale"];
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  /** Zooms the view in by an LOD factor of 0.5. */
+  zoomIn(): Promise<void>;
+  /** Zooms the view out by an LOD factor of 2. */
+  zoomOut(): Promise<void>;
+  /**
+   * Emitted when one of the zoom controls is activated.
+   *
+   * @since 5.0
+   */
+  readonly arcgisActionZoom: import("@arcgis/lumina").TargetedEvent<this, { action: "zoomIn" | "zoomOut"; }>;
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
+  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    arcgisActionZoom: ArcgisZoom["arcgisActionZoom"]["detail"];
+    arcgisPropertyChange: ArcgisZoom["arcgisPropertyChange"]["detail"];
+    arcgisReady: ArcgisZoom["arcgisReady"]["detail"];
+  };
+}