@arcgis/common-components 1.0.0-beta.4 → 1.0.0-beta.6

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e8c59179.js');
+
+/*
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  return index.bootstrapLazy([["arcgis-api-key.cjs",[[0,"arcgis-api-key",{"apiKey":[1,"api-key"]}]]],["arcgis-identity.cjs",[[0,"arcgis-identity",{"identity":[1040],"appId":[1,"app-id"],"credential":[1040],"expiration":[1026],"locale":[1],"usePopup":[4,"use-popup"],"popupCallbackUrl":[1,"popup-callback-url"],"portalUrl":[1,"portal-url"],"preserveUrlHash":[4,"preserve-url-hash"],"signIn":[64],"signOut":[64]}]]]], options);
+  });
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/components/arcgis-api-key.js

@@ -0,0 +1,67 @@
+import { proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { i as importConfig } from './index2.js';
+
+const arcgisApiKeyCss = ":host{display:none}arcgis-api-key{display:none}";
+
+const ArcgisApiKey$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.apiKeyReady = createEvent(this, "apiKeyReady", 7);
+    this.apiKey = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  apiKeyWatcher(value) {
+    this._setApiKey(value);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async connectedCallback() {
+    if (this.apiKey) {
+      await this._setApiKey(this.apiKey);
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _setApiKey(value) {
+    const config = await importConfig();
+    config.apiKey = value;
+    this.apiKeyReady.emit(true);
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "apiKey": ["apiKeyWatcher"]
+  }; }
+  static get style() { return arcgisApiKeyCss; }
+}, [0, "arcgis-api-key", {
+    "apiKey": [1, "api-key"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-api-key"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-api-key":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisApiKey$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisApiKey = ArcgisApiKey$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisApiKey, defineCustomElement };

package/dist/components/arcgis-identity.js

@@ -0,0 +1,165 @@
+import { proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { a as importCoreReactiveUtils, n as newIdentityOAuthInfo, b as importIdentityIdentityManager } from './index2.js';
+
+const arcgisIdentityCss = ":host{display:none}arcgis-identity{display:none}";
+
+const ArcgisIdentity$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.identityReady = createEvent(this, "identityReady", 7);
+    this.credentialCreate = createEvent(this, "credentialCreate", 7);
+    this.dialogCreate = createEvent(this, "dialogCreate", 7);
+    this.identity = undefined;
+    this.appId = undefined;
+    this.credential = undefined;
+    this.expiration = undefined;
+    this.locale = undefined;
+    this.usePopup = false;
+    this.popupCallbackUrl = undefined;
+    this.portalUrl = undefined;
+    this.preserveUrlHash = false;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  appIdWatcher(value, oldValue) {
+    if (oldValue !== value) {
+      this._registerOAuth();
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async signIn() {
+    if (!this.credential) {
+      try {
+        this.credential = await this._checkCurrentStatus();
+      }
+      catch (error) {
+        this.credential = await this._fetchCredential();
+      }
+    }
+    return this.credential;
+  }
+  async signOut() {
+    if (!this.credential) {
+      try {
+        this.identity.destroyCredentials();
+      }
+      catch (error) {
+        this.credential = undefined;
+      }
+    }
+    this.credential = undefined;
+    return;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async connectedCallback() {
+    if (this.appId) {
+      await this._registerOAuth();
+    }
+    this._proxyEvents();
+    await this._addWatchers();
+    this.identityReady.emit({ identity: this.identity, ready: true });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    watch(() => this._info.expiration, (value) => (this.expiration = value), {
+      initial: true
+    });
+  }
+  _checkCurrentStatus() {
+    return this.identity.checkSignInStatus(`${this._info.portalUrl}/sharing`);
+  }
+  async _createOAuthInfo() {
+    const params = {};
+    if (this.appId !== undefined) {
+      params.appId = this.appId;
+    }
+    if (this.locale !== undefined) {
+      params.locale = this.locale;
+    }
+    if (this.popupCallbackUrl !== undefined) {
+      params.popupCallbackUrl = this.popupCallbackUrl;
+    }
+    if (this.preserveUrlHash !== undefined) {
+      params.preserveUrlHash = this.preserveUrlHash;
+    }
+    if (this.usePopup !== undefined) {
+      params.popup = this.usePopup;
+    }
+    if (this.portalUrl !== undefined) {
+      params.portalUrl = this.portalUrl;
+    }
+    const info = await newIdentityOAuthInfo(params);
+    this._info = info;
+    return info;
+  }
+  async _fetchCredential() {
+    const credential = await this.identity.getCredential(`${this._info?.portalUrl}/sharing`, {
+      error: null,
+      oAuthPopupConfirmation: false,
+      token: null
+    });
+    return credential;
+  }
+  async _registerOAuth() {
+    this.identity = await importIdentityIdentityManager();
+    const info = await this._createOAuthInfo();
+    this.identity.registerOAuthInfos([info]);
+  }
+  _proxyEvents() {
+    this.identity.on("credential-create", (e) => this.credentialCreate.emit(e));
+    this.identity.on("dialog-create", (e) => this.dialogCreate.emit(e));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "appId": ["appIdWatcher"]
+  }; }
+  static get style() { return arcgisIdentityCss; }
+}, [0, "arcgis-identity", {
+    "identity": [1040],
+    "appId": [1, "app-id"],
+    "credential": [1040],
+    "expiration": [1026],
+    "locale": [1],
+    "usePopup": [4, "use-popup"],
+    "popupCallbackUrl": [1, "popup-callback-url"],
+    "portalUrl": [1, "portal-url"],
+    "preserveUrlHash": [4, "preserve-url-hash"],
+    "signIn": [64],
+    "signOut": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-identity"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-identity":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisIdentity$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisIdentity = ArcgisIdentity$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisIdentity, defineCustomElement };

package/dist/components/index.js

@@ -0,0 +1,3 @@
+export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { ArcgisApiKey, defineCustomElement as defineCustomElementArcgisApiKey } from './arcgis-api-key.js';
+export { ArcgisIdentity, defineCustomElement as defineCustomElementArcgisIdentity } from './arcgis-identity.js';

package/dist/components/index2.js

@@ -0,0 +1,40 @@
+const amd = "define" in window && typeof window.define === "function" && "amd" in window.define;
+function requireModule(modulePath) {
+    return new Promise((resolve) => window.require([modulePath], (moduleDefault) => {
+        resolve(moduleDefault);
+    }));
+}
+async function importIdentityIdentityManager() {
+    if (amd) {
+        return requireModule("esri/identity/IdentityManager");
+    }
+    const module = await import('@arcgis/core/identity/IdentityManager.js');
+    return module.default;
+}
+async function importIdentityOAuthInfo() {
+    if (amd) {
+        return requireModule("esri/identity/OAuthInfo");
+    }
+    const module = await import('@arcgis/core/identity/OAuthInfo.js');
+    return module.default;
+}
+async function newIdentityOAuthInfo(properties) {
+    const ModConstructor = await importIdentityOAuthInfo();
+    return new ModConstructor(properties);
+}
+async function importConfig() {
+    if (amd) {
+        return requireModule("esri/config");
+    }
+    const module = await import('@arcgis/core/config.js');
+    return module.default;
+}
+async function importCoreReactiveUtils() {
+    if (amd) {
+        return requireModule("esri/core/reactiveUtils");
+    }
+    const module = await import('@arcgis/core/core/reactiveUtils.js');
+    return module;
+}
+
+export { importCoreReactiveUtils as a, importIdentityIdentityManager as b, importConfig as i, newIdentityOAuthInfo as n };

package/dist/{arcgis-common-components → esm}/arcgis-api-key.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, e as createEvent, g as getElement } from './index-5dbab23c.js';
-import { i as importConfig } from './index-bf3bb90d.js';
+import { r as registerInstance, c as createEvent, g as getElement } from './index-1f7e8e45.js';
+import { i as importConfig } from './index-d62c741e.js';
 
 const arcgisApiKeyCss = ":host{display:none}arcgis-api-key{display:none}";
 
@@ -45,5 +45,3 @@ const ArcgisApiKey = class {
 ArcgisApiKey.style = arcgisApiKeyCss;
 
 export { ArcgisApiKey as arcgis_api_key };
-
-//# sourceMappingURL=arcgis-api-key.entry.js.map

package/dist/esm/arcgis-common-components.js

@@ -0,0 +1,18 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-1f7e8e45.js';
+export { s as setNonce } from './index-1f7e8e45.js';
+
+/*
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = import.meta.url;
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return bootstrapLazy([["arcgis-api-key",[[0,"arcgis-api-key",{"apiKey":[1,"api-key"]}]]],["arcgis-identity",[[0,"arcgis-identity",{"identity":[1040],"appId":[1,"app-id"],"credential":[1040],"expiration":[1026],"locale":[1],"usePopup":[4,"use-popup"],"popupCallbackUrl":[1,"popup-callback-url"],"portalUrl":[1,"portal-url"],"preserveUrlHash":[4,"preserve-url-hash"],"signIn":[64],"signOut":[64]}]]]], options);
+});

package/dist/{arcgis-common-components → esm}/arcgis-identity.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, e as createEvent, g as getElement } from './index-5dbab23c.js';
-import { a as importCoreReactiveUtils, n as newIdentityOAuthInfo, b as importIdentityIdentityManager } from './index-bf3bb90d.js';
+import { r as registerInstance, c as createEvent, g as getElement } from './index-1f7e8e45.js';
+import { a as importCoreReactiveUtils, n as newIdentityOAuthInfo, b as importIdentityIdentityManager } from './index-d62c741e.js';
 
 const arcgisIdentityCss = ":host{display:none}arcgis-identity{display:none}";
 
@@ -133,5 +133,3 @@ const ArcgisIdentity = class {
 ArcgisIdentity.style = arcgisIdentityCss;
 
 export { ArcgisIdentity as arcgis_identity };
-
-//# sourceMappingURL=arcgis-identity.entry.js.map