@esri/hub-web-components 0.15.0 → 0.16.0

package/dist/cdn/ZQCON6YV.js

@@ -0,0 +1,4 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
+import{a as S}from"./BFOFBXMD.js";import{b as E}from"./HT3Z5QOV.js";import"./VSISUM3B.js";import{b as y}from"./PIJOGOLB.js";import"./D3YKMM3B.js";import"./4VTKTWJA.js";import"./EEZQWQPN.js";import"./VVACBE4C.js";import"./FYLRRBHJ.js";import"./B266JVCP.js";import"./UELXE246.js";import"./STQ5F34Y.js";import"./HVMHWMM6.js";import"./KYPLUE5W.js";import"./XFSATTBR.js";import"./H2GVJU5X.js";import"./GACWFOJV.js";import"./44TYQZ3B.js";import"./SA5TNZET.js";import"./VWQ4B4DE.js";import{q as W}from"./DDD4A3LK.js";import"./W5J5RV5Y.js";import"./H2E3FDQJ.js";import"./RIXLF25O.js";import"./3IYXAOBH.js";import"./RM5DKBLD.js";import"./NUZ77F4R.js";import"./OTG5MB2A.js";import"./PXGPJF5R.js";import"./NW4623VC.js";import"./NEOHMO3C.js";import"./B33X3S4T.js";import"./WMAYLVLI.js";import"./B6ZUWYYS.js";import"./FYQSWJML.js";import"./XSQXBSE3.js";import{k as P}from"./SWER3J35.js";import"./PCFPC67Z.js";import"./ATBHRNGC.js";import"./BCX56WMW.js";import"./42762WPH.js";import"./KVBIQI45.js";import"./UNVH5TAU.js";import"./G6DTPTXC.js";import"./T63B2ORN.js";import"./MPW3O3XZ.js";import"./IKHZJC6I.js";import"./2YIJQZBC.js";import{H as b}from"./WZTUMS3J.js";import"./TIZSSYC2.js";import"./AJS67SVD.js";import"./64JWNJSW.js";import"./JXGFP6RL.js";import"./URQFN3T2.js";import"./3BAVTJIS.js";import"./IU2UVAZJ.js";import"./ATXK7F34.js";import"./6CTQTT6I.js";import"./YCVO37YW.js";import{fa as v}from"./SK4LOK7K.js";import"./Y5EA3REY.js";import"./OS2DOKYH.js";import"./GLIJF77V.js";import"./QUZAMNGY.js";import"./2RPZRS5Z.js";import"./7QZFJKPL.js";import"./ENSXXNYS.js";import"./HITINEC3.js";import"./QOO44JAQ.js";import"./OH42LLLB.js";import"./LRRRJJ4Z.js";import"./GX7HEE7P.js";import"./XM2XXFDS.js";import"./N2VUL3PP.js";import"./F2SWKIEV.js";import"./Z3NTHWC3.js";import"./ZDTX5Z3Y.js";import"./FZRQY5XQ.js";import"./NIU4JAN2.js";import"./ZA2ROFVJ.js";import"./JIMLEN3L.js";import"./DOYGRC2M.js";import"./XVD6PP43.js";import"./WIVWXFXW.js";import"./ZKWPVGHR.js";import"./676BPHVY.js";import"./VN2L7I6B.js";import"./F6MUINPW.js";import"./QWK6GCY6.js";import"./FAUCFDJD.js";import"./ILXLIZ5H.js";import"./UWNE36RB.js";import"./AI7LPR33.js";import"./DPFK6XM3.js";import"./CD6WF7DL.js";import"./DPKKKBOF.js";import"./NZ5EC3LG.js";import"./53N6S4MA.js";import"./TC5RKFCP.js";import"./R3FHCD7X.js";import{c as _}from"./3MZDJEZX.js";import"./BKCVEBCJ.js";import{a as h}from"./CPCUKDI4.js";import"./6IMHQGJP.js";import{a as w}from"./UHK66GSM.js";import"./PIG52NCS.js";import"./JG4UKAML.js";import{b as p,c as O,d as j,e as d,i as A}from"./BPIU4TRE.js";import"./B3ZPN4KY.js";import"./BC7T2HVK.js";import"./C7DFMWJC.js";import"./S4JQZUKC.js";import"./IF44HEKV.js";import"./P6LFAAYR.js";import"./2RCEFHVM.js";import"./W6S7CJLV.js";import{o as f}from"./XPDCBYSK.js";import"./ETLH7A4C.js";import"./W5WRWKUG.js";import"./FKN7INJY.js";import{a as m}from"./AMOHS7P3.js";import"./D42Y3KKY.js";import{a as k}from"./RJAGUN4A.js";import"./AGG6S4XL.js";import"./KMWX2SOF.js";var r={isSpecifyInfo:i=>i.tag==="SpecifyInfo",isSelectGroups:i=>i.tag==="SelectGroups",isWorking:i=>i.tag==="Working",isConfirmation:i=>i.tag==="Confirmation",isFailure:i=>i.tag==="Failure"},I={tag:"SpecifyInfo",component:"arcgis-configuration-editor",configurationValues:{},selectedGroupIds:[],stepIndex:0},G={tag:"SelectGroups",component:"arcgis-hub-gallery",selectedGroupIds:[],stepIndex:1},C={tag:"Working",action:"migratePage",component:S,componentArgs:{state:"loading",headingKey:"working.heading",loadingLabel:"working.loadingLabel"},stepIndex:2};function H(i,t,e){let o=b("group",t.scopes.item),{alreadySharedWithGroupIds:s=[],state:n={}}=e;return{corners:"round",layout:"grid",limit:8,linkTarget:"siteRelative",newTab:!0,query:{targetEntity:"group",filters:[{predicates:[{searchUserAccess:"groupMember",searchUserName:i.currentUser.username,id:o},{id:{not:[...s]}}]}]},selectionMode:"multiple",showLayoutSwitcher:!0,showMoreResultsBtn:!0,showResultsCount:!0,showSearch:!0,showSelection:!0,showSort:!0,state:Object.assign({},n)}}var u={isInitialize:i=>i.tag==="Initialize",isGallerySelectionChanged:i=>i.tag==="GallerySelectionChanged",isGalleryStateChanged:i=>i.tag==="GalleryStateChanged",isConfigurationEditorChanged:i=>i.tag==="ConfigurationEditorChanged",isNextStep:i=>i.tag==="NextStep",isPreviousStep:i=>i.tag==="PreviousStep",isStepChanged:i=>i.tag==="StepChanged",isSuccess:i=>i.tag==="Success",isFailure:i=>i.tag==="Failure",isRetry:i=>i.tag==="Retry"},K={$async:!0,type:"object",required:["name","slug"],properties:{name:{type:"string",minLength:1,maxLength:250,format:"entityTitleValidator"},slug:W}},R={type:"Layout",elements:[{labelKey:"form.title.label",scope:"/properties/name",type:"Control",options:{messages:[{type:"ERROR",keyword:"required",icon:!0,labelKey:"form.title.requiredError"},{type:"ERROR",keyword:"format",icon:!0,labelKey:"form.title.entityTitleValidatorError"}]}},{labelKey:"form.slug.label",scope:"/properties/slug",type:"Control",options:{control:"hub-field-input-input",helperText:{labelKey:"form.slug.helperText"},messages:[{type:"ERROR",keyword:"pattern",icon:!0,labelKey:"form.slug.patternError"},{type:"ERROR",keyword:"required",icon:!0,labelKey:"form.slug.requiredError"}]}}]},x=class{constructor(t,e){this.context=t,this.t=e?.t,this.page=e.page,this.site=e.site,this.history=[]}async start(){this.history=[];let t=(await this.page.sharedWith()).map(n=>n.id),s={tag:"SpecifyInfo",alreadySharedWithGroupIds:b("group",this.site.catalog.scopes.item).filter(n=>t.includes(n)),selectedGroupIds:[]};return this.reduce({tag:"Initialize"},s)}reduce(t,e){let o=e,s;if(u.isInitialize(t)?s=this.reduceInitial(t,e):r.isSpecifyInfo(e)?s=this.reduceSpecifyInfo(t,e):r.isSelectGroups(e)?s=this.reduceSelectGroups(t,e):r.isWorking(e)?s=this.reduceWorking(t,e):r.isFailure(e)&&(s=this.reduceFailure(t,e)),s){let n=this.reduceSteps(t,s),a=this.reduceControls(t,s);o=Object.assign(Object.assign(Object.assign({},s),n),a)}else m.warn(`reducer for state: ${e.tag}, and action: ${t.tag} is not implemented`);return this.history.push({action:t,state:e,result:o}),o}logHistory(){m.debug("MigratePageMachine",this.history)}get helpStateProps(){return{heading:this.t("heading"),icon:"file-text",isMain:!1}}reduceInitial(t,e){if(u.isInitialize(t)){let{helpStateProps:o}=this,s=f("hub:page:edit",this.context,this.page).access,{alreadySharedWithGroupIds:n,selectedGroupIds:a}=e;if(s){let l=this.site.pages.find(c=>c.id===this.page.id).slug;return Object.assign(Object.assign({},I),{canEditPage:s,componentArgs:{schema:K,scale:"l",uiSchema:R,values:{name:this.page.toJson().name,slug:l}},helpStateProps:o,selectedGroupIds:a,alreadySharedWithGroupIds:n})}else return Object.assign(Object.assign({},I),{canEditPage:s,component:void 0,componentArgs:void 0,helpStateProps:{heading:this.t("noPagePermission.heading"),icon:"exclamation-mark-triangle",message:this.t("noPagePermission.message")},selectedGroupIds:a,alreadySharedWithGroupIds:n})}}reduceSpecifyInfo(t,e){let{canEditPage:o,componentArgs:s,configurationValues:n,groupsGalleryState:a,selectedGroupIds:l,alreadySharedWithGroupIds:c}=e;if(u.isConfigurationEditorChanged(t)){let{helpStateProps:g}=this;return Object.assign(Object.assign({},I),{canEditPage:o,componentArgs:Object.assign(Object.assign({},s),{values:t.configurationValues.values}),configurationValues:t.configurationValues,helpStateProps:g,selectedGroupIds:l,alreadySharedWithGroupIds:c})}if(u.isNextStep(t))return Object.assign(Object.assign({},G),{canEditPage:o,componentArgs:H(this.context,this.site.catalog,{selectedGroupIds:e.selectedGroupIds,alreadySharedWithGroupIds:c,state:a,t:this.t}),configurationValues:n,groupsGalleryState:a,noticeId:c?.length>0?"page-migration-already-shared-to-groups":void 0,selectedGroupIds:l,alreadySharedWithGroupIds:c});if(u.isStepChanged(t)){if(t.stepIndex===e.stepIndex)return e;if(t.stepIndex===1)return this.reduceSpecifyInfo({tag:"NextStep"},e);if(t.stepIndex===2)return Object.assign(Object.assign({},C),{canEditPage:o,configurationValues:n,selectedGroupIds:l,alreadySharedWithGroupIds:c})}}reduceSelectGroups(t,e){let{canEditPage:o,componentArgs:s,configurationValues:n,groupsGalleryState:a,selectedGroupIds:l,alreadySharedWithGroupIds:c}=e;if(u.isGallerySelectionChanged(t))return s.gallerySelection=t.selected,Object.assign(Object.assign({},G),{canEditPage:o,componentArgs:s,groupsGalleryState:a,noticeId:c?.length>0?"page-migration-already-shared-to-groups":void 0,configurationValues:n,selectedGroupIds:t.selected.group,alreadySharedWithGroupIds:c});if(u.isGalleryStateChanged(t))return Object.assign(Object.assign({},G),{canEditPage:o,componentArgs:s,configurationValues:n,groupsGalleryState:t.galleryState,noticeId:c?.length>0?"page-migration-already-shared-to-groups":void 0,selectedGroupIds:l,alreadySharedWithGroupIds:c});if(u.isPreviousStep(t)){let g=this.reduceInitial({tag:"Initialize"},e);return Object.assign(Object.assign({},g),{componentArgs:e.canEditPage?{context:this.context,values:e.configurationValues.values,schema:K,uiSchema:R,scale:"l"}:void 0,configurationValues:e.configurationValues,groupsGalleryState:a,selectedGroupIds:l,alreadySharedWithGroupIds:c})}if(u.isNextStep(t))return Object.assign(Object.assign({},C),{canEditPage:o,configurationValues:n,selectedGroupIds:l,alreadySharedWithGroupIds:c});if(u.isStepChanged(t)){if(t.stepIndex===e.stepIndex)return e;if(t.stepIndex===0)return this.reduceSelectGroups({tag:"PreviousStep"},e);if(t.stepIndex===2)return this.reduceSelectGroups({tag:"NextStep"},e)}}reduceWorking(t,e){let{alreadySharedWithGroupIds:o,configurationValues:s,selectedGroupIds:n}=e;if(u.isSuccess(t)){let a=t.results.overallStatus==="success",l=a?"check-circle":"exclamation-mark-triangle";return{tag:"Confirmation",component:"arcgis-hub-page-migration-results",stepIndex:2,componentArgs:{results:t.results,alreadySharedWithGroupIds:o,icon:l,helpStateConfig:{heading:a?"successHeading":"failureHeading",icon:l,kind:a?"success":"warning",isMain:!1}},telemetry:h.dictionary.category.content.action.update.label.migrate.details.page}}if(u.isFailure(t))return{tag:"Failure",component:S,configurationValues:s,selectedGroupIds:n,alreadysharedWithGroupIds:o,stepIndex:2,componentArgs:{actionKey:"failure.action",headingKey:"failure.heading",icon:"frown",kind:"danger",messageKey:"failure.message"}}}reduceFailure(t,e){let{alreadySharedWithGroupIds:o,configurationValues:s,selectedGroupIds:n}=e;if(u.isRetry(t))return Object.assign(Object.assign({},C),{configurationValues:s,selectedGroupIds:n,alreadySharedWithGroupIds:o})}reduceSteps(t,e){let o=e.selectedGroupIds||[],s=e.configurationValues||{},n=[{labelKey:"steps.specifyInfo",complete:r.isWorking(e)||r.isSelectGroups(e)||r.isConfirmation(e)||r.isFailure(e),disabled:r.isWorking(e)||r.isConfirmation(e)||r.isFailure(e),error:!1}],a=!0;r.isWorking(e)||r.isConfirmation(e)||r.isFailure(e)?a=!0:a=!k(e,"configurationValues.valid")&&e.canEditPage,n.push({labelKey:"steps.selectGroups",complete:r.isWorking(e)||r.isConfirmation(e)||r.isFailure(e),disabled:a,error:!1});let l=!0;return r.isConfirmation(e)||r.isFailure(e)||r.isWorking(e)?l=!1:(r.isSpecifyInfo(e)||r.isSelectGroups(e))&&(l=!s.valid||!o.length),n.push({labelKey:"steps.confirmation",complete:r.isConfirmation(e),disabled:l,error:r.isFailure(e)}),{steps:n}}reduceControls(t,e){let o=e.selectedGroupIds||[],s=e.alreadySharedWithGroupIds||[],n=!0;r.isSpecifyInfo(e)?n=!e.configurationValues.valid&&e.canEditPage:r.isSelectGroups(e)&&(n=![...o,...s].length);let a="controls.next";return r.isSelectGroups(e)&&(a="controls.migrate"),{controls:{back:{visible:r.isSelectGroups(e),labelKey:"controls.back"},selection:{visible:r.isSelectGroups(e),count:o.length},next:{visible:r.isSpecifyInfo(e)||r.isSelectGroups(e),disabled:n,labelKey:a},cancel:{visible:r.isSpecifyInfo(e)||r.isSelectGroups(e),labelKey:"controls.cancel"},close:{visible:r.isConfirmation(e)||r.isFailure(e)||r.isWorking(e),disabled:r.isWorking(e),labelKey:"controls.close"}}}}},M=":host{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;width:calc(100% - 2px)}.sc-arcgis-hub-page-migration-scroll-container{height:65vh;overflow-y:auto;padding-inline:4px}.sc-arcgis-hub-page-migration-scroll-container>arcgis-hub-notice{margin-bottom:1.5rem}arcgis-configuration-editor{max-width:60%;margin:0 auto}arcgis-configuration-editor-field calcite-label>span:first-child{font-weight:var(--calcite-font-weight-bold)}.sc-arcgis-hub-page-migration-footer{display:flex;justify-content:space-between;gap:0.5rem;border-width:0px;border-top-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);padding-block-start:var(--calcite-panel-content-space)}.sc-arcgis-hub-page-migration-footer-start,.sc-arcgis-hub-page-migration-footer-end{display:flex;gap:0.5rem}.sc-arcgis-hub-page-migration-selection-count{display:flex;align-items:center;border-radius:0.25rem;padding:0.75rem;background-color:var(--calcite-color-foreground-1);--calcite-label-margin-bottom:0;border:solid 1px var(--calcite-color-text-1)}",F=M,T=class{constructor(i){A(this,i),this.hubTelemetry=d(this,"hubTelemetry",7),this.arcgisHubPageMigrationWorkflowComplete=d(this,"arcgisHubPageMigrationWorkflowComplete",7),this.arcgisHubPageMigrationWorkflowClose=d(this,"arcgisHubPageMigrationWorkflowClose",7),this.handleStepperItemChange=t=>{let{state:e}=this,s={tag:"StepChanged",stepIndex:Array.from(t.target.children).reduce((n,a,l)=>a.selected?l:n,-1)};this.state=this.machine.reduce(s,e)},this.handleBackButton=()=>{let{state:t}=this,e={tag:"PreviousStep"};this.state=this.machine.reduce(e,t)},this.handleNextButton=()=>{let{state:t}=this,e={tag:"NextStep"};this.state=this.machine.reduce(e,t)},this.handleCancelButton=()=>{this.arcgisHubPageMigrationWorkflowClose.emit()},this.handleCloseButton=()=>{this.arcgisHubPageMigrationWorkflowClose.emit()},this.pageId=void 0,this.site=void 0,this.state=void 0,this.shouldShowModal=!1}get _context(){return _()}async componentWillLoad(){this.intl=await w.loadIntlForComponent(this.element),this.initMachine()}async initMachine(){let i=await y.fetch(this.pageId,this._context),t={t:(e,o)=>this.intl.t(e,o),page:i,site:this.site};this.machine=new x(this._context,t),this.state=await this.machine.start()}async sharePageWithGroups(i,t){let e=i.map(s=>P(s,this._context.hubRequestOptions)),o=await Promise.all(e);return E(o,[t.toJson()],this._context)}async migratePage(i){var t;try{let e=await y.fetch(this.pageId,this._context),o=await this.sharePageWithGroups(i.selectedGroupIds,e);(o.results.some(a=>a.status==="success")||((t=i.alreadySharedWithGroupIds)===null||t===void 0?void 0:t.length)>0)&&(f("hub:page:edit",this._context,e).access&&(e.update(i.configurationValues.values),await e.save(),this.hubTelemetry.emit(h.dictionary.category.content.action.update.label.slug)),this.site.pages=this.site.pages.filter(l=>l.id!==this.pageId),await v(this.site,this._context.hubRequestOptions));let n={tag:"Success",results:o};this.state=this.machine.reduce(n,i)}catch(e){this.state=this.machine.reduce({tag:"Failure",error:e},i)}}stateChanged(i){i.telemetry&&this.hubTelemetry.emit(i.telemetry),r.isWorking(i)&&i.action&&this[i.action](i),r.isConfirmation(i)&&this.arcgisHubPageMigrationWorkflowComplete.emit(this.pageId)}handleGalleryStateChange(i){if(!i.detail.isInitialization){let{state:t}=this,e={tag:"GalleryStateChanged",galleryState:i.detail};this.state=this.machine.reduce(e,t)}}handleGallerySelect(i){let{state:t}=this,e={tag:"GallerySelectionChanged",selected:i.detail};this.state=this.machine.reduce(e,t)}handleHelpStateActionClick(){let{state:i}=this;this.state=this.machine.reduce({tag:"Retry"},i)}handleConfigEditorChange(i){let{state:t}=this;this.state=this.machine.reduce({tag:"ConfigurationEditorChanged",configurationValues:i.detail},t)}renderCurrentStep(i){let{state:t}=this;if(t&&t.stepIndex===i){let e=[];if(t.helpStateProps&&e.push(p("arcgis-hub-help-state",Object.assign({class:"create-help-state"},t.helpStateProps))),t.noticeId&&e.push(p("arcgis-hub-notice",{noticeId:t.noticeId})),t.component){let o=Object.assign(Object.assign({},t.componentArgs),{t:s=>this.intl.t(s)});e.push(p(this.state.component,Object.assign({},o)))}return e}}renderSelectionCount(i){let{selection:t}=i.controls;if(t.visible){let e=t.limit?"selection.limited":"selection.unlimited";return p("div",{class:"sc-arcgis-hub-page-migration-selection-count"},p("calcite-label",null,this.intl.t(e,t)))}}renderControls(i){return p("div",{class:"sc-arcgis-hub-page-migration-footer"},p("div",{class:"sc-arcgis-hub-page-migration-footer-start"},i.controls.back.visible&&p("calcite-button",{apperance:"outline",disabled:i.controls.back.disabled,kind:"neutral",onClick:this.handleBackButton,round:!0,scale:"l"},this.intl.t(i.controls.back.labelKey)),this.renderSelectionCount(i)),p("div",{class:"sc-arcgis-hub-page-migration-footer-end"},i.controls.cancel.visible&&p("calcite-button",{appearance:"outline",disabled:i.controls.cancel.disabled,onClick:this.handleCancelButton,round:!0,scale:"l"},this.intl.t(i.controls.cancel.labelKey)),i.controls.next.visible&&p("calcite-button",{disabled:i.controls.next.disabled,onClick:this.handleNextButton,round:!0,scale:"l"},this.intl.t(i.controls.next.labelKey)),i.controls.close.visible&&p("calcite-button",{disabled:i.controls.close.disabled,onClick:this.handleCloseButton,round:!0,scale:"l"},this.intl.t(i.controls.close.labelKey))))}render(){let{state:i}=this;if(i)return p(O,{key:"a0c8886b204bb5d3e5f195b1285a7b400306a475","data-element":"hub-page-migration-workflow"},p("calcite-stepper",{key:"e76712f45e323928d636c7712f5a076bdd213240",icon:!0,numbered:!0,onCalciteStepperChange:this.handleStepperItemChange},i.steps.map((t,e)=>p("calcite-stepper-item",{complete:t.complete,disabled:t.disabled,error:t.error,heading:this.intl.t(t.labelKey),key:t.labelKey,selected:i.stepIndex===e},p("div",{class:"sc-arcgis-hub-page-migration-scroll-container"},this.renderCurrentStep(e))))),this.renderControls(i))}static get assetsDirs(){return["locales"]}get element(){return j(this)}static get watchers(){return{state:["stateChanged"]}}};T.style=F;export{T as arcgis_hub_page_migration_workflow};

