@arcgis/portal-components 5.0.0-next.136 → 5.0.0-next.138

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

@@ -1,22 +1,34 @@
 /// <reference path="../../index.d.ts" />
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ClassificationSchema, AttributeExpressionResults } from '../../types/classification';
-import { PropertyValues } from 'lit';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { ClassificationSchema, AttributeExpressionResults } from "../../types/classification.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
  * A web component that renders form elements for a classification schema attribute.
  *
  * @internal
  */
-export declare class ArcgisPortalClassificationFormElement extends LitElement {
-    attributeKey: string;
-    attribute: ClassificationSchema["attributes"][string];
-    value: unknown;
-    renderingInfo?: Pick<NonNullable<ReturnType<AttributeExpressionResults["get"]>>, "attributeValidationResult" | "valueExpressionResult">;
-    isRequiredErrors: Set<string>;
-    /** The attribute value has changed. */
-    readonly arcgisAttributeValueChange: TargetedEvent<this, Record<string, unknown>>;
-    "@eventTypes": {
-        "arcgisAttributeValueChange": ArcgisPortalClassificationFormElement["arcgisAttributeValueChange"]["detail"];
-    };
-}
+export abstract class ArcgisPortalClassificationFormElement extends LitElement {
+  accessor attribute: ClassificationSchema["attributes"][string];
+  accessor attributeKey: string;
+  accessor isRequiredErrors: Set<string>;
+  /** @internal */
+  protected messages: Partial<{
+      requiredfield: string;
+      information: string;
+      selectanoption: string;
+      selectoptions: string;
+  }> & T9nMeta<{
+      requiredfield: string;
+      information: string;
+      selectanoption: string;
+      selectoptions: string;
+  }>;
+  accessor renderingInfo: Pick<NonNullable<ReturnType<AttributeExpressionResults["get"]>>, "attributeValidationResult" | "valueExpressionResult"> | undefined;
+  accessor value: unknown;
+  /** The attribute value has changed. */
+  readonly arcgisAttributeValueChange: import("@arcgis/lumina").TargetedEvent<this, Record<string, unknown>>;
+  readonly "@eventTypes": {
+    arcgisAttributeValueChange: ArcgisPortalClassificationFormElement["arcgisAttributeValueChange"]["detail"];
+  };
+}

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

@@ -5,7 +5,7 @@ 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.136 */
+v5.0.0-next.138 */
 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;

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

@@ -1,9 +1 @@
-import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-checkbox";
-import "@esri/calcite-components/components/calcite-input-date-picker";
-import "@esri/calcite-components/components/calcite-icon";
-import "@esri/calcite-components/components/calcite-tooltip";
-import "@esri/calcite-components/components/calcite-input-text";
-import "@esri/calcite-components/components/calcite-combobox";
-import "@esri/calcite-components/components/calcite-combobox-item";
 export * from "./customElement.js";

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

@@ -1,56 +1,124 @@
 /// <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';
