@arcgis/map-components 4.34.0-next.5 → 4.34.0-next.51

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

@@ -0,0 +1,37 @@
+import { c as e } from "../../chunks/runtime.js";
+import { css as s, html as t } from "lit";
+import { LitElement as a, noShadowRoot as i, safeClassMap as n } from "@arcgis/lumina";
+import { createRef as h, ref as c } from "lit-html/directives/ref.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.51 */
+const r = s`@layer{arcgis-feature-attachments{display:block}}`, o = "arcgis-feature-attachments", m = {
+  base: o
+};
+class d extends a {
+  constructor() {
+    super(...arguments), this._attachmentsRef = h(), this.hideSection = !1, this.attachmentsLength = 0, this.headingLevel = 2;
+  }
+  static {
+    this.properties = { hideSection: 16, attachmentsLength: 16, state: 16, description: 1, displayType: 1, graphic: 0, heading: 1, headingLevel: 9, messages: 0 };
+  }
+  static {
+    this.styles = r;
+  }
+  static {
+    this.shadowRootOptions = i;
+  }
+  _updateAttachmentsState() {
+    this.state = this._attachmentsRef.value?.state, this.attachmentsLength = this._attachmentsRef.value?.attachmentInfos?.length ?? 0;
+  }
+  render() {
+    return t`<div class=${n(m.base)}>${this.renderContent()}</div>`;
+  }
+  renderContent() {
+    return t`<div .hidden=${!(this.state === "loading" || this.attachmentsLength > 0)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info><arcgis-attachments @arcgisPropertyChange=${this._updateAttachmentsState} .graphic=${this.graphic} .displayType=${this.displayType} ${c(this._attachmentsRef)}></arcgis-attachments></div>`;
+  }
+}
+e("arcgis-feature-attachments", d);
+export {
+  d as ArcgisFeatureAttachments
+};

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

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

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

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

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

@@ -0,0 +1,11 @@
+/// <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';
+
+/** @private */
+export declare class ArcgisFeatureContent extends LitElement {
+    creator?: __esri.PopupTemplateContent | __esri.PopupTemplateContentCreator | Promise<__esri.PopupTemplateContent>;
+    destroyer?: __esri.PopupTemplateContentDestroyer;
+    graphic?: __esri.Graphic;
+}

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

