@arcgis/map-components 4.33.0-next.1 → 4.33.0-next.100

package/dist/components/arcgis-print-template-selector/customElement.js

@@ -0,0 +1,67 @@
+import { c as $ } from "../../chunks/runtime.js";
+import { html as i } from "lit-html";
+import { keyed as u } from "lit-html/directives/keyed.js";
+import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as w, safeClassMap as s, nothing as f } from "@arcgis/lumina";
+import { i as m, r as v, g as T, a as _, b } from "../../chunks/utils.js";
+import { css as y } from "@lit/reactive-element/css-tag.js";
+import { u as L } from "../../chunks/useHandles.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.100 */
+const S = y`.arcgis-print__template-select-flow-item-container{display:flex;flex-direction:column;justify-content:space-between;overflow-y:hidden;flex-grow:1}.arcgis-print__template-select-flow-item-container .arcgis-print__template-select-flow-item-content{display:flex;flex-direction:column;overflow-y:auto;flex:1 0}.arcgis-print__template-select-flow-item-container .arcgis-print__template-select-flow-item-content .arcgis-print__template-select-flow-item-list-heading{display:flex;gap:var(--calcite-spacing-xs);align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);background-color:var(--calcite-color-foreground-2);border-bottom:1px solid var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-semibold)}.arcgis-print__template-button-container{padding:var(--calcite-spacing-md)}.arcgis-print__template-done-button{width:100%}`, o = "arcgis-print", a = {
+  templateSelectError: `${o}__template-select-error`,
+  templateButtonContainer: `${o}__template-button-container`,
+  templateDoneButton: `${o}__template-done-button`,
+  templateSelectFlowItemContainer: `${o}__template-select-flow-item-container`,
+  templateSelectFlowItemContent: `${o}__template-select-flow-item-content`,
+  templateSelectFlowItemListHeading: `${o}__template-select-flow-item-list-heading`,
+  browseTemplateButtonContainer: `${o}__browse-template-button-container`,
+  browseTemplateButtonContainerFilter: `${o}__browse-template-button-container-filter`
+};
+class M extends w {
+  constructor() {
+    super(...arguments), this._handles = L("disconnect"), this._selectedTemplate = null, this.browseTemplateButtonOnClick = null;
+  }
+  static {
+    this.properties = { _selectedTemplate: 16, excludeOrganizationTemplates: 5, browseTemplateButtonOnClick: 0, viewModel: 0, messages: 0, hideTemplateSelector: 0 };
+  }
+  static {
+    this.styles = S;
+  }
+  //#endregion
+  //#region Lifecycle
+  loaded() {
+    this.manager.onLifecycle(() => [
+      h(() => this.viewModel.templateOptions.id, (e) => {
+        this._handles.removeHandles("template-handle"), this._selectedTemplate = e ? this.viewModel.getLayoutTemplateById(e) : null, this._handles.addHandles(h(() => this._selectedTemplate?.state, () => this.requestUpdate(), { initial: !0 }), "template-handle");
+      }, { initial: !0 })
+    ]);
+  }
+  //#endregion
+  //#region Private Methods
+  _getPortalTemplates() {
+    const { portalTemplateIds: e } = this.viewModel;
+    return this.viewModel.includeDefaultTemplates && !this.excludeOrganizationTemplates ? this.viewModel.defaultTemplates.toArray().filter(({ layout: n, layoutItem: l }) => !m(n) && !!l?.id && e.includes(l.id)) : [];
+  }
+  _getDefaultTemplates() {
+    const { portalTemplateIds: e } = this.viewModel;
+    return this.viewModel.includeDefaultTemplates ? this.viewModel.defaultTemplates.toArray().filter(({ layout: n, layoutItem: l }) => !m(n) && (!l?.id || !e.includes(l.id))) : [];
+  }
+  _getPrintServiceTemplates() {
+    return !this.viewModel.includeDefaultTemplates || !this._getDefaultTemplates().length ? this.viewModel.printServiceTemplates.toArray().filter(({ layout: e }) => !m(e)) : [];
+  }
+  //#endregion
+  //#region Rendering
+  render() {
+    const { messages: e } = this, n = v.test(this.viewModel.portal?.url), l = this.viewModel.browseTemplates.toArray(), t = this._getPortalTemplates(), c = this._getDefaultTemplates(), p = this._getPrintServiceTemplates(), r = l.length + t.length + c.length + p.length > 15, d = this.browseTemplateButtonOnClick ? i`<calcite-button appearance=outline class=${s(r ? a.browseTemplateButtonContainerFilter : a.browseTemplateButtonContainer)} icon-start=folder @click=${this.browseTemplateButtonOnClick} .slot=${r ? "filter-actions-end" : "default"}>${r ? null : e.browseTemplates}</calcite-button>` : null;
+    return i`<div class=${s(a.templateSelectFlowItemContainer)}><div class=${s(a.templateSelectFlowItemContent)}>${r ? null : d}${u("template-list", i`<calcite-list .filterEnabled=${r} .filterProps=${["label"]} .label=${e.templateList} selection-mode=single-persist @calciteListChange=${({ currentTarget: g }) => this.viewModel.applyTemplate(g.selectedItems[0]?.value)}>${r ? d : null}${l.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.myTemplates}${n ? i`<calcite-chip appearance=outline kind=neutral .label=${e.beta} scale=s>${e.beta}</calcite-chip>` : null}</div>${this._renderLayoutTemplates(l, !0, !0)}</div>` : null}${t.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.organizationTemplates}${n ? i`<calcite-chip appearance=outline kind=neutral .label=${e.beta} scale=s>${e.beta}</calcite-chip>` : null}</div>${this._renderLayoutTemplates(t)}</div>` : null}${l.length || t.length ? c.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.defaultTemplates}</div>${this._renderLayoutTemplates(c, !0)}</div>` : null : this._renderLayoutTemplates(c, !0)}${l.length || t.length ? p.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.defaultTemplates}</div>${this._renderLayoutTemplates(p)}</div>` : null : this._renderLayoutTemplates(p)}</calcite-list>`)}</div><div class=${s(a.templateButtonContainer)}><calcite-button class=${s(a.templateDoneButton)} @click=${this.hideTemplateSelector}>Done</calcite-button></div></div>`;
+  }
+  _renderLayoutTemplates(e, n = !1, l = !1) {
+    return n && e.sort((t, c) => (t.label ?? "") > (c.label ?? "") ? 1 : -1), e.map((t) => i`<calcite-list-item .description=${T(t)} .label=${_(t, this.messages)} .selected=${t.id === this.viewModel.templateOptions.id} title=${t.description ?? "" ?? f} .value=${t}><calcite-icon .icon=${(t.layout ? b(t.layout) : null) || "custom-print"} slot=content-start></calcite-icon>${t.state === "loading" ? i`<calcite-loader inline label=loading scale=s slot=content-end></calcite-loader>` : null}${t?.state === "error" ? u(`template-error-${t.id}`, i`<calcite-icon class=${s(a.templateSelectError)} icon=exclamation-mark-circle scale=s slot=content-end></calcite-icon>`) : null}${l ? i`<calcite-action icon=trash @click=${() => this.viewModel.removePortalTemplate(t)} slot=actions-end text=delete></calcite-action>` : null}</calcite-list-item>`);
+  }
+}
+$("arcgis-print-template-selector", M);
+export {
+  M as PrintTemplateSelector
+};