package/dist/cdn/ZRXOD45Q.js

@@ -0,0 +1,4 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
+import{b as e,c as r}from"./EE6BAXFY.js";import{a as n}from"./RJAGUN4A.js";async function g(a,s,i,p,o){let t=[];try{t=e(i)}catch(c){return{identifier:a,isContained:!1,catalogInfo:{},duration:0,reason:n(c,"message")||"An error occurred while parsing path."}}return o&&(t=[...t,{id:"root",hubEntityType:"site",catalog:o}]),r(a,s,t,p)}var u=a=>!!a.isOpenData;export{g as a,u as b};

package/dist/cdn/ZWZDSY57.js

@@ -0,0 +1,4 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
+import{a as I}from"./3LCFZXGI.js";import{a as y}from"./MPVCWK6Y.js";import{A as C,m as p}from"./WZTUMS3J.js";import{m}from"./GLIJF77V.js";var v=y((h,o)=>C(Object.assign({channelId:h,data:{relations:[p.CHANNEL_ACL]}},o)),{scope:"channels",getKey(h){return h},ttl:3*1e3});async function E(h,o){let{post:i,parent:u}=h,{channelId:e,channel:n,channelGroups:a}=h,c=null,d=async l=>{let s,t,r;try{s=await v(l,o),r=null,t=s.id}catch(f){s=null,r=f,t=l}return{channel:s,channelError:r,channelId:t}};if(n)c=null,e=n.id;else if(i||u){let l=i||u;l.channel?(n=l.channel,e=l.channelId,c=null):l.channelId&&l.channelId!==n?.id?{channelId:e,channelError:c,channel:n}=await d(l.channelId):(e=n.id,c=null)}else e?{channel:n,channelId:e,channelError:c}=await d(e):(n=null,e=null,c=null);if(n){a=a??[];let l=m(n);(l.length!==a.length||!a.every(t=>l.includes(t?.id)))&&(a=await Promise.all(l.map(async t=>{let r;try{r=await I(t,o)}catch{r=null}return r})))}else a=null;return{channelId:e,channel:n,channelError:c,channelGroups:a}}export{E as a};

