@arcgis/portal-components 5.0.0-next.13 → 5.0.0-next.130

package/dist/components/arcgis-portal-classification-banner/customElement.js

@@ -1,15 +1,16 @@
-import { c as e } from "../../chunks/runtime.js";
-import { LitElement as r, safeStyleMap as l } from "@arcgis/lumina";
-import { u as c, c as n } from "../../chunks/loadClassificationData.js";
-import { u as f } from "../../chunks/useT9n.js";
-import { css as d, html as t } from "lit";
+import { c as r } from "../../chunks/runtime.js";
+import { LitElement as l, safeStyleMap as c } from "@arcgis/lumina";
+import { u as n, c as f } from "../../chunks/loadClassificationData.js";
+import { u as d } from "../../chunks/useT9n.js";
+import { css as h, html as s } from "lit";
+import { rethrowError as o } from "@arcgis/toolkit/log";
 /*! 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.13 */
-const m = d`.banner{box-sizing:border-box;width:100%;left:0;text-align:center;font-family:var(--calcite-font-family);background-color:#fff;color:#000;padding:var(--calcite-spacing-sm);font-size:var(--calcite-font-size);text-transform:uppercase;overflow-wrap:break-word}.invalid-container{background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;gap:8px}.invalid-icon{--calcite-ui-icon-color: var(--calcite-color-status-danger)}.invalid-message{text-align:center;font-family:var(--calcite-font-family);background-color:#fff;color:#000;padding:var(--calcite-spacing-sm);font-size:var(--calcite-font-size);overflow-wrap:break-word}`;
-class h extends r {
+v5.0.0-next.128 */
+const m = h`.banner{box-sizing:border-box;width:100%;left:0;text-align:center;font-family:var(--calcite-font-family);background-color:#fff;color:#000;padding:var(--calcite-spacing-sm);font-size:var(--calcite-font-size);text-transform:uppercase;overflow-wrap:break-word}.invalid-container{background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;gap:8px}.invalid-icon{--calcite-icon-color: var(--calcite-color-status-danger)}.invalid-message{text-align:center;font-family:var(--calcite-font-family);background-color:#fff;color:#000;padding:var(--calcite-spacing-sm);font-size:var(--calcite-font-size);overflow-wrap:break-word}`;
+class p extends l {
   constructor() {
-    super(...arguments), this.classificationModel = c(this), this.messages = f(), this._classificationDataTask = n(this), this.portalClassificationSchema = this.classificationModel.portalClassificationSchema, this.status = this.classificationModel.status, this.missingExistingClassification = !1, this.variant = "full", this.autoDestroyDisabled = !1, this.validationErrors = "";
+    super(...arguments), this.classificationModel = n(this), this.messages = d(), this._classificationDataTask = f(this), this.portalClassificationSchema = this.classificationModel.portalClassificationSchema, this.status = this.classificationModel.status, this.missingExistingClassification = !1, this.variant = "full", this.autoDestroyDisabled = !1, this.validationErrors = "";
   }
   static {
     this.properties = { portalClassificationSchema: 16, status: 16, itemClassification: 16, portalItem: 0, missingExistingClassification: 5, variant: 1, autoDestroyDisabled: 5, validationErrors: 1 };
@@ -29,17 +30,17 @@ class h extends r {
           this.variant === "preview" ? null : i.id,
           i.classification,
           i?.portal.restUrl
-        ).catch(console.error).then((s) => {
-          this.validationErrors = s ?? "";
+        ).catch(o(this)).then((t) => {
+          this.validationErrors = t ?? "";
         }) : this.validationErrors = "";
-      }).catch(console.error);
+      }).catch(o(this));
     }
   }
   getStyle() {
     const a = {};
     if (this.variant === "preview" && (a.fontSize = "var(--calcite-font-size-sm)", a.padding = "var(--calcite-spacing-xs)"), this.itemClassification && this.portalClassificationSchema) {
-      const i = this.itemClassification.classification, s = this.portalClassificationSchema.classificationMetadata.classificationValueProperties.find(({ value: o }) => o === i);
-      s?.backgroundColor && (a.backgroundColor = s.backgroundColor), s?.textColor && (a.color = s.textColor);
+      const i = this.itemClassification.classification, t = this.portalClassificationSchema.classificationMetadata.classificationValueProperties.find(({ value: e }) => e === i);
+      t?.backgroundColor && (a.backgroundColor = t.backgroundColor), t?.textColor && (a.color = t.textColor);
     }
     return a;
   }
