@arcgis/core/identity/IdentityModal.js

ArcGIS Maps SDK for JavaScript: A complete 2D and 3D mapping and data visualization API

/* COPYRIGHT Esri - https://js.arcgis.com/5.0.8/LICENSE.txt */
import{__decorate as t}from"tslib";import{substitute as e}from"../intl.js";import{property as o,subclass as i}from"../core/accessorSupport/decorators.js";import{getCalciteModeClass as s}from"../support/modeUtils.js";import n from"../widgets/Widget.js";import{loadCalciteComponents as r}from"../widgets/support/componentsUtils.js";import{messageBundle as l,tsx as a}from"../widgets/support/widget.js";import{setFocus as c}from"../widgets/support/widgetUtils.js";const p="esri-identity-modal",d={base:p,info:`${p}__info`,notice:`${p}__notice`},u="ArcGIS Online";let m=class extends n{constructor(t,e){super(t,e),this.container=document.createElement("div"),this.error=null,this.oAuthPrompt=!1,this.open=!1,this.signingIn=!1,this.server=null,this.resource=null,this._usernameInputNode=null,this._passwordInputNode=null,document.body.appendChild(this.container)}loadDependencies(){return r({button:()=>import("@esri/calcite-components/dist/components/calcite-button"),dialog:()=>import("@esri/calcite-components/dist/components/calcite-dialog"),input:()=>import("@esri/calcite-components/dist/components/calcite-input"),label:()=>import("@esri/calcite-components/dist/components/calcite-label"),notice:()=>import("@esri/calcite-components/dist/components/calcite-notice")})}get title(){return this.commonMessages?.auth.signIn}render(){const{open:t,title:o,messages:i,signingIn:n,oAuthPrompt:r,server:l,resource:c,error:p}=this,{info:m,oAuthInfo:h,lblItem:g,invalidUser:b,noAuthService:v,lblUser:f,lblPwd:_,lblCancel:I,lblSigning:y,lblOk:w}=i;return a("div",{class:this.classes(d.base,s(this.container))},a("form",{bind:this,onsubmit:this._submit},a("calcite-dialog",{bind:this,heading:o,modal:!0,open:t,outsideCloseDisabled:!0,scale:"s",width:"s",onCalciteDialogClose:this._cancel,onCalciteDialogOpen:this._focusUsernameInput},a("div",{class:d.info},e(r?h:m,{server:l&&/\.arcgis\.com/i.test(l)?u:l,resource:`(${c||g})`})),p?a("calcite-notice",{class:d.notice,icon:"exclamation-mark-triangle",kind:"danger",open:!0},a("div",{slot:"message"},p.details?.httpStatus?b:v)):null,r?null:[a("calcite-label",null,f,a("calcite-input",{afterCreate:t=>this._usernameInputNode=t,autocomplete:"off",bind:this,name:"username",required:!0,spellcheck:!1,type:"text",value:""})),a("calcite-label",null,_,a("calcite-input",{afterCreate:t=>this._passwordInputNode=t,bind:this,name:"password",required:!0,type:"password",value:""}))],a("calcite-button",{appearance:"outline",bind:this,onclick:this._cancel,slot:"footer-end",type:"button"},I),a("calcite-button",{loading:!!n,slot:"footer-end",type:"submit"},n?y:w))))}_focusUsernameInput(){return c(()=>this._usernameInputNode)}_cancel(){this._set("signingIn",!1),this.open=!1,this._usernameInputNode&&(this._usernameInputNode.value=""),this._passwordInputNode&&(this._passwordInputNode.value=""),this.emit("cancel")}_submit(t){t.preventDefault(),this._set("signingIn",!0);const e=this.oAuthPrompt?{}:{username:this._usernameInputNode?.value,password:this._passwordInputNode?.value};this.emit("submit",e)}};t([o({readOnly:!0})],m.prototype,"container",void 0),t([o(),l("esri/t9n/common")],m.prototype,"commonMessages",void 0),t([o()],m.prototype,"error",void 0),t([o(),l("esri/identity/t9n/identity")],m.prototype,"messages",void 0),t([o()],m.prototype,"oAuthPrompt",void 0),t([o()],m.prototype,"open",void 0),t([o()],m.prototype,"signingIn",void 0),t([o()],m.prototype,"server",void 0),t([o({readOnly:!0})],m.prototype,"title",null),t([o()],m.prototype,"resource",void 0),m=t([i("esri.identity.IdentityModal")],m);const h=m;export{h as default};