@arcgis/map-components 4.34.0-next.3 → 4.34.0-next.31

package/dist/components/arcgis-feature-content/customElement.js

@@ -0,0 +1,66 @@
+import { c as l } from "../../chunks/runtime.js";
+import { html as r } from "lit-html";
+import { ref as g } from "lit-html/directives/ref.js";
+import { LitElement as f, noShadowRoot as d, safeClassMap as i } from "@arcgis/lumina";
+import { css as h } from "@lit/reactive-element/css-tag.js";
+import { j as n, h as u } from "../../chunks/feature-utils.js";
+import { watch as m } from "@arcgis/core/core/reactiveUtils.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.31 */
+const p = h`@layer{arcgis-feature-content{.arcgis-feature-content__loader-container{display:flex;align-items:center;justify-content:center;padding:0;height:150px}.arcgis-feature-content{font-size:var(--calcite-font-size-md)}.arcgis-feature-content h1,.arcgis-feature-content h2,.arcgis-feature-content h3,.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{margin:var(--calcite-spacing-sm) 0;line-height:normal;letter-spacing:0;color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-semibold)}.arcgis-feature-content h1{font-size:var(--calcite-font-size-xxl)}.arcgis-feature-content h2{font-size:var(--calcite-font-size-xl)}.arcgis-feature-content h3{font-size:var(--calcite-font-size-lg)}.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{font-size:var(--calcite-font-size)}.arcgis-widget__heading.arcgis-feature-element-info__title{margin-top:0;margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-lg);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-element-info__description{margin-bottom:var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-content p{margin:0 0 var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular)}.arcgis-feature-content p:last-child{margin-block-end:0}.arcgis-feature-content img{max-width:100%;max-height:100%;image-orientation:from-image}.arcgis-feature-content video{max-width:100%;max-height:100%}.arcgis-feature-content figure{margin:0;padding:0}.arcgis-feature-content figcaption{display:block;margin:var(--calcite-spacing-xs) 0 0;padding:0;font-size:var(--calcite-font-size-sm);font-style:italic}.arcgis-feature-content ul,.arcgis-feature-content ol{margin-block:var(--calcite-spacing-sm)}.arcgis-feature-content ul:first-child,.arcgis-feature-content ol:first-child{margin-block-start:0}.arcgis-feature-content a,.arcgis-feature-content a:hover,.arcgis-feature-content a:focus{color:var(--calcite-color-text-link)}}}`, c = "arcgis-feature-content", o = {
+  base: c,
+  loaderContainer: `${c}__loader-container`
+};
+class v extends f {
+  static {
+    this.properties = { _loadingPromise: 16, _created: 16, creator: 1, destroyer: 0, graphic: 0 };
+  }
+  static {
+    this.styles = p;
+  }
+  static {
+    this.shadowRootOptions = d;
+  }
+  loaded() {
+    this.manager.onLifecycle(() => m(() => this.creator, (t) => {
+      this._destroyContent(), this._createContent(t);
+    }, { initial: !0 }));
+  }
+  async _createContent(t) {
+    const { graphic: e } = this;
+    if (!e || !t)
+      return;
+    const a = n({
+      type: "content",
+      value: t,
+      event: { graphic: e }
+    });
+    this._loadingPromise = a;
+    const s = await a;
+    a === this._loadingPromise && (this._loadingPromise = void 0, this._created = s);
+  }
+  _destroyContent() {
+    const { _created: t, graphic: e, destroyer: a } = this;
+    t && e && (n({ type: "content", value: a, event: { graphic: e } }), this._created = null);
+  }
+  _addTargetToAnchors(t) {
+    Array.from(t.querySelectorAll("a")).forEach((e) => {
+      u(e.href) && !e.hasAttribute("target") && e.setAttribute("target", "_blank");
+    });
+  }
+  render() {
+    return r`<div class=${i(o.base)}>${this._loadingPromise ? this._renderLoading() : this._renderCreated()}</div>`;
+  }
+  _renderLoading() {
+    return r`<div class=${i(o.loaderContainer)}><calcite-loader inline label></calcite-loader></div>`;
+  }
+  _renderCreated() {
+    const { _created: t } = this;
+    return t instanceof HTMLElement ? t : typeof t == "string" ? r`<div .innerHTML=${t ?? ""} ${g(this._addTargetToAnchors)}></div>` : null;
+  }
+}
+l("arcgis-feature-content", v);
+export {
+  v as ArcgisFeatureContent
+};

package/dist/components/arcgis-feature-content/index.d.ts

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

package/dist/components/arcgis-feature-content/index.js

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

package/dist/components/arcgis-feature-element-info/customElement.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="../../index.d.ts" />
+import { HeadingLevel } from '../../support/heading';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+
+/** @private */
+export declare class ArcgisFeatureElementInfo extends LitElement {
+    description?: string;
+    /** @default 2 */
+    headingLevel: HeadingLevel;
+    heading?: string;
+}