@@ -51,12 +52,12 @@ class h extends r {
       error: void 0,
       complete: () => (
         /** Only render the banner if the portal has a classification schema and it's accessed not anonymously */
-        this.portalClassificationSchema && this.portalItem?.portal.authMode !== "anonymous" ? this.validationErrors && this.variant === "full" ? t`<div class="invalid-container"><calcite-icon class="invalid-icon" scale=s icon=exclamation-mark-triangle .textLabel=${this.messages.invalidclassificationerror}></calcite-icon><span class="invalid-message">${this.messages.invalidclassificationerror}</span></div>` : t`<div class="banner" style=${l(this.getStyle())}>${this.itemClassification?.banner ?? this.messages.notyetclassified ?? "Not yet classified"}</div>` : ""
+        this.portalClassificationSchema && this.portalItem?.portal.authMode !== "anonymous" ? this.validationErrors && this.variant === "full" ? s`<div class="invalid-container"><calcite-icon class="invalid-icon" scale=s icon=exclamation-mark-triangle .textLabel=${this.messages.invalidclassificationerror}></calcite-icon><span class="invalid-message">${this.messages.invalidclassificationerror}</span></div>` : s`<div class="banner" style=${c(this.getStyle())}>${this.itemClassification?.banner ?? this.messages.notyetclassified ?? "Not yet classified"}</div>` : ""
       )
     });
   }
 }
-e("arcgis-portal-classification-banner", h);
+r("arcgis-portal-classification-banner", p);
 export {
-  h as ArcgisPortalClassificationBanner
+  p as ArcgisPortalClassificationBanner
 };

package/dist/components/arcgis-portal-classification-config/customElement.d.ts