package/dist/cdn/ZZHSS3XP.js

@@ -0,0 +1,4 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
+import{b as n,d as o,i}from"./BPIU4TRE.js";import"./KMWX2SOF.js";var l=":host{display:none}",m=l,h=class{constructor(e){i(this,e),this.zIndex="100001",this.styles={},this.target=document.body,this.elAttributes={},this.includeWormholeElement=!0}componentWillLoad(){if(this.includeWormholeElement){let{zIndex:e,styles:t}=this;this.wormholeElement=document.createElement("div"),Object.assign(this.wormholeElement.style,Object.assign(Object.assign({position:"absolute"},t),{zIndex:e})),Object.entries(t).forEach(([s,r])=>{s.startsWith("--")&&this.wormholeElement.style.setProperty(s,`${r}`)}),Object.entries(this.elAttributes).map(([s,r])=>this.wormholeElement.setAttribute(s,r)),this.target.append(this.wormholeElement)}}moveChildren(){return new Promise(e=>{setTimeout(()=>{this.transportedElements=this.element.children;let t=document.createDocumentFragment();Array.from(this.transportedElements).forEach(s=>t.appendChild(s)),this.includeWormholeElement?this.wormholeElement.append(t):this.target.append(t),e()},0)})}async componentDidLoad(){await this.moveChildren()}connectedCallback(){if(this.transportedElements){let e=document.createDocumentFragment();Array.from(this.transportedElements).forEach(t=>e.appendChild(t)),this.includeWormholeElement&&this.wormholeElement?(this.wormholeElement.append(e),this.target.append(this.wormholeElement)):this.target.append(e)}}disconnectedCallback(){this.transportedElements&&Array.from(this.transportedElements).forEach(e=>e.remove()),this.wormholeElement&&this.wormholeElement.remove(),!this.includeWormholeElement&&this.target&&this.target.lastElementChild&&this.target.lastElementChild.remove()}render(){return n("slot",{key:"4077f874ca0443643534fe1c1e94b0233ae7c246"})}get element(){return o(this)}};h.style=m;export{h as arcgis_wormhole};