package/dist/components/arcgis-feature-element-info/customElement.js

@@ -0,0 +1,39 @@
+import { c as s } from "../../chunks/runtime.js";
+import { html as n } from "lit-html";
+import { H as o } from "../../chunks/heading.js";
+import { LitElement as a, noShadowRoot as d, safeClassMap as r } from "@arcgis/lumina";
+import { renderingSanitizer as c } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.31 */
+const i = "arcgis-feature-element-info", t = {
+  base: i,
+  heading: `${i}__heading`,
+  description: `${i}__description`
+};
+class l extends a {
+  constructor() {
+    super(...arguments), this.headingLevel = 2;
+  }
+  static {
+    this.properties = { description: 1, headingLevel: 9, heading: 1 };
+  }
+  static {
+    this.shadowRootOptions = d;
+  }
+  render() {
+    return n`<div class=${r(t.base)}>${this._renderHeading()}${this._renderDescription()}</div>`;
+  }
+  _renderHeading() {
+    const { heading: e } = this;
+    return e ? o({ class: t.heading, level: this.headingLevel, children: e }) : null;
+  }
+  _renderDescription() {
+    const { description: e } = this;
+    return e ? n`<div class=${r(t.description)} .innerHTML=${c.sanitize(e) ?? ""}></div>` : null;
+  }
+}
+s("arcgis-feature-element-info", l);
+export {
+  l as ArcgisFeatureElementInfo
+};

package/dist/components/arcgis-feature-element-info/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-feature-element-info/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-feature-fields/customElement.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { HeadingLevel } from '../../support/heading';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisFeature } from '../arcgis-feature/customElement.js';
+
+/** @private */
+export declare class ArcgisFeatureFields extends LitElement {
+    values?: HashMap<number | string>;
+    description?: string;
+    expressionInfos?: __esri.ExpressionInfo[];
+    fieldInfos?: __esri.FieldInfo[];
+    heading?: string;
+    headingLevel?: HeadingLevel;
+    messages?: ArcgisFeature["messages"];
+}

package/dist/components/arcgis-feature-fields/customElement.js