@@ -40,6 +40,9 @@ export declare class ArcgisPortalClassificationConfig extends LitElement {
     validateForm(): Promise<void>;
     /** Event emitted when component property values status, values, or valid change. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
-        name: "values" | "status" | "valid";
+        name: "values" | "valid" | "status";
     }>;
+    "@eventTypes": {
+        "arcgisPropertyChange": ArcgisPortalClassificationConfig["arcgisPropertyChange"]["detail"];
+    };
 }

package/dist/components/arcgis-portal-classification-config/customElement.js

@@ -13,7 +13,7 @@ import { watch as _ } from "@arcgis/core/core/reactiveUtils.js";
 import { r as D } from "../../chunks/requests.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.13 */
+v5.0.0-next.128 */
 async function T({
   portalClassificationSchema: a,
   itemClassification: t

package/dist/components/arcgis-portal-classification-favorite/customElement.js

@@ -7,7 +7,7 @@ import { u as d, r as v } from "../../chunks/requests.js";
 import { g as h } from "../../chunks/common.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.13 */
+v5.0.0-next.128 */
 const m = r`.select-favorite-label{display:flex;justify-content:space-between;align-items:center}.favorite-actions{display:flex;justify-content:flex-end;gap:1.5rem;align-items:center}.classification-favorite-dialog{--calcite-dialog-content-space: 0;--calcite-dialog-background-color: "var(--calcite-color-foreground-2)"}.save-new-favorite-button{display:flex;justify-content:flex-end;margin-top:.25rem;margin-bottom:1rem}.classification-favorite-item{display:flex;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--calcite-color-border-1)}.classification-favorite-list,.classification-favorite-input-section{margin:1.75rem 1rem}`;
 class C extends n {
   constructor() {
@@ -114,7 +114,7 @@ class C extends n {
     return this.newFavoriteClassificationName ? this.hasDuplicatedClassificationError ? this.messages.duplicatedClassificationError : "" : this.messages.emptyFavoriteError;
   }
   render() {
-    return e`<div>${this.favoriteClassifications.length > 0 ? e`<div><calcite-label><div class="select-favorite-label">${this.messages.applyClassificationFavoriteLabel}<calcite-link @click=${() => this.showManageClassificationDialog = !0}>${this.messages.manageClassificationFavoriteBtn}</calcite-link></div><calcite-combobox label=select-calcite-combobox selection-mode=single .placeholder=${this.messages.selectFavoritePlaceholder} placeholder-icon=folder-star @calciteComboboxChange=${this.selectFavoriteClassification} .status=${this.hasUpdateError ? "invalid" : "idle"} .validationIcon=${this.hasUpdateError ? "exclamation-mark-triangle" : ""} .validationMessage=${this.hasUpdateError ? this.messages.updateWarning : ""}>${o(this.favoriteClassifications, ({ name: i }) => i, ({ name: i }) => e`<calcite-combobox-item .selected=${this.selectedFavoriteClassificationName === i} icon=folder-star .value=${i} .textLabel=${i}></calcite-combobox-item>`)}</calcite-combobox></calcite-label><div class="favorite-actions"><calcite-link icon-start=refresh @click=${this.updateFavoriteClassification}>${this.messages.updateClassificationFavoriteBtn}</calcite-link><calcite-link icon-start=star @click=${this.onOpenFavoriteClassificationModal}>${this.messages.saveNewClassificationBtn}</calcite-link></div></div>` : e`<div class="save-new-favorite-button"><calcite-link icon-start=folder-star @click=${this.onOpenFavoriteClassificationModal}>${this.messages.saveNewClassificationFavoriteBtn}</calcite-link></div>`}<calcite-dialog class="classification-favorite-dialog" overlay-positioning=fixed .heading=${this.messages.manageClassificationFavoriteLabel} .open=${this.showManageClassificationDialog} modal placement=center scale=m outside-close-disabled @calciteDialogClose=${() => this.showManageClassificationDialog = !1}><calcite-list class="classification-favorite-list" .label=${this.messages.classificationFavoriteListLabel ?? "Classification Favorite list label"} selection-appearance=border selection-mode=single-persist>${o(this.favoriteClassifications, ({ name: i }) => i, ({ name: i }) => e`<calcite-list-item .label=${i} .value=${i} class="classification-favorite-item"><div slot=content-end><calcite-icon icon=trash scale=s @click=${async () => await this.removeFavoriteClassification(i)}></calcite-icon></div></calcite-list-item>`)}</calcite-list><calcite-button slot=footer-end scale=l @click=${() => this.showManageClassificationDialog = !1}><div>${this.messages.favoriteClassificationBtnDone}</div></calcite-button></calcite-dialog><calcite-dialog class="classification-favorite-dialog" overlay-positioning=fixed .heading=${this.messages.addFavoriteDialogHeading} .open=${this.showSaveClassificationDialog} modal placement=center scale=m outside-close-disabled @calciteDialogClose=${() => this.showSaveClassificationDialog = !1}><calcite-label class="classification-favorite-input-section">${this.messages.addClassificationFavorite}<calcite-input id=classification-favorite-name name=classification-favorite-name scale=m .value=${this.newFavoriteClassificationName} @calciteInputInput=${this.changeFavoriteClassificationName} .status=${!this.newFavoriteClassificationName || this.hasDuplicatedClassificationError ? "invalid" : "idle"} validation-icon=exclamation-mark-triangle .validationMessage=${this.getValidationMessage()}></calcite-input></calcite-label><calcite-button scale=l slot=footer-end @click=${this.saveNewFavoriteClassification}>${this.messages.favoriteClassificationBtnDone}</calcite-button></calcite-dialog></div>`;
+    return e`<div>${this.favoriteClassifications.length > 0 ? e`<div><calcite-label><div class="select-favorite-label">${this.messages.applyClassificationFavoriteLabel}<calcite-link @click=${() => this.showManageClassificationDialog = !0}>${this.messages.manageClassificationFavoriteBtn}</calcite-link></div><calcite-combobox label=select-calcite-combobox selection-mode=single .placeholder=${this.messages.selectFavoritePlaceholder} placeholder-icon=folder-star @calciteComboboxChange=${this.selectFavoriteClassification} .status=${this.hasUpdateError ? "invalid" : "idle"} .validationIcon=${this.hasUpdateError ? "exclamation-mark-triangle" : void 0} .validationMessage=${this.hasUpdateError ? this.messages.updateWarning : ""}>${o(this.favoriteClassifications, ({ name: i }) => i, ({ name: i }) => e`<calcite-combobox-item .selected=${this.selectedFavoriteClassificationName === i} icon=folder-star .value=${i} .heading=${i}></calcite-combobox-item>`)}</calcite-combobox></calcite-label><div class="favorite-actions"><calcite-link icon-start=refresh @click=${this.updateFavoriteClassification}>${this.messages.updateClassificationFavoriteBtn}</calcite-link><calcite-link icon-start=star @click=${this.onOpenFavoriteClassificationModal}>${this.messages.saveNewClassificationBtn}</calcite-link></div></div>` : e`<div class="save-new-favorite-button"><calcite-link icon-start=folder-star @click=${this.onOpenFavoriteClassificationModal}>${this.messages.saveNewClassificationFavoriteBtn}</calcite-link></div>`}<calcite-dialog class="classification-favorite-dialog" overlay-positioning=fixed .heading=${this.messages.manageClassificationFavoriteLabel} .open=${this.showManageClassificationDialog} modal placement=center scale=m outside-close-disabled @calciteDialogClose=${() => this.showManageClassificationDialog = !1}><calcite-list class="classification-favorite-list" .label=${this.messages.classificationFavoriteListLabel ?? "Classification Favorite list label"} selection-appearance=border selection-mode=single-persist>${o(this.favoriteClassifications, ({ name: i }) => i, ({ name: i }) => e`<calcite-list-item .label=${i} .value=${i} class="classification-favorite-item"><div slot=content-end><calcite-icon icon=trash scale=s @click=${async () => await this.removeFavoriteClassification(i)}></calcite-icon></div></calcite-list-item>`)}</calcite-list><calcite-button slot=footer-end scale=l @click=${() => this.showManageClassificationDialog = !1}><div>${this.messages.favoriteClassificationBtnDone}</div></calcite-button></calcite-dialog><calcite-dialog class="classification-favorite-dialog" overlay-positioning=fixed .heading=${this.messages.addFavoriteDialogHeading} .open=${this.showSaveClassificationDialog} modal placement=center scale=m outside-close-disabled @calciteDialogClose=${() => this.showSaveClassificationDialog = !1}><calcite-label class="classification-favorite-input-section">${this.messages.addClassificationFavorite}<calcite-input id=classification-favorite-name name=classification-favorite-name scale=m .value=${this.newFavoriteClassificationName} @calciteInputInput=${this.changeFavoriteClassificationName} .status=${!this.newFavoriteClassificationName || this.hasDuplicatedClassificationError ? "invalid" : "idle"} validation-icon=exclamation-mark-triangle .validationMessage=${this.getValidationMessage()}></calcite-input></calcite-label><calcite-button scale=l slot=footer-end @click=${this.saveNewFavoriteClassification}>${this.messages.favoriteClassificationBtnDone}</calcite-button></calcite-dialog></div>`;
   }
 }
 c("arcgis-portal-classification-favorite", C);

package/dist/components/arcgis-portal-classification-form-element/customElement.d.ts

@@ -16,4 +16,7 @@ export declare class ArcgisPortalClassificationFormElement extends LitElement {
     isRequiredErrors: Set<string>;
     /** The attribute value has changed. */
     readonly arcgisAttributeValueChange: TargetedEvent<this, Record<string, unknown>>;
+    "@eventTypes": {
+        "arcgisAttributeValueChange": ArcgisPortalClassificationFormElement["arcgisAttributeValueChange"]["detail"];
+    };
 }

package/dist/components/arcgis-portal-classification-form-element/customElement.js

@@ -5,12 +5,12 @@ import { css as d, html as i } from "lit";
 import { u as h } from "../../chunks/useT9n.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.13 */
+v5.0.0-next.128 */
 const m = d`.spacing-y{margin:var(--calcite-spacing-md) 0}.portal-classification-form-element-tooltip{display:flex;justify-content:space-between;align-items:center}`;
 function l(n, e) {
   return n.uiElement === e;
 }
-class v extends c {
+class g extends c {
   constructor() {
     super(...arguments), this.messages = h(), this.isRequiredErrors = /* @__PURE__ */ new Set(), this.arcgisAttributeValueChange = b();
   }
@@ -48,13 +48,13 @@ class v extends c {
     if (!Array.isArray(this.renderingInfo?.valueExpressionResult))
       return;
     const e = this.value;
-    return u(this.renderingInfo?.valueExpressionResult, (t) => t.label, (t) => i`<calcite-combobox-item .selected=${e === t.value} text-label=${t.label ?? a} .value=${t.value} data-testid=${`single-combobox-item-${t.value}`}></calcite-combobox-item>`);
+    return u(this.renderingInfo?.valueExpressionResult, (t) => t.label, (t) => i`<calcite-combobox-item .selected=${e === t.value} .heading=${t.label} .value=${t.value} data-testid=${`single-combobox-item-${t.value}`}></calcite-combobox-item>`);
   }
   _renderComboboxOptions() {
     if (!Array.isArray(this.renderingInfo?.valueExpressionResult))
       return;
     const e = this.value;
-    return this.renderingInfo?.valueExpressionResult.map((t) => i`<calcite-combobox-item .selected=${e?.includes(t.value)} text-label=${t.label ?? a} .value=${t.value} data-testid=${`combobox-item-${t.value}`}></calcite-combobox-item>`);
+    return this.renderingInfo?.valueExpressionResult.map((t) => i`<calcite-combobox-item .selected=${e?.includes(t.value)} .heading=${t.label} .value=${t.value} data-testid=${`combobox-item-${t.value}`}></calcite-combobox-item>`);
   }
   renderMultiSelect() {
     return l(this.attribute, "multi-select") ? i`<calcite-label .for=${this.attributeKey}>${this.attribute.label}<calcite-combobox id=${this.attributeKey ?? a} .label=${this.attribute.label} .name=${this.attributeKey} @calciteComboboxChange=${(e) => {
@@ -68,7 +68,7 @@ class v extends c {
     if (!this.renderingInfo?.valueExpressionResult || Array.isArray(this.renderingInfo?.valueExpressionResult))
       return;
     const e = this.value;
-    return Object.entries(this.renderingInfo?.valueExpressionResult).map(([t, s]) => i`<calcite-combobox-item .selected=${e?.includes(t)} text-label=${t ?? a} .value=${t}>${s.map((r) => i`<calcite-combobox-item .selected=${e?.includes(r.value)} text-label=${r.label ?? a} .value=${r.value} data-testid=${`grouped-combobox-item-${r.value}`}></calcite-combobox-item>`)}</calcite-combobox-item>`);
+    return Object.entries(this.renderingInfo?.valueExpressionResult).map(([t, s]) => i`<calcite-combobox-item .selected=${e?.includes(t)} .heading=${t} .value=${t}>${s.map((r) => i`<calcite-combobox-item .selected=${e?.includes(r.value)} .heading=${r.label} .value=${r.value} data-testid=${`grouped-combobox-item-${r.value}`}></calcite-combobox-item>`)}</calcite-combobox-item>`);
   }
   renderMultiGroupedSelectNested() {
     return l(this.attribute, "multi-grouped-select-nested") ? i`<calcite-label .for=${this.attributeKey}>${this.attribute.label}<calcite-combobox id=${this.attributeKey ?? a} .label=${this.attribute.label} .name=${this.attributeKey} @calciteComboboxChange=${(e) => {
@@ -97,7 +97,7 @@ class v extends c {
     }
   }
 }
-o("arcgis-portal-classification-form-element", v);
+o("arcgis-portal-classification-form-element", g);
 export {
-  v as ArcgisPortalClassificationFormElement
+  g as ArcgisPortalClassificationFormElement
 };

package/dist/components/arcgis-portal-extent-picker/customElement.d.ts

@@ -0,0 +1,56 @@
+/// <reference path="../../index.d.ts" />
+import { default as Extent } from '@arcgis/core/geometry/Extent.js';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { default as Portal } from '@arcgis/core/portal/Portal.js';
+
+export type ExtentValue = {
+    ymin: string;
+    ymax: string;
+    xmin: string;
+    xmax: string;
+};
+export type ExtentObj = {
+    extent: ExtentValue;
+};
+/** To select extent value from a map or by entering coordinates. */
+export declare class ArcgisPortalExtentPicker extends LitElement {
+    /**
+     * if true, open the dialog
+     *
+     * @default false
+     */
+    active: boolean;
+    /** current extent value */
+    extentValue?: ExtentValue;
+    /** Optional; if passed, use the itemId to load the Portal item */
+    itemId?: string;
+    /** Optional; Portal instance */
+    portal?: Portal;
+    /** Optional; URL of the extent service, used to initialize TileLayer */
+    extentService?: string;
+    /**
+     * Optional; if true, show only the content without the calcite-dialog wrapper
+     *
+     * @default false
+     */
+    contentOnly: boolean;
+    /**
+     * Optional; if true, display texts that are for areas rather than the default extent texts
+     *
+     * @default false
+     */
+    isArea: boolean;
+    /** Returns the current extent value */
+    getExtent(): ExtentObj;
+    /** Emitted when the extent value changes */
+    readonly arcgisExtentPickerChange: TargetedEvent<this, ExtentObj>;
+    /** Emitted when the dialog is closed */
+    readonly arcgisExtentPickerClose: TargetedEvent<this, void>;
+    /** Emitted when the save button is clicked */
+    readonly arcgisExtentPickerSave: TargetedEvent<this, ExtentObj>;
+    "@eventTypes": {
+        "arcgisExtentPickerChange": ArcgisPortalExtentPicker["arcgisExtentPickerChange"]["detail"];
+        "arcgisExtentPickerClose": ArcgisPortalExtentPicker["arcgisExtentPickerClose"]["detail"];
+        "arcgisExtentPickerSave": ArcgisPortalExtentPicker["arcgisExtentPickerSave"]["detail"];
+    };
+}