@esri/hub-web-components 0.29.2 → 0.31.0

package/dist/cdn/SLMPCBTA.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.29/esri/copyright.txt for details.
-v0.29.2 */
-import{a as i}from"./KBN4F3Y7.js";import{a as c}from"./SF227R4N.js";var s=class extends i{constructor(a,t,r){t=t||"UNKNOWN_ERROR",r=c(r,"rootCause",r),super(a,t,r),this.name="HubError",this.stack=c(r,"stack",new Error().stack)}};export{s as a};

package/dist/cdn/SN6ESYGX.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.29/esri/copyright.txt for details.
-v0.29.2 */
-import{a as U,b as $}from"./5MPCMGR2.js";import{a as P}from"./N47DCDRA.js";import{a as x}from"./R6NQDKKY.js";import{a as B}from"./PBHVUKXI.js";import{a as j,b as L}from"./V3DID4LL.js";import{a as _}from"./PDZQDVMK.js";import{a as D}from"./XR4JDH3S.js";import{b as M,c as O}from"./EKHMV2IP.js";import{a as C}from"./ENYTKSZ7.js";import{a as z}from"./TU6C77DM.js";import{a as d}from"./37YAX5CS.js";import"./GWISOE2X.js";import"./TLJ7XYWN.js";import"./BZGRJKHA.js";import{b as I,e as F}from"./MHVKJKZ2.js";import a from"./E3HXSXHI.js";import{a as V}from"./EYGUUZ2D.js";import{a as w}from"./6YYBNJO5.js";import"./IPXQF75F.js";import"./BVS7E5HG.js";import"./PDERGEOU.js";import{d as R}from"./IGZDRB2Z.js";import"./TXQ6XVGH.js";import"./2XJIKGRC.js";import"./YOYVMUA4.js";import{c as S}from"./O5MN24NE.js";import"./VFCERDY5.js";import{a as H}from"./7Q3YRT3Q.js";import"./T3AXKAF2.js";import{a as A}from"./SF227R4N.js";import"./BTRSNMFS.js";import"./MIPOQZAE.js";import{a as m}from"./DEGSSENI.js";import{a as c}from"./DSGD4JYX.js";import"./RD56WB6R.js";import"./PWCVZIGU.js";import{a as h}from"./R3QOP4G4.js";import"./C4AD3GJ6.js";import{a as W,b as i,c as u,d as b,e as p,h as q,i as g}from"./R2IJ5SOO.js";import{a as E}from"./QHBV5XF3.js";import{g as k}from"./MSVINGTN.js";import{a as y}from"./5UPIYGMG.js";import"./FAVVVVRX.js";import"./T3ZSUD66.js";export default $arcgis.t(([,{w:G}])=>{var J=".sc-arcgis-hub-embed-card-h{display:block}img.sc-arcgis-hub-embed-card{margin-left:auto;margin-right:auto;display:flex;height:500px}",Q=J,T=function(e,t,r,s){var n=arguments.length,a=n<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,r):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(e,t,r,s);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(a=(n<3?o(a):n>3?o(t,r,a):o(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},f=500,v=class{async handleMapViewReady(e){e.stopPropagation();let{detail:{view:t}}=e;await t.when(),t.ui.components=[],this._mapView=t}handleViewportChanged(){this.fetchAndCacheItems()}handleEmbedChanged(){this.fetchAndCacheItems()}get isAppOrFeedbackEmbed(){return!!this._embedConfigForViewport&&["app","feedback"].includes(this._embedConfigForViewport.kind)}getItem(e){return R(e,this._context.requestOptions)}async fetchAndCacheItems(){if(this.isAppOrFeedbackEmbed){let e=this._embedConfigForViewport;if(this._itemCache[e.id]===void 0)try{this._itemCache=Object.assign(Object.assign({},this._itemCache),{[e.id]:await this.getItem(e.id)})}catch(t){this._itemCache=Object.assign(Object.assign({},this._itemCache),{[e.id]:null}),E.error(`Failed to fetch item ${e.id}`,t)}}}get _iframeSrc(){if(this.isAppOrFeedbackEmbed){let e=this._embedConfigForViewport,t=this._itemCache[e.id];if(!t)return;let r=L(t,this._context);if(r=j(r),r=O(r),this._context.isPortal){let s={hasCookie:$(),isAuthenticated:this._context.isAuthenticated,orgBaseUrl:this._context.portalUrl,orgHasSSO:!!this._context.portal.platformSSO};r=U(r,s)}return r}}constructor(e){g(this,e),this.hubTelemetry=p(this,"hubTelemetry",7),this.cardId=k(),this.embed=void 0,this.shareable=!1,this.shareableByValue=!1,this.shareableByReference=!1,this.shareableOnHover=!1,this.iframeTitle=`embed card ${this.cardId}`,this._isInViewport=!1,this._mapView=void 0,this._viewport=void 0,this._itemCache={},m(this,"handleIntersection","handleResize")}async componentWillLoad(){await this.loadTranslations()}connectedCallback(){this.observeIntersection(),this.observeResize()}disconnectedCallback(){this.unobserveIntersection(),this.unobserveResize()}async loadTranslations(){this.intl=await c.loadIntlForComponent(this.element)}get _context(){return S()}get _embedConfigForViewport(){if(this._viewport&&this.embed){let e=[];this._viewport==="viewportDesktop"?e=["viewportDesktop","viewportTablet","viewportMobile"]:this._viewport==="viewportTablet"?e=["viewportTablet","viewportMobile"]:e=["viewportMobile"];let t=e.find(r=>this.embed[r]);return this.embed[t]||this.embed.viewportAll}}observeIntersection(){x.addHandler(this.element,this.handleIntersection)}unobserveIntersection(){x.unobserve(this.element)}observeResize(){_.addHandler(this.element,this.handleResize)}unobserveResize(){_.unobserve(this.element)}handleIntersection(){var e,t;if(this._isInViewport=!0,this.unobserveIntersection(),!((t=(e=this.embed)===null||e===void 0?void 0:e.viewportAll)===null||t===void 0)&&t.kind){let r=this.embed.viewportAll.kind===d.external?"externalUrl":this.embed.viewportAll.kind;this.hubTelemetry.emit(Object.assign({},h.dictionary.category.interaction.action.viewed.label.card.details[r]))}}handleResize(){let e,t=window?.innerWidth;t<560?e="viewportMobile":t>=560&&t<980?e="viewportTablet":t>=980&&(e="viewportDesktop"),this._viewport=e}renderMapEmbed(e){let t={baseViewItemId:[e.id]},r=`${e.height||f}px`;return i("arcgis-hub-map-view",Object.assign({},G(t),{home:!0,layerList:!0,legend:!0,mouseWheel:"zoom",search:!0,style:{height:r}}))}renderAppEmbed(e){if(this._iframeSrc)return i("arcgis-hub-embed",{geolocation:!0,height:e.height||f,iframeTitle:this.iframeTitle,isScrollable:e.isScrollable,src:this._iframeSrc})}renderFeedbackEmbed(e){var t,r;if(this._iframeSrc){let s=(t=this.embed)===null||t===void 0?void 0:t.viewportAll,{showHeader:n=!0,showDescription:a=!0,showFooter:o=!0}=s,l=["navbar",!n&&"header",!a&&"description",!o&&"footer"].filter(N=>N).join(","),K=!((r=this._iframeSrc)===null||r===void 0)&&r.includes("?")?`${this._iframeSrc}&hide=${l}`:`${this._iframeSrc}?hide=${l}`;return i("arcgis-hub-embed",{geolocation:!0,height:e.height||f,iframeTitle:this.iframeTitle,isScrollable:!0,src:K})}}renderExternalEmbed(e){return i("arcgis-hub-embed",{height:e.height||f,iframeTitle:this.iframeTitle,src:e.url})}renderEmbed(){if(this._isInViewport)switch(this._embedConfigForViewport.kind){case d.map:return this.renderMapEmbed(this._embedConfigForViewport);case d.external:return this.renderExternalEmbed(this._embedConfigForViewport);case d.app:return this.renderAppEmbed(this._embedConfigForViewport);case d.feedback:return this.renderFeedbackEmbed(this._embedConfigForViewport)}}renderPlaceholder(){return i("img",{alt:this.intl.t("placeholderAlt"),src:W("./assets/embed.svg")})}renderCard(){if(this._embedConfigForViewport)return i(D,{context:this,showShareUi:!0},this.renderEmbed())}render(){return i(u,{key:"89c8321765a99690c2f1ef74b4e7051a4c3caaeb","data-element":"embed-card",id:this.cardId},this.embed?this.renderCard():this.renderPlaceholder())}static get assetsDirs(){return["assets","locales"]}get element(){return b(this)}static get watchers(){return{_viewport:["handleViewportChanged"],embed:["handleEmbedChanged"]}}};T([C("_viewport","embed","_itemCache")],v.prototype,"_iframeSrc",null);T([C("_viewport","embed")],v.prototype,"_embedConfigForViewport",null);T([z({timeout:250})],v.prototype,"handleResize",null);v.style=Q;var X=`.sc-arcgis-hub-entity-about-h{margin-top:1rem;display:flex;width:100%;gap:4rem;overflow:hidden}h2.sc-arcgis-hub-entity-about{margin:0 0 0.75rem 0;font-size:var(--calcite-font-size-2);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold)}p.sc-arcgis-hub-entity-about{font-size:var(--calcite-font-size-0);line-height:1.25rem}.entity-about-main.sc-arcgis-hub-entity-about{flex:2;margin-right:2rem}.entity-about-side-bar.sc-arcgis-hub-entity-about{flex:1}.entity-about-main.sc-arcgis-hub-entity-about>div.sc-arcgis-hub-entity-about:not(:last-of-type),.entity-about-side-bar.sc-arcgis-hub-entity-about>div.sc-arcgis-hub-entity-about:not(:last-of-type){margin-bottom:2.5rem}arcgis-hub-embed-card.sc-arcgis-hub-entity-about{margin-bottom:1.5rem}arcgis-hub-metric-card.sc-arcgis-hub-entity-about{min-height:15rem;height:100%}.entity-about__featured-metrics-grid.sc-arcgis-hub-entity-about{grid-template-columns:repeat(2, minmax(20rem, 1fr));display:grid;gap:2rem}.entity-about__featured-metrics.sc-arcgis-hub-entity-about calcite-button.sc-arcgis-hub-entity-about{margin-top:1.5rem}.sc-arcgis-hub-entity-about-s>[slot='main'],.sc-arcgis-hub-entity-about-s>[slot="sidebar"]{margin-top:2.5rem}@media only screen and (max-width: 992px){.sc-arcgis-hub-entity-about-h{flex-direction:column;gap:0}.entity-about__featured-metrics-grid.sc-arcgis-hub-entity-about{grid-template-columns:unset}}`,Y=X,Z=class{async componentWillLoad(){console.info(`Entity About: PATH: ${this.path}`),this.intl=await c.loadIntlForComponent(this.element)}constructor(e){g(this,e),this.arcgisHubEntityAboutTabChange=p(this,"arcgisHubEntityAboutTabChange",7),this.handleFeaturedContentResultsChange=t=>{this.hasFeaturedContent=!!t.detail.length},this.handleTabChange=t=>{this.arcgisHubEntityAboutTabChange.emit(t)},this.entity=void 0,this.path="",this.hasFeaturedContent=!1,m(this,"handleTabChange")}get _context(){return S()}get entityType(){return H(this.entity)}get view(){let{view:e={}}=this.entity||{};return e}get shouldRenderAbout(){var e,t,r,s;return!!(!((e=this.entity)===null||e===void 0)&&e.summary)||!!(!((t=this.entity)===null||t===void 0)&&t.description)||!!(!((r=this.view.embeds)===null||r===void 0)&&r.length)||!!(!((s=this.view.featuredContentIds)===null||s===void 0)&&s.length)}get shouldRenderStatus(){return!!y(this.entity,"status")||!!this.view.timeline}get featuredImageUrl(){var e;let t=!((e=this._context)===null||e===void 0)&&e.isAuthenticated?`?token=${this._context.session.token}`:"";return V(`${this.view.featuredImageUrl}${t}`)}get metricDisplays(){var e,t;return((t=(e=this.view)===null||e===void 0?void 0:e.metricDisplays)===null||t===void 0?void 0:t.filter(r=>r?.visibility!==w.hidden))||[]}get featuredMetricDisplays(){var e;return((e=this.view.metricDisplays)===null||e===void 0?void 0:e.filter(t=>t?.visibility===w.featured))||[]}renderAbout(){var e,t,r;return i("div",null,i("h2",null,this.intl.t("about")),((e=this.entity)===null||e===void 0?void 0:e.summary)&&i("p",null,this.entity.summary),!!(!((t=this.view.embeds)===null||t===void 0)&&t.length)&&i("arcgis-hub-embed-card",{embed:this.view.embeds[0],shareable:!0,shareableOnHover:!0}),((r=this.entity)===null||r===void 0?void 0:r.description)&&i("p",{innerHTML:M(this.entity.description)}),this.view.featuredImageUrl&&!this.view.hero&&i("arcgis-hub-image",{alt:this.view.featuredImageAltText||"",corners:I.round,src:this.featuredImageUrl}))}renderMetrics(){return i("div",{class:"entity-about__featured-metrics"},i("h2",null,this.intl.t("metrics")),i("div",{class:"entity-about__featured-metrics-grid"},this.featuredMetricDisplays.map(e=>{let r=A(this.entity,"metrics",[]).find(s=>s.id===e.metricId);return i("arcgis-hub-metric-card",{cardConfig:Object.assign(Object.assign({},e),{scale:F.medium,border:!0}),key:r.id,metric:r})})),!!this.metricDisplays.length&&this.metricDisplays.length!==this.featuredMetricDisplays.length&&i("calcite-button",{appearance:"outline","data-scroll":"scroll","data-tab":B.Metrics,onClick:this.handleTabChange,round:!0},this.intl.t("exploreMetrics")))}renderFeaturedContent(){let e={targetEntity:"item",filters:[{predicates:[{id:this.view.featuredContentIds}]}]};return i("div",null,this.hasFeaturedContent&&i("h2",null,this.intl.t("featuredContent")),i("arcgis-hub-gallery",{layout:"grid",limit:4,linkTarget:"siteRelative",onArcgisHubGalleryResultsChange:this.handleFeaturedContentResultsChange,path:this.path,query:e,showEmptyState:!1,sortByIds:this.view.featuredContentIds}))}renderStatus(){var e;let t=y(this.entity,"status"),r=this.view.timeline||{},s=this.intl.t(`status.${t||"notStarted"}`);return i(q,null,i("div",null,i("h2",null,this.intl.t(`status.label.${this.entityType}`,{},this.intl.t("status.label.default"))),!!t&&i("calcite-chip",{icon:t==="complete"?"check":"",label:s,scale:"l",value:t},s)),!!(!((e=Object.keys(r))===null||e===void 0)&&e.length)&&i("div",null,i("arcgis-hub-timeline",{canCollapse:r.canCollapse,description:r.description,stages:r.stages,timelineTitle:r.title})))}renderMetadata(){return i("div",{class:"entity-view-side-bar__metadata"},i("h2",null,this.intl.t("details")),i("arcgis-hub-entity-metadata",{entity:this.entity}))}render(){var e,t;return i(u,{key:"8e8594fc0ddd7f4395505a22be752c265828abf1","data-element":"entity-about"},i("div",{key:"60dd97d3aa0d29fc19564fe3f6b112347ba732ab",class:"entity-about-main"},this.shouldRenderAbout&&this.renderAbout(),!!(!((e=this.featuredMetricDisplays)===null||e===void 0)&&e.length)&&this.renderMetrics(),!!(!((t=this.view.featuredContentIds)===null||t===void 0)&&t.length)&&this.renderFeaturedContent(),i("slot",{key:"8b026a0a56eeb1ed45ab6683ee32fed1ce3fb6fe",name:"main"})),i("div",{key:"984fae4a8885573f8917cc1776ffb7e4348d5957",class:"entity-about-side-bar"},this.shouldRenderStatus&&this.renderStatus(),this.renderMetadata(),i("slot",{key:"cc3cc6d607a77f5643c3e609117880af36922706",name:"sidebar"})))}static get assetsDirs(){return["locales"]}get element(){return b(this)}};Z.style=Y;var ee="*{margin:0px;padding:0px;color:var(--calcite-color-text-1);list-style:none}:host{display:block;overflow:hidden;border-radius:1rem;padding:0px}.hub-timeline__header{padding-bottom:3.5rem}h1,label{font-weight:var(--calcite-font-weight-normal)}h1{font-size:var(--calcite-font-size-3);line-height:2rem}label{font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-light)}ol{background-color:var(--calcite-color-foreground-1);padding-right:1.25rem;padding-left:13px;padding-top:12px;}li{border-left:1px dashed #cccccc;position:relative;padding-left:1rem;padding-right:1rem;padding-bottom:1.5rem}li:last-child{border:0px;padding-bottom:0px}li calcite-icon{left:-13px;position:absolute;top:0.25rem;background-color:var(--calcite-color-foreground-1)}.stage{border:1px rgba(204, 204, 204, 0.2) solid;top:-12px;position:relative;margin-left:1.25rem;border-radius:0.75rem;padding:1rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.stage calcite-link{margin-top:0.5rem;display:block;overflow-wrap:anywhere}.stage h3{font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-medium)}.stage span{margin-top:0.25rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-light);color:var(--calcite-color-text-3)}p{margin-top:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}.empty-state{height:20rem;width:100%;display:flex;align-items:center;justify-content:center}.empty-state calcite-icon{height:60%;width:60%}.collapse-expand-btn{margin-left:20px}",te=ee,ie=class{constructor(e){g(this,e),this.hubTelemetry=p(this,"hubTelemetry",7),this.timelineTitle=void 0,this.description=void 0,this.stages=[],this.canCollapse=void 0,this.isCollapsed=void 0,m(this,"handleCollapseExpandBtnClick")}async componentWillLoad(){this.intl=await c.loadIntlForComponent(this.element)}get shouldCollapse(){return this.canCollapse&&this.stages.length>=6}renderStageLink(e){let t,{href:r,title:s}=e||{};return(r||s)&&(t=i("calcite-link",{href:r||"#"},s||r)),t}handleCollapseExpandBtnClick(){this.isCollapsed=!this.isCollapsed,this.isCollapsed?this.hubTelemetry.emit(h.dictionary.category.interaction.action.close.label.timeline):this.hubTelemetry.emit(h.dictionary.category.interaction.action.open.label.timeline)}renderCollapseExpandIconAndBtn(){if(this.isCollapsed===void 0&&(this.isCollapsed=this.shouldCollapse),this.shouldCollapse)return i("li",null,i("calcite-icon",{icon:this.isCollapsed?"chevrons-down":"chevrons-up"}),i("calcite-link",{class:"collapse-expand-btn",onClick:this.handleCollapseExpandBtnClick},this.intl.t(this.isCollapsed?"expandTimeline":"collapseTimeline")))}renderStages(){return i("ol",null,this.renderFirstThreeStages(),this.renderCollapseExpandIconAndBtn(),this.renderRemainingStages())}renderStage(e){return i("li",{key:e.title},i("calcite-icon",{icon:P(e.status)}),i("div",{class:"stage"},i("h3",null,e.title),i("span",null,e.timeframe),i("p",null,e.stageDescription),this.renderStageLink(e.link)))}renderFirstThreeStages(){return this.stages.slice(0,3).map(e=>this.renderStage(e))}renderLastStage(){return this.renderStage(this.stages[this.stages.length-1])}renderExpandedStages(){return this.stages.slice(3).map(e=>this.renderStage(e))}renderRemainingStages(){return this.isCollapsed===void 0&&(this.isCollapsed=this.shouldCollapse),this.shouldCollapse&&this.isCollapsed?this.renderLastStage():this.renderExpandedStages()}render(){return i(u,{key:"441237fe055b63769b5df58e5197ab4818980165"},(this.timelineTitle||this.description)&&i("div",{class:"hub-timeline__header"},this.timelineTitle&&i("h1",null,this.timelineTitle),this.description&&i("label",null,this.description)),!!this.stages.length&&this.renderStages())}static get assetsDirs(){return["locales"]}get element(){return b(this)}};ie.style=te;return{arcgis_hub_embed_card:v,arcgis_hub_entity_about:Z,arcgis_hub_timeline:ie}},"config",a)

package/dist/cdn/SNSEOOUU.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.29/esri/copyright.txt for details.
-v0.29.2 */
-import{b as s,c as a}from"./MHVKJKZ2.js";import{c}from"./O5MN24NE.js";import"./VFCERDY5.js";import"./7Q3YRT3Q.js";import"./T3AXKAF2.js";import"./SF227R4N.js";import"./BTRSNMFS.js";import"./MIPOQZAE.js";import"./R3QOP4G4.js";import"./C4AD3GJ6.js";import{b as r,c as i,d as o,i as l}from"./R2IJ5SOO.js";import"./QHBV5XF3.js";import"./MSVINGTN.js";import"./5UPIYGMG.js";import"./T3ZSUD66.js";var u=":host{display:block}",h=u,d=class{constructor(e){l(this,e),this.resourceCallback=(t,n,g,m)=>(t.additionalInfo=[],t.actionLinks=[],t),this.headingText=void 0,this.headingLevel=3,this.tags=[],this.limit=4,this._context=c(),this.hasResults=!1}get resourceQuery(){let t={group:this._context.resourceGroupIDs||[],type:["Document Link"]};return this.tags.length&&(t.tags=this.tags),{targetEntity:"item",filters:[{predicates:[t]}]}}renderHeader(){let e=`h${this.headingLevel}`;return this.hasResults?r(e,null,this.headingText):null}onResourceGalleryResultsChanged(e){this.hasResults=e.detail.length>0}render(){return r(i,{key:"fccf54ab9ddb76861c25986d3bcd989b4ea18a2d","data-element":"resource-gallery"},this.renderHeader(),r("arcgis-hub-gallery",{key:"f16f8f756ae23857a845f55ea4bcfc78c525c4d5",baseUrl:this._context.hubHomeUrl,callback:this.resourceCallback,corners:s.round,galleryType:"item",layout:"compact",limit:this.limit,"link-target":"siteRelative",newTab:!0,query:this.resourceQuery,shadow:a.low,showEmptyState:!1,showSearch:!1,showThumbnail:!1,sortField:"modified",sortOrder:"desc"},r("div",{key:"8686a8a8bf87c8522e8448ad2c4f21b216d64674",slot:"loading-screen"})))}get element(){return o(this)}};d.style=h;export{d as arcgis_hub_resource_gallery};