@esri/solutions-components 0.11.18 → 0.11.20

package/dist/solutions-components/{p-2b556610.entry.js → p-64a6162f.entry.js}

@@ -3,4 +3,4 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{r as n,c as t,h as a,g as i,H as e}from"./p-1b0588d2.js";import{g as s}from"./p-a42ff7fe.js";var p;!function(n){n.TopLeft="top-left",n.TopCenter="top-center",n.TopRight="top-right",n.CenterLeft="center-left",n.Center="center",n.CenterRight="center-right",n.BottomLeft="bottom-left",n.BottomCenter="bottom-center",n.BottomRight="bottom-right"}(p||(p={}));const g={s:" instant-apps-landing-page__icon-image-scale--s",m:" instant-apps-landing-page__icon-image-scale--m",l:" instant-apps-landing-page__icon-image-scale--l"},l=class{constructor(a){n(this,a),this.landingPageOpen=t(this,"landingPageOpen",7),this.landingPageClose=t(this,"landingPageClose",7),this.titleText=void 0,this.subtitleText=void 0,this.descriptionText=void 0,this.entryButtonText=void 0,this.iconImage=void 0,this.iconImageScale="m",this.iconImageAltText=void 0,this.alignment=p.Center,this.disableTransition=!0,this.backgroundImageSrc=void 0,this.open=!0,this.entryButtonScale="l",this.fontFamily="var(--calcite-sans-family);",this.enableSignIn=void 0,this.portal=void 0,this.oauthappid=void 0}emitToggleEvent(){this.open?this.landingPageOpen.emit():this.landingPageClose.emit()}async componentWillRender(){await this.checkEnableSignIn()}render(){const n=this.renderLandingPageContent();return a(e,{key:"ea71727939f905d2f22bf8e45cd4a4cefe9557ae"},n)}renderLandingPageContent(){const n=this.open?"":this.disableTransition?" instant-apps-landing-page--closed-no-transition":" instant-apps-landing-page--closed",t=this.getAlignmentClass(),i=this.disableTransition?" instant-apps-landing-page__remove-transition":"",e=this.getContentStyle();return a("div",{style:e,class:`instant-apps-landing-page${t}${n}${i}`},a("div",{class:"instant-apps-landing-page__content-container"},this.renderIconImage(),this.renderTitleText(),this.renderSubtitleText(),this.renderDescriptionText()),this.renderEntryButtonContainer())}renderEntryButtonContainer(){return this.enableSignIn?this.renderLandingPageSignIn():a("div",{class:"instant-apps-landing-page__button-container"},this.renderEntryButton(),a("slot",{name:"secondary-action"}))}renderLandingPageSignIn(){return a("instant-apps-sign-in",{type:"landingPage",landingPage:!0,portal:this.portal,oauthappid:this.oauthappid,titleText:this.titleText,subtitleText:this.subtitleText,descriptionText:this.descriptionText,closeLandingPage:this.closeLandingPage.bind(this)})}renderIconImage(){return this.iconImage?a("img",{class:`instant-apps-landing-page__icon-image${this.getIconImageScale()}`,src:this.iconImage,alt:this.iconImageAltText}):null}renderTitleText(){return a("h1",{class:"instant-apps-landing-page__title-text"},this.titleText)}renderSubtitleText(){return a("span",{class:"instant-apps-landing-page__subtitle-text"},this.subtitleText)}renderDescriptionText(){return a("p",{class:"instant-apps-landing-page__description-text"},this.descriptionText)}renderEntryButton(){return a("calcite-button",{class:"instant-apps-landing-page__entry-button",onClick:this.closeLandingPage.bind(this),scale:this.entryButtonScale,appearance:"outline-fill"},this.entryButtonText?this.entryButtonText:"Enter")}closeLandingPage(){this.open=!1}getAlignmentClass(){return` instant-apps-landing-page__alignment--${this.alignment}`}getIconImageScale(){const{iconImageScale:n}=this,{s:t,m:a,l:i}=g;return"l"===n?i:"s"===n?t:a}getContentStyle(){const n=s(this.fontFamily);return this.backgroundImageSrc?{fontFamily:n,backgroundSize:"cover",backgroundImage:`url("${this.backgroundImageSrc}")`,backgroundRepeat:"no-repeat",backgroundPosition:"center"}:{fontFamily:n}}checkEnableSignIn(){return new Promise((n=>{if(this.enableSignIn){const n=localStorage.getItem("signing-in")?Number(localStorage.getItem("signing-in")):null;if(null!=n){const t=2;(Date.now()-n)/6e4<t&&(this.open=!1),localStorage.removeItem("signing-in")}}n()}))}get el(){return i(this)}static get watchers(){return{open:["emitToggleEvent"]}}};l.style=":host{--instant-apps-landing-page-background-color:var(--calcite-color-brand);--instant-apps-landing-page-text-color:var(--calcite-color-text-inverse);--instant-apps-landing-page-entry-button-color:var(--calcite-color-brand);--instant-apps-landing-page-title-text-font-size:var(--calcite-font-size-6);--instant-apps-landing-page-subtitle-text-font-size:var(--calcite-font-size-3);--instant-apps-landing-page-description-text-font-size:var(--calcite-font-size-0);--instant-apps-landing-page-icon-image-scale--s:100px;--instant-apps-landing-page-icon-image-scale--m:250px;--instant-apps-landing-page-icon-image-scale--l:500px;--instant-apps-landing-page-entry-button-margin:0}:host .instant-apps-landing-page{box-sizing:border-box;position:absolute;top:0;left:0;z-index:9000;display:flex;flex-direction:column;width:100%;height:100%;padding:2.5%;transition:top 0.5s ease-in-out;background-color:var(--instant-apps-landing-page-background-color);color:var(--instant-apps-landing-page-text-color)}:host .instant-apps-landing-page__title-text{color:var(--instant-apps-landing-page-text-color);font-size:var(--instant-apps-landing-page-title-text-font-size);margin:0}:host .instant-apps-landing-page__subtitle-text{font-weight:var(--calcite-font-weight-medium);font-size:var(--instant-apps-landing-page-subtitle-text-font-size)}:host .instant-apps-landing-page__description-text{font-size:var(--instant-apps-landing-page-description-text-font-size);width:50%;min-width:250px}:host .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__subtitle-text{text-shadow:0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1)}:host .instant-apps-landing-page__icon-image{margin-bottom:5px;max-width:50%}:host .instant-apps-landing-page__icon-image-scale--s{width:100px}:host .instant-apps-landing-page__icon-image-scale--m{width:250px}:host .instant-apps-landing-page__icon-image-scale--l{width:500px}:host .instant-apps-landing-page__button-container{display:flex}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{margin:var(--instant-apps-landing-page-entry-button-margin)}:host .instant-apps-landing-page__entry-button{--calcite-color-brand:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-hover:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-press:var(--instant-apps-landing-page-entry-button-color)}:host .instant-apps-landing-page__remove-transition{transition:none}:host .instant-apps-landing-page__remove-padding{padding:0}:host .instant-apps-landing-page--closed-no-transition{display:none}:host .instant-apps-landing-page--closed{top:-100%}:host .instant-apps-landing-page__alignment--top-center{justify-content:flex-start;align-items:center}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .instant-apps-landing-page__alignment--center{justify-content:center;align-items:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center{justify-content:flex-end;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--top-left{justify-content:flex-start;align-items:flex-start}:host .instant-apps-landing-page__alignment--center-left{justify-content:center;align-items:flex-start}:host .instant-apps-landing-page__alignment--bottom-left{justify-content:flex-end;align-items:flex-start}:host .instant-apps-landing-page__alignment--top-right{justify-content:flex-start;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right{justify-content:center;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right{justify-content:flex-end;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:right}:host instant-apps-sign-in{width:50%}@media screen and (max-width: 500px){:host instant-apps-sign-in{width:100%}}@media only screen and (max-width: 768px){:host .instant-apps-landing-page__icon-image{max-width:70%;margin-bottom:20px}:host .instant-apps-landing-page__description-text{width:80%}:host .instant-apps-landing-page__title-text{font-size:var(--calcite-font-size-3)}:host .instant-apps-landing-page__subtitle-text{font-size:var(--calcite-font-size-0)}:host .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;margin-top:auto}:host .instant-apps-landing-page__button-container{display:flex;flex-direction:column;width:100%;margin-top:auto}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{width:100%;margin-right:unset;margin-bottom:10px}:host .instant-apps-landing-page instant-apps-sign-in{margin-bottom:auto}}@media only screen and (max-width: 896px) and (orientation: landscape){:host .instant-apps-landing-page__icon-image{max-width:25%}}";export{l as instant_apps_landing_page}
+import{r as n,c as t,h as a,g as i,H as e}from"./p-e996c38f.js";import{g as s}from"./p-a42ff7fe.js";var p;!function(n){n.TopLeft="top-left",n.TopCenter="top-center",n.TopRight="top-right",n.CenterLeft="center-left",n.Center="center",n.CenterRight="center-right",n.BottomLeft="bottom-left",n.BottomCenter="bottom-center",n.BottomRight="bottom-right"}(p||(p={}));const g={s:" instant-apps-landing-page__icon-image-scale--s",m:" instant-apps-landing-page__icon-image-scale--m",l:" instant-apps-landing-page__icon-image-scale--l"},l=class{constructor(a){n(this,a),this.landingPageOpen=t(this,"landingPageOpen",7),this.landingPageClose=t(this,"landingPageClose",7),this.titleText=void 0,this.subtitleText=void 0,this.descriptionText=void 0,this.entryButtonText=void 0,this.iconImage=void 0,this.iconImageScale="m",this.iconImageAltText=void 0,this.alignment=p.Center,this.disableTransition=!0,this.backgroundImageSrc=void 0,this.open=!0,this.entryButtonScale="l",this.fontFamily="var(--calcite-sans-family);",this.enableSignIn=void 0,this.portal=void 0,this.oauthappid=void 0}emitToggleEvent(){this.open?this.landingPageOpen.emit():this.landingPageClose.emit()}async componentWillRender(){await this.checkEnableSignIn()}render(){const n=this.renderLandingPageContent();return a(e,{key:"ea71727939f905d2f22bf8e45cd4a4cefe9557ae"},n)}renderLandingPageContent(){const n=this.open?"":this.disableTransition?" instant-apps-landing-page--closed-no-transition":" instant-apps-landing-page--closed",t=this.getAlignmentClass(),i=this.disableTransition?" instant-apps-landing-page__remove-transition":"",e=this.getContentStyle();return a("div",{style:e,class:`instant-apps-landing-page${t}${n}${i}`},a("div",{class:"instant-apps-landing-page__content-container"},this.renderIconImage(),this.renderTitleText(),this.renderSubtitleText(),this.renderDescriptionText()),this.renderEntryButtonContainer())}renderEntryButtonContainer(){return this.enableSignIn?this.renderLandingPageSignIn():a("div",{class:"instant-apps-landing-page__button-container"},this.renderEntryButton(),a("slot",{name:"secondary-action"}))}renderLandingPageSignIn(){return a("instant-apps-sign-in",{type:"landingPage",landingPage:!0,portal:this.portal,oauthappid:this.oauthappid,titleText:this.titleText,subtitleText:this.subtitleText,descriptionText:this.descriptionText,closeLandingPage:this.closeLandingPage.bind(this)})}renderIconImage(){return this.iconImage?a("img",{class:`instant-apps-landing-page__icon-image${this.getIconImageScale()}`,src:this.iconImage,alt:this.iconImageAltText}):null}renderTitleText(){return a("h1",{class:"instant-apps-landing-page__title-text"},this.titleText)}renderSubtitleText(){return a("span",{class:"instant-apps-landing-page__subtitle-text"},this.subtitleText)}renderDescriptionText(){return a("p",{class:"instant-apps-landing-page__description-text"},this.descriptionText)}renderEntryButton(){return a("calcite-button",{class:"instant-apps-landing-page__entry-button",onClick:this.closeLandingPage.bind(this),scale:this.entryButtonScale,appearance:"outline-fill"},this.entryButtonText?this.entryButtonText:"Enter")}closeLandingPage(){this.open=!1}getAlignmentClass(){return` instant-apps-landing-page__alignment--${this.alignment}`}getIconImageScale(){const{iconImageScale:n}=this,{s:t,m:a,l:i}=g;return"l"===n?i:"s"===n?t:a}getContentStyle(){const n=s(this.fontFamily);return this.backgroundImageSrc?{fontFamily:n,backgroundSize:"cover",backgroundImage:`url("${this.backgroundImageSrc}")`,backgroundRepeat:"no-repeat",backgroundPosition:"center"}:{fontFamily:n}}checkEnableSignIn(){return new Promise((n=>{if(this.enableSignIn){const n=localStorage.getItem("signing-in")?Number(localStorage.getItem("signing-in")):null;if(null!=n){const t=2;(Date.now()-n)/6e4<t&&(this.open=!1),localStorage.removeItem("signing-in")}}n()}))}get el(){return i(this)}static get watchers(){return{open:["emitToggleEvent"]}}};l.style=":host{--instant-apps-landing-page-background-color:var(--calcite-color-brand);--instant-apps-landing-page-text-color:var(--calcite-color-text-inverse);--instant-apps-landing-page-entry-button-color:var(--calcite-color-brand);--instant-apps-landing-page-title-text-font-size:var(--calcite-font-size-6);--instant-apps-landing-page-subtitle-text-font-size:var(--calcite-font-size-3);--instant-apps-landing-page-description-text-font-size:var(--calcite-font-size-0);--instant-apps-landing-page-icon-image-scale--s:100px;--instant-apps-landing-page-icon-image-scale--m:250px;--instant-apps-landing-page-icon-image-scale--l:500px;--instant-apps-landing-page-entry-button-margin:0}:host .instant-apps-landing-page{box-sizing:border-box;position:absolute;top:0;left:0;z-index:9000;display:flex;flex-direction:column;width:100%;height:100%;padding:2.5%;transition:top 0.5s ease-in-out;background-color:var(--instant-apps-landing-page-background-color);color:var(--instant-apps-landing-page-text-color)}:host .instant-apps-landing-page__title-text{color:var(--instant-apps-landing-page-text-color);font-size:var(--instant-apps-landing-page-title-text-font-size);margin:0}:host .instant-apps-landing-page__subtitle-text{font-weight:var(--calcite-font-weight-medium);font-size:var(--instant-apps-landing-page-subtitle-text-font-size)}:host .instant-apps-landing-page__description-text{font-size:var(--instant-apps-landing-page-description-text-font-size);width:50%;min-width:250px}:host .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__subtitle-text{text-shadow:0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1)}:host .instant-apps-landing-page__icon-image{margin-bottom:5px;max-width:50%}:host .instant-apps-landing-page__icon-image-scale--s{width:100px}:host .instant-apps-landing-page__icon-image-scale--m{width:250px}:host .instant-apps-landing-page__icon-image-scale--l{width:500px}:host .instant-apps-landing-page__button-container{display:flex}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{margin:var(--instant-apps-landing-page-entry-button-margin)}:host .instant-apps-landing-page__entry-button{--calcite-color-brand:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-hover:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-press:var(--instant-apps-landing-page-entry-button-color)}:host .instant-apps-landing-page__remove-transition{transition:none}:host .instant-apps-landing-page__remove-padding{padding:0}:host .instant-apps-landing-page--closed-no-transition{display:none}:host .instant-apps-landing-page--closed{top:-100%}:host .instant-apps-landing-page__alignment--top-center{justify-content:flex-start;align-items:center}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .instant-apps-landing-page__alignment--center{justify-content:center;align-items:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center{justify-content:flex-end;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--top-left{justify-content:flex-start;align-items:flex-start}:host .instant-apps-landing-page__alignment--center-left{justify-content:center;align-items:flex-start}:host .instant-apps-landing-page__alignment--bottom-left{justify-content:flex-end;align-items:flex-start}:host .instant-apps-landing-page__alignment--top-right{justify-content:flex-start;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right{justify-content:center;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right{justify-content:flex-end;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:right}:host instant-apps-sign-in{width:50%}@media screen and (max-width: 500px){:host instant-apps-sign-in{width:100%}}@media only screen and (max-width: 768px){:host .instant-apps-landing-page__icon-image{max-width:70%;margin-bottom:20px}:host .instant-apps-landing-page__description-text{width:80%}:host .instant-apps-landing-page__title-text{font-size:var(--calcite-font-size-3)}:host .instant-apps-landing-page__subtitle-text{font-size:var(--calcite-font-size-0)}:host .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;margin-top:auto}:host .instant-apps-landing-page__button-container{display:flex;flex-direction:column;width:100%;margin-top:auto}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{width:100%;margin-right:unset;margin-bottom:10px}:host .instant-apps-landing-page instant-apps-sign-in{margin-bottom:auto}}@media only screen and (max-width: 896px) and (orientation: landscape){:host .instant-apps-landing-page__icon-image{max-width:25%}}";export{l as instant_apps_landing_page}

