@arcgis/map-components 4.32.0-next.82 → 4.32.0-next.84

package/dist/components/arcgis-slider/customElement.d.ts

@@ -33,6 +33,9 @@ declare const useSliderWidget: (component: import('@arcgis/components-controller
 }, options?: {
     editConstructorProperties(props: __esri.SliderProperties): __esri.SliderProperties | Promise<__esri.SliderProperties>;
 } | undefined) => __esri.Slider;
+/**
+ * @internal
+ */
 export declare class ArcgisSlider extends LitElement {
     /**
      * If true, the component will not be destroyed automatically when it is

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

@@ -7,7 +7,7 @@ import { reEmitEvent as t } from "@arcgis/components-controllers/accessor";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 const c = m`arcgis-slider{min-width:200px;min-height:25px}`, r = a(s);
 class d extends h {
   constructor() {

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

@@ -10,7 +10,7 @@ import { LitElement as M, createEvent as K, noShadowRoot as z, safeClassMap as h
 import { css as A } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 const H = A`arcgis-swipe,.arcgis-swipe{position:absolute;margin:0;background:transparent;padding:0;width:100%;height:100%;overflow:hidden;user-select:none}.arcgis-swipe,.arcgis-ui .arcgis-swipe{pointer-events:none}.arcgis-swipe__container{position:absolute;z-index:1;margin:0;outline:0;border:0;padding:0;overflow:hidden;pointer-events:auto;touch-action:none;outline-color:transparent}.arcgis-swipe--horizontal .arcgis-swipe__container{margin-left:calc(var(--calcite-spacing-xxxl) / 2 * -1);cursor:col-resize;height:100%}.arcgis-swipe--vertical .arcgis-swipe__container{margin-top:calc(var(--calcite-spacing-xxxl) / 2 * -1);cursor:row-resize;width:100%}.arcgis-swipe--disabled .arcgis-swipe__container{cursor:default;pointer-events:none}.arcgis-swipe__divider{position:absolute;background-color:var(--calcite-color-background)}.arcgis-swipe--horizontal .arcgis-swipe__divider{top:0;left:calc(var(--calcite-spacing-xxxl) / 2);margin-left:calc(var(--calcite-border-width-lg) * .5 * -1);border-right:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);width:var(--calcite-border-width-lg);height:100%}.arcgis-swipe--vertical .arcgis-swipe__divider{top:calc(var(--calcite-spacing-xxxl) / 2);left:0;margin-top:calc(var(--calcite-border-width-lg) * .5 * -1);border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);width:100%;height:var(--calcite-border-width-lg)}.arcgis-swipe__handle{display:flex;position:relative;align-items:center;justify-content:center;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-radius:var(--calcite-corner-radius-round);background-color:var(--calcite-color-background);width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);color:var(--calcite-color-border-input)}.arcgis-swipe__handle--hidden{visibility:hidden}.arcgis-swipe--vertical .arcgis-swipe__handle{rotate:90deg}.arcgis-swipe__handle-icon{position:relative;z-index:2}.arcgis-swipe--horizontal .arcgis-swipe__handle{top:calc(50% - calc(var(--calcite-spacing-xxxl) / 2))}.arcgis-swipe--vertical .arcgis-swipe__handle{left:calc(50% - calc(var(--calcite-spacing-xxxl) / 2))}.arcgis-swipe__container:focus .arcgis-swipe__handle,.arcgis-swipe__container:focus .arcgis-swipe__divider{outline:inset 2px var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}.arcgis-swipe__container:focus .arcgis-swipe__handle{outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}`, l = "arcgis-swipe", n = {
   base: l,
   baseDisabled: `${l}--disabled`,

package/dist/components/arcgis-table-list/customElement.d.ts

@@ -73,14 +73,14 @@ export declare class ArcgisTableList extends LitElement {
     readonly state: "ready" | "disabled" | "loading";
     /** The collection of table ListItems displayed within the component. */
     get tableItems(): __esri.Collection<__esri.TableListListItem>;
-    visibleElementsCloseButton: boolean;
-    visibleElementsCollapseButton: boolean;
-    visibleElementsErrors: boolean;
-    visibleElementsFilter: boolean;
-    visibleElementsFlow: boolean;
-    visibleElementsHeading: boolean;
-    visibleElementsStatusIndicators: boolean;
-    visibleElementsTemporaryTableIndicators: boolean;
+    showCloseButton: boolean | undefined;
+    showCollapseButton: boolean | undefined;
+    showErrors: boolean | undefined;
+    showFilter: boolean | undefined;
+    hideFlow: boolean | undefined;
+    showHeading: boolean | undefined;
+    hideStatusIndicators: boolean | undefined;
+    showTemporaryTableIndicators: boolean | undefined;
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {

package/dist/components/arcgis-table-list/customElement.js

@@ -1,23 +1,23 @@
-import { c as e } from "../../chunks/runtime.js";
-import { usePropertyChange as t } from "@arcgis/components-controllers";
+import { c as t } from "../../chunks/runtime.js";
+import { usePropertyChange as e } from "@arcgis/components-controllers";
 import { newWidgetsTableList as i } from "@arcgis/core-adapter";
 import { m as s } from "../../chunks/useWidget.js";
-import { LitElement as l, createEvent as r, noShadowRoot as a } from "@arcgis/lumina";
-import { reEmitEvent as o } from "@arcgis/components-controllers/accessor";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { LitElement as o, createEvent as l, noShadowRoot as r } from "@arcgis/lumina";
+import { reEmitEvent as a } from "@arcgis/components-controllers/accessor";
+import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
-const d = n`arcgis-table-list{display:block}`, m = s(i);
-class h extends l {
+v4.32.0-next.84 */
+const d = h`arcgis-table-list{display:block}`, n = s(i);
+class m extends o {
   constructor() {
-    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.icon = this.widget.icon, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.state = this.viewModel.state, this.visibleElementsCloseButton = !1, this.visibleElementsCollapseButton = !1, this.visibleElementsErrors = !1, this.visibleElementsFilter = !1, this.visibleElementsFlow = !0, this.visibleElementsHeading = !1, this.visibleElementsStatusIndicators = !0, this.visibleElementsTemporaryTableIndicators = !1, this.arcgisPropertyChange = t()("state"), this.arcgisReady = r(), this.arcgisTriggerAction = o(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.icon = this.widget.icon, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.state = this.viewModel.state, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.hideFlow = this.widget.visibleElements.flow, this.showHeading = this.widget.visibleElements.heading, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.showTemporaryTableIndicators = this.widget.visibleElements.temporaryTableIndicators, this.arcgisPropertyChange = e()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = a(() => this.widget, "trigger-action");
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, icon: 1, label: 1, listItemCreatedFunction: 0, minDragEnabledItems: 9, minFilterItems: 9, position: 1, referenceElement: 1, selectedItems: 0, selectionMode: 1, state: 3, tableItems: 32, visibleElementsCloseButton: 5, visibleElementsCollapseButton: 5, visibleElementsErrors: 5, visibleElementsFilter: 5, visibleElementsFlow: 5, visibleElementsHeading: 5, visibleElementsStatusIndicators: 5, visibleElementsTemporaryTableIndicators: 5 };
+    this.properties = { autoDestroyDisabled: 5, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, icon: 1, label: 1, listItemCreatedFunction: 0, minDragEnabledItems: 9, minFilterItems: 9, position: 1, referenceElement: 1, selectedItems: 0, selectionMode: 1, state: 3, tableItems: 32, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, hideFlow: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryTableIndicators: 5 };
   }
   static {
-    this.shadowRootOptions = a;
+    this.shadowRootOptions = r;
   }
   static {
     this.styles = d;
@@ -33,7 +33,7 @@ class h extends l {
     await this.manager.destroy();
   }
 }
-e("arcgis-table-list", h);
+t("arcgis-table-list", m);
 export {
-  h as ArcgisTableList
+  m as ArcgisTableList
 };

package/dist/components/arcgis-time-slider/customElement.js

@@ -7,7 +7,7 @@ import { reEmitEvent as l } from "@arcgis/components-controllers/accessor";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 const r = n`arcgis-time-slider{display:block}`, m = o(e);
 class c extends a {
   constructor() {

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

@@ -10,7 +10,7 @@ import { reEmitEvent as c } from "@arcgis/components-controllers/accessor";
 import { css as b } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 const y = b`arcgis-track{display:block}`, $ = {
   base: "esri-track"
 }, O = u(f);

package/dist/components/arcgis-utility-network-associations/customElement.js

@@ -7,7 +7,7 @@ import { html as r } from "lit";
 import { LitElement as h, createEvent as A, noShadowRoot as m } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 class v extends h {
   constructor() {
     super(...arguments), this._watchHandles = [], this.autoRefreshAssociationsDisabled = !1, this.includeConnectivityAssociationsDisabled = !1, this.includeStructuralAttachmentAssociationsDisabled = !1, this.maxAllowableAssociations = 250, this.position = "bottom-left", this.showArrowsConnectivity = !1, this.showArrowsStructuralAttachment = !1, this.showAssociationsEnabled = !1, this.visibleElementsConnectivityAssociationsSettingsArrowsToggle = !0, this.visibleElementsConnectivityAssociationsSettingsCapSelect = !0, this.visibleElementsConnectivityAssociationsSettingsColorPicker = !0, this.visibleElementsConnectivityAssociationsSettingsStylePicker = !0, this.visibleElementsConnectivityAssociationsSettingsWidthInput = !0, this.visibleElementsMaxAllowableAssociationsSlider = !0, this.visibleElementsStructuralAttachmentAssociationsSettingsArrowsToggle = !0, this.visibleElementsStructuralAttachmentAssociationsSettingsCapSelect = !0, this.visibleElementsStructuralAttachmentAssociationsSettingsColorPicker = !0, this.visibleElementsStructuralAttachmentAssociationsSettingsStylePicker = !0, this.visibleElementsStructuralAttachmentAssociationsSettingsWidthInput = !0, this.arcgisReady = A();

package/dist/components/arcgis-utility-network-trace/customElement.js

@@ -7,7 +7,7 @@ import { html as p } from "lit";
 import { LitElement as f, createEvent as t, noShadowRoot as w } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 class g extends f {
   constructor() {
     super(...arguments), this._watchHandles = [], this.defaultGraphicColor = {

package/dist/components/arcgis-utility-network-validate-topology/customElement.js

@@ -7,7 +7,7 @@ import { html as d } from "lit";
 import { LitElement as n, createEvent as w, noShadowRoot as c } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 class m extends n {
   constructor() {
     super(...arguments), this._watchHandles = [], this.extentToValidate = "current", this.position = "bottom-left", this.arcgisReady = w();

package/dist/components/arcgis-value-picker/customElement.d.ts

@@ -33,6 +33,9 @@ declare const useValuePickerWidget: (component: import('@arcgis/components-contr
 }, options?: {
     editConstructorProperties(props: __esri.ValuePickerProperties): __esri.ValuePickerProperties | Promise<__esri.ValuePickerProperties>;
 } | undefined) => __esri.ValuePicker;
+/**
+ * @internal
+ */
 export declare class ArcgisValuePicker extends LitElement {
     /**
      * If true, the component will not be destroyed automatically when it is

package/dist/components/arcgis-value-picker/customElement.js

@@ -7,7 +7,7 @@ import { reEmitEvent as t } from "@arcgis/components-controllers/accessor";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 const l = r`arcgis-value-picker{display:block}`, c = s(e);
 class u extends o {
   constructor() {

package/dist/components/arcgis-version-management/customElement.js

@@ -8,7 +8,7 @@ import { LitElement as k, createEvent as w, noShadowRoot as b, safeClassMap as $
 import { css as A } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 const T = A`.initial-version-invalid-block{margin-bottom:1rem}.calcite-combobox-item{width:330px}.calcite-flow-widget{width:350px}calcite-block{margin:0}calcite-pagination{justify-content:center}`, x = M(P), u = "map-components:version-management";
 class R extends k {
   constructor() {

package/dist/components/arcgis-version-management-service-item/customElement.js

@@ -3,7 +3,7 @@ import { html as t } from "lit-html";
 import { LitElement as C, createEvent as n, noShadowRoot as G, safeClassMap as F } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 class y extends C {
   constructor() {
     super(...arguments), this._arcgisGetVersions = (e) => {

package/dist/components/arcgis-version-management-version-item/customElement.js

@@ -3,7 +3,7 @@ import { html as c } from "lit-html";
 import { LitElement as b, createEvent as f, noShadowRoot as x, nothing as I } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 class E extends b {
   constructor() {
     super(...arguments), this.arcgisManageVersion = f();

package/dist/components/arcgis-version-management-version-list/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as F, createEvent as a } from "@arcgis/lumina";
 import { css as U } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 const A = U`:host{display:none;background:#bdf2c4}:host([selected]){display:flex}calcite-block{margin-block:0}calcite-pagination{justify-content:center}`;
 class N extends F {
   constructor() {

package/dist/components/arcgis-version-management-version-properties/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as V, createEvent as p, noShadowRoot as I } from "@arcgis/lu
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 const C = x`:host{display:none;background:#bdf2c4}:host([selected]){display:flex}.properties-buttons{display:flex}`;
 class k extends V {
   constructor() {

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

@@ -6,7 +6,7 @@ import { LitElement as o, createEvent as a, noShadowRoot as r } from "@arcgis/lu
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 const d = h`arcgis-weather{display:block}`, l = i(t);
 class n extends o {
   constructor() {

package/dist/components/arcgis-zoom/css.d.ts

@@ -1,6 +1,7 @@
 export declare const css: {
     readonly base: "arcgis-zoom";
     readonly horizontalLayout: "arcgis-zoom--horizontal";
+    readonly button: "esri-widget--button";
     readonly zoomIn: "arcgis-zoom__zoom-in";
     readonly zoomOut: "arcgis-zoom__zoom-out";
 };

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

@@ -1,23 +1,24 @@
-import { c as l } from "../../chunks/runtime.js";
-import { html as c } from "lit-html";
-import { usePropertyChange as m } from "@arcgis/components-controllers";
-import { classes as u } from "@arcgis/components-utils";
+import { c } from "../../chunks/runtime.js";
+import { html as m } from "lit-html";
+import { usePropertyChange as u } from "@arcgis/components-controllers";
+import { classes as t } from "@arcgis/components-utils";
 import { newWidgetsZoomZoomViewModel as d } from "@arcgis/core-adapter";
 import { u as h, m as z } from "../../chunks/useViewModel.js";
-import { LitElement as g, createEvent as p, noShadowRoot as b, safeClassMap as t, nothing as i } from "@arcgis/lumina";
+import { LitElement as g, createEvent as p, noShadowRoot as b, safeClassMap as s, nothing as a } from "@arcgis/lumina";
 import { css as w } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.82 */
+v4.32.0-next.84 */
 const o = {
   base: "arcgis-zoom",
   horizontalLayout: "arcgis-zoom--horizontal",
+  button: "esri-widget--button",
   zoomIn: "arcgis-zoom__zoom-in",
   zoomOut: "arcgis-zoom__zoom-out"
 }, y = w`arcgis-zoom,.arcgis-zoom{display:flex;flex-flow:column nowrap}.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)}`, f = z(d);
 class v extends g {
   constructor() {
-    super(...arguments), this.messages = h({}), this.viewModel = f(this), this.canZoomIn = this.viewModel.canZoomIn, this.canZoomOut = this.viewModel.canZoomOut, this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = m()("state"), this.arcgisReady = p();
+    super(...arguments), this.messages = h({}), this.viewModel = f(this), this.canZoomIn = this.viewModel.canZoomIn, this.canZoomOut = this.viewModel.canZoomOut, this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = u()("state"), this.arcgisReady = p();
   }
   static {
     this.properties = { canZoomIn: 16, canZoomOut: 16, autoDestroyDisabled: 5, icon: 3, label: 1, layout: 3, messageOverrides: 0, position: 1, referenceElement: 1, state: 3 };
@@ -45,13 +46,13 @@ class v extends g {
   // #endregion
   // #region Rendering
   render() {
-    const a = {
+    const r = {
       [o.horizontalLayout]: this.layout === "horizontal"
-    }, { canZoomIn: r, canZoomOut: n } = this.viewModel, { zoomIn: s, zoomOut: e } = this.messages;
-    return c`<div class=${t(u(o.base, a))}><calcite-button class=${t(o.zoomIn)} .disabled=${!r} icon-start=plus kind=neutral .label=${s} @click=${this.zoomIn} title=${s ?? i}></calcite-button><calcite-button class=${t(o.zoomOut)} .disabled=${!n} icon-start=minus kind=neutral .label=${e} @click=${this.zoomOut} title=${e ?? i}></calcite-button></div>`;
+    }, { canZoomIn: n, canZoomOut: l } = this.viewModel, { zoomIn: e, zoomOut: i } = this.messages;
+    return m`<div class=${s(t(o.base, r))}><calcite-button class=${s(t(o.button, o.zoomIn))} .disabled=${!n} icon-start=plus kind=neutral .label=${e} @click=${this.zoomIn} title=${e ?? a}></calcite-button><calcite-button class=${s(t(o.button, o.zoomOut))} .disabled=${!l} icon-start=minus kind=neutral .label=${i} @click=${this.zoomOut} title=${i ?? a}></calcite-button></div>`;
   }
 }
-l("arcgis-zoom", v);
+c("arcgis-zoom", v);
 export {
   v as ArcgisZoom
 };