@@ -0,0 +1,141 @@
+import { c as h } from "../../chunks/runtime.js";
+import { html as d } from "lit-html";
+import { g as b } from "../../chunks/globalCss.js";
+import { addLTRMark as $, classes as I } from "@arcgis/components-utils";
+import { LitElement as F, noShadowRoot as N, safeClassMap as n } from "@arcgis/lumina";
+import { replace as f } from "@arcgis/core/applications/Components/stringUtils.js";
+import { e as v } from "../../chunks/feature-utils.js";
+import { renderingSanitizer as g } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.31 */
+const A = [
+  {
+    pattern: /^\s*(https?:\/\/([^\s]+))\s*$/iu,
+    target: "_blank",
+    label: "{messages.view}"
+  },
+  {
+    pattern: /^\s*(tel:([^\s]+))\s*$/iu,
+    label: "{hierPart}"
+  },
+  {
+    pattern: /^\s*(mailto:([^\s]+))\s*$/iu,
+    label: "{hierPart}"
+  },
+  // ArcGIS Apps
+  {
+    pattern: /^\s*(arcgis-appstudio-player:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "App Studio Player"
+  },
+  {
+    pattern: /^\s*(arcgis-collector:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Collector"
+  },
+  {
+    pattern: /^\s*(arcgis-explorer:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Explorer"
+  },
+  {
+    pattern: /^\s*(arcgis-navigator:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Navigator"
+  },
+  {
+    pattern: /^\s*(arcgis-survey123:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Survey123"
+  },
+  {
+    pattern: /^\s*(arcgis-trek2there:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Trek2There"
+  },
+  {
+    pattern: /^\s*(arcgis-workforce:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Workforce"
+  },
+  // Third-Party Apps
+  {
+    pattern: /^\s*(iform:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "iForm"
+  },
+  {
+    pattern: /^\s*(flow:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "FlowFinity"
+  },
+  {
+    pattern: /^\s*(lfmobile:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Laserfische"
+  },
+  {
+    pattern: /^\s*(mspbi:\/\/([^\s]+))\s*$/iu,
+    label: "{messages.openInApp}",
+    appName: "Microsoft Power Bi"
+  }
+];
+function _(c, s) {
+  const e = A.find((m) => m.pattern.test(s));
+  if (!e)
+    return s;
+  const i = s.match(e.pattern)?.[2], a = f(
+    f(e.label, {
+      messages: c,
+      hierPart: i
+    }),
+    {
+      appName: e.appName
+    }
+  ), t = e.target ? ` target="${e.target}"` : "", p = e.target === "_blank" ? ' rel="noreferrer"' : "";
+  return encodeURI(s).replace(e.pattern, `<a${t} href="$1"${p}>${a}</a>`);
+}
+const l = "arcgis-feature-fields", o = {
+  base: l,
+  fieldHeader: `${l}__field-header`,
+  fieldData: `${l}__field-data`,
+  fieldDataDate: `${l}__field-data--date`
+};
+class L extends F {
+  static {
+    this.properties = { values: 0, description: 1, expressionInfos: 0, fieldInfos: 0, heading: 1, headingLevel: 9, messages: 0 };
+  }
+  static {
+    this.shadowRootOptions = N;
+  }
+  get formattedFieldInfos() {
+    const { expressionInfos: s, fieldInfos: e } = this, r = [];
+    return e?.forEach((i) => {
+      if (!("visible" in i ? i.visible : !0))
+        return;
+      const t = i.clone();
+      t.label = v(t, s), r.push(t);
+    }), r;
+  }
+  render() {
+    return d`<div class=${n(o.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderFields()}</div>`;
+  }
+  _renderFieldInfo(s) {
+    const { values: e } = this, r = s.fieldName || "", i = s.label || r, a = e ? e[r] == null ? "" : e[r] : "", t = !!s.format?.dateFormat, p = {
+      openInApp: this.messages?.openInApp ?? "",
+      view: this.messages?.view ?? ""
+    }, m = typeof a == "number" && !t ? $(`${a}`) : typeof a == "string" ? _(p, a) : `${a}`, u = {
+      [o.fieldDataDate]: t
+    };
+    return d`<tr><th class=${n(o.fieldHeader)} .innerHTML=${g.sanitize(i) ?? ""}></th><td class=${n(I(o.fieldData, u))} .innerHTML=${g.sanitize(m) ?? ""}></td></tr>`;
+  }
+  _renderFields() {
+    const { formattedFieldInfos: s } = this;
+    return s?.length ? d`<table class=${n(b.table)}><caption>${this.messages?.fieldsSummary}</caption><tbody>${s.map((e) => this._renderFieldInfo(e))}</tbody></table>` : null;
+  }
+}
+h("arcgis-feature-fields", L);
+export {
+  L as ArcgisFeatureFields
+};

package/dist/components/arcgis-feature-fields/index.d.ts

@@ -0,0 +1,2 @@
+import "../arcgis-feature-element-info/index.js";
+export * from "./customElement.js";

package/dist/components/arcgis-feature-fields/index.js

@@ -0,0 +1,2 @@
+import "../arcgis-feature-element-info/index.js";
+export * from "./customElement.js";

package/dist/components/arcgis-feature-form/customElement.d.ts

@@ -80,9 +80,14 @@ export declare class ArcgisFeatureForm extends LitElement {
      *
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#layer)
      */
-    layer: nullish | __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.SubtypeSublayer;
+    layer: nullish | __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.SubtypeSublayer | __esri.KnowledgeGraphSublayer;
     /** @default "bottom-left" */
     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;
     /**
      * The widget's state.

package/dist/components/arcgis-feature-form/customElement.js

@@ -7,7 +7,7 @@ import { m as h } from "../../chunks/useWidget.js";
 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.34/esri/copyright.txt for details.
-v4.34.0-next.3 */
+v4.34.0-next.31 */
 const l = m`@layer{arcgis-feature-form{display:block}}`, g = h(s);
 class n extends r {
   constructor() {

package/dist/components/arcgis-feature-media/chartCommon.d.ts

@@ -0,0 +1 @@
+export declare const esriChartColorSet: import('@amcharts/amcharts5/index.js').Color[];

package/dist/components/arcgis-feature-media/customElement.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Nil } from '@arcgis/components-utils';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { HeadingLevel } from '../../support/heading';
+import { RelatedInfo } from '../../utils/related-feature-utils';
+import { ArcgisFeature } from '../arcgis-feature/customElement.js';
+
+type MediaInfo = __esri.BarChartMediaInfo | __esri.ColumnChartMediaInfo | __esri.ImageMediaInfo | __esri.LineChartMediaInfo | __esri.PieChartMediaInfo;
+/** @private */
+export declare class ArcgisFeatureMedia extends LitElement {
+    messages?: ArcgisFeature["messages"];
+    values?: HashMap<number | string>;
+    /** @default 0 */
+    activeMediaInfoIndex: number;
+    /** @default false */
+    chartAnimationDisabled: boolean;
+    get activeMediaInfo(): MediaInfo | Nil;
+    get formattedMediaInfos(): MediaInfo[];
+    description?: string;
+    fieldInfoMap?: Map<string, __esri.FieldInfo>;
+    layer?: __esri.Layer;
+    mediaInfos?: MediaInfo[];
+    popupTemplate?: __esri.PopupTemplate;
+    relatedInfos?: Map<string, RelatedInfo>;
+    formattedValues?: HashMap<number | string>;
+    expressionValues?: HashMap<number | string>;
+    heading?: string;
+    /** @default false */
+    isAggregate: boolean;
+    get formattedMediaInfoCount(): number;
+    headingLevel?: HeadingLevel;
+    next(): void;
+    previous(): void;
+    setActiveMedia(mediaInfoIndex: number): void;
+}
+export {};