package/dist/solutions-components/{p-7f6cbe61.entry.js → p-65105504.entry.js}

@@ -3,4 +3,4 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{r as t,h as i,H as e,g as n}from"./p-1b0588d2.js";import{c as l}from"./p-e23b4193.js";import{l as o}from"./p-08ad0b7a.js";import{g as r}from"./p-89fbc318.js";import{g as a}from"./p-173d5fce.js";import"./p-0a24ad5f.js";import"./p-d4056c1c.js";import"./p-ac122d9e.js";const{state:d,onChange:s}=l({timeInfoConfigItems:[],filterMode:{type:"filter"},view:null,timeSlider:null,timeInfoItems:[],selectedTimeInfoItem:null,loading:!0,timeSliderConfig:{},autoPlay:!1}),u="time-slider-watch",v=new class{constructor(){this.initializeModules()}async initializeModules(){try{const[t,i,e,n,l,r,a]=await o(["esri/core/Handles","esri/core/reactiveUtils","esri/widgets/TimeSlider","esri/time/TimeExtent","esri/time/TimeInterval","esri/layers/support/FeatureFilter","esri/layers/support/FeatureEffect"]);this.reactiveUtils=i,this.handles=new t,this.TimeSlider=e,this.TimeExtent=n,this.TimeInterval=l,this.FeatureFilter=r,this.FeatureEffect=a}catch(t){}}async init(t){var i,e,n;t&&(t.innerHTML=""),"playing"===(null===(e=null===(i=null==d?void 0:d.timeSlider)||void 0===i?void 0:i.viewModel)||void 0===e?void 0:e.state)&&d.timeSlider.stop();const{view:l,timeInfoConfigItems:o}=d;if(l)try{if(await l.when(),1===o.length&&"map"===(null===(n=o[0])||void 0===n?void 0:n.type))this.initTimeSlider(t,o[0]);else{const i=await this.getTimeLayerViews(l,o);d.timeInfoItems=this.generateTimeInfoItems(i,o),this.initTimeSlider(t)}return Promise.resolve()}catch(t){}finally{this.setupFilterModeWatcher()}}destroy(){var t,i;null===(t=this.handles)||void 0===t||t.removeAll(),this.handles=null,null===(i=d.timeSlider)||void 0===i||i.destroy()}async getTimeLayerViews(t,i){const{allLayers:e}=t.map,n=i.map((({id:t})=>{return i=t,e.find((({id:t})=>i===t));var i})).map((i=>t.whenLayerView(i)));return await Promise.all(n)}generateTimeInfoItems(t,i){return[...i].map((i=>{const e=t.find((({layer:t})=>t.id===i.id));return this.generateTimeInfoItem(e,i)}))}generateTimeInfoItem(t,{increments:i,rangeStart:e,rangeEnd:n,timeIntervalValue:l}){var o;const r=null==t?void 0:t.layer,a=null===(o=null==r?void 0:r.timeInfo)||void 0===o?void 0:o.fullTimeExtent;return{layerView:t,unit:i,timeIntervalValue:null!=l?l:1,rangeStart:new Date(e),rangeEnd:new Date(n),timeExtent:a,previousTimeExtent:null}}initTimeSlider(t,i){var e,n;const{TimeSlider:l}=this,o=t=>{d.timeSlider=new l(t),d.autoPlay&&d.timeSlider.play()};if(i)o(this.getTimeSliderConfig(t,i));else{const i=null===(e=null==d?void 0:d.timeInfoItems)||void 0===e?void 0:e[0];if(!i)return;d.selectedTimeInfoItem=i,o(this.getTimeSliderConfig(t))}"2d"===(null===(n=d.view)||void 0===n?void 0:n.type)&&this.initialize2DView()}setupFilterModeWatcher(){s("filterMode",(t=>d.timeInfoItems.forEach((i=>{var e,n,l;const o=i.layerView;this.applyTimeExtent(o,(null===(n=null===(e=null==o?void 0:o.featureEffect)||void 0===e?void 0:e.filter)||void 0===n?void 0:n.timeExtent)||(null===(l=o.filter)||void 0===l?void 0:l.timeExtent),t)}))))}getTimeSliderConfig(t,i){var e,n,l,o,r,a,s,u;const{TimeExtent:v,TimeInterval:c}=this,h=Object.assign({container:t,mode:"time-window",view:"3d"===(null===(e=d.view)||void 0===e?void 0:e.type)?d.view:null},d.timeSliderConfig);if(i){const t=null===(o=null===(l=null===(n=d.view)||void 0===n?void 0:n.map)||void 0===l?void 0:l.widgets)||void 0===o?void 0:o.timeSlider,i=Object.assign(Object.assign({},h),{fullTimeExtent:null==t?void 0:t.fullTimeExtent,timeExtent:null==t?void 0:t.currentTimeExtent});return(null===(r=null==t?void 0:t.stopInterval)||void 0===r?void 0:r.unit)&&(null===(a=null==t?void 0:t.stopInterval)||void 0===a?void 0:a.value)&&(i.stops={interval:new c({unit:null===(s=null==t?void 0:t.stopInterval)||void 0===s?void 0:s.unit,value:null===(u=null==t?void 0:t.stopInterval)||void 0===u?void 0:u.value})}),i}{const[{timeExtent:t,rangeStart:i,rangeEnd:e,unit:n,timeIntervalValue:l}]=d.timeInfoItems;return Object.assign(Object.assign({},h),{fullTimeExtent:t,timeExtent:new v({start:i,end:e}),stops:{interval:new c({unit:n,value:l})}})}}initialize2DView(){d.timeInfoItems.forEach((t=>this.applyTimeExtent(t.layerView,new this.TimeExtent({start:t.rangeStart,end:t.rangeEnd})))),this.setupTimeExtentWatcher()}applyTimeExtent(t,i,e){var n;"effect"===(null===(n=d.filterMode)||void 0===n?void 0:n.type)?this.applyFeatureEffect(t,i,e):this.applyFeatureFilter(t,i)}applyFeatureEffect(t,i,e){var n;t&&(t.filter&&t.set("filter",null),(null==t?void 0:t.featureEffect)&&(null===(n=null==t?void 0:t.featureEffect)||void 0===n?void 0:n.filter)&&!e?t.featureEffect.filter.timeExtent=i:this.handleUpdatedFeatureEffect(t,i))}async handleUpdatedFeatureEffect(t,i){var e,n,l,o;const{FeatureEffect:a}=this;t.featureEffect=new a({filter:{timeExtent:i},includedEffect:await r(null===(n=null===(e=d.filterMode)||void 0===e?void 0:e.effect)||void 0===n?void 0:n.includedEffect,t,"includedEffect"),excludedEffect:await r(null===(o=null===(l=d.filterMode)||void 0===l?void 0:l.effect)||void 0===o?void 0:o.excludedEffect,t,"excludedEffect")})}applyFeatureFilter(t,i){t.featureEffect&&t.set("featureEffect",null),t.filter?t.filter.timeExtent=i:t.filter=new this.FeatureFilter({timeExtent:i})}setupTimeExtentWatcher(){var t,i,e,n;(null===(t=this.handles)||void 0===t?void 0:t.has(u))&&(null===(i=this.handles)||void 0===i||i.remove(u)),null===(e=this.handles)||void 0===e||e.add(null===(n=null==d?void 0:d.timeSlider)||void 0===n?void 0:n.watch("timeExtent",(t=>{var i;return this.applyTimeExtent(null===(i=d.selectedTimeInfoItem)||void 0===i?void 0:i.layerView,t)})),u)}updateSelectedTimeInfoItem(t){d.timeSlider&&(d.selectedTimeInfoItem&&(d.selectedTimeInfoItem.previousTimeExtent=d.timeSlider.timeExtent),d.selectedTimeInfoItem=t,this.reconfigureTimeSlider(t),this.applyTimeExtent(t.layerView,d.timeSlider.timeExtent),this.setupTimeExtentWatcher())}reconfigureTimeSlider(t){d.timeSlider&&(d.timeSlider.fullTimeExtent=t.timeExtent,d.timeSlider.timeExtent=this.getTimeExtent(t),d.timeSlider.stops={interval:this.getTimeInterval(t)})}getTimeExtent({rangeStart:t,rangeEnd:i,previousTimeExtent:e}){const{TimeExtent:n}=this;return null!=e?e:new n({start:t,end:i})}getTimeInterval(t){var i,e,n,l,o;const{TimeInterval:r}=this;return new r({unit:null!==(i=t.unit)&&void 0!==i?i:null===(o=null===(l=null===(n=null===(e=t.layerView)||void 0===e?void 0:e.layer)||void 0===n?void 0:n.timeInfo)||void 0===l?void 0:l.interval)||void 0===o?void 0:o.unit,value:1})}getLabel(t){var i,e;return(null===(e=null===(i=null==t?void 0:t.layerView)||void 0===i?void 0:i.layer)||void 0===e?void 0:e.title)||""}},c=class{constructor(i){t(this,i),this.timeSliderRef=void 0,this.timeInfoConfigItems=[],this.filterMode=void 0,this.view=void 0,this.timeSliderConfig=void 0,this.autoPlay=!1}async updateTimeInfoConfigItems(){d.timeInfoConfigItems=this.timeInfoConfigItems,await v.init(this.timeSliderRef)}async updateFilterMode(){d.filterMode=this.filterMode}async updateTimeSliderConfig(){d.timeSliderConfig=this.timeSliderConfig,await v.init(this.timeSliderRef)}async updateAutoPlay(){d.autoPlay=this.autoPlay,d.timeSlider&&(d.autoPlay?d.timeSlider.play():d.timeSlider.stop())}async componentWillLoad(){try{d.view=this.view,d.timeInfoConfigItems=this.timeInfoConfigItems,d.autoPlay=!!this.autoPlay,this.timeSliderConfig&&(d.timeSliderConfig=this.timeSliderConfig),this.filterMode&&(d.filterMode=this.filterMode),await a(this)}catch(t){}}async componentDidLoad(){try{await v.init(this.timeSliderRef)}catch(t){}finally{d.loading=!1}}disconnectedcallback(){v.destroy()}render(){return i(e,{key:"70cc1da4bf2334962b6034fe79383ae016e5738e"},this._renderBase())}_renderBase(){return i("div",{class:"instant-apps-time-filter"+("2d"!==this.view.type?" instant-apps-time-filter--3d":"")},this._renderLoader(),"2d"===this.view.type&&this._renderTopEl(),i("div",{key:"time-slider",ref:t=>this.timeSliderRef=t}))}_renderLoader(){var t,e;return d.loading&&i("div",null,i("div",{class:"instant-apps-time-filter__background"}),i("div",{class:"instant-apps-time-filter__loading-container"},i("calcite-loader",{scale:"m",label:null===(t=this.messages)||void 0===t?void 0:t.loading,text:null===(e=this.messages)||void 0===e?void 0:e.loading})))}_renderTopEl(){return this.timeInfoConfigItems.length>1?this._renderDropdown():this._renderLayerTitle()}_renderLayerTitle(){var t,e,n;const l=null===(n=null===(e=null===(t=d.selectedTimeInfoItem)||void 0===t?void 0:t.layerView)||void 0===e?void 0:e.layer)||void 0===n?void 0:n.title;return i("span",{class:"instant-apps-time-filter__layer-title"},l)}_renderDropdown(){return d.selectedTimeInfoItem&&i("calcite-dropdown",null,this._renderDropdownButton(),this._renderDropdownItems())}_renderDropdownButton(){return i("calcite-button",{slot:"trigger",appearance:"transparent",iconEnd:"chevron-down",width:"full",alignment:"space-between"},v.getLabel(d.selectedTimeInfoItem))}_renderDropdownItems(){return d.timeInfoItems.map((t=>this._renderDropdownItem(t)))}_renderDropdownItem(t){var e,n,l,o,r;const a=null===(l=null===(n=null===(e=d.selectedTimeInfoItem)||void 0===e?void 0:e.layerView)||void 0===n?void 0:n.layer)||void 0===l?void 0:l.id,s=null===(r=null===(o=null==t?void 0:t.layerView)||void 0===o?void 0:o.layer)||void 0===r?void 0:r.id;return i("calcite-dropdown-item",{onCalciteDropdownItemSelect:()=>v.updateSelectedTimeInfoItem(t),selected:a===s},v.getLabel(t))}get el(){return n(this)}static get watchers(){return{timeInfoConfigItems:["updateTimeInfoConfigItems"],filterMode:["updateFilterMode"],timeSliderConfig:["updateTimeSliderConfig"],autoPlay:["updateAutoPlay"]}}};c.style=".instant-apps-time-filter{position:relative;display:block;min-width:375px;min-height:200px}.instant-apps-time-filter__background{background-color:var(--calcite-ui-background);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.instant-apps-time-filter calcite-dropdown{width:100%}.instant-apps-time-filter calcite-dropdown calcite-button{--calcite-color-brand:var(--calcite-ui-text-1);--calcite-ui-brand:var(--calcite-ui-text-1)}.instant-apps-time-filter__layer-title{font-weight:550;display:inline-block;padding:10px}.instant-apps-time-filter__loading-container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.instant-apps-time-filter--3d{min-height:160px}";export{c as instant_apps_time_filter}
+import{r as t,h as i,H as e,g as n}from"./p-e996c38f.js";import{c as l}from"./p-8717729a.js";import{l as o}from"./p-08ad0b7a.js";import{g as r}from"./p-89fbc318.js";import{g as a}from"./p-2884ca49.js";import"./p-0a24ad5f.js";import"./p-d4056c1c.js";import"./p-ac122d9e.js";const{state:d,onChange:s}=l({timeInfoConfigItems:[],filterMode:{type:"filter"},view:null,timeSlider:null,timeInfoItems:[],selectedTimeInfoItem:null,loading:!0,timeSliderConfig:{},autoPlay:!1}),u="time-slider-watch",v=new class{constructor(){this.initializeModules()}async initializeModules(){try{const[t,i,e,n,l,r,a]=await o(["esri/core/Handles","esri/core/reactiveUtils","esri/widgets/TimeSlider","esri/time/TimeExtent","esri/time/TimeInterval","esri/layers/support/FeatureFilter","esri/layers/support/FeatureEffect"]);this.reactiveUtils=i,this.handles=new t,this.TimeSlider=e,this.TimeExtent=n,this.TimeInterval=l,this.FeatureFilter=r,this.FeatureEffect=a}catch(t){}}async init(t){var i,e,n;t&&(t.innerHTML=""),"playing"===(null===(e=null===(i=null==d?void 0:d.timeSlider)||void 0===i?void 0:i.viewModel)||void 0===e?void 0:e.state)&&d.timeSlider.stop();const{view:l,timeInfoConfigItems:o}=d;if(l)try{if(await l.when(),1===o.length&&"map"===(null===(n=o[0])||void 0===n?void 0:n.type))this.initTimeSlider(t,o[0]);else{const i=await this.getTimeLayerViews(l,o);d.timeInfoItems=this.generateTimeInfoItems(i,o),this.initTimeSlider(t)}return Promise.resolve()}catch(t){}finally{this.setupFilterModeWatcher()}}destroy(){var t,i;null===(t=this.handles)||void 0===t||t.removeAll(),this.handles=null,null===(i=d.timeSlider)||void 0===i||i.destroy()}async getTimeLayerViews(t,i){const{allLayers:e}=t.map,n=i.map((({id:t})=>{return i=t,e.find((({id:t})=>i===t));var i})).map((i=>t.whenLayerView(i)));return await Promise.all(n)}generateTimeInfoItems(t,i){return[...i].map((i=>{const e=t.find((({layer:t})=>t.id===i.id));return this.generateTimeInfoItem(e,i)}))}generateTimeInfoItem(t,{increments:i,rangeStart:e,rangeEnd:n,timeIntervalValue:l}){var o;const r=null==t?void 0:t.layer,a=null===(o=null==r?void 0:r.timeInfo)||void 0===o?void 0:o.fullTimeExtent;return{layerView:t,unit:i,timeIntervalValue:null!=l?l:1,rangeStart:new Date(e),rangeEnd:new Date(n),timeExtent:a,previousTimeExtent:null}}initTimeSlider(t,i){var e,n;const{TimeSlider:l}=this,o=t=>{d.timeSlider=new l(t),d.autoPlay&&d.timeSlider.play()};if(i)o(this.getTimeSliderConfig(t,i));else{const i=null===(e=null==d?void 0:d.timeInfoItems)||void 0===e?void 0:e[0];if(!i)return;d.selectedTimeInfoItem=i,o(this.getTimeSliderConfig(t))}"2d"===(null===(n=d.view)||void 0===n?void 0:n.type)&&this.initialize2DView()}setupFilterModeWatcher(){s("filterMode",(t=>d.timeInfoItems.forEach((i=>{var e,n,l;const o=i.layerView;this.applyTimeExtent(o,(null===(n=null===(e=null==o?void 0:o.featureEffect)||void 0===e?void 0:e.filter)||void 0===n?void 0:n.timeExtent)||(null===(l=o.filter)||void 0===l?void 0:l.timeExtent),t)}))))}getTimeSliderConfig(t,i){var e,n,l,o,r,a,s,u;const{TimeExtent:v,TimeInterval:c}=this,h=Object.assign({container:t,mode:"time-window",view:"3d"===(null===(e=d.view)||void 0===e?void 0:e.type)?d.view:null},d.timeSliderConfig);if(i){const t=null===(o=null===(l=null===(n=d.view)||void 0===n?void 0:n.map)||void 0===l?void 0:l.widgets)||void 0===o?void 0:o.timeSlider,i=Object.assign(Object.assign({},h),{fullTimeExtent:null==t?void 0:t.fullTimeExtent,timeExtent:null==t?void 0:t.currentTimeExtent});return(null===(r=null==t?void 0:t.stopInterval)||void 0===r?void 0:r.unit)&&(null===(a=null==t?void 0:t.stopInterval)||void 0===a?void 0:a.value)&&(i.stops={interval:new c({unit:null===(s=null==t?void 0:t.stopInterval)||void 0===s?void 0:s.unit,value:null===(u=null==t?void 0:t.stopInterval)||void 0===u?void 0:u.value})}),i}{const[{timeExtent:t,rangeStart:i,rangeEnd:e,unit:n,timeIntervalValue:l}]=d.timeInfoItems;return Object.assign(Object.assign({},h),{fullTimeExtent:t,timeExtent:new v({start:i,end:e}),stops:{interval:new c({unit:n,value:l})}})}}initialize2DView(){d.timeInfoItems.forEach((t=>this.applyTimeExtent(t.layerView,new this.TimeExtent({start:t.rangeStart,end:t.rangeEnd})))),this.setupTimeExtentWatcher()}applyTimeExtent(t,i,e){var n;"effect"===(null===(n=d.filterMode)||void 0===n?void 0:n.type)?this.applyFeatureEffect(t,i,e):this.applyFeatureFilter(t,i)}applyFeatureEffect(t,i,e){var n;t&&(t.filter&&t.set("filter",null),(null==t?void 0:t.featureEffect)&&(null===(n=null==t?void 0:t.featureEffect)||void 0===n?void 0:n.filter)&&!e?t.featureEffect.filter.timeExtent=i:this.handleUpdatedFeatureEffect(t,i))}async handleUpdatedFeatureEffect(t,i){var e,n,l,o;const{FeatureEffect:a}=this;t.featureEffect=new a({filter:{timeExtent:i},includedEffect:await r(null===(n=null===(e=d.filterMode)||void 0===e?void 0:e.effect)||void 0===n?void 0:n.includedEffect,t,"includedEffect"),excludedEffect:await r(null===(o=null===(l=d.filterMode)||void 0===l?void 0:l.effect)||void 0===o?void 0:o.excludedEffect,t,"excludedEffect")})}applyFeatureFilter(t,i){t.featureEffect&&t.set("featureEffect",null),t.filter?t.filter.timeExtent=i:t.filter=new this.FeatureFilter({timeExtent:i})}setupTimeExtentWatcher(){var t,i,e,n;(null===(t=this.handles)||void 0===t?void 0:t.has(u))&&(null===(i=this.handles)||void 0===i||i.remove(u)),null===(e=this.handles)||void 0===e||e.add(null===(n=null==d?void 0:d.timeSlider)||void 0===n?void 0:n.watch("timeExtent",(t=>{var i;return this.applyTimeExtent(null===(i=d.selectedTimeInfoItem)||void 0===i?void 0:i.layerView,t)})),u)}updateSelectedTimeInfoItem(t){d.timeSlider&&(d.selectedTimeInfoItem&&(d.selectedTimeInfoItem.previousTimeExtent=d.timeSlider.timeExtent),d.selectedTimeInfoItem=t,this.reconfigureTimeSlider(t),this.applyTimeExtent(t.layerView,d.timeSlider.timeExtent),this.setupTimeExtentWatcher())}reconfigureTimeSlider(t){d.timeSlider&&(d.timeSlider.fullTimeExtent=t.timeExtent,d.timeSlider.timeExtent=this.getTimeExtent(t),d.timeSlider.stops={interval:this.getTimeInterval(t)})}getTimeExtent({rangeStart:t,rangeEnd:i,previousTimeExtent:e}){const{TimeExtent:n}=this;return null!=e?e:new n({start:t,end:i})}getTimeInterval(t){var i,e,n,l,o;const{TimeInterval:r}=this;return new r({unit:null!==(i=t.unit)&&void 0!==i?i:null===(o=null===(l=null===(n=null===(e=t.layerView)||void 0===e?void 0:e.layer)||void 0===n?void 0:n.timeInfo)||void 0===l?void 0:l.interval)||void 0===o?void 0:o.unit,value:1})}getLabel(t){var i,e;return(null===(e=null===(i=null==t?void 0:t.layerView)||void 0===i?void 0:i.layer)||void 0===e?void 0:e.title)||""}},c=class{constructor(i){t(this,i),this.timeSliderRef=void 0,this.timeInfoConfigItems=[],this.filterMode=void 0,this.view=void 0,this.timeSliderConfig=void 0,this.autoPlay=!1}async updateTimeInfoConfigItems(){d.timeInfoConfigItems=this.timeInfoConfigItems,await v.init(this.timeSliderRef)}async updateFilterMode(){d.filterMode=this.filterMode}async updateTimeSliderConfig(){d.timeSliderConfig=this.timeSliderConfig,await v.init(this.timeSliderRef)}async updateAutoPlay(){d.autoPlay=this.autoPlay,d.timeSlider&&(d.autoPlay?d.timeSlider.play():d.timeSlider.stop())}async componentWillLoad(){try{d.view=this.view,d.timeInfoConfigItems=this.timeInfoConfigItems,d.autoPlay=!!this.autoPlay,this.timeSliderConfig&&(d.timeSliderConfig=this.timeSliderConfig),this.filterMode&&(d.filterMode=this.filterMode),await a(this)}catch(t){}}async componentDidLoad(){try{await v.init(this.timeSliderRef)}catch(t){}finally{d.loading=!1}}disconnectedcallback(){v.destroy()}render(){return i(e,{key:"70cc1da4bf2334962b6034fe79383ae016e5738e"},this._renderBase())}_renderBase(){return i("div",{class:"instant-apps-time-filter"+("2d"!==this.view.type?" instant-apps-time-filter--3d":"")},this._renderLoader(),"2d"===this.view.type&&this._renderTopEl(),i("div",{key:"time-slider",ref:t=>this.timeSliderRef=t}))}_renderLoader(){var t,e;return d.loading&&i("div",null,i("div",{class:"instant-apps-time-filter__background"}),i("div",{class:"instant-apps-time-filter__loading-container"},i("calcite-loader",{scale:"m",label:null===(t=this.messages)||void 0===t?void 0:t.loading,text:null===(e=this.messages)||void 0===e?void 0:e.loading})))}_renderTopEl(){return this.timeInfoConfigItems.length>1?this._renderDropdown():this._renderLayerTitle()}_renderLayerTitle(){var t,e,n;const l=null===(n=null===(e=null===(t=d.selectedTimeInfoItem)||void 0===t?void 0:t.layerView)||void 0===e?void 0:e.layer)||void 0===n?void 0:n.title;return i("span",{class:"instant-apps-time-filter__layer-title"},l)}_renderDropdown(){return d.selectedTimeInfoItem&&i("calcite-dropdown",null,this._renderDropdownButton(),this._renderDropdownItems())}_renderDropdownButton(){return i("calcite-button",{slot:"trigger",appearance:"transparent",iconEnd:"chevron-down",width:"full",alignment:"space-between"},v.getLabel(d.selectedTimeInfoItem))}_renderDropdownItems(){return d.timeInfoItems.map((t=>this._renderDropdownItem(t)))}_renderDropdownItem(t){var e,n,l,o,r;const a=null===(l=null===(n=null===(e=d.selectedTimeInfoItem)||void 0===e?void 0:e.layerView)||void 0===n?void 0:n.layer)||void 0===l?void 0:l.id,s=null===(r=null===(o=null==t?void 0:t.layerView)||void 0===o?void 0:o.layer)||void 0===r?void 0:r.id;return i("calcite-dropdown-item",{onCalciteDropdownItemSelect:()=>v.updateSelectedTimeInfoItem(t),selected:a===s},v.getLabel(t))}get el(){return n(this)}static get watchers(){return{timeInfoConfigItems:["updateTimeInfoConfigItems"],filterMode:["updateFilterMode"],timeSliderConfig:["updateTimeSliderConfig"],autoPlay:["updateAutoPlay"]}}};c.style=".instant-apps-time-filter{position:relative;display:block;min-width:375px;min-height:200px}.instant-apps-time-filter__background{background-color:var(--calcite-ui-background);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.instant-apps-time-filter calcite-dropdown{width:100%}.instant-apps-time-filter calcite-dropdown calcite-button{--calcite-color-brand:var(--calcite-ui-text-1);--calcite-ui-brand:var(--calcite-ui-text-1)}.instant-apps-time-filter__layer-title{font-weight:550;display:inline-block;padding:10px}.instant-apps-time-filter__loading-container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.instant-apps-time-filter--3d{min-height:160px}";export{c as instant_apps_time_filter}