package/dist/cdn/assets/hub-ai-assistant/t9n/messages.en.json

@@ -1 +1 @@
-{"defaultBotTitle":"Hub assistant","defaultBotDescription":"Hub assistant helps you find and use open data in your community."}
+{"defaultBotTitle":"Hub assistant","defaultBotDescription":"Hub assistant helps you find and use open data in your community.","aria":{"map":"Map","chat":"Chat","featureTable":"Feature table"}}

package/dist/cdn/index.js

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
-import{H as i,q as t}from"./SNOWP6QN.js";import"./DTDDD7RA.js";var e=t(i,{"arcgis-chat-shell":[()=>import("./MM77725Z.js"),"aboutContent,aboutVisible,chatComponent:,featureTable:,map:,mapEnabled,mapVisible"],"arcgis-chat-ui":[()=>import("./ASTSD7LP.js"),"authentication:,botDescription,botTitle,conversationId,defaultSuggestions:,devFeatureMessage:,domain,getFinderResponse:,hasOrgAiAccess,inputText,isAuthenticated,portalUrl;submitUserMessage"],"arcgis-hub-ai-assistant":[()=>import("./U6ICEYMX.js"),"_layers:,apiUrl,authentication:,botDescription,botTitle,context,defaultSuggestions:,entityId,extent:,hub,itemId,language,location,mapBasemap,mapEnabled,mapLayers:,mapShowTable,mapVisible,portalUrl"],"arcgis-hub-entity-associations-card":[()=>import("./T53KROG2.js"),"associationType,entity:,layoutNodeConfig:"],"arcgis-hub-entity-metrics-card":[()=>import("./SBS2RKF3.js"),"entity:,layoutNodeConfig:"],"arcgis-hub-entity-status-card":[()=>import("./KGE5BYIX.js"),"entity:,layoutNodeConfig:"],"arcgis-layout-column":[()=>import("./L2ULMXLX.js"),"debug,highlightedNode:,isEditMode,node:,utils:"],"arcgis-layout-editor-toolbar":[()=>import("./5EN4F64X.js"),"exitEditMode:,isLayoutDirty,isLayoutValid,isPublishing,publishLayout:"],"arcgis-layout-node-controls":[()=>import("./Z5D2372E.js"),"isEditMode,isLayoutValid,layoutNodeEditorRef:,messages:,node:,referenceElement:"],"arcgis-layout-node-editor":[()=>import("./7SFAFU2R.js"),"layoutNodeConfig:,node:;;setFocus"],"arcgis-layout-node-highlight":[()=>import("./6RYMYV4F.js"),"highlightedNode:,node:"],"arcgis-layout-node-overlay":[()=>import("./T5HOLU36.js"),"nodeId,type"],"arcgis-layout-row":[()=>import("./GZ5ZDIDJ.js"),"debug,highlightedNode:,isEditMode,node:,utils:"],"arcgis-layout-section":[()=>import("./PMR7DQTQ.js"),"debug,highlightedNode:,isEditMode,node:,utils:"],"arcgis-layout":[()=>import("./NHDAOPRU.js"),"debug,highlightedNode:,isEditMode,layout:,options:;getCardEl"],"arcgis-layout-container":[()=>import("./P6NPEEUJ.js"),"debug,isEditMode,isPublishing,layout:,options:"],"arcgis-nav-card":[()=>import("./6VDNJMWN.js"),"debug,highlightedNode:,highlightHandler:,isEditMode,layoutNodeConfig:,node:,sections:,translations:,unHighlightHandler:,utils:"],"arcgis-text-card":[()=>import("./UJ736HHB.js"),"html,layoutNodeConfig:"]});e({resourcesUrl:import.meta.url});var o=new CSSStyleSheet;o.replaceSync("@layer{:not([hydrated]):is(arcgis-chat-shell,arcgis-chat-ui,arcgis-hub-ai-assistant,arcgis-hub-entity-associations-card,arcgis-hub-entity-metrics-card,arcgis-hub-entity-status-card,arcgis-layout-node-overlay,arcgis-layout,arcgis-layout-container,arcgis-nav-card,arcgis-text-card){visibility:hidden}:root{--acme-components-text-color: #111}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,o];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,i)
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
+import{H as i,q as t}from"./ABAYXCCF.js";import"./KMWX2SOF.js";var e=t(i,{"arcgis-chat-shell":[()=>import("./J3DJZ47L.js"),"aboutContent,aboutVisible,chatComponent:,featureTable:,map:,mapEnabled,mapVisible"],"arcgis-chat-ui":[()=>import("./U4FOF34Q.js"),"authentication:,botDescription,botTitle,conversationId,defaultSuggestions:,devFeatureMessage:,domain,getFinderResponse:,hasOrgAiAccess,inputText,isAuthenticated,portalUrl;submitUserMessage"],"arcgis-hub-ai-assistant":[()=>import("./IUG5I3XZ.js"),"_layers:,apiUrl,authentication:,botDescription,botTitle,context,defaultSuggestions:,entityId,extent:,hub,itemId,language,location,mapBasemap,mapEnabled,mapLayers:,mapShowTable,mapVisible,portalUrl"],"arcgis-hub-entity-associations-card":[()=>import("./C7Z7EQPD.js"),"associationType,entity:,layoutNodeConfig:"],"arcgis-hub-entity-metrics-card":[()=>import("./JPIQ5YQG.js"),"entity:,layoutNodeConfig:"],"arcgis-hub-entity-status-card":[()=>import("./J3SMUV34.js"),"entity:,layoutNodeConfig:"],"arcgis-layout-column":[()=>import("./NHSPHMTV.js"),"debug,highlightedNode:,isEditMode,node:,utils:"],"arcgis-layout-editor-toolbar":[()=>import("./OMI3OREN.js"),"exitEditMode:,isLayoutDirty,isLayoutValid,isPublishing,publishLayout:"],"arcgis-layout-node-controls":[()=>import("./G27I2BAL.js"),"isEditMode,isLayoutValid,layoutNodeEditorRef:,messages:,node:,referenceElement:"],"arcgis-layout-node-editor":[()=>import("./LYZFYUSQ.js"),"layoutNodeConfig:,node:;;setFocus"],"arcgis-layout-node-highlight":[()=>import("./LKLZ7F2D.js"),"highlightedNode:,node:"],"arcgis-layout-node-overlay":[()=>import("./HUZBAQMN.js"),"nodeId,type"],"arcgis-layout-row":[()=>import("./MN2SPQKM.js"),"debug,highlightedNode:,isEditMode,node:,utils:"],"arcgis-layout-section":[()=>import("./H6L2L5YH.js"),"debug,highlightedNode:,isEditMode,node:,utils:"],"arcgis-layout":[()=>import("./PW5CB4ZQ.js"),"debug,highlightedNode:,isEditMode,layout:,options:;getCardEl"],"arcgis-layout-container":[()=>import("./PXGOUGF7.js"),"debug,isEditMode,isPublishing,layout:,options:"],"arcgis-nav-card":[()=>import("./3MZVKMBM.js"),"debug,highlightedNode:,highlightHandler:,isEditMode,layoutNodeConfig:,node:,sections:,translations:,unHighlightHandler:,utils:"],"arcgis-text-card":[()=>import("./PBCI74WW.js"),"html,layoutNodeConfig:"]});e({resourcesUrl:import.meta.url});var o=new CSSStyleSheet;o.replaceSync("@layer{:not([hydrated]):is(arcgis-chat-shell,arcgis-chat-ui,arcgis-hub-ai-assistant,arcgis-hub-entity-associations-card,arcgis-hub-entity-metrics-card,arcgis-hub-entity-status-card,arcgis-layout-node-overlay,arcgis-layout,arcgis-layout-container,arcgis-nav-card,arcgis-text-card){visibility:hidden}:root{--acme-components-text-color: #111}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,o];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,i)

package/dist/chunks/chat-action.js

@@ -2,8 +2,8 @@ import { html as I, nothing as g } from "lit-html";
 import { safeStyleMap as e } from "@arcgis/lumina";
 import { g as l, i as W } from "./util.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const D = [
   "Searching for relevant datasets...",
   "Analyzing your query...",

package/dist/chunks/findColumnAndNodeIndex.js

@@ -1,7 +1,7 @@
 import { i as l } from "./typeGuards.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 function f(r, c) {
   if (!(!c.sections || c.sections.length === 0)) {
     for (const s of c.sections)

package/dist/chunks/getResponsiveClasses.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 function o(n, s, e = String) {
   if (!s)
     return [];

package/dist/chunks/interpolate-translations.js

@@ -1,8 +1,8 @@
 import { createContext as c } from "@lit/context";
 import { Logger as g, interpolate as u, getProp as m } from "@esri/hub-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const C = c("layout-context"), y = (n, r) => {
   let a;
   if ("layoutNodeConfig" in n)

package/dist/chunks/isNodeVisible.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const t = (i) => {
   if (!i?.visibility)
     return !0;

package/dist/chunks/memoizeAsync.js

@@ -1,7 +1,7 @@
 import { interpolate as m, getProp as d } from "@esri/hub-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 function y(s, t, r) {
   const { messages: e = {} } = r || {};
   return m(s, t, {

package/dist/chunks/migrateTextCard.js

@@ -1,7 +1,7 @@
 import { migrateSchema as t } from "@esri/hub-components";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const a = {
   // add future transforms here
 };

package/dist/chunks/processLayout.js

@@ -4,8 +4,8 @@ import { getItemData as O } from "@esri/arcgis-rest-portal";
 import { m as b, i as L } from "./memoizeAsync.js";
 import { i as j } from "./typeGuards.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 function p(o) {
   const r = Object.getOwnPropertyNames(o);
   for (const n of r) {

package/dist/chunks/runtime.js

@@ -2,9 +2,9 @@ import { css as e } from "@lit/reactive-element/css-tag.js";
 import { makeRuntime as s } from "@arcgis/lumina";
 import { trackAccess as r, createObservable as a, createTrackingTarget as c, runTracked as o } from "@arcgis/core/applications/Components/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
-const m = e``, t = s({ defaultAssetPath: "https://js.arcgis.com/0.15/hub-web-components/", hydratedAttribute: "hydrated", commonStyles: m }), { customElement: u, getAssetPath: d, setAssetPath: p } = t;
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
+const m = e``, t = s({ defaultAssetPath: "https://js.arcgis.com/0.16/hub-web-components/", hydratedAttribute: "hydrated", commonStyles: m }), { customElement: u, getAssetPath: d, setAssetPath: p } = t;
 t.t = r;
 t.o = a;
 t.c = c;

package/dist/chunks/state.js

@@ -1,7 +1,7 @@
 import { getGlobalContext as t } from "@esri/hub-components";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const e = t;
 export {
   e as g

package/dist/chunks/typeGuards.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 function a(t) {
   return t.tag === "arcgis-layout-section";
 }

package/dist/chunks/useT9n.js

@@ -1,8 +1,8 @@
 import { makeT9nController as o } from "@arcgis/lumina/controllers";
 import { g as t } from "./runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const s = o(t);
 export {
   s as u

package/dist/chunks/util.js

@@ -1,7 +1,7 @@
 import { Marked as t } from "@ts-stack/markdown";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const s = (r) => {
   const e = /https?:\/\/[^\s]+[^. ]/gu;
   return r.replace(e, "<a href='$&' target='_new'>$&</a>");

package/dist/components/arcgis-chat-shell/customElement.js

@@ -7,8 +7,8 @@ import { dictionary as o } from "@esri/telemetry-dictionary-hub";
 import { u as r } from "../../chunks/useT9n.js";
 import { c as p } from "../../chunks/util.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const b = h`:host{display:flex;height:100%;.innerContent{overflow-wrap:break-word;height:100%}.hidden{display:none}.aboutPanel{padding:10px;font-size:1rem}.map-panel-outer{height:100%;display:flex;flex-direction:column}::slotted([slot="map"]){flex-grow:1}}`;
 class u extends n {
   constructor() {

package/dist/components/arcgis-chat-ui/customElement.js

@@ -1,36 +1,38 @@
-import { c as v } from "../../chunks/runtime.js";
-import { html as o } from "lit-html";
+import { c as k } from "../../chunks/runtime.js";
+import { html as n } from "lit-html";
 import { keyed as u } from "lit-html/directives/keyed.js";
-import { ref as k } from "lit-html/directives/ref.js";
 import { LitElement as I, createEvent as h, nothing as p } from "@arcgis/lumina";
 import { css as w } from "@lit/reactive-element/css-tag.js";
-import { ChatResponse as A } from "./functional/chat-response/customElement.js";
-import { ChatStatus as T } from "./functional/chat-status/customElement.js";
+import { ChatResponse as C } from "./functional/chat-response/customElement.js";
+import { ChatStatus as A } from "./functional/chat-status/customElement.js";
 import { m as f } from "../../chunks/chat-action.js";
-import { getItem as C } from "@esri/arcgis-rest-portal";
+import { getItem as T } from "@esri/arcgis-rest-portal";
 import { dictionary as r, constants as b } from "@esri/telemetry-dictionary-hub";
 import { u as L } from "../../chunks/useT9n.js";
+import { createRef as M, ref as x } from "lit/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
-const M = w`.actions{margin:.5em;background-color:#ffffff7f;width:100%;border-radius:10px;.thumbnail{background-size:cover;background-position:center center;height:150px;width:100%;display:flex;align-items:center;justify-content:center;border-top-left-radius:10px;border-top-right-radius:10px}.viewDetails{font-size:smaller}.bottom{padding:10px}.title{margin-bottom:5px}calcite-accordion{width:100%}}.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em;width:100%}.source{margin:.5em;border-radius:10px;width:200px}calcite-accordion-item[heading=Map]>*{margin-bottom:1rem}.text{margin:0 .5rem}.message{display:grid;-moz-column-gap:1px;column-gap:1px;justify-content:start;grid-template-areas:"avatar text" ". feedback "}.message.removed{display:none}.response{display:block;grid-area:text;width:-moz-fit-content;width:fit-content;padding:.75rem;font-size:1rem;line-height:1.375rem;text-align:left}.response p{margin-block:0}.response a{color:#00a0ff}.response .actions{width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box}.author-Human{justify-content:end;grid-template-areas:"text avatar" "feedback ."}.author-Human .response{background-color:var(--color-primary);color:#fff;border-radius:15px 0 15px 15px}.author-AI .response{border-radius:0 15px 15px;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}.feedback{grid-area:feedback;--calcite-block-border-color: transparent}arcgis-hub-map-view{height:400px}.status-message{opacity:0;transition:opacity 2s ease-in-out;font-size:1.2rem;text-justify:auto;animation:fade-in 6s infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0}}.loader{display:flex;flex-direction:column;gap:.5rem;background:#fff;padding:1rem;width:65%;border-radius:0 16px 16px}.skeleton-loader{background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1.5s shine linear infinite;height:24px;width:100%}.square-container{display:flex;gap:1rem;flex-direction:row}.square{width:120px;height:120px}@keyframes shine{to{background-position-x:-200%}}:host{--color-primary: dodgerblue;display:flex;flex-direction:column;height:100%;.messages{flex:1;flex-grow:1;display:flex;padding:10px;overflow-y:auto;flex-direction:column;gap:1rem}form{margin:0 .5rem;.action-buttons{display:flex;justify-content:space-around}.action-buttons calcite-button{width:auto;flex-grow:1;margin:.5rem}}}#request-input{margin:0 .5rem;height:2rem}.actionsTitle{display:block;font-weight:700;font-size:1.2rem;text-align:left}#actions{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:1rem;margin:1rem}`;
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
+const $ = w`.actions{margin:.5em;background-color:#ffffff7f;width:100%;border-radius:10px;.thumbnail{background-size:cover;background-position:center center;height:150px;width:100%;display:flex;align-items:center;justify-content:center;border-top-left-radius:10px;border-top-right-radius:10px}.viewDetails{font-size:smaller}.bottom{padding:10px}.title{margin-bottom:5px}calcite-accordion{width:100%}}.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em;width:100%}.source{margin:.5em;border-radius:10px;width:200px}calcite-accordion-item[heading=Map]>*{margin-bottom:1rem}.text{margin:0 .5rem}.message{display:grid;-moz-column-gap:1px;column-gap:1px;justify-content:start;grid-template-areas:"avatar text" ". feedback "}.message.removed{display:none}.response{display:block;grid-area:text;width:-moz-fit-content;width:fit-content;padding:.75rem;font-size:1rem;line-height:1.375rem;text-align:left}.response p{margin-block:0}.response a{color:#00a0ff}.response .actions{width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box}.author-Human{justify-content:end;grid-template-areas:"text avatar" "feedback ."}.author-Human .response{background-color:var(--color-primary);color:#fff;border-radius:15px 0 15px 15px}.author-AI .response{border-radius:0 15px 15px;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}.feedback{grid-area:feedback;--calcite-block-border-color: transparent}arcgis-hub-map-view{height:400px}.status-message{opacity:0;transition:opacity 2s ease-in-out;font-size:1.2rem;text-justify:auto;animation:fade-in 6s infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0}}.loader{display:flex;flex-direction:column;gap:.5rem;background:#fff;padding:1rem;width:65%;border-radius:0 16px 16px}.skeleton-loader{background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1.5s shine linear infinite;height:24px;width:100%}.square-container{display:flex;gap:1rem;flex-direction:row}.square{width:120px;height:120px}@keyframes shine{to{background-position-x:-200%}}:host{--color-primary: dodgerblue;display:flex;flex-direction:column;height:100%;.messages{flex:1;flex-grow:1;display:flex;padding:10px;overflow-y:auto;flex-direction:column;gap:1rem}form{margin:0 .5rem;.action-buttons{display:flex;justify-content:space-around}.action-buttons calcite-button{width:auto;flex-grow:1;margin:.5rem}}.scroll-button-container{position:absolute;bottom:100px;left:0;right:0;display:flex;justify-content:center;z-index:10}}#request-input{margin:0 .5rem;height:2rem}.actionsTitle{display:block;font-weight:700;font-size:1.2rem;text-align:left}#actions{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:1rem;margin:1rem}`;
 var c = /* @__PURE__ */ ((i) => (i.USER = "Human", i.HUB = "AI", i.SYSTEM = "System", i))(c || {});
-const $ = async (i, e) => await Promise.all(i.map(async (t) => await S(t, e))), S = async (i, e) => {
+const S = async (i, e) => await Promise.all(i.map(async (t) => await U(t, e))), U = async (i, e) => {
   const t = structuredClone(i);
   try {
-    const s = await C(i.id, { authentication: e });
+    const s = await T(i.id, { authentication: e });
     return t.thumbnail = s.thumbnail, t.url = s.url, t.type = s.type, t;
   } catch {
     console.error("Could not enrich:", i);
   }
   return t;
 };
-function U(i) {
+function D(i) {
   return !!i && typeof i == "object" && "kind" in i && i.kind === "FinderResponse";
 }
-class D extends I {
+class R extends I {
   constructor() {
-    super(), this._messages = L({ blocking: !0 }), this.loadingMessageIntervalMs = 6e3, this.handleFormSubmit = async (e) => {
+    super(), this._messages = L({ blocking: !0 }), this._inputElRef = M(), this.loadingMessageIntervalMs = 6e3, this.handleMessagesScroll = () => {
+      this.requestUpdate();
+    }, this.handleFormSubmit = async (e) => {
       e.preventDefault(), this.inputText.trim() && await this.submitUserMessage(this.inputText, "query");
     }, this.handleClearHistory = () => {
       this.messages = [], this.conversationId = null, this.scrollToBottomAfterUpdate();
@@ -38,11 +40,11 @@ class D extends I {
       const t = Number.parseInt(e.target.dataset.index, 10), s = this.defaultSuggestions[t], a = this.getSuggestionLabel(s);
       await this.submitUserMessage(a, "suggest");
     }, this.handleAddDataClick = (e) => {
-      const { sourceId: t, messageId: s } = e.target.dataset, n = this.getMessageById(s)?.sources?.find((l) => l.id === t);
-      n && (this.arcgisAddDataClick.emit({
+      const { sourceId: t, messageId: s } = e.target.dataset, o = this.getMessageById(s)?.sources?.find((l) => l.id === t);
+      o && (this.arcgisAddDataClick.emit({
         type: "dataset",
-        title: n.title,
-        data: { id: n.id }
+        title: o.title,
+        data: { id: o.id }
       }), this.hubTelemetry.emit(r.category.interaction.action.add.label.content));
     }, this.handleLocationClick = (e) => {
       const t = e.target.dataset.messageId, s = this.getMessageById(t);
@@ -55,7 +57,14 @@ class D extends I {
     this.properties = { isLoading: 16, currentLoadingMessage: 16, messages: 16, devFeatureMessage: 0, conversationId: 1, botDescription: 1, isAuthenticated: 5, hasOrgAiAccess: 5, botTitle: 1, defaultSuggestions: 0, inputText: 1, authentication: 0, portalUrl: 1, domain: 1, getFinderResponse: 0 };
   }
   static {
-    this.styles = M;
+    this.styles = $;
+  }
+  get canScrollToBottom() {
+    const e = this.messagesContainer;
+    if (!e)
+      return !1;
+    const t = e.scrollHeight > e.clientHeight, s = Math.ceil(e.scrollTop + e.clientHeight) >= e.scrollHeight - 30;
+    return t && !s;
   }
   get welcomeMessages() {
     const e = [
@@ -75,7 +84,12 @@ class D extends I {
       messageId: s.length + 1
       // Increment message ID for tracking
     };
-    s.push(a), this.messages = s, this.scrollToBottomAfterUpdate(), this.handleDevFeatures(s, e) || this.handleUserMessage(t);
+    s.push(a), this.messages = s, this.scrollToBottomAfterUpdate(), this.focusInputAfterUpdate(), this.handleDevFeatures(s, e) || this.handleUserMessage(t);
+  }
+  updated(e) {
+    (e.has("messages") || e.has("isLoading")) && this.updateComplete.then(() => {
+      this.requestUpdate();
+    });
   }
   handleAccordionChange(e) {
     const { expanded: t, dataset: { fieldName: s } } = e.detail.requestedAccordionItem, a = t ? r.category.interaction.action.close.label.accordion.details.attribute : r.category.interaction.action.open.label.accordion.details.attribute;
@@ -85,7 +99,7 @@ class D extends I {
     return f[Math.floor(Math.random() * f.length)];
   }
   setMessagesContainer(e) {
-    this.messagesContainer = e;
+    this.messagesContainer && this.messagesContainer.removeEventListener("scroll", this.handleMessagesScroll), this.messagesContainer = e, this.messagesContainer && this.messagesContainer.addEventListener("scroll", this.handleMessagesScroll, { passive: !0 });
   }
   scrollToBottomAfterUpdate() {
     this.updateComplete.then(() => {
@@ -98,6 +112,11 @@ class D extends I {
       behavior: "smooth"
     });
   }
+  focusInputAfterUpdate() {
+    this.updateComplete.then(() => {
+      this._inputElRef.value?.setFocus();
+    });
+  }
   handleInputTextChange(e) {
     this.inputText = e.target.value;
   }
@@ -120,21 +139,21 @@ class D extends I {
   setLoading(e) {
     this.isLoading = e, e ? (this.currentLoadingMessage = this.getRandomLoadingMessage(), this.loadingIntervalId = window.setInterval(() => {
       this.currentLoadingMessage = this.getRandomLoadingMessage();
-    }, this.loadingMessageIntervalMs), this.scrollToBottomAfterUpdate()) : this.loadingIntervalId && (clearInterval(this.loadingIntervalId), this.loadingIntervalId = void 0);
+    }, this.loadingMessageIntervalMs), this.focusInputAfterUpdate()) : this.loadingIntervalId && (clearInterval(this.loadingIntervalId), this.loadingIntervalId = void 0);
   }
   async handleUserMessage(e) {
     const t = structuredClone(this.messages), s = t[t.length - 1].text;
     let a = 0;
-    const n = Date.now();
+    const o = Date.now();
     try {
       this.setLoading(!0);
       const l = await this.getFinderResponse(s, this.conversationId);
-      a = Date.now() - n;
+      a = Date.now() - o;
       const g = l[1];
-      if (this.conversationId ??= g.conversationId, U(g.context)) {
-        const d = g.context, y = Array.isArray(d.sources) && d.sources.length > 0 ? await $(d.sources, this.authentication) : [], m = {
+      if (this.conversationId ??= g.conversationId, D(g.context)) {
+        const d = g.context, v = Array.isArray(d.sources) && d.sources.length > 0 ? await S(d.sources, this.authentication) : [], m = {
           ...d,
-          sources: y,
+          sources: v,
           messageId: t.length + 1,
           author: c.HUB,
           // Store the original user prompt that triggered this response
@@ -143,14 +162,14 @@ class D extends I {
         t[t.length - 1].text === "trees" && (this.devFeatureMessage = m), this.setLoading(!1), t.push(m), this.messages = t;
       } else
         this.handleChatError(t);
-      this.scrollToBottomAfterUpdate(), this.hubTelemetry.emit({
+      this.focusInputAfterUpdate(), this.hubTelemetry.emit({
         ...r.category.interaction.action.search.label[e],
         search: s,
         response: b.response.SUCCESS,
         duration: a.toFixed(2)
       });
     } catch {
-      a = Date.now() - n, this.handleChatError(t), this.hubTelemetry.emit({
+      a = Date.now() - o, this.handleChatError(t), this.hubTelemetry.emit({
         ...r.category.interaction.action.search.label[e],
         search: s,
         response: b.response.FAILURE,
@@ -171,7 +190,7 @@ class D extends I {
   renderSuggestions(e) {
     return e.map((t, s) => {
       const a = this.getSuggestionLabel(t);
-      return u(a, o`<calcite-button data-index=${s ?? p} round icon-start=${(typeof t == "string" ? "effects" : t.icon) ?? p} @click=${this.handleSuggestionClicked} .disabled=${this.isLoading || !this.isAuthenticated || !this.hasOrgAiAccess} appearance=outline-fill>${a}</calcite-button>`);
+      return u(a, n`<calcite-button data-index=${s ?? p} round icon-start=${(typeof t == "string" ? "effects" : t.icon) ?? p} @click=${this.handleSuggestionClicked} .disabled=${this.isLoading || !this.isAuthenticated || !this.hasOrgAiAccess} appearance=outline-fill>${a}</calcite-button>`);
     });
   }
   renderWelcomeMessages() {
@@ -181,19 +200,21 @@ class D extends I {
     }, t));
   }
   renderForm() {
-    return o`<form @submit=${this.handleFormSubmit}>${!this.isAuthenticated && o`<calcite-notice open icon=sign-in scale=m style="margin: 0 0.5rem 1rem 0.5rem;"><div slot=title>${this._messages.signInTitle}</div><div slot=message>${this._messages.signInPrompt}</div><calcite-link slot=link icon-end=launch @click=${this.signIn}>${this._messages.signInLinkText}</calcite-link></calcite-notice>` || ""}${this.isAuthenticated && !this.hasOrgAiAccess && o`<calcite-notice open icon scale=m style="margin: 0 0.5rem 1rem 0.5rem;"><div slot=title>${this._messages.orgAiAccessTitle}</div><div slot=message>${this._messages.orgAiAccessPrompt}</div><calcite-link slot=link icon-end=launch href=https://doc.arcgis.com/en/arcgis-online/administer/configure-assistants.htm target=_blank>${this._messages.orgAiAccessLinkText}</calcite-link></calcite-notice>` || ""}<calcite-input-text .disabled=${this.isLoading || !this.isAuthenticated || !this.hasOrgAiAccess} id=request-input .placeholder=${this._messages.inputPlaceholder} @calciteInputTextInput=${this.handleInputTextChange} .value=${this.inputText}></calcite-input-text><div class="action-buttons"><calcite-button appearance=outline icon-start=reset @click=${this.handleClearHistory} .disabled=${this.isLoading || !this.isAuthenticated || !this.hasOrgAiAccess}>${this._messages.clearButtonText}</calcite-button><calcite-button type=submit icon-start=send .disabled=${this.isLoading || !this.inputText.trim() || !this.isAuthenticated || !this.hasOrgAiAccess}>${this._messages.submitButtonText}</calcite-button></div></form>`;
+    return n`<form @submit=${this.handleFormSubmit}>${!this.isAuthenticated && n`<calcite-notice open icon=sign-in scale=m style="margin: 0 0.5rem 1rem 0.5rem;"><div slot=title>${this._messages.signInTitle}</div><div slot=message>${this._messages.signInPrompt}</div><calcite-link slot=link icon-end=launch @click=${this.signIn}>${this._messages.signInLinkText}</calcite-link></calcite-notice>` || ""}${this.isAuthenticated && !this.hasOrgAiAccess && n`<calcite-notice open icon scale=m style="margin: 0 0.5rem 1rem 0.5rem;"><div slot=title>${this._messages.orgAiAccessTitle}</div><div slot=message>${this._messages.orgAiAccessPrompt}</div><calcite-link slot=link icon-end=launch href=https://doc.arcgis.com/en/arcgis-online/administer/configure-assistants.htm target=_blank>${this._messages.orgAiAccessLinkText}</calcite-link></calcite-notice>` || ""}<calcite-input-text .disabled=${this.isLoading || !this.isAuthenticated || !this.hasOrgAiAccess} id=request-input .placeholder=${this._messages.inputPlaceholder} @calciteInputTextInput=${this.handleInputTextChange} .value=${this.inputText} ${x(this._inputElRef)}></calcite-input-text><div class="action-buttons"><calcite-button appearance=outline icon-start=reset @click=${this.handleClearHistory} .disabled=${this.isLoading || !this.isAuthenticated || !this.hasOrgAiAccess}>${this._messages.clearButtonText}</calcite-button><calcite-button type=submit icon-start=send .disabled=${this.isLoading || !this.inputText.trim() || !this.isAuthenticated || !this.hasOrgAiAccess}>${this._messages.submitButtonText}</calcite-button></div></form>`;
   }
   renderChatResponse(e, t) {
-    return u(t, A({ message: e, addDataClick: this.handleAddDataClick, addDataLabel: this._messages.addDataLabel, addLocationClick: this.handleLocationClick, addLocationLabel: this._messages.addLocationLabel, viewDetailsClick: this.handleViewDetailsClick, viewDetailsLabel: this._messages.viewDetailsLabel, domain: this.domain, portalUrl: this.portalUrl, token: this.authentication?.token }));
+    return u(t, C({ message: e, addDataClick: this.handleAddDataClick, addDataLabel: this._messages.addDataLabel, addLocationClick: this.handleLocationClick, addLocationLabel: this._messages.addLocationLabel, viewDetailsClick: this.handleViewDetailsClick, viewDetailsLabel: this._messages.viewDetailsLabel, domain: this.domain, portalUrl: this.portalUrl, token: this.authentication?.token }));
   }
   renderMessageContainer() {
-    return o`<div class="messages" ${k(this.setMessagesContainer)}>${this.renderWelcomeMessages()}<div><div class="actionsTitle">${this._messages.suggestionsHeader}</div><div id=actions>${this.renderSuggestions(this.defaultSuggestions)}</div></div>${this.messages.map((e) => this.renderChatResponse(e, `message-${e.messageId}`))}${this.isLoading && T({ currentLoadingMessage: this.currentLoadingMessage }) || ""}</div>`;
+    return n`<div class="messages" ${x(this.setMessagesContainer)}>${this.renderWelcomeMessages()}<div><div class="actionsTitle">${this._messages.suggestionsHeader}</div><div id=actions>${this.renderSuggestions(this.defaultSuggestions)}</div></div>${this.messages.map((e) => this.renderChatResponse(e, `message-${e.messageId}`))}${this.isLoading && A({ currentLoadingMessage: this.currentLoadingMessage }) || ""}${this.canScrollToBottom && n`<calcite-fab class="scroll-button-container" icon=arrow-down kind=inverse appearance=solid scale=m @click=${() => {
+      this.scrollToBottom(), this.focusInputAfterUpdate();
+    }}></calcite-fab>` || ""}</div>`;
   }
   render() {
-    return o`<link rel=stylesheet href=https://js.arcgis.com/4.33/@arcgis/core/assets/esri/themes/light/main.css>${this.renderMessageContainer()}${this.renderForm()}`;
+    return n`<link rel=stylesheet href=https://js.arcgis.com/4.33/@arcgis/core/assets/esri/themes/light/main.css>${this.renderMessageContainer()}${this.renderForm()}`;
   }
 }
-v("arcgis-chat-ui", D);
+k("arcgis-chat-ui", R);
 export {
-  D as ArcgisChatUI
+  R as ArcgisChatUI
 };

package/dist/components/arcgis-chat-ui/functional/chat-action/customElement.js

@@ -3,8 +3,8 @@ import "@arcgis/lumina";
 import "../../../../chunks/util.js";
 import { C as p } from "../../../../chunks/chat-action.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 export {
   p as ChatAction
 };

package/dist/components/arcgis-chat-ui/functional/chat-response/customElement.js

@@ -1,15 +1,15 @@
 import { repeat as r } from "lit-html/directives/repeat.js";
-import { html as c, nothing as A } from "lit-html";
-import { c as M, i as I } from "../../../../chunks/util.js";
+import { html as c, nothing as M } from "lit-html";
+import { c as A, i as I } from "../../../../chunks/util.js";
 import { C as S } from "../../../../chunks/chat-action.js";
-import { createRef as _, ref as L } from "lit-html/directives/ref.js";
+import { createRef as _, ref as H } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const O = ({ message: e, addDataClick: l, addDataLabel: u, addLocationClick: p, addLocationLabel: f, viewDetailsClick: $, viewDetailsLabel: h, portalUrl: v = "www.arcgis.com", domain: s = "hub.arcgis.com", token: m }) => {
   const b = _();
   function w(t) {
-    return c`<calcite-accordion-item heading=Reasoning description="Explanation of the AI Assistant process" icon-start=automation data-field-name=Reasoning><ol>${r(t, (o) => o.name, (o) => c`<li>Tool: ${o.name}${r(Object.keys(o.parameters), (i) => i, (i) => {
+    return c`<calcite-accordion-item heading=Reasoning description="Explanation of the Hub assistant process" icon-start=automation data-field-name=Reasoning><ol>${r(t, (o) => o.name, (o) => c`<li>Tool: ${o.name}${r(Object.keys(o.parameters), (i) => i, (i) => {
       let a = o.parameters[i];
       return i === "sources" && Array.isArray(a) ? a = a.map((n) => n.title).join(", ") : i === "location" && (a = a.name), c`<div>${i}: ${JSON.stringify(a)}</div>`;
     })}</li>`)}</ol></calcite-accordion-item>`;
@@ -18,7 +18,7 @@ const O = ({ message: e, addDataClick: l, addDataLabel: u, addLocationClick: p,
     return c`<calcite-accordion-item description="Relevant data sources" heading=Sources icon-start=information data-field-name=Sources expanded><div class="sources">${r(o, (i) => i.id, (i) => c`<div class="wrapper source">${S({ messageId: t, source: i, domain: s, portalUrl: v, showOutlinks: !0, addDataClick: l, addDataLabel: u, viewDetailsClick: $, viewDetailsLabel: h, token: m })}</div>`)}</div></calcite-accordion-item>`;
   }
   function R(t) {
-    return c`<calcite-accordion-item description="See the layers" heading=Map icon-start=map data-field-name=Map expanded><div>${t.name}</div><arcgis-hub-map-view .location=${`${t.latitude}, ${t.longitude}, ${t.zoom ?? 0}`} @arcgisHubMapViewReady=${k} legend layer-list search ${L(b)}></arcgis-hub-map-view><calcite-button data-message-id=${e.messageId ?? A} round icon-start=extent appearance=outline-fill @click=${p}>${f}</calcite-button></calcite-accordion-item>`;
+    return c`<calcite-accordion-item description="See the layers" heading=Map icon-start=map data-field-name=Map expanded><div>${t.name}</div><arcgis-hub-map-view .location=${`${t.latitude}, ${t.longitude}, ${t.zoom ?? 0}`} @arcgisHubMapViewReady=${k} legend layer-list search ${H(b)}></arcgis-hub-map-view><calcite-button data-message-id=${e.messageId ?? M} round icon-start=extent appearance=outline-fill @click=${p}>${f}</calcite-button></calcite-accordion-item>`;
   }
   function k(t) {
     const o = t.target;
@@ -34,7 +34,7 @@ const O = ({ message: e, addDataClick: l, addDataLabel: u, addLocationClick: p,
     window.open(n, "_blank");
   }
   const y = e.sources?.length ?? e.tools?.length ?? !!e.location;
-  return c`<div class=${`message author-${e.author}`}><div class="response"><div class="text" .innerHTML=${M(e.text) ?? ""}></div>${y && c`<div class="actions"><calcite-accordion>${e.location && R(e.location) || ""}${!!e.sources && e.sources.length > 0 && x(e.messageId, e.sources) || ""}${!!e.tools && e.tools.length > 0 && w(e.tools) || ""}</calcite-accordion>${g(e)}</div>` || ""}</div></div>`;
+  return c`<div class=${`message author-${e.author}`}><div class="response"><div class="text" .innerHTML=${A(e.text) ?? ""}></div>${y && c`<div class="actions"><calcite-accordion>${e.location && R(e.location) || ""}${!!e.sources && e.sources.length > 0 && x(e.messageId, e.sources) || ""}${!!e.tools && e.tools.length > 0 && w(e.tools) || ""}</calcite-accordion>${g(e)}</div>` || ""}</div></div>`;
 };
 export {
   O as ChatResponse

package/dist/components/arcgis-chat-ui/functional/chat-status/customElement.js

@@ -1,7 +1,7 @@
 import { html as e } from "lit-html";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const l = ({ showSkeletonLoader: s, currentLoadingMessage: d }) => s ? e`<div class="loader"><div class="skeleton-loader"></div><div class="skeleton-loader"></div><div class="skeleton-loader"></div><div class="square-container"><div class="skeleton-loader square"></div><div class="skeleton-loader square"></div></div></div>` : e`<div class="status-message">${d}</div>`;
 export {
   l as ChatStatus

package/dist/components/arcgis-chat-ui/index.d.ts

@@ -2,4 +2,5 @@ import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-input-text";
+import "@esri/calcite-components/components/calcite-fab";
 export * from "./customElement.js";

package/dist/components/arcgis-chat-ui/index.js

@@ -2,4 +2,5 @@ import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-input-text";
+import "@esri/calcite-components/components/calcite-fab";
 export * from "./customElement.js";