@arcgis/map-components 5.0.0-next.115 → 5.0.0-next.117

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

@@ -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.115 */
+v5.0.0-next.117 */
 const i = {
   base: "arcgis-zoom",
   button: "arcgis-button",
@@ -17,40 +17,43 @@ const i = {
   zoomIn: "arcgis-zoom__zoom-in",
   zoomOut: "arcgis-zoom__zoom-out"
 };
-function u(o) {
-  if (!o)
+function u(t) {
+  if (!t)
     return !1;
-  if (o.type === "3d")
-    return o.ready;
-  if (!o?.ready)
+  if (t.type === "3d")
+    return t.ready;
+  if (!t?.ready)
     return !1;
-  const t = h(o), e = o.constraints?.effectiveMaxScale;
-  return e === 0 || t > e;
+  const o = h(t), e = t.constraints?.effectiveMaxScale;
+  return e === 0 || o > e;
 }
-function d(o) {
-  if (!o)
+function d(t) {
+  if (!t)
     return !1;
-  if (o.type === "3d")
-    return o.ready;
-  if (!o?.ready)
+  if (t.type === "3d")
+    return t.ready;
+  if (!t?.ready)
     return !1;
-  const t = h(o), e = o.constraints?.effectiveMinScale;
-  return e === 0 || t < e;
+  const o = h(t), e = t.constraints?.effectiveMinScale;
+  return e === 0 || o < e;
 }
-function h(o) {
-  const a = o?.animation?.target;
-  return (a && "then" in a ? void 0 : a?.scale) ?? o?.scale ?? 0;
+function h(t) {
+  const a = t?.animation?.target;
+  return (a && "then" in a ? void 0 : a?.scale) ?? t?.scale ?? 0;
 }
-const k = g`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{display:flex;max-width:fit-content}.arcgis-zoom__zoom-out{border-block-start:solid 1px var(--calcite-color-border-1)}.arcgis-zoom--horizontal{flex-flow:row-reverse nowrap}.arcgis-zoom--horizontal .arcgis-zoom__zoom-out{border-block-start:none;border-inline-end:solid 1px var(--calcite-color-border-1)}`;
-class w extends p {
+const _ = g`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{display:flex;max-width:fit-content}.arcgis-zoom__zoom-out{border-block-start:solid 1px var(--calcite-color-border-1)}.arcgis-zoom--horizontal{flex-flow:row-reverse nowrap}.arcgis-zoom--horizontal .arcgis-zoom__zoom-out{border-block-start:none;border-inline-end:solid 1px var(--calcite-color-border-1)}`;
+class k extends p {
   constructor() {
-    super(...arguments), this.messages = x({}), this.view = $(this), this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.visualScale = "m", this.state = "disabled", this.arcgisPropertyChange = v()("state"), this.arcgisReady = l(), this.arcgisClick = l();
+    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 = { view: 0, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, referenceElement: 1, visualScale: 1, state: 3 };
+    this.properties = { _state: 16, view: 0, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, referenceElement: 1, visualScale: 1, state: 35 };
   }
   static {
-    this.styles = k;
+    this.styles = _;
+  }
+  get state() {
+    return this._state;
   }
   async destroy() {
     await this.manager.destroy();
@@ -64,27 +67,27 @@ class w extends p {
   loaded() {
     this.manager.onLifecycle(() => [
       b(() => this.view?.ready ? "ready" : "disabled", (a) => {
-        this.state = a;
+        this._state = a;
       }, { sync: !0, initial: !0 })
     ]);
   }
   async zoomBy(a) {
-    const { view: t } = this, e = a === 1;
-    if (!(!(e ? u(t) : d(t)) || !t))
-      if (this.arcgisClick.emit({ action: e ? "zoomIn" : "zoomOut" }), t.type === "2d") {
-        const s = t.mapViewNavigation;
+    const { view: o } = this, e = a === 1;
+    if (!(!(e ? u(o) : d(o)) || !o))
+      if (this.arcgisClick.emit({ action: e ? "zoomIn" : "zoomOut" }), o.type === "2d") {
+        const s = o.mapViewNavigation;
         e ? await s.zoomIn() : await s.zoomOut();
       } else
-        await y(t.goTo({ zoom: t.zoom + a }));
+        await y(o.goTo({ zoom: o.zoom + a }));
   }
   render() {
     const a = {
       [i.horizontalLayout]: this.layout === "horizontal"
-    }, t = u(this.view), e = d(this.view), { zoomIn: r, zoomOut: s } = this.messages;
-    return z`<div class=${n(c(i.base, i.button, a))}><calcite-button class=${n(c(i.zoomIn))} .disabled=${!t} icon-start=plus kind=neutral .label=${r} @click=${this.zoomIn} .scale=${this.visualScale} title=${r ?? m}></calcite-button><calcite-button class=${n(c(i.zoomOut))} .disabled=${!e} icon-start=minus kind=neutral .label=${s} @click=${this.zoomOut} .scale=${this.visualScale} title=${s ?? m}></calcite-button></div>`;
+    }, o = u(this.view), e = d(this.view), { zoomIn: r, zoomOut: s } = this.messages;
+    return z`<div class=${n(c(i.base, i.button, a))}><calcite-button class=${n(c(i.zoomIn))} .disabled=${!o} icon-start=plus kind=neutral .label=${r} @click=${this.zoomIn} .scale=${this.visualScale} title=${r ?? m}></calcite-button><calcite-button class=${n(c(i.zoomOut))} .disabled=${!e} icon-start=minus kind=neutral .label=${s} @click=${this.zoomOut} .scale=${this.visualScale} title=${s ?? m}></calcite-button></div>`;
   }
 }
-f("arcgis-zoom", w);
+f("arcgis-zoom", k);
 export {
-  w as ArcgisZoom
+  k as ArcgisZoom
 };