package/dist/components/arcgis-print-template-selector/index.d.ts

@@ -0,0 +1,8 @@
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-action";
+export * from "./customElement.js";

package/dist/components/arcgis-print-template-selector/index.js

@@ -0,0 +1,8 @@
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-action";
+export * from "./customElement.js";

package/dist/components/arcgis-scale-bar/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as ScaleBarViewModel } from '@arcgis/core/widgets/ScaleBar/ScaleBarViewModel.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
@@ -9,18 +9,23 @@ import { MeasurementSystem } from '../types';
 
 type ScaleBarStyle = "line" | "ruler";
 type ScaleBarUnit = MeasurementSystem | "dual";
-declare const useScaleBarViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<ScaleBarViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ScaleBarViewModel>, options?: {
+declare const useScaleBarViewModel: (component: LitElement & Pick<ScaleBarViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ScaleBarViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => ScaleBarViewModel;
-/** The ScaleBar component displays a scale bar on the map or in a specified HTML node.
+/**
+ * The Scale Bar component displays a scale bar representing the scale of the map.
+ * It respects various coordinate systems and displays units in metric or imperial values.
+ * Metric values show either kilometers, meters, centimeters, or millimeters depending on the scale, and likewise, imperial values show miles, feet, or inches depending on the scale.
+ * When working with Web Mercator or geographic coordinate systems the scale bar takes into account projection distortion and dynamically adjusts the scale bar.
+ *
+ * When the scale bar is inside the map, the actual location of the scale bar is used to calculate the scale.
+ * Otherwise, the center of the map is used to calculate the scale.
+ *
+ * **Known Limitations**
+ *
+ * - This component is not currently supported within an `arcgis-scene` component.
  */
 export declare class ArcgisScaleBar extends LitElement {
-    private messages;
     /**
      * If true, the component will not be destroyed automatically when
      * it is disconnected from the document. This is useful when you
@@ -34,10 +39,15 @@ export declare class ArcgisScaleBar extends LitElement {
      * When `unit` is set to `dual`, the style will always be `line`.
      */
     barStyle: ScaleBarStyle;
-    /** Icon displayed in the widget's button. */
+    /**
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
+     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     */
     icon: Nil | string;
     /** The component's default label. */
     label: Nil | string;
+    /** Replace localized message strings with your own strings. */
     messageOverrides?: typeof this.messages._overrides;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
@@ -52,5 +62,6 @@ export declare class ArcgisScaleBar extends LitElement {
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
+    private messages;
 }
 export {};

package/dist/components/arcgis-scale-bar/customElement.js

@@ -7,12 +7,12 @@ import { watch as y } from "@arcgis/core/core/reactiveUtils.js";
 import { formatNumber as S } from "@arcgis/core/intl.js";
 import L from "@arcgis/core/widgets/ScaleBar/ScaleBarViewModel.js";
 import { LitElement as B, createEvent as M, noShadowRoot as R, safeClassMap as a, safeStyleMap as _ } from "@arcgis/lumina";
-import { u as x } from "../../chunks/useView.js";
+import { u as x } from "../../chunks/useT9n.js";
 import { m as D } from "../../chunks/useViewModel.js";
 import { g as v } from "../../chunks/globalCss.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.1 */
+v4.33.0-next.100 */
 function $(f = 0, e = 0) {
   return { x: f, y: e };
 }
@@ -55,14 +55,14 @@ class k extends B {
   set unit(e) {
     this._unit = e;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
-  // #endregion
-  // #region Lifecycle
+  //#endregion
+  //#region Lifecycle
   updated() {
     this._handleRootCreateOrUpdate();
   }
@@ -80,8 +80,8 @@ class k extends B {
       this._defaultUnit = e ?? "metric", i && this.requestUpdate();
     }));
   }
-  // #endregion
-  // #region Private Methods
+  //#endregion
+  //#region Private Methods
   _handleContainerRef(e) {
     e !== void 0 && this._handleRootCreateOrUpdate();
   }
@@ -98,8 +98,8 @@ class k extends B {
       unitDisplay: "short"
     });
   }