package/dist/solutions-components/p-698656b8.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import{r as e,c as t,g as i,h as a,H as s}from"./p-e996c38f.js";import{s as l}from"./p-da1e098c.js";import{g as c}from"./p-404cbf48.js";import{n}from"./p-8850bd21.js";import{C as r,g as o}from"./p-80cb7c73.js";import"./p-8717729a.js";import"./p-4f236b5d.js";import"./p-d4056c1c.js";import"./p-570b13d9.js";import"./p-0668e30d.js";import"./p-0a24ad5f.js";const h=class{constructor(i){e(this,i),this.solutionItemSelected=t(this,"solutionItemSelected",7),this.selectedItemId=void 0,this.templateHierarchy=[]}get el(){return i(this)}valueWatchHandler(e,t){e&&e!==t&&Array.isArray(e)&&e.length>0&&this._treeItemSelected(e[0].id)}componentWillLoad(){this.valueWatchHandler(this.templateHierarchy,[])}render(){return a(s,{key:"cf80f637e998eda76162eb1cf3fe94dfb2aeae3e"},a("calcite-tree",{key:"3bb27819fff1f63b28ed70c360fe8f7a63619d3c"},this.renderHierarchy(this.templateHierarchy)))}renderHierarchy(e){return e.map((e=>{const t=this.selectedItemId&&this.selectedItemId===e.id;return e.dependencies&&e.dependencies.length>0?a("calcite-tree-item",{onClick:t=>this._treeItemSelected(e.id,t),selected:t},a("solution-item-icon",{type:e.type,typeKeywords:e.typeKeywords}),a("span",{class:"icon-text",title:e.title},e.title),a("calcite-tree",{slot:"children"},this.renderHierarchy(e.dependencies))):a("calcite-tree-item",{onClick:t=>this._treeItemSelected(e.id,t),selected:t},a("solution-item-icon",{type:e.type,typeKeywords:e.typeKeywords}),a("span",{class:"icon-text",title:e.title},e.title))}))}solutionItemSelected;_treeItemSelected(e,t){const i=t?.target?.closest("calcite-tree-item");i&&(i.expanded=!i?.expanded),this.selectedItemId=e,this.solutionItemSelected.emit(e)}static get assetsDirs(){return["item-type-icons"]}static get watchers(){return{templateHierarchy:["valueWatchHandler"]}}};h.style=".icon-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";const d=class{constructor(t){e(this,t),this.authentication=void 0,this.itemId="",this.locale=void 0,this.solutionVariables="",this.organizationVariables="",this.itemType=void 0,this._translations=void 0}get el(){return i(this)}itemIdWatchHandler(){const e=l.getItemInfo(this.itemId);this.itemType=e.type}async localeWatchHandler(){this.el.lang=this.locale,await this._getTranslations()}async componentWillLoad(){return this._getTranslations()}render(){return a(s,{key:"8213c164dbfc2f9d897bcd2dbb732d1029e7bc9a"},a("div",{key:"252091fa803626400a22295d6a9d148d207c84e6",class:"configuration-container"},a("div",{key:"b30bcfd2bec082f8248584749e6d98a2c9331bdf",class:"configuration"},this._showGroupTabs("Group"===this.itemType),this._showItemTabs("Group"!==this.itemType))))}_showGroupTabs(e){return a("calcite-tabs",{class:"config-tabs",style:{display:e?"inherit":"none"}},a("calcite-tab-nav",{slot:"tab-nav"},a("calcite-tab-title",null,this._translations.groupDetailsTab),a("calcite-tab-title",null,this._translations.sharingTab)),a("calcite-tab",{class:"config-tab",id:"group-tab",selected:!0},a("solution-item-details",{"item-id":this.itemId,locale:this.locale})),a("calcite-tab",{class:"config-tab",id:"share-tab"},a("solution-item-sharing",{"group-id":this.itemId,locale:this.locale})))}_showItemTabs(e){return a("calcite-tabs",{class:"config-tabs",style:{display:e?"inherit":"none"}},a("calcite-tab-nav",{slot:"tab-nav"},a("calcite-tab-title",null,this._translations.itemDetailsTab),a("calcite-tab-title",null,this._translations.dataTab),a("calcite-tab-title",null,this._translations.propertiesTab),a("calcite-tab-title",null,this._translations.resourcesTab)),a("calcite-tab",{class:"config-tab",selected:!0},a("solution-item-details",{"item-id":this.itemId,locale:this.locale})),a("calcite-tab",{class:"config-tab",id:"data-tab"},a("solution-template-data",{instanceid:"data","item-id":this.itemId,locale:this.locale,"organization-variables":this.organizationVariables,"solution-variables":this.solutionVariables})),a("calcite-tab",{class:"config-tab",id:"props-tab"},a("solution-template-data",{instanceid:"properties","item-id":this.itemId,locale:this.locale,"organization-variables":this.organizationVariables,"solution-variables":this.solutionVariables})),a("calcite-tab",{class:"config-tab",id:"resources-tab"},a("solution-resource-item",{authentication:this.authentication,class:"solutions-resource-container","item-id":this.itemId,locale:this.locale})))}async _getTranslations(){const e=await c(this.el);this._translations=e[0]}static get watchers(){return{itemId:["itemIdWatchHandler"],locale:["localeWatchHandler"]}}};d.style=".configuration-container{position:relative;height:100%;width:100%}.configuration{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:flex;padding:0.5rem;border:1px #808080 solid}.config-tabs{width:100%}.config-tab{width:100%;overflow-y:auto;height:inherit}";const f="3857",b=class{constructor(i){e(this,i),this.featureServiceSpatialReferenceChange=t(this,"featureServiceSpatialReferenceChange",7),this.enableDefaultSpatialReferenceChange=t(this,"enableDefaultSpatialReferenceChange",7),this.enabledSpatialReferenceChange=t(this,"enabledSpatialReferenceChange",7),this.enabled=!1,this.enableDefault=!1,this.featureServices=[],this.locale=void 0,this._translations=void 0}get el(){return i(this)}enabledChanged(){this._handleSpatialRefParamChange()}enableDefaultChanged(){this._handleDefaultSpatialRefParamChange()}async localeWatchHandler(){this.el.lang=this.locale,await this._getTranslations()}componentWillLoad(){return this._updateUIFromStore(),this._getTranslations()}render(){return this._updateUIFromStore(),a(s,{key:"7f273e4ac344e1ee0caf40e7d1b7f939ecabda20"},a("label",{key:"06de012379cbfc355a9ace954b1dffffa9ce8c83",class:"switch-label"},a("calcite-switch",{key:"81660a69b2ac46824e2b929e13362f5ab9260c54",checked:this.enabled,class:"spatial-ref-switch",onCalciteSwitchChange:e=>this.enabled=e.target.checked,scale:"m"}),this._translations.enableSpatialReference),a("br",{key:"361d2d822ddad721842b806e4ee1e04ff313a19b"}),a("div",{key:"a211f2f6f55191a9ae9b4e94eae7a998b7bc8e35",class:"spatial-ref-component",id:"spatialRefDefn"},this._renderFeatureServicesList(this.featureServices)),a("label",{key:"9fc52be401af098888688636168b6742e92ce939",class:"switch-label spatial-ref-component"},a("calcite-switch",{key:"138644a57bd5c159e9f7f219f8956f0ed1af5bf1",checked:this.enableDefault,class:"spatial-ref-switch",disabled:!this.enabled,onCalciteSwitchChange:e=>this.enableDefault=e.target.checked,scale:"m"}),this._translations.enableDefaultSpatialReference))}featureServiceSpatialReferenceChange;enableDefaultSpatialReferenceChange;enabledSpatialReferenceChange;solutionStoreHasChanges(){this.featureServices=l.getStoreInfo("featureServices")}async _testAccess(e,t,i,a){switch(e){case"_parameterizeWkid":return Promise.resolve(this._parameterizeWkid(t));case"_unparameterizeWkid":return Promise.resolve(this._unparameterizeWkid(t))}return Promise.resolve(null)}_clearFeatureServiceDefaults(e){n(this.el.getElementsByClassName("spatial-ref-item-switch")).forEach((e=>e.checked=!1)),e.forEach((e=>this._updateEnabledServices({detail:{switched:!1}},e)))}_handleDefaultSpatialRefParamChange(){this._updateStore(),this.enableDefaultSpatialReferenceChange.emit({defaultWkid:this.enableDefault?f:""})}_handleSpatialRefParamChange(){this.enabled||(this.enableDefault=!1,this._clearFeatureServiceDefaults(this.featureServices)),this._updateStore(),this.enabledSpatialReferenceChange.emit({enabled:this.enabled})}_parameterizeWkid(e){return e?e.toString().startsWith(r)?e:`${r}${e}${o}`:e}_renderFeatureServicesList(e){const t=l.getStoreInfo("spatialReferenceInfo"),i=e.filter((e=>Object.keys(t.services).some((t=>t===e.id))));return i.length>0?a("div",null,a("label",{class:"spatial-ref-item-title"},this._translations.featureServicesHeading),a("ul",{class:"spatial-ref-services-list"},i.map((e=>a("li",{class:"spatial-ref-services-list-item"},a("label",{class:"switch-label"},a("calcite-switch",{checked:t.services[e.id],class:"spatial-ref-item-switch",disabled:!this.enabled,onCalciteSwitchChange:t=>this._updateEnabledServices(t,e),scale:"m"}),e.name)))))):null}_updateEnabledServices(e,t){const i=l.getStoreInfo("spatialReferenceInfo");i.services[t.id]=void 0!==e.detail?.switched?e.detail.switched:void 0===e.target?.checked||e.target.checked,l.setStoreInfo("spatialReferenceInfo",i),this._updateStore(),this.featureServiceSpatialReferenceChange.emit(t)}_unparameterizeWkid(e){return e&&e.toString().startsWith(r)?e.substring(r.length,e.length-o.length):e}_updateFeatureServices(e){e.enabled||Object.keys(e.services).forEach((t=>{e.services[t]=!1})),this.featureServices.forEach((t=>{t.enabled=e.services[t.id],t.wkid=t.enabled?this._parameterizeWkid(t.wkid):this._unparameterizeWkid(t.wkid)})),l.setStoreInfo("featureServices",this.featureServices)}_updateStore(){const e=l.getStoreInfo("spatialReferenceInfo");e.enabled=this.enabled,this.enabled&&this.enableDefault?e.default=f:e.hasOwnProperty("default")&&delete e.default,l.setStoreInfo("spatialReferenceInfo",e),this._updateFeatureServices(e)}_updateUIFromStore(){const e=l.getStoreInfo("spatialReferenceInfo");this.enabled=e.enabled,this.enableDefault=!!e.default,this.featureServices=l.getStoreInfo("featureServices")}async _getTranslations(){const e=await c(this.el);this._translations=e[0]}static get watchers(){return{enabled:["enabledChanged"],enableDefault:["enableDefaultChanged"],locale:["localeWatchHandler"]}}};b.style=".spatial-ref-switch{margin-inline-end:0.5rem}.spatial-ref-component{margin-top:0.625rem;margin-inline-start:2.5rem}#spatialRefDefn .sc-calcite-label-h label.sc-calcite-label{margin:0px;background-color:#CBC3E3}.spatial-ref-item-title{margin-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem}.spatial-ref-item-switch{margin-inline-end:0.5rem}.switch-label{font-size:0.875rem;line-height:1.25rem}.spatial-ref-services-list{margin-block-start:0.5em;margin-block-end:0.5em;list-style-type:none;padding-inline-start:2em}.spatial-ref-services-list-item{margin-top:0.25rem}";export{h as solution_contents,d as solution_item,b as solution_spatial_ref}