+import type Portal from "@arcgis/core/portal/Portal.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/** To select extent value from a map or by entering coordinates. */
+export abstract class ArcgisPortalExtentPicker extends LitElement {
+  /**
+   * if true, open the dialog
+   *
+   * @default false
+   */
+  accessor active: boolean;
+  /**
+   * Optional; if true, show only the content without the calcite-dialog wrapper
+   *
+   * @default false
+   */
+  accessor contentOnly: boolean;
+  /** Optional; URL of the extent service, used to initialize TileLayer */
+  accessor extentService: string | undefined;
+  /** current extent value */
+  accessor extentValue: ExtentValue | undefined;
+  /**
+   * Optional; if true, display texts that are for areas rather than the default extent texts
+   *
+   * @default false
+   */
+  accessor isArea: boolean;
+  /** Optional; if passed, use the itemId to load the Portal item */
+  accessor itemId: string | undefined;
+  /** @internal */
+  protected messages: Partial<{
+      close: string;
+      setExtent: string;
+      setArea: string;
+      extentBasedOn: string;
+      areaBasedOn: string;
+      orgExtent: string;
+      orgRegion: string;
+      currentFeatures: string;
+      useLocation: string;
+      drawExtentTitle: string;
+      drawAreaTitle: string;
+      drawExtent: string;
+      drawArea: string;
+      coordinates: string;
+      coordinatesDescription: string;
+      top: string;
+      bottom: string;
+      left: string;
+      right: string;
+      save: string;
+      cancel: string;
+      revert: string;
+      invalidLeft: string;
+      invalidRight: string;
+      invalidBottom: string;
+      invalidTop: string;
+      leftLessThanRight: string;
+      rightGreaterThanLeft: string;
+      bottomLessThanTop: string;
+      topGreaterThanBottom: string;
+      overDateLine: string;
+  }> & T9nMeta<{
+      close: string;
+      setExtent: string;
+      setArea: string;
+      extentBasedOn: string;
+      areaBasedOn: string;
+      orgExtent: string;
+      orgRegion: string;
+      currentFeatures: string;
+      useLocation: string;
+      drawExtentTitle: string;
+      drawAreaTitle: string;
+      drawExtent: string;
+      drawArea: string;
+      coordinates: string;
+      coordinatesDescription: string;
+      top: string;
+      bottom: string;
+      left: string;
+      right: string;
+      save: string;
+      cancel: string;
+      revert: string;
+      invalidLeft: string;
+      invalidRight: string;
+      invalidBottom: string;
+      invalidTop: string;
+      leftLessThanRight: string;
+      rightGreaterThanLeft: string;
+      bottomLessThanTop: string;
+      topGreaterThanBottom: string;
+      overDateLine: string;
+  }>;
+  /** Optional; Portal instance */
+  accessor portal: Portal | undefined;
+  /** Returns the current extent value */
+  getExtent(): ExtentObj;
+  /** Emitted when the extent value changes */
+  readonly arcgisExtentPickerChange: import("@arcgis/lumina").TargetedEvent<this, ExtentObj>;
+  /** Emitted when the dialog is closed */
+  readonly arcgisExtentPickerClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted when the save button is clicked */
+  readonly arcgisExtentPickerSave: import("@arcgis/lumina").TargetedEvent<this, ExtentObj>;
+  readonly "@eventTypes": {
+    arcgisExtentPickerChange: ArcgisPortalExtentPicker["arcgisExtentPickerChange"]["detail"];
+    arcgisExtentPickerClose: ArcgisPortalExtentPicker["arcgisExtentPickerClose"]["detail"];
+    arcgisExtentPickerSave: ArcgisPortalExtentPicker["arcgisExtentPickerSave"]["detail"];
+  };
+}
 
 export type ExtentValue = {
-    ymin: string;
-    ymax: string;
-    xmin: string;
-    xmax: string;
+  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"];
-    };
-}
+  extent: ExtentValue;
+};

package/dist/components/arcgis-portal-extent-picker/customElement.js

@@ -26,7 +26,7 @@ import { createRef as d, ref as x } from "lit/directives/ref.js";
 import { u as B } 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.136 */