@@ -0,0 +1,65 @@
+import { c as l } from "../../chunks/runtime.js";
+import { css as g, html as r } from "lit";
+import { ref as f } from "lit/directives/ref.js";
+import { LitElement as d, noShadowRoot as h, safeClassMap as i } from "@arcgis/lumina";
+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.51 */
+const p = g`@layer{arcgis-feature-content{display:block}.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 d {
+  static {
+    this.properties = { _loadingPromise: 16, _created: 16, creator: 1, destroyer: 0, graphic: 0 };
+  }
+  static {
+    this.styles = p;
+  }
+  static {
+    this.shadowRootOptions = h;
+  }
+  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) {
+    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 ?? ""} ${f(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,42 @@
+import { c as a } from "../../chunks/runtime.js";
+import { css as o, html as i } from "lit";
+import { H as c } from "../../chunks/heading.js";
+import { LitElement as l, noShadowRoot as d, safeClassMap as s } from "@arcgis/lumina";
+import { renderingSanitizer as r } 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.51 */
+const g = o`@layer{arcgis-feature-element-info{display:block}.arcgis-feature-element-info__heading{margin-top:0;margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-xl);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-element-info__description{margin-bottom:var(--calcite-spacing-sm);font-size:var(--calcite-font-line-height-fixed-base);font-weight:var(--calcite-font-weight-regular)}}`, t = "arcgis-feature-element-info", n = {
+  base: t,
+  heading: `${t}__heading`,
+  description: `${t}__description`
+};
+class h extends l {
+  constructor() {
+    super(...arguments), this.headingLevel = 2;
+  }
+  static {
+    this.properties = { description: 1, headingLevel: 9, heading: 1 };
+  }
+  static {
+    this.styles = g;
+  }
+  static {
+    this.shadowRootOptions = d;
+  }
+  render() {
+    return i`<div class=${s(n.base)}>${this._renderHeading()}${this._renderDescription()}</div>`;
+  }
+  _renderHeading() {
+    const { heading: e } = this;
+    return e ? c({ class: n.heading, level: this.headingLevel, excludeGlobalCss: !0, children: i`<div .innerHTML=${r.sanitize(e) ?? ""}></div>` }) : null;
+  }
+  _renderDescription() {
+    const { description: e } = this;
+    return e ? i`<div class=${s(n.description)} .innerHTML=${r.sanitize(e) ?? ""}></div>` : null;
+  }
+}
+a("arcgis-feature-element-info", h);
+export {
+  h 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-expression/customElement.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { HeadingLevel } from '../../support/heading';
+import { ArcgisFeature } from '../arcgis-feature/customElement.js';
+
+/** @private */
+export declare class ArcgisFeatureExpression extends LitElement {
+    values?: HashMap<number | string>;
+    fieldInfoMap?: Map<string, __esri.FieldInfo>;
+    expressionInfo?: __esri.ElementExpressionInfo;
+    graphic?: __esri.Graphic;
+    /** @default 2 */
+    headingLevel: HeadingLevel;
+    interceptor?: __esri.RequestInterceptor;
+    location?: __esri.Point;
+    messages?: ArcgisFeature["messages"];
+    spatialReference?: __esri.SpatialReference;
+    map?: __esri.Map;
+    view?: __esri.View;
+}

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

@@ -0,0 +1,248 @@
+import { c as G } from "../../chunks/runtime.js";
+import { css as X, html as v } from "lit";
+import { LitElement as D, noShadowRoot as H, safeClassMap as O } from "@arcgis/lumina";
+import { watch as q, when as z } from "@arcgis/core/core/reactiveUtils.js";
+import { a as $ } from "../../chunks/maybe.js";
+import { c as w, t as I } from "../../chunks/async-utils.js";
+import K from "@arcgis/core/popup/content/MediaContent.js";
+import Q from "@arcgis/core/popup/content/FieldsContent.js";
+import Y from "@arcgis/core/popup/content/TextContent.js";
+import { compileExpression as Z } from "@arcgis/core/applications/Components/arcadeFeatureUtils.js";
+import { s as ee } from "../../chunks/feature-utils.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.51 */
+var te = typeof global == "object" && global && global.Object === Object && global, ne = typeof self == "object" && self && self.Object === Object && self, W = te || ne || Function("return this")(), b = W.Symbol, J = Object.prototype, ie = J.hasOwnProperty, re = J.toString, T = b ? b.toStringTag : void 0;
+function ae(e) {
+  var t = ie.call(e, T), i = e[T];
+  try {
+    e[T] = void 0;
+    var n = !0;
+  } catch {
+  }
+  var r = re.call(e);
+  return n && (t ? e[T] = i : delete e[T]), r;
+}
+var se = Object.prototype, oe = se.toString;
+function le(e) {
+  return oe.call(e);
+}
+var ce = "[object Null]", fe = "[object Undefined]", L = b ? b.toStringTag : void 0;
+function ue(e) {
+  return e == null ? e === void 0 ? fe : ce : L && L in Object(e) ? ae(e) : le(e);
+}
+function de(e) {
+  return e != null && typeof e == "object";
+}
+var me = "[object Symbol]";
+function pe(e) {
+  return typeof e == "symbol" || de(e) && ue(e) == me;
+}
+var he = /\s/;
+function ge(e) {
+  for (var t = e.length; t-- && he.test(e.charAt(t)); )
+    ;
+  return t;
+}
+var ve = /^\s+/;
+function Te(e) {
+  return e && e.slice(0, ge(e) + 1).replace(ve, "");
+}
+function x(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var C = NaN, ye = /^[-+]0x[0-9a-f]+$/i, be = /^0b[01]+$/i, xe = /^0o[0-7]+$/i, _e = parseInt;
+function A(e) {
+  if (typeof e == "number")
+    return e;
+  if (pe(e))
+    return C;
+  if (x(e)) {
+    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = x(t) ? t + "" : t;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = Te(e);
+  var i = be.test(e);
+  return i || xe.test(e) ? _e(e.slice(2), i ? 2 : 8) : ye.test(e) ? C : +e;
+}
+var k = function() {
+  return W.Date.now();
+}, $e = "Expected a function", Ie = Math.max, ke = Math.min;
+function Se(e, t, i) {
+  var n, r, o, l, a, c, u = 0, h = !1, d = !1, p = !0;
+  if (typeof e != "function")
+    throw new TypeError($e);
+  t = A(t) || 0, x(i) && (h = !!i.leading, d = "maxWait" in i, o = d ? Ie(A(i.maxWait) || 0, t) : o, p = "trailing" in i ? !!i.trailing : p);
+  function f(s) {
+    var m = n, g = r;
+    return n = r = void 0, u = s, l = e.apply(g, m), l;
+  }
+  function P(s) {
+    return u = s, a = setTimeout(y, t), h ? f(s) : l;
+  }
+  function V(s) {
+    var m = s - c, g = s - u, E = t - m;
+    return d ? ke(E, o - g) : E;
+  }
+  function S(s) {
+    var m = s - c, g = s - u;
+    return c === void 0 || m >= t || m < 0 || d && g >= o;
+  }
+  function y() {
+    var s = k();
+    if (S(s))
+      return j(s);
+    a = setTimeout(y, V(s));
+  }
+  function j(s) {
+    return a = void 0, p && n ? f(s) : (n = r = void 0, l);
+  }
+  function B() {
+    a !== void 0 && clearTimeout(a), u = 0, n = c = r = a = void 0;
+  }
+  function U() {
+    return a === void 0 ? l : j(k());
+  }
+  function _() {
+    var s = k(), m = S(s);
+    if (n = arguments, r = this, c = s, m) {
+      if (a === void 0)
+        return P(c);
+      if (d)
+        return clearTimeout(a), a = setTimeout(y, t), f(c);
+    }
+    return a === void 0 && (a = setTimeout(y, t)), l;
+  }
+  return _.cancel = B, _.flush = U, _;
+}
+var je = "Expected a function";
+function R(e, t, i) {
+  var n = !0, r = !0;
+  if (typeof e != "function")
+    throw new TypeError(je);
+  return x(i) && (n = "leading" in i ? !!i.leading : n, r = "trailing" in i ? !!i.trailing : r), Se(e, t, {
+    leading: n,
+    maxWait: t,
+    trailing: r
+  });
+}
+const Ee = X`@layer{arcgis-feature-expression{display:block}.arcgis-feature-expression__loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}}`, M = 1, N = "arcgis-feature", F = {
+  // widget
+  base: `${N}-expression`,
+  // loading
+  loadingSpinnerContainer: `${N}__loading-container`
+};
+class Oe extends D {
+  constructor() {
+    super(...arguments), this._compileThrottled = R(this._startCompile, M), this._evaluateThrottled = R(this._startEvaluate, M), this.headingLevel = 2;
+  }
+  static {
+    this.properties = { _compileTask: 16, _evaluateTask: 16, values: 0, fieldInfoMap: 0, expressionInfo: 0, graphic: 0, headingLevel: 9, interceptor: 0, location: 0, messages: 0, spatialReference: 0, map: 0, view: 0 };
+  }
+  static {
+    this.styles = Ee;
+  }
+  static {
+    this.shadowRootOptions = H;
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      q(() => [this.expressionInfo, this.graphic], () => this._compileThrottled(), { initial: !0 }),
+      z(() => {
+        if (!this._compileTask?.finished)
+          return null;
+        const t = this._compileTask.value, i = t?.dependencies, { view: n } = this;
+        return [
+          t,
+          this.spatialReference,
+          this.map,
+          n,
+          i?.has("view-scale") && n && "scale" in n ? n.scale : null,
+          i?.has("view-time-extent") ? n?.timeExtent?.start : null,
+          i?.has("view-time-extent") ? n?.timeExtent?.end : null
+        ];
+      }, ([t]) => this._evaluateThrottled(t)),
+      {
+        remove: () => this._cancelThrottles()
+      }
+    ]);
+  }
+  _cancelThrottles() {
+    this._compileThrottled.cancel(), this._evaluateThrottled.cancel();
+  }
+  _startCompile() {
+    this._evaluateTask = $(this._evaluateTask), this._compileTask = $(this._compileTask), this._compileTask = w(async (t) => {
+      const { expressionInfo: i, graphic: n } = this, r = i?.expression;
+      if (!r || !n)
+        return null;
+      const o = await Z({
+        expression: r,
+        graphic: n
+      });
+      return I(t), o;
+    });
+  }
+  _startEvaluate(t) {
+    this._evaluateTask = $(this._evaluateTask), this._evaluateTask = w(async (i) => {
+      const { graphic: n } = this;
+      if (!t || !n)
+        return null;
+      const { interceptor: r, spatialReference: o, map: l, location: a, view: c } = this, u = await t.evaluate({
+        graphic: n,
+        interceptor: r,
+        location: a,
+        map: l,
+        options: { signal: i },
+        spatialReference: o,
+        view: c
+      });
+      I(i);
+      const h = u && "castAsJsonAsync" in u && typeof u.castAsJsonAsync == "function" ? u : null;
+      if (!h)
+        return null;
+      const d = await h.castAsJsonAsync(i);
+      I(i);
+      const p = d?.type, f = p === "media" ? K.fromJSON(d) : p === "text" ? Y.fromJSON(d) : p === "fields" ? Q.fromJSON(d) : null;
+      return !f || f.type === "media" && !f.mediaInfos || f.type === "fields" && !f.fieldInfos || f.type === "text" && !f.text ? null : f;
+    });
+  }
+  render() {
+    const t = !this._compileTask?.finished || !this._evaluateTask?.finished;
+    return v`<div class=${O(F.base)}>${t ? this._renderLoading() : this._evaluateTask?.value ? this._renderContent() : null}</div>`;
+  }
+  _renderContent() {
+    const { values: t, fieldInfoMap: i } = this, n = this._evaluateTask?.value, r = n?.type;
+    if (!r)
+      return null;
+    if (r === "text") {
+      const o = ee({
+        values: t,
+        fieldInfoMap: i ?? /* @__PURE__ */ new Map(),
+        globalValues: t ?? {},
+        layer: void 0,
+        text: n.text
+      });
+      return v`<arcgis-feature-content .creator=${o} .graphic=${this.graphic}></arcgis-feature-content>`;
+    } else if (r === "media") {
+      const { title: o, description: l, mediaInfos: a } = n;
+      if (!a?.length)
+        return null;
+      const c = { ...t, ...n.attributes };
+      return v`<arcgis-feature-media .heading=${o ?? ""} .values=${c} .formattedValues=${c} .description=${l ?? ""} .mediaInfos=${a} .messages=${this.messages} .headingLevel=${this.headingLevel}></arcgis-feature-media>`;
+    } else if (r === "fields") {
+      const { title: o, description: l, fieldInfos: a } = n;
+      return a?.length ? v`<arcgis-feature-fields .fieldInfos=${a} .heading=${o ?? ""} .description=${l ?? ""} .headingLevel=${this.headingLevel} .messages=${this.messages}></arcgis-feature-fields>` : null;
+    }
+    return null;
+  }
+  _renderLoading() {
+    return v`<div class=${O(F.loadingSpinnerContainer)}><calcite-loader inline label></calcite-loader></div>`;
+  }
+}
+G("arcgis-feature-expression", Oe);
+export {
+  Oe as ArcgisFeatureExpression
+};

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

@@ -0,0 +1,5 @@
+import "../arcgis-feature-content/index.js";
+import "../arcgis-feature-media/index.js";
+import "../arcgis-feature-fields/index.js";
+import "@esri/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

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

@@ -0,0 +1,5 @@
+import "../arcgis-feature-content/index.js";
+import "../arcgis-feature-media/index.js";
+import "../arcgis-feature-fields/index.js";
+import "@esri/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

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

@@ -0,0 +1,17 @@
+/// <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;
+    /** @default 2 */
+    headingLevel: HeadingLevel;
+    messages?: ArcgisFeature["messages"];
+}

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

@@ -0,0 +1,142 @@
+import { c as u } from "../../chunks/runtime.js";
+import { css as b, html as n } from "lit";
+import { addLTRMark as h } from "@arcgis/components-utils";
+import { LitElement as $, noShadowRoot as v, safeClassMap as d } from "@arcgis/lumina";
+import { renderingSanitizer as p } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+import { replace as f } from "@arcgis/core/applications/Components/stringUtils.js";
+import { e as _ } from "../../chunks/feature-utils.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.51 */
+const w = [
+  {
+    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 I(c, t) {
+  const e = w.find((l) => l.pattern.test(t));
+  if (!e)
+    return t;
+  const r = t.match(e.pattern)?.[2], s = f(
+    f(e.label, {
+      messages: c,
+      hierPart: r
+    }),
+    {
+      appName: e.appName
+    }
+  ), i = e.target ? ` target="${e.target}"` : "", o = e.target === "_blank" ? ' rel="noreferrer"' : "";
+  return p.sanitizeUrl(new URL(t, window.location.origin).toString()).replace(e.pattern, `<a${i} href="$1"${o}>${s}</a>`);
+}
+const F = b`@layer{arcgis-feature-fields{display:block}.arcgis-feature-fields__table{border:none;width:100%;border-collapse:collapse;color:var(--calcite-color-text-2)}.arcgis-feature-fields__table caption{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.arcgis-feature-fields__table tr:nth-child(odd){background-color:var(--calcite-color-foreground-1)}.arcgis-feature-fields__table tr:nth-child(2n){background-color:var(--calcite-color-foreground-2)}.arcgis-feature-fields__table tr a{color:var(--calcite-color-text-link)}.arcgis-feature-fields__table tr a:hover,.arcgis-feature-fields__table tr a:focus{color:var(--calcite-color-brand-hover)}.arcgis-feature-fields__table tr td,.arcgis-feature-fields__table tr th{padding:var(--calcite-spacing-xs) var(--calcite-spacing-sm);vertical-align:top;word-break:break-word;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-fields__table tr th{border-inline-end:var(--calcite-border-width-md) solid var(--calcite-color-border-3);width:50%;text-align:start}.arcgis-feature-fields__table tr td{width:50%}}`, g = "arcgis-feature-fields", m = {
+  base: g,
+  table: `${g}__table`
+};
+class N extends $ {
+  constructor() {
+    super(...arguments), this.headingLevel = 2;
+  }
+  static {
+    this.properties = { values: 0, description: 1, expressionInfos: 0, fieldInfos: 0, heading: 1, headingLevel: 9, messages: 0 };
+  }
+  static {
+    this.styles = F;
+  }
+  static {
+    this.shadowRootOptions = v;
+  }
+  get formattedFieldInfos() {
+    const { expressionInfos: t, fieldInfos: e } = this, a = [];
+    return e?.forEach((r) => {
+      if (!("visible" in r ? r.visible : !0))
+        return;
+      const i = r.clone();
+      i.label = _(i, t), a.push(i);
+    }), a;
+  }
+  render() {
+    return n`<div class=${d(m.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderFields()}</div>`;
+  }
+  _renderFieldInfo(t) {
+    const { values: e } = this, a = t.fieldName || "", r = t.label || a, s = e ? e[a] == null ? "" : e[a] : "", i = !!t.format?.dateFormat, o = {
+      openInApp: this.messages?.openInApp ?? "",
+      view: this.messages?.view ?? ""
+    }, l = typeof s == "number" && !i ? h(`${s}`) : typeof s == "string" ? I(o, s) : `${s}`;
+    return n`<tr><th .innerHTML=${p.sanitize(r) ?? ""}></th><td .innerHTML=${p.sanitize(l) ?? ""}></td></tr>`;
+  }
+  _renderFields() {
+    const { formattedFieldInfos: t } = this;
+    return t?.length ? n`<table class=${d(m.table)}><caption>${this.messages?.fieldsSummary}</caption><tbody>${t.map((e) => this._renderFieldInfo(e))}</tbody></table>` : null;
+  }
+}
+u("arcgis-feature-fields", N);
+export {
+  N 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";