-  // #endregion
-  // #region Rendering
+  //#endregion
+  //#region Rendering
   render() {
     const e = this.viewModel.state === "disabled", i = {
       [v.disabled]: e

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

@@ -1,26 +1,20 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as ScaleRangeSlider } from '@arcgis/core/widgets/ScaleRangeSlider.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useScaleRangeSliderWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<ScaleRangeSlider, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useScaleRangeSliderWidget: (component: LitElement & Pick<ScaleRangeSlider, never> & {
     state?: unknown;
     viewModel?: __esri.ScaleRangeSliderViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -1,16 +1,16 @@
 import { c as e } from "../../chunks/runtime.js";
-import { usePropertyChange as i } from "@arcgis/components-controllers";
+import { usePropertyChange as i } from "@arcgis/lumina/controllers";
 import t from "@arcgis/core/widgets/ScaleRangeSlider.js";
 import { LitElement as s, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
 import { m as o } from "../../chunks/useWidget.js";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.1 */
-const c = n`arcgis-scale-range-slider{display:block}`, r = o(t);
+v4.33.0-next.100 */
+const r = n`@layer{arcgis-scale-range-slider{display:block}}`, c = o(t);
 class h extends s {
   constructor() {
-    super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.disabled = this.widget.disabled, this.hidePreview = this.widget.visibleElements.preview, this.hideScaleMenusMaxScaleMenu = this.widget.visibleElements.scaleMenus.maxScaleMenu, this.hideScaleMenusMinScaleMenu = this.widget.visibleElements.scaleMenus.minScaleMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.maxScale = this.widget.maxScale, this.maxScaleLimit = this.widget.maxScaleLimit, this.minScale = this.widget.minScale, this.minScaleLimit = this.widget.minScaleLimit, this.mode = this.widget.mode, this.position = "bottom-left", this.region = this.widget.region, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state", "minScale", "maxScale"), this.arcgisReady = a();
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.disabled = this.widget.disabled, this.hidePreview = this.widget.visibleElements.preview, this.hideScaleMenusMaxScaleMenu = this.widget.visibleElements.scaleMenus.maxScaleMenu, this.hideScaleMenusMinScaleMenu = this.widget.visibleElements.scaleMenus.minScaleMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.maxScale = this.widget.maxScale, this.maxScaleLimit = this.widget.maxScaleLimit, this.minScale = this.widget.minScale, this.minScaleLimit = this.widget.minScaleLimit, this.mode = this.widget.mode, this.position = "bottom-left", this.region = this.widget.region, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state", "minScale", "maxScale"), this.arcgisReady = a();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, disabled: 7, hidePreview: 5, hideScaleMenusMaxScaleMenu: 5, hideScaleMenusMinScaleMenu: 5, icon: 1, label: 1, layer: 0, maxScale: 9, maxScaleLimit: 9, minScale: 9, minScaleLimit: 9, mode: 1, position: 1, referenceElement: 1, region: 0, state: 3 };
@@ -19,10 +19,10 @@ class h extends s {
     this.shadowRootOptions = l;
   }
   static {
-    this.styles = c;
+    this.styles = r;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();