+v5.0.0-next.138 */
 const W = F`.extent-picker-modal{z-index:1001}.extent-picker-content{display:flex;min-height:100%;height:100%}.side-panel{padding:var(--calcite-spacing-lg);display:flex;flex-direction:column;overflow-y:auto;max-height:100%;width:420px}.extent-button{margin-top:var(--calcite-spacing-lg)}.use-location-header{margin-top:var(--calcite-spacing-xxxl);margin-bottom:var(--calcite-spacing-lg)}.search-container,.search-container .esri-search{width:100%}.search-container calcite-autocomplete{width:100%}.map-panel{flex:1 1 0%;position:relative;display:flex}.map-loader{position:absolute;z-index:var(--calcite-z-index-1);top:50%;left:50%;transform:translate(-50%,-50%)}.map-container{flex:1 1 0%;opacity:0;transition:opacity .3s ease}.loader-container{flex:1 1 0%}.map-container--loaded{opacity:1}.coordinates-section{margin-top:var(--calcite-spacing-lg)}`;
 class J {
   constructor(t) {

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

@@ -1,8 +1 @@
-import "@esri/calcite-components/components/calcite-dialog";
-import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-action";
-import "@esri/calcite-components/components/calcite-accordion";
-import "@esri/calcite-components/components/calcite-accordion-item";
-import "../arcgis-portal-extent-picker-coord-field/index.js";
-import "@esri/calcite-components/components/calcite-loader";
 export * from "./customElement.js";

package/dist/components/arcgis-portal-extent-picker-coord-field/customElement.js

@@ -5,7 +5,7 @@ import { css as h, html as o } from "lit";
 import { useDirection as m } from "@arcgis/lumina/controllers";
 /*! 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.136 */
+v5.0.0-next.138 */
 const g = h`.coord-field{margin-bottom:var(--calcite-spacing-sm)}.coord-label{display:block;margin-bottom:var(--calcite-spacing-sm);font-size:14px}.coordinate-input{width:100%;block-size:var(--calcite-spacing-xxxl);box-sizing:border-box;padding-inline:var(--calcite-spacing-md);font-size:14px;color:var(--calcite-color-text-3);outline-color:var(--calcite-color-brand)}.coordinate-input--error{border:1px solid var(--calcite-color-status-danger)}.coord-error-message{position:relative;max-width:100%;margin:var(--calcite-spacing-sm) 0;display:flex;font-size:14px;padding:6px 7px;background-color:var(--calcite-color-foreground-1);border:1px solid var(--calcite-color-status-danger);box-shadow:0 1px 2px #00000054}.coord-error-message:before{pointer-events:none;content:"";position:absolute;left:11px;top:-16px;width:0;height:0;border:8px solid transparent;border-bottom-color:var(--calcite-color-status-danger)}.coord-error-message:after{position:absolute;pointer-events:none;content:"";left:11px;top:-15px;width:0;height:0;border:8px solid transparent;border-bottom-color:var(--calcite-color-foreground-1)}.is-rtl .coord-error-message:before,.is-rtl .coord-error-message:after{left:initial;right:11px}.coord-error-message calcite-icon{color:var(--calcite-color-status-danger)}.coord-error-message__text{margin-left:var(--calcite-spacing-sm);margin-right:var(--calcite-spacing-sm);line-height:var(--calcite-spacing-xl)}`;
 class v extends u {
   constructor() {

package/dist/components/arcgis-portal-field-delete/customElement.d.ts

@@ -1,31 +1,90 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { FieldDeleteOptions, IConfig } from '../../utils/types';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { FieldDeleteOptions, IConfig } from "../../utils/types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class ArcgisPortalFieldDelete extends LitElement {
-    /** For documentation links. */
-    config?: IConfig;
-    /** The fields to delete. */
-    fieldNames?: string[];
-    /** The layer whose field is being deleted. */
-    layer?: __esri.FeatureLayer | __esri.OrientedImageryLayer;
-    /** The MapView instance. */
-    mapView?: __esri.MapView;
-    /** Properties that may need to be passed in case values differ from what is available on Map Viewer. */
-    options?: FieldDeleteOptions;
-    /** Emitted before the modal is closed if the alert is handled in consumer. */
-    readonly arcgisBeforeModalClose: TargetedEvent<this, string>;
-    /** Emitted when the component is closed for any reason. */
-    readonly arcgisClose: TargetedEvent<this, void>;
-    /** Emitted when the user initiates the delete process. */
-    readonly arcgisBeforeDelete: TargetedEvent<this, void>;
-    /** Emitted when the field is successfully deleted. */
-    readonly arcgisFieldsDeleted: TargetedEvent<this, void>;
-    "@eventTypes": {
-        "arcgisBeforeDelete": ArcgisPortalFieldDelete["arcgisBeforeDelete"]["detail"];
-        "arcgisBeforeModalClose": ArcgisPortalFieldDelete["arcgisBeforeModalClose"]["detail"];
-        "arcgisClose": ArcgisPortalFieldDelete["arcgisClose"]["detail"];
-        "arcgisFieldsDeleted": ArcgisPortalFieldDelete["arcgisFieldsDeleted"]["detail"];
-    };
-}
+export abstract class ArcgisPortalFieldDelete extends LitElement {
+  /** For documentation links. */
+  accessor config: IConfig | undefined;
+  /** The fields to delete. */
+  accessor fieldNames: string[] | undefined;
+  /** The layer whose field is being deleted. */
+  accessor layer: __esri.FeatureLayer | __esri.OrientedImageryLayer | undefined;
+  /** The MapView instance. */
+  accessor mapView: __esri.MapView | undefined;
+  /** @internal */
+  protected messages: {
+      cancel: string;
+      error: string;
+      errorOccurred: string;
+      fields: string;
+      deletePrompt: string;
+      deleteMultiplePrompt: string;
+      deleteField: string;
+      deleteFields: string;
+      deleteFieldsWithNumber: string;
+      deletingField: string;
+      deletingFields: string;
+      newFeature: string;
+      fieldDeleted: string;
+      fieldsDeleted: string;
+      fieldDeletionUnsuccessful: string;
+      fieldInUse: string;
+      expressions: string;
+      popups: string;
+      forms: string;
+      charts: string;
+      deleteWarning: string;
+      deleteMultipleWarning: string;
+      learnMore: string;
+      savingFailed: string;
+      readOnlyErrorMessage: string;
+      readOnlyErrorMessageEnterprise: string;
+      healthDashboard: string;
+  } & T9nMeta<{
+      cancel: string;
+      error: string;
+      errorOccurred: string;
+      fields: string;
+      deletePrompt: string;
+      deleteMultiplePrompt: string;
+      deleteField: string;
+      deleteFields: string;
+      deleteFieldsWithNumber: string;
+      deletingField: string;
+      deletingFields: string;
+      newFeature: string;
+      fieldDeleted: string;
+      fieldsDeleted: string;
+      fieldDeletionUnsuccessful: string;
+      fieldInUse: string;
+      expressions: string;
+      popups: string;
+      forms: string;
+      charts: string;
+      deleteWarning: string;
+      deleteMultipleWarning: string;
+      learnMore: string;
+      savingFailed: string;
+      readOnlyErrorMessage: string;
+      readOnlyErrorMessageEnterprise: string;
+      healthDashboard: string;
+  }>;
+  /** Properties that may need to be passed in case values differ from what is available on Map Viewer. */
+  accessor options: FieldDeleteOptions | undefined;
+  /** Emitted when the user initiates the delete process. */
+  readonly arcgisBeforeDelete: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted before the modal is closed if the alert is handled in consumer. */
+  readonly arcgisBeforeModalClose: import("@arcgis/lumina").TargetedEvent<this, string>;
+  /** Emitted when the component is closed for any reason. */
+  readonly arcgisClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted when the field is successfully deleted. */
+  readonly arcgisFieldsDeleted: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    arcgisBeforeDelete: ArcgisPortalFieldDelete["arcgisBeforeDelete"]["detail"];
+    arcgisBeforeModalClose: ArcgisPortalFieldDelete["arcgisBeforeModalClose"]["detail"];
+    arcgisClose: ArcgisPortalFieldDelete["arcgisClose"]["detail"];
+    arcgisFieldsDeleted: ArcgisPortalFieldDelete["arcgisFieldsDeleted"]["detail"];
+  };
+}

package/dist/components/arcgis-portal-field-delete/customElement.js

@@ -14,7 +14,7 @@ import { u as V } from "../../chunks/useT9n.js";
 import { log as b, composeMissingPropertyMessage as C, composeEmptyPropertyMessage as G } 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.136 */
+v5.0.0-next.138 */
 const n = /* @__PURE__ */ new Map();
 n.set("oid", "key");
 n.set("guid", "key");

package/dist/components/arcgis-portal-field-delete/index.d.ts

@@ -1,10 +1 @@
-import "@esri/calcite-components/components/calcite-icon";
-import "@esri/calcite-components/components/calcite-alert";
-import "@esri/calcite-components/components/calcite-link";
-import "@esri/calcite-components/components/calcite-dialog";
-import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-loader";
-import "@esri/calcite-components/components/calcite-list";
-import "@esri/calcite-components/components/calcite-list-item";
-import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

package/dist/components/arcgis-portal-replacement-item-redirect/customElement.d.ts

@@ -1,9 +1,7 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { SearchResultItem } from '@arcgis/app-components';
-import { ItemAction } from './types/actions';
-import { PropertyValues } from 'lit';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
  * The `arcgis-portal-replacement-item-redirect` component takes an item id on a given portal, and checks if there is a replacement item associated with it
@@ -13,19 +11,33 @@ import { PropertyValues } from 'lit';
  *
  * @internal
  */
-export declare class ArcgisPortalReplacementItemRedirect extends LitElement {
-    /** The id of a deprecated/retired item to be checked for a replacement */
-    itemId: string;
-    /** The portal instance */
-    portal: __esri.Portal;
-    /** The user. Defaults to `portal.user` if omitted */
-    user?: __esri.PortalUser;
-    /** Set focus on the component */
-    setFocus(): Promise<void>;
-    readonly arcgisPortalReplacementItemFetch: TargetedEvent<this, {
-        replacementItem: __esri.PortalItem | object | null;
-    }>;
-    "@eventTypes": {
-        "arcgisPortalReplacementItemFetch": ArcgisPortalReplacementItemRedirect["arcgisPortalReplacementItemFetch"]["detail"];
-    };
-}
+export abstract class ArcgisPortalReplacementItemRedirect extends LitElement {
+  /** The id of a deprecated/retired item to be checked for a replacement */
+  accessor itemId: string;
+  /** The portal instance */
+  accessor portal: __esri.Portal;
+  /** @internal */
+  protected t9n: {
+      replacementAvailable: string;
+      redirectToReplacement: string;
+      cancel: string;
+      redirect: string;
+      deprecatedHasReplacement: string;
+      moreDetails: string;
+  } & T9nMeta<{
+      replacementAvailable: string;
+      redirectToReplacement: string;
+      cancel: string;
+      redirect: string;
+      deprecatedHasReplacement: string;
+      moreDetails: string;
+  }>;
+  /** The user. Defaults to `portal.user` if omitted */
+  accessor user: __esri.PortalUser | undefined;
+  /** Set focus on the component */
+  setFocus(): Promise<void>;
+  readonly arcgisPortalReplacementItemFetch: import("@arcgis/lumina").TargetedEvent<this, { replacementItem: __esri.PortalItem | object | null; }>;
+  readonly "@eventTypes": {
+    arcgisPortalReplacementItemFetch: ArcgisPortalReplacementItemRedirect["arcgisPortalReplacementItemFetch"]["detail"];
+  };
+}

package/dist/components/arcgis-portal-replacement-item-redirect/customElement.js

@@ -8,7 +8,7 @@ import y from "@arcgis/core/identity/IdentityManager.js";
 import { css as A, html as o } from "lit";
 /*! 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.136 */
+v5.0.0-next.138 */
 function T(e, t) {
   return t && (b(e, t) || ["update", "admin"].includes(e.itemControl));
 }

package/dist/components/arcgis-portal-replacement-item-redirect/index.d.ts

@@ -1,6 +1 @@
-import "@esri/calcite-components/components/calcite-dialog";
-import "@esri/calcite-components/components/calcite-card";
-import "@arcgis/app-components/dist/components/arcgis-item-thumbnail.js";
-import "@esri/calcite-components/components/calcite-link";
-import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";