package/dist/solutions-components/p-7251848d.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import{r as t,c as i,g as s,h as e,F as a}from"./p-e996c38f.js";import{l as h,g as c,f as n}from"./p-404cbf48.js";import{b as o,d as l,a as r,c as d}from"./p-dcd2f00b.js";import"./p-0a24ad5f.js";import"./p-d4056c1c.js";import"./p-80cb7c73.js";const p=class{constructor(s){t(this,s),this.success=i(this,"success",7),this.fail=i(this,"fail",7),this.isActionPending=i(this,"isActionPending",7),this.formReady=i(this,"formReady",7),this.locale=void 0,this.mapView=void 0,this.table=void 0,this.selectedFeature=void 0,this.customizeSubmit=!1,this.showGuidingMsg=!0,this._editorLoading=!1,this._translations=void 0}get el(){return s(this)}Editor;_editor;reactiveUtils;_container;_addingAttachment;_isSubmitBtnClicked=!1;async localeWatchHandler(){this.el.lang=this.locale,await this._getTranslations()}async mapViewWatchHandler(){await this.mapView.when((async()=>{await this.init()}))}async _editorLoadingWatchHandler(t){t&&(this._container?.classList.add("display-none"),await this.startCreate(),this._container?.classList.remove("display-none"),this._editorLoading=!1)}async submit(){this._editor&&(this._isSubmitBtnClicked=!0,this._editor.viewModel.featureFormViewModel.submit())}success;fail;isActionPending;formReady;async componentWillLoad(){await this._getTranslations(),await this.initModules()}async init(){this.mapView&&await this.createEditorWidget()}async initModules(){const[t,i]=await h(["esri/widgets/Editor","esri/core/reactiveUtils"]);this.Editor=t,this.reactiveUtils=i}render(){const t=this._editorLoading?"":"display-none";return e(a,{key:"261308f81b5bbed3e136efbb2100db9c1e5994a4"},this.showGuidingMsg&&e("calcite-notice",{key:"3aca1d3f48e46208ce07f2ccdd76ac4af752162d",class:"notice-msg",icon:"lightbulb",kind:"success",open:!0},e("div",{key:"f449d7dcde1cc75bf7470a75ae0ce915ef457459",slot:"message"},this._translations.provideDetailsMsg)),e("calcite-loader",{key:"e94e971b96ddba0ab36f27ffd4e37b820bb2432f",class:t,label:"",scale:"s"}))}async componentDidLoad(){await this.init()}disconnectedCallback(){this._editor&&this._editor.destroy()}async createEditorWidget(){this._editor&&this._editor.destroy(),this._container=document.createElement("div"),this._container?.classList.add("display-none"),this._editor=new this.Editor({view:this.mapView,visibleElements:{snappingControls:!1},container:this._container}),this.el.appendChild(this._container);const t=this.reactiveUtils.watch((()=>this._editor.viewModel.featureTemplatesViewModel.state),(t=>{"ready"===t&&(this._editorLoading=!0)}));this._editor.viewModel.addHandles(t);const i=this.reactiveUtils.watch((()=>this._editor.viewModel.state),(t=>{"adding-attachment"===t||"editing-attachment"===t?(this._addingAttachment=!0,this.isActionPending.emit(!0)):this._addingAttachment&&(this.isActionPending.emit(!1),this._addingAttachment=!1)}));this._editor.viewModel.addHandles(i);const s=this.reactiveUtils.watch((()=>this._editor.viewModel.featureFormViewModel?.state),(t=>{"ready"===t&&this.formReady.emit()}));this._editor.viewModel.addHandles(s)}async startCreate(){const t=this.selectedFeature.layer,i=this.table,s=t.relationships[0],e=i.relationships.find((i=>t.layerId===i.relatedTableId)),a=await t.queryFeatures({objectIds:[this.selectedFeature.getObjectId()],outFields:[t.objectIdField,s.keyField]}),h=i.templates[0],c={attributeOverrides:this.makeAttributesForRelatedFeature(a.features[0],s,e),layer:i,template:h};await this._editor.startCreateFeaturesWorkflowAtFeatureCreation(c),await this.hideEditorsElements(),this._editor.viewModel.featureFormViewModel.on("submit",this.submitted.bind(this))}async hideEditorsElements(){this.customizeSubmit&&(await this.timeout(700),this.el.querySelector(".esri-editor")?.querySelectorAll("calcite-flow-item")?.forEach((t=>{const i=t.shadowRoot?.querySelector("calcite-panel")?.shadowRoot?.querySelector("article");i?.querySelector("header")?.setAttribute("style","display: none"),i?.querySelector("footer")?.setAttribute("style","display: none")})))}makeAttributesForRelatedFeature(t,i,s){const e=i.keyField;let a;t.attributes.hasOwnProperty(e)?a=t.getAttribute(e):t.attributes.hasOwnProperty(e.toLowerCase())?a=t.getAttribute(e.toLowerCase()):t.attributes.hasOwnProperty(e.toUpperCase())&&(a=t.getAttribute(e.toUpperCase()));let h=s.keyField;const c=this.table.fields.find((t=>t.name.toLocaleLowerCase()===h.toLocaleLowerCase()));return h=c.name,{[h]:a}}async submitted(t){if(t.invalid.length)this._isSubmitBtnClicked=!1;else if(t.valid.length&&this._isSubmitBtnClicked){this._isSubmitBtnClicked=!1;try{await this._editor.activeWorkflow.commit(),this._editor.viewModel.failures?.length&&this._editor.viewModel.failures.some((t=>{if(t.error)throw t.error}))}catch(t){return void this.fail.emit(t)}this.success.emit()}}timeout(t){return new Promise((i=>setTimeout(i,t)))}async _getTranslations(){const t=await c(this.el);this._translations=t[0]}static get watchers(){return{locale:["localeWatchHandler"],mapView:["mapViewWatchHandler"],_editorLoading:["_editorLoadingWatchHandler"]}}};p.style=":host{display:block}.esri-editor__panel-toolbar{display:none !important}.display-none{display:none !important}.esri-editor__panel-content{padding-block:10px !important}.notice-msg{padding:10px;width:calc(100% - 20px)}";const b=class{constructor(s){t(this,s),this.loadingStatus=i(this,"loadingStatus",7),this.commentSelect=i(this,"commentSelect",7),this.addComment=i(this,"addComment",7),this.likeOrDislikeClicked=i(this,"likeOrDislikeClicked",7),this.featureSelectionChange=i(this,"featureSelectionChange",7),this.mapView=void 0,this.graphics=void 0,this.reportingOptions=void 0,this.layerItemsHash=void 0,this.locale=void 0,this.showUserImageInCommentsList=!1,this.showFullCommentTitle=!0,this._likeFieldAvailable=!1,this._likeCount=0,this._disLikeCount=0,this._dislikeFieldAvailable=!1,this._commentsAvailable=!1,this._isLikeBtnClicked=!1,this._isDislikeBtnClicked=!1,this._relatedFeaturesOIDs=void 0,this._updating=!1}get el(){return s(this)}_infoCard;_commentsList;_selectedGraphic;_likeField;_dislikeField;Graphic;RelationshipQuery;_validFieldTypes=["small-integer","integer","big-integer","single","long"];relatedTableId;async graphicsWatchHandler(){await this.getCompleteGraphic(this.graphics[0]),this.checkLikeDislikeFields(),await this.processComments()}async refresh(t){await this.getCompleteGraphic(t),await this.processComments(),this.isLikeDislikeConfigured(t.layer)?t&&this.graphics.length>1&&this.checkLikeDislikeFields():(this._likeFieldAvailable=!1,this._dislikeFieldAvailable=!1)}async back(){this._infoCard.back()}async next(){this._infoCard.next()}async toggleListView(){this._infoCard.toggleListView()}loadingStatus;commentSelect;addComment;likeOrDislikeClicked;featureSelectionChange;async componentWillLoad(){await this._initModules(),await this.getCompleteGraphic(this.graphics[0]),this.checkLikeDislikeFields(),await this.processComments()}render(){const t=this._relatedFeaturesOIDs?.length>0?`objectId in(${this._relatedFeaturesOIDs})`:"1=0";return e("calcite-panel",{key:"577f06f7bc41875b38e07a44f3c734ccc839e596","full-height":!0},e("info-card",{key:"e815f75d02bcdfe9cc11796c913be2a6c2bfecd2",allowEditing:!1,graphics:this.graphics,highlightEnabled:!1,isLoading:!1,isMobile:!1,locale:this.locale,mapView:this.mapView,onSelectionChanged:t=>{this.featureSelectionChange.emit(t.detail)},paginationEnabled:!1,position:"relative",ref:t=>this._infoCard=t}),(this._likeFieldAvailable||this._dislikeFieldAvailable||this._commentsAvailable)&&e("div",{key:"16d0af6b0e75b595573bd0816744f03d9d6dec37",class:"buttons-container"},this._commentsAvailable&&e("calcite-button",{key:"550b3af830911a1437fa3e967492666ec8c5a2e4",appearance:"transparent",iconEnd:"speech-bubble",kind:"neutral",onClick:()=>{this.addComment.emit()},scale:"m"},this._relatedFeaturesOIDs.length),this._likeFieldAvailable&&e("calcite-button",{key:"741848445c2083f4c0a3d9464cd810deee4a1218",appearance:"transparent",iconEnd:"thumbs-up",kind:this._isLikeBtnClicked?"brand":"neutral",loading:this._updating,onClick:this.onLikeButtonClick.bind(this),scale:"m"},this._likeCount??this._selectedGraphic.attributes[this._likeField]??0),this._dislikeFieldAvailable&&e("calcite-button",{key:"4d5e8ae279559dbf981b1b91238706adbd6ebeef",appearance:"transparent",iconEnd:"thumbs-down",kind:this._isDislikeBtnClicked?"brand":"neutral",loading:this._updating,onClick:this.onDislikeButtonClick.bind(this),scale:"m"},this._disLikeCount??this._selectedGraphic.attributes[this._dislikeField]??0)),this.relatedTableId&&this._commentsAvailable&&e("feature-list",{key:"0daad9b37b13a05afc4b8a3a6eca70a7356afd8f",class:"height-full",locale:this.locale,mapView:this.mapView,onFeatureSelect:t=>{this.commentSelect.emit(t.detail)},pageSize:5,ref:t=>this._commentsList=t,selectedLayerId:this.relatedTableId,showErrorWhenNoFeatures:!1,showFullTitle:this.showFullCommentTitle,showInitialLoading:!1,showUserImageInList:this.showUserImageInCommentsList,textSize:"small",whereClause:t}))}async _initModules(){const[t,i]=await h(["esri/rest/support/RelationshipQuery","esri/Graphic"]);this.RelationshipQuery=t,this.Graphic=i}async getCompleteGraphic(t){if(t){const i=t.layer,s=i.createQuery();s.objectIds=[t.getObjectId()];const e=await i.queryFeatures(s);this._selectedGraphic=e.features[0]}}async processComments(){const t=this._selectedGraphic.layer;if(this.reportingOptions&&this.reportingOptions[t.id]&&this.reportingOptions[t.id].comment&&t.relationships?.length>0){const i=await o(this.mapView);let s=null,e=null;if(t.relationships.some((a=>{const h=i.filter((i=>t.url===i.url&&i.layerId===a.relatedTableId));if(h&&h.length>0)return s=h[0],e=a.id,!0})),this.relatedTableId=s?.id??"",this.relatedTableId){const i=this._selectedGraphic.attributes[t.objectIdField],a=new this.RelationshipQuery({objectIds:[i],outFields:["*"],relationshipId:e}),h=await t.queryRelatedFeatures(a).catch((t=>{console.error(t)})),c=[];h[i]&&h[i].features.forEach((t=>{c.push(t.attributes[s.objectIdField])})),this._relatedFeaturesOIDs=c,this._commentsAvailable=!0}else this._relatedFeaturesOIDs=[],this._commentsAvailable=!1}else this._relatedFeaturesOIDs=[],this._commentsAvailable=!1,this.relatedTableId=""}isLikeDislikeConfigured(t){let i=!1,s=!1;if(this.reportingOptions&&this.reportingOptions[t.id]){if(!this.reportingOptions[t.id].like&&!this.reportingOptions[t.id].dislike)return!1;const e=this.reportingOptions[t.id].likeField,a=this.reportingOptions[t.id].dislikeField;if(!e&&!a)return!1;t.fields.forEach((h=>{this._validFieldTypes.indexOf(h.type)>-1&&this.layerItemsHash[t.id].supportsUpdate&&(h.name===e&&this.reportingOptions[t.id].like?i=!0:h.name===a&&this.reportingOptions[t.id].dislike&&(s=!0))}))}return i||s}checkLikeDislikeFields(){this._likeFieldAvailable=!1,this._dislikeFieldAvailable=!1,this._isLikeBtnClicked=!1,this._isDislikeBtnClicked=!1,this._likeCount=0,this._disLikeCount=0;const t=this._selectedGraphic.layer;if(this.reportingOptions&&this.reportingOptions[t.id]){if(this._likeField=this.reportingOptions[t.id].likeField,this._dislikeField=this.reportingOptions[t.id].dislikeField,!this._likeField&&!this._dislikeField)return;t.fields.forEach((i=>{this._validFieldTypes.indexOf(i.type)>-1&&this.layerItemsHash[t.id].supportsUpdate&&(i.name===this._likeField&&this.reportingOptions[t.id].like?(this._likeFieldAvailable=!0,this._likeCount=this._selectedGraphic.attributes[i.name]):i.name===this._dislikeField&&this.reportingOptions[t.id].dislike&&(this._dislikeFieldAvailable=!0,this._disLikeCount=this._selectedGraphic.attributes[i.name]))})),this.getFromLocalStorage()}}onLikeButtonClick(){this._isDislikeBtnClicked&&this.reportingOptions[this._selectedGraphic.layer.id].dislike&&this.onDislikeButtonClick(),this._isLikeBtnClicked=!this._isLikeBtnClicked,this._isLikeBtnClicked?this._likeCount++:this._likeCount--,this.updateFeaturesLikeDislikeField(this._likeField,this._isLikeBtnClicked)}onDislikeButtonClick(){this._isLikeBtnClicked&&this.reportingOptions[this._selectedGraphic.layer.id].like&&this.onLikeButtonClick(),this._isDislikeBtnClicked=!this._isDislikeBtnClicked,this._isDislikeBtnClicked?this._disLikeCount++:this._disLikeCount--,this.updateFeaturesLikeDislikeField(this._dislikeField,this._isDislikeBtnClicked)}async updateFeaturesLikeDislikeField(t,i){const s={},e=this._selectedGraphic.layer;this._updating=!0;const a=this._selectedGraphic;a.attributes[t]=Number(a.attributes[t])+(i?1:-1),s[e.objectIdField]=a.attributes[e.objectIdField],s[t]=a.attributes[t];const h=new this.Graphic;h.attributes=s;const c={updateFeatures:[h]};await e.applyEdits(c).then((()=>{this._selectedGraphic=a,this.setInLocalStorage(),this._updating=!1,this.likeOrDislikeClicked.emit()}),(t=>{this._updating=!1,console.log(t)}))}getFromLocalStorage(){const t=localStorage[this._selectedGraphic.layer.id];if(t){const i=JSON.parse(t).filter((t=>t.id===this._selectedGraphic.getObjectId()));i.length>0&&(this._isLikeBtnClicked=i[0].like,this._isDislikeBtnClicked=i[0].dislike)}}setInLocalStorage(){const t=this._selectedGraphic.layer.id,i=localStorage[t];let s=[];if(i){s=JSON.parse(i);const t=s.findIndex((t=>t.id===this._selectedGraphic.getObjectId()));t>=0&&s.splice(t,1)}s.push({id:this._selectedGraphic.getObjectId(),like:this._isLikeBtnClicked&&0!==this._likeCount,dislike:this._isDislikeBtnClicked&&0!==this._disLikeCount}),localStorage.setItem(t,JSON.stringify(s))}static get watchers(){return{graphics:["graphicsWatchHandler"]}}};b.style=":host{display:block}.buttons-container{align-items:center;display:flex;padding:4px;color:var(--calcite-color-text-1) !important;background-color:var(--calcite-color-foreground-1) !important;border-block-start:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3)}";const y=class{constructor(s){t(this,s),this.layerSelect=i(this,"layerSelect",7),this.layersListLoaded=i(this,"layersListLoaded",7),this.mapView=void 0,this.layers=void 0,this.locale=void 0,this.showFeatureCount=!0,this.showNextIcon=!1,this.applyLayerViewFilter=!1,this._noLayersToDisplay=!1,this._mapLayerIds=[],this._isLoading=!1,this._translations=void 0}get el(){return s(this)}_layerItemsHash;async localeWatchHandler(){this.el.lang=this.locale,await this._getTranslations()}async refresh(){await this.setLayers()}layerSelect;layersListLoaded;async componentWillLoad(){await this._getTranslations()}async componentDidLoad(){await this.setLayers()}render(){return e(a,{key:"a151c8fd65c50aacb23dcd0c858e52c0c7cd7e5e"},this._isLoading&&e("calcite-loader",{key:"544a134bccc29048ca80b996844cc944bcd97a24",label:"",scale:"m"}),!this._isLoading&&this.mapView&&this._noLayersToDisplay&&e("calcite-notice",{key:"7557f91c8c3349c120c043ea59458b4c834dce2e",class:"error-msg",icon:"layers-reference",kind:"danger",open:!0},e("div",{key:"ea8b20f8c7da5053641cfad56e3395ae3c6286f5",slot:"title"},this._translations.error),e("div",{key:"38aaed7b456aba0b1dd70183be03e9133834dfb4",slot:"message"},this._translations.noLayerToDisplayErrorMsg)),!this._isLoading&&this.mapView&&e("calcite-list",{key:"547b0681145fd8d8663b786472be9e5161cbd693",label:"","selection-appearance":"border","selection-mode":"none"},this.renderLayerList()))}async setLayers(){this.mapView&&(this._isLoading=!0,await this.initLayerHash(),this._isLoading=!1)}async initLayerHash(){const t=[];this._layerItemsHash=await l(this.mapView,!0);const i=await r(this.mapView);for(const s of i)if("feature"===s?.type&&this.showFeatureCount){const i=s.createQuery();if(s?.definitionExpression&&(i.where=i.where+" AND "+s.definitionExpression),this.applyLayerViewFilter){const t=await d(this.mapView,s.id);t?.filter?.where&&(i.where=i.where?i.where+" AND "+t.filter.where:t.filter.where)}const e=s.queryFeatureCount(i);t.push(e),e.then((async t=>{const i=isNaN(t)?"":await n(t,{places:0,api:4,type:"decimal"});this._layerItemsHash[s.id].formattedFeatureCount=i}))}await Promise.all(t).then((()=>{const t=this.getLayersToBeShownInList(this._layerItemsHash);this._mapLayerIds=t.reverse(),this.handleNoLayersToDisplay()}),(()=>{this._mapLayerIds=[],this.handleNoLayersToDisplay()}))}handleNoLayersToDisplay(){this._noLayersToDisplay=!(this._mapLayerIds.length>0),this.layersListLoaded.emit(this._mapLayerIds)}getLayersToBeShownInList(t){const i=this.layers?.length>0?this.layers:[];return Object.keys(t).reduce(((t,s)=>(i.indexOf(s)>-1&&t.push(s),t)),[])}renderLayerList(){return this._mapLayerIds.length>0&&this._mapLayerIds.reduce(((t,i)=>(this._layerItemsHash[i]&&t.push(this.getLayerListItem(i)),t)),[])}getLayerListItem(t){const i=this._layerItemsHash[t].formattedFeatureCount;return e("calcite-list-item",{onCalciteListItemSelect:()=>{this.onLayerItemSelected(t)}},e("div",{class:"layer-name",slot:"content-start"},this._layerItemsHash[t].name),this.showFeatureCount&&void 0!==i&&""!==i&&e("div",{class:"feature-count",slot:"content-end"},"("+i+")"),this.showNextIcon&&e("calcite-icon",{flipRtl:!0,icon:"chevron-right",scale:"s",slot:"content-end"}))}onLayerItemSelected(t){this.layerSelect.emit({layerId:t,layerName:this._layerItemsHash[t].name})}async _getTranslations(){const t=await c(this.el);this._translations=t[0]}static get watchers(){return{locale:["localeWatchHandler"]}}};y.style=":host{display:block}.error-msg{padding:10px}.layer-name{font-weight:500;word-break:break-word}.feature-count{padding:0 10px}";export{p as create_related_feature,b as feature_details,y as layer_list}