@esri/solutions-components 0.11.19 → 0.11.20

package/dist/solutions-components/{p-86b6f918.entry.js → p-4ced7b11.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 e,H as i,g as a}from"./p-e996c38f.js";import{g as s}from"./p-8f973b3d.js";import"./p-438fdc33.js";import"./p-3b3f77bc.js";import"./p-d4056c1c.js";import"./p-3423b5ef.js";class n{constructor(){this.pages=[],this.headerText="",this.pages=[]}setPages(t){this.pages=t,this.setDefaultHeaderText()}setDefaultHeaderText(){this.headerText=this.pages.length?this.pages[0].title:""}}const p=class{constructor(e){t(this,e),this._viewModel=new n,this.header=!0,this.data=void 0,this.messages=void 0,this.headerText=void 0}watchPropHandler(t){this._setContent(t)}watchStateHandler(t){this._viewModel.headerText=t}componentWillLoad(){this._setContent(null==this?void 0:this.data)}componentDidLoad(){s(this)}render(){const t=this._renderAppGuidePages(this._viewModel.pages),a=this._renderAppGuideHeader();return e(i,{key:"d51ebf2ffce61a29806d07f5ca2ab187a3437086"},e("calcite-panel",{key:"f2af393d6c5342726d05cf04fc3a8989f5eea113",scale:"s"},a,e("calcite-carousel",{key:"221eb316a6f758f5cec40eaecdf68311ec950cfa",label:"App Guide",onCalciteCarouselChange:()=>this._updateHeaderText(),ref:t=>this._carouselRef=t,"arrow-type":this._getArrowType()},t)))}_setContent(t){this._viewModel.setPages(t),this.headerText=this._viewModel.headerText}_updateHeaderText(){var t;const{_viewModel:e,_carouselRef:i,messages:a}=this;if(!e||!i)return;const s=Array.from(i.childNodes).indexOf(i.selectedItem),n=null==e?void 0:e.pages,p=null!==(t=null==n?void 0:n[s])&&void 0!==t?t:n[0];this.headerText=(null==p?void 0:p.title)||(null==a?void 0:a.headerText)}_getArrowType(){return this._viewModel.pages.length>2?"inline":"none"}_renderAppGuideHeader(){const{messages:t,header:i,headerText:a}=this;return i&&(null==t?void 0:t.headerText)?e("span",{slot:"header-content"},a||(null==t?void 0:t.headerText)," ",e("calcite-icon",{icon:"lightbulb",scale:"s"})):null}_renderAppGuidePages(t){return t.map(((t,i)=>{const{content:a,type:s,title:n}=t;return e("calcite-carousel-item",{label:n,key:`page_${i}`},e("div",{class:"instant-apps-app-guide__content-wrapper"},this._renderContentItems(a,s)))}))}_renderContentItems(t,i){return"list"===i?e("ol",{class:"instant-apps-app-guide__content-list"},t.map(((t,i)=>e("li",{key:`content-list-item-${i}`,class:"instant-apps-app-guide__content-list--item"},t)))):t.map(((t,i)=>e("p",{key:`content-paragraph-${i}`},t)))}get el(){return a(this)}static get watchers(){return{data:["watchPropHandler"],headerText:["watchStateHandler"]}}};p.style=":host{--instant-apps-app-guide-width:300px;--instant-apps-app-guide-height:400px;--instant-apps-app-guide-list-item-bubble-size:22px;width:var(--instant-apps-app-guide-width);height:var(--instant-apps-app-guide-height);display:block}:host calcite-panel{max-width:var(--instant-apps-app-guide-width);max-height:var(--instant-apps-app-guide-height);display:flex}:host calcite-carousel{flex:1;height:-moz-fit-content;height:fit-content;background-color:var(--calcite-color-foreground-1);overflow:auto}:host [slot=header-content]{display:flex;gap:var(--calcite-spacing-sm);padding-inline-start:0.25rem;font-weight:var(--calcite-font-weight-bold)}:host calcite-carousel-item{flex-grow:1;display:flex;flex-direction:column}:host .instant-apps-app-guide__content-wrapper{padding-block-start:0.5rem;padding-inline:0.5rem;flex-shrink:1;flex-grow:0}:host calcite-icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host .instant-apps-app-guide__content-list{counter-set:item-counter;margin-inline:0;padding-inline-start:var(--calcite-spacing-xxxl);padding-inline-end:var(--calcite-spacing-lg);position:relative}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item{counter-increment:item-counter;margin-block-start:var(--calcite-spacing-lg);display:flex;align-items:flex-start}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::before{content:counter(item-counter);background-color:var(--calcite-color-text-2);color:var(--calcite-color-text-inverse);line-height:var(--calcite-font-line-height-fixed-xl);width:var(--instant-apps-app-guide-list-item-bubble-size);left:0;border-radius:var(--calcite-corner-radius-pill);display:flex;justify-content:center;font-size:var(--calcite-font-size-sm);position:absolute;max-height:var(--instant-apps-app-guide-list-item-bubble-size)}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::marker{color:var(--calcite-color-transparent)}";export{p as instant_apps_app_guide}
+import{r as t,h as e,H as i,g as a}from"./p-e996c38f.js";import{g as s}from"./p-2884ca49.js";import"./p-08ad0b7a.js";import"./p-0a24ad5f.js";import"./p-d4056c1c.js";import"./p-ac122d9e.js";class n{constructor(){this.pages=[],this.headerText="",this.pages=[]}setPages(t){this.pages=t,this.setDefaultHeaderText()}setDefaultHeaderText(){this.headerText=this.pages.length?this.pages[0].title:""}}const p=class{constructor(e){t(this,e),this._viewModel=new n,this.header=!0,this.data=void 0,this.messages=void 0,this.headerText=void 0}watchPropHandler(t){this._setContent(t)}watchStateHandler(t){this._viewModel.headerText=t}componentWillLoad(){this._setContent(null==this?void 0:this.data)}componentDidLoad(){s(this)}render(){const t=this._renderAppGuidePages(this._viewModel.pages),a=this._renderAppGuideHeader();return e(i,{key:"d51ebf2ffce61a29806d07f5ca2ab187a3437086"},e("calcite-panel",{key:"f2af393d6c5342726d05cf04fc3a8989f5eea113",scale:"s"},a,e("calcite-carousel",{key:"221eb316a6f758f5cec40eaecdf68311ec950cfa",label:"App Guide",onCalciteCarouselChange:()=>this._updateHeaderText(),ref:t=>this._carouselRef=t,"arrow-type":this._getArrowType()},t)))}_setContent(t){this._viewModel.setPages(t),this.headerText=this._viewModel.headerText}_updateHeaderText(){var t;const{_viewModel:e,_carouselRef:i,messages:a}=this;if(!e||!i)return;const s=Array.from(i.childNodes).indexOf(i.selectedItem),n=null==e?void 0:e.pages,p=null!==(t=null==n?void 0:n[s])&&void 0!==t?t:n[0];this.headerText=(null==p?void 0:p.title)||(null==a?void 0:a.headerText)}_getArrowType(){return this._viewModel.pages.length>2?"inline":"none"}_renderAppGuideHeader(){const{messages:t,header:i,headerText:a}=this;return i&&(null==t?void 0:t.headerText)?e("span",{slot:"header-content"},a||(null==t?void 0:t.headerText)," ",e("calcite-icon",{icon:"lightbulb",scale:"s"})):null}_renderAppGuidePages(t){return t.map(((t,i)=>{const{content:a,type:s,title:n}=t;return e("calcite-carousel-item",{label:n,key:`page_${i}`},e("div",{class:"instant-apps-app-guide__content-wrapper"},this._renderContentItems(a,s)))}))}_renderContentItems(t,i){return"list"===i?e("ol",{class:"instant-apps-app-guide__content-list"},t.map(((t,i)=>e("li",{key:`content-list-item-${i}`,class:"instant-apps-app-guide__content-list--item"},t)))):t.map(((t,i)=>e("p",{key:`content-paragraph-${i}`},t)))}get el(){return a(this)}static get watchers(){return{data:["watchPropHandler"],headerText:["watchStateHandler"]}}};p.style=":host{--instant-apps-app-guide-width:300px;--instant-apps-app-guide-height:400px;--instant-apps-app-guide-list-item-bubble-size:22px;width:var(--instant-apps-app-guide-width);height:var(--instant-apps-app-guide-height);display:block}:host calcite-panel{max-width:var(--instant-apps-app-guide-width);max-height:var(--instant-apps-app-guide-height);display:flex}:host calcite-carousel{flex:1;height:-moz-fit-content;height:fit-content;background-color:var(--calcite-color-foreground-1);overflow:auto}:host [slot=header-content]{display:flex;gap:var(--calcite-spacing-sm);padding-inline-start:0.25rem;font-weight:var(--calcite-font-weight-bold)}:host calcite-carousel-item{flex-grow:1;display:flex;flex-direction:column}:host .instant-apps-app-guide__content-wrapper{padding-block-start:0.5rem;padding-inline:0.5rem;flex-shrink:1;flex-grow:0}:host calcite-icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host .instant-apps-app-guide__content-list{counter-set:item-counter;margin-inline:0;padding-inline-start:var(--calcite-spacing-xxxl);padding-inline-end:var(--calcite-spacing-lg);position:relative}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item{counter-increment:item-counter;margin-block-start:var(--calcite-spacing-lg);display:flex;align-items:flex-start}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::before{content:counter(item-counter);background-color:var(--calcite-color-text-2);color:var(--calcite-color-text-inverse);line-height:var(--calcite-font-line-height-fixed-xl);width:var(--instant-apps-app-guide-list-item-bubble-size);left:0;border-radius:var(--calcite-corner-radius-pill);display:flex;justify-content:center;font-size:var(--calcite-font-size-sm);position:absolute;max-height:var(--instant-apps-app-guide-list-item-bubble-size)}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::marker{color:var(--calcite-color-transparent)}";export{p as instant_apps_app_guide}

package/dist/solutions-components/{p-2a1ed83a.entry.js → p-4d5dd39e.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 e,f as t,h as n,g as i,c as a}from"./p-e996c38f.js";import{l as s}from"./p-438fdc33.js";import{s as c,g as r,i as l,q as p,r as o,t as d,n as v,w as g,x as h,l as m,v as u}from"./p-cd38fc53.js";import"./p-3b3f77bc.js";import"./p-d4056c1c.js";import"./p-04546ef6.js";import"./p-8717729a.js";const f=class{constructor(t){e(this,t),this.showTotal=!1,this.legendvm=void 0,this.activeLayerInfo=void 0,this.categoryId=void 0,this.infoIndex=void 0,this.messages=void 0,this.selected=void 0,this.legendElement=void 0}async componentWillLoad(){new MutationObserver((()=>{t(this.el)})).observe(this.el,{attributes:!0});const[e]=await s(["esri/intl","esri/core/reactiveUtils","esri/core/Handles"]);this.intl=e}render(){var e;const t=c.get("compact")?"instant-apps-interactive-legend-count--compact":"";return n("div",{key:"int-legend-count",class:t},this.showTotal?n("span",{class:"instant-apps-interactive-legend__total-feature-count"},null===(e=this.messages)||void 0===e?void 0:e.totalFeatureCount,": ",this.getTotalFeatureCount()):n("span",{key:"element-info-count",class:` instant-apps-interactive-legend__info-count-text ${r(this.el)}${this.selected?" instant-apps-interactive-legend__info-count-text--selected":""}`},this.getCount()))}getCount(){var e,t;const{categoryId:n}=this,i=this.activeLayerInfo.layer.id,a=null===(t=null===(e=l.data[i])||void 0===e?void 0:e.categories)||void 0===t?void 0:t.size;if(!(l.data&&i&&n||a))return"";const s=l.data[i];if(!s)return;const{categories:c}=s,r=c.get(n);let p;return p=(null==r?void 0:r.nestedInfos)?h(r,this.infoIndex):r,isNaN(null==p?void 0:p.count)?"":this.intl.formatNumber(p.count)}getTotalFeatureCount(){const e=this.activeLayerInfo.layer.id;if(!l.data||!e)return"";const t=l.data[e];if(!t)return;const{categories:n}=t,i=p(n);let a;if(o(n))a=d(i);else if(v(this.activeLayerInfo)){const e=m(this.activeLayerInfo.layer);a=p(e.categories)[1].count}else a=g(i);return this.intl.formatNumber(a)}get el(){return i(this)}};f.style=".sc-instant-apps-interactive-legend-count-h{display:flex;align-items:center}.instant-apps-interactive-legend__total-feature-count.sc-instant-apps-interactive-legend-count{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.instant-apps-interactive-legend__info-count-text.sc-instant-apps-interactive-legend-count{font-size:var(--instant-apps-interactive-legend-info-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}.calcite-mode-dark.instant-apps-interactive-legend__info-count-text.instant-apps-interactive-legend__info-count-text--selected.sc-instant-apps-interactive-legend-count{color:var(--calcite-color-text-inverse)}.instant-apps-interactive-legend-count--compact.sc-instant-apps-interactive-legend-count .instant-apps-interactive-legend__total-feature-count.sc-instant-apps-interactive-legend-count{font-size:0.75rem}html[dir=rtl] .sc-instant-apps-interactive-legend-count-h{margin-left:0;margin-right:auto}";const y=class{constructor(t){e(this,t),this.layerCaptionElementExpandUpdatedEvent=a(this,"layerCaptionElementExpandUpdated",7),this.legendvm=void 0,this.featureCount=void 0,this.activeLayerInfo=void 0,this.messages=void 0,this.isChild=!1,this.expanded=!0}render(){var e,t,i,a;const s=u(this.activeLayerInfo),{expanded:l}=this,p=l?null===(e=this.messages)||void 0===e?void 0:e.collapse:null===(t=this.messages)||void 0===t?void 0:t.expand,o=this.isChild?" instant-apps-interactive-legend__heading-text--group-item":"",d=c.get("compact")?" instant-apps-interactive-legend__header--compact":"";return n("header",{key:"6bc1b3736153ea626431070c6697498f70f89467",class:`instant-apps-interactive-legend__header ${r(this.el)}${d}`},n("calcite-action",{key:"ce171727aa6e4e755717260871d96ab7b48b9341",onClick:this.toggleExpanded(),icon:l?"chevron-down":"chevron-up",appearance:"transparent",text:p,label:p,scale:"s"}),n("span",{key:"5367ded56ab1ecafd48ac908d82bf90c9be256eb"},n("span",{key:"e7cf6987d2dd6ecd49685332f9357b14db571445",class:"instant-apps-interactive-legend__header-action-container"},n("h3",{key:"b6948f3130904beaadd30cf8234cfe8753bb69c2",class:`esri-widget__heading esri-legend__service-label${o}`,title:null===(i=this.activeLayerInfo)||void 0===i?void 0:i.title},null===(a=this.activeLayerInfo)||void 0===a?void 0:a.title)),this.featureCount&&s?n("instant-apps-interactive-legend-count",{activeLayerInfo:this.activeLayerInfo,"show-total":!0,messages:this.messages,legendvm:this.legendvm}):null))}toggleExpanded(){return()=>{this.expanded=!this.expanded,this.layerCaptionElementExpandUpdatedEvent.emit(this.expanded)}}get el(){return i(this)}};y.style=".sc-instant-apps-interactive-legend-layer-element-caption-h{display:block;--instant-apps-interactive-legend-heading-font-size:1rem;--instant-apps-interactive-legend-heading-font-weight:500;--instant-apps-interactive-legend-secondary-color:var(--calcite-color-text-1);--instant-apps-interactive-legend-ui-padding:15px 10px}.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header--compact.sc-instant-apps-interactive-legend-layer-element-caption .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption{font-size:0.9rem}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption{overflow:hidden;margin:0;display:inline-block;font-size:var(--calcite-font-size-1);font-weight:var(--instant-apps-interactive-legend-heading-font-weight)}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption header.sc-instant-apps-interactive-legend-layer-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption{display:flex;text-align:left;padding:var(--instant-apps-interactive-legend-ui-padding);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption h3.sc-instant-apps-interactive-legend-layer-element-caption{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal;color:var(--instant-apps-interactive-legend-secondary-color);margin-bottom:5px}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption .instant-apps-interactive-legend__heading-text--group-item.sc-instant-apps-interactive-legend-layer-element-caption{-webkit-line-clamp:2;line-clamp:2}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption span.sc-instant-apps-interactive-legend-layer-element-caption{width:100%;font-size:var(--instant-apps-interactive-legend-total-feature-count-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption .instant-apps-interactive-legend__header-action-container.sc-instant-apps-interactive-legend-layer-element-caption{display:flex;align-items:center}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption header.sc-instant-apps-interactive-legend-layer-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget--panel.sc-instant-apps-interactive-legend-layer-element-caption{margin:0}.calcite-mode-dark.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-layer-element-caption{background-color:#242424;color:var(--calcite-color-text-1)}.calcite-mode-light.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-layer-element-caption{background-color:#ffffff;color:var(--calcite-color-text-1)}";export{f as instant_apps_interactive_legend_count,y as instant_apps_interactive_legend_layer_element_caption}
+import{r as e,f as t,h as n,g as i,c as a}from"./p-e996c38f.js";import{l as s}from"./p-08ad0b7a.js";import{s as c,g as r,i as l,q as p,r as o,t as d,n as v,w as g,x as h,l as m,v as u}from"./p-84bb6925.js";import"./p-0a24ad5f.js";import"./p-d4056c1c.js";import"./p-89fbc318.js";import"./p-8717729a.js";const f=class{constructor(t){e(this,t),this.showTotal=!1,this.legendvm=void 0,this.activeLayerInfo=void 0,this.categoryId=void 0,this.infoIndex=void 0,this.messages=void 0,this.selected=void 0,this.legendElement=void 0}async componentWillLoad(){new MutationObserver((()=>{t(this.el)})).observe(this.el,{attributes:!0});const[e]=await s(["esri/intl","esri/core/reactiveUtils","esri/core/Handles"]);this.intl=e}render(){var e;const t=c.get("compact")?"instant-apps-interactive-legend-count--compact":"";return n("div",{key:"int-legend-count",class:t},this.showTotal?n("span",{class:"instant-apps-interactive-legend__total-feature-count"},null===(e=this.messages)||void 0===e?void 0:e.totalFeatureCount,": ",this.getTotalFeatureCount()):n("span",{key:"element-info-count",class:` instant-apps-interactive-legend__info-count-text ${r(this.el)}${this.selected?" instant-apps-interactive-legend__info-count-text--selected":""}`},this.getCount()))}getCount(){var e,t;const{categoryId:n}=this,i=this.activeLayerInfo.layer.id,a=null===(t=null===(e=l.data[i])||void 0===e?void 0:e.categories)||void 0===t?void 0:t.size;if(!(l.data&&i&&n||a))return"";const s=l.data[i];if(!s)return;const{categories:c}=s,r=c.get(n);let p;return p=(null==r?void 0:r.nestedInfos)?h(r,this.infoIndex):r,isNaN(null==p?void 0:p.count)?"":this.intl.formatNumber(p.count)}getTotalFeatureCount(){const e=this.activeLayerInfo.layer.id;if(!l.data||!e)return"";const t=l.data[e];if(!t)return;const{categories:n}=t,i=p(n);let a;if(o(n))a=d(i);else if(v(this.activeLayerInfo)){const e=m(this.activeLayerInfo.layer);a=p(e.categories)[1].count}else a=g(i);return this.intl.formatNumber(a)}get el(){return i(this)}};f.style=".sc-instant-apps-interactive-legend-count-h{display:flex;align-items:center}.instant-apps-interactive-legend__total-feature-count.sc-instant-apps-interactive-legend-count{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.instant-apps-interactive-legend__info-count-text.sc-instant-apps-interactive-legend-count{font-size:var(--instant-apps-interactive-legend-info-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}.calcite-mode-dark.instant-apps-interactive-legend__info-count-text.instant-apps-interactive-legend__info-count-text--selected.sc-instant-apps-interactive-legend-count{color:var(--calcite-color-text-inverse)}.instant-apps-interactive-legend-count--compact.sc-instant-apps-interactive-legend-count .instant-apps-interactive-legend__total-feature-count.sc-instant-apps-interactive-legend-count{font-size:0.75rem}html[dir=rtl] .sc-instant-apps-interactive-legend-count-h{margin-left:0;margin-right:auto}";const y=class{constructor(t){e(this,t),this.layerCaptionElementExpandUpdatedEvent=a(this,"layerCaptionElementExpandUpdated",7),this.legendvm=void 0,this.featureCount=void 0,this.activeLayerInfo=void 0,this.messages=void 0,this.isChild=!1,this.expanded=!0}render(){var e,t,i,a;const s=u(this.activeLayerInfo),{expanded:l}=this,p=l?null===(e=this.messages)||void 0===e?void 0:e.collapse:null===(t=this.messages)||void 0===t?void 0:t.expand,o=this.isChild?" instant-apps-interactive-legend__heading-text--group-item":"",d=c.get("compact")?" instant-apps-interactive-legend__header--compact":"";return n("header",{key:"6bc1b3736153ea626431070c6697498f70f89467",class:`instant-apps-interactive-legend__header ${r(this.el)}${d}`},n("calcite-action",{key:"ce171727aa6e4e755717260871d96ab7b48b9341",onClick:this.toggleExpanded(),icon:l?"chevron-down":"chevron-up",appearance:"transparent",text:p,label:p,scale:"s"}),n("span",{key:"5367ded56ab1ecafd48ac908d82bf90c9be256eb"},n("span",{key:"e7cf6987d2dd6ecd49685332f9357b14db571445",class:"instant-apps-interactive-legend__header-action-container"},n("h3",{key:"b6948f3130904beaadd30cf8234cfe8753bb69c2",class:`esri-widget__heading esri-legend__service-label${o}`,title:null===(i=this.activeLayerInfo)||void 0===i?void 0:i.title},null===(a=this.activeLayerInfo)||void 0===a?void 0:a.title)),this.featureCount&&s?n("instant-apps-interactive-legend-count",{activeLayerInfo:this.activeLayerInfo,"show-total":!0,messages:this.messages,legendvm:this.legendvm}):null))}toggleExpanded(){return()=>{this.expanded=!this.expanded,this.layerCaptionElementExpandUpdatedEvent.emit(this.expanded)}}get el(){return i(this)}};y.style=".sc-instant-apps-interactive-legend-layer-element-caption-h{display:block;--instant-apps-interactive-legend-heading-font-size:1rem;--instant-apps-interactive-legend-heading-font-weight:500;--instant-apps-interactive-legend-secondary-color:var(--calcite-color-text-1);--instant-apps-interactive-legend-ui-padding:15px 10px}.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header--compact.sc-instant-apps-interactive-legend-layer-element-caption .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption{font-size:0.9rem}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption{overflow:hidden;margin:0;display:inline-block;font-size:var(--calcite-font-size-1);font-weight:var(--instant-apps-interactive-legend-heading-font-weight)}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption header.sc-instant-apps-interactive-legend-layer-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption{display:flex;text-align:left;padding:var(--instant-apps-interactive-legend-ui-padding);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption h3.sc-instant-apps-interactive-legend-layer-element-caption{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal;color:var(--instant-apps-interactive-legend-secondary-color);margin-bottom:5px}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption .instant-apps-interactive-legend__heading-text--group-item.sc-instant-apps-interactive-legend-layer-element-caption{-webkit-line-clamp:2;line-clamp:2}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption span.sc-instant-apps-interactive-legend-layer-element-caption{width:100%;font-size:var(--instant-apps-interactive-legend-total-feature-count-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption .instant-apps-interactive-legend__header-action-container.sc-instant-apps-interactive-legend-layer-element-caption{display:flex;align-items:center}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption header.sc-instant-apps-interactive-legend-layer-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget--panel.sc-instant-apps-interactive-legend-layer-element-caption{margin:0}.calcite-mode-dark.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-layer-element-caption{background-color:#242424;color:var(--calcite-color-text-1)}.calcite-mode-light.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-layer-element-caption{background-color:#ffffff;color:var(--calcite-color-text-1)}";export{f as instant_apps_interactive_legend_count,y as instant_apps_interactive_legend_layer_element_caption}

package/dist/solutions-components/{p-e79b69e6.entry.js → p-4e7514a3.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 a,H as e,g as i}from"./p-e996c38f.js";import{g as n}from"./p-8f973b3d.js";import{l as r}from"./p-438fdc33.js";import{g as s}from"./p-a9a72626.js";import"./p-3423b5ef.js";import"./p-3b3f77bc.js";import"./p-d4056c1c.js";const o={"instant-apps":{path:"M11.206 4.805v-1.38a2.231 2.231 0 0 1 2.23-2.231h13.168a2.231 2.231 0 0 1 2.231 2.23v11.15a2.231 2.231 0 0 1-2.23 2.231h-1.398V5.555a.75.75 0 0 0-.75-.75zM30.94 27.204l-5.447-4.41a.211.211 0 0 0-.344.164v2.225H8.197a1.344 1.344 0 0 1-1.344-1.344V11.665a.75.75 0 0 1 .75-.75h9.872a.75.75 0 0 1 .75.75l-.003 7.534a2.422 2.422 0 0 1-.798 1.796l-.945.855h4.3a1.075 1.075 0 0 0 1.074-1.075v-10.54a2.231 2.231 0 0 0-2.23-2.23H5.354a2.148 2.148 0 0 0-2.13 2.23v16.507a2.231 2.231 0 0 0 2.23 2.231l19.695-.003v2.725a.211.211 0 0 0 .344.164l5.447-4.41a.158.158 0 0 0 0-.245z",fill:"#83a238"},"map-viewer":{path:"M21.647 13.706A1.647 1.647 0 1 1 20 15.353a1.647 1.647 0 0 1 1.647-1.647zM19 19.083A1.917 1.917 0 1 1 17.082 21 1.917 1.917 0 0 1 19 19.082zm7.684 3.393a2.433 2.433 0 0 1-.64 1.776l-.01.012c-1.045 1.134-3.215 1.8-5.738 1.8-3.815 0-5.054-1.485-8.586-1.828a6.765 6.765 0 0 1 .566-4.07c.98-1.674 2.445-1.568 3.41-2.724.967-1.157.033-3.384 1.397-4.748 1.539-1.538 3.44-.12 4.57-2.542.877-1.884 1.84-2.98 3.68-3.35a.39.39 0 0 1 .047.07c.132.695 1.097 11.68 1.304 15.604zM6.208 8.864A3.054 3.054 0 0 1 8.115 6.17s2.425-.88 3.09-1.029a2.637 2.637 0 0 1 .314-.01 4.967 4.967 0 0 1 1.157.157l.404.095a7.26 7.26 0 0 0-.238 3.294c.188 1.354.657 2.399-.066 4.361-1.003 2.721-2.901 2.585-3.857 4.562-1.285 2.657.21 6.226-2.182 6.835l.004.002.003.003c-.801.114-1.363.22-1.663.272zm21.549-5.09a.055.055 0 0 0-.022-.037.058.058 0 0 0-.037-.01l-7.37 1.025-8.771-2.742a.227.227 0 0 0-.162.01L3.594 5.566a.054.054 0 0 0-.032.045L1.58 29a41.592 41.592 0 0 1 9.115-1.285c2.765.094 6.646 2.287 10.29 2.177 3.51-.108 8.582-2.382 9.564-2.836a.054.054 0 0 0 .03-.056z",fill:"#3DB8FF"},"story-maps":{path:"M25.5 0C23.015 0 21 .953 21 3.433v8.517a1.467 1.467 0 0 0 .43 1.038l3.837 3.827a.33.33 0 0 0 .466 0l3.836-3.827A1.467 1.467 0 0 0 30 11.95V3.433C30 .953 27.985 0 25.5 0zm0 8.1a2.6 2.6 0 1 1 2.6-2.599A2.599 2.599 0 0 1 25.5 8.1zm-7.856.453c.294-.153.312-.457.312-.788v-2.31a.104.104 0 0 0-.129-.1 6.128 6.128 0 0 0-2.248 1.19.14.14 0 0 1-.167.008c-3.437-2.283-8.543-1.52-12.131-.988-.432.064-1.762.34-2.164.424A.146.146 0 0 0 1 6.133V26.69a.147.147 0 0 0 .05.11.134.134 0 0 0 .116.035A36.394 36.394 0 0 1 9.5 25.781c3.283.054 4.403.96 4.967 1.513l.915.897a.164.164 0 0 0 .23 0l.916-.897a5.98 5.98 0 0 1 3.972-1.47 25.341 25.341 0 0 1 5.715.516c.718.109 1.46.22 2.186.312l1.251.16a.308.308 0 0 0 .348-.305v-7.375a.161.161 0 0 0-.303-.077l-.107.2a7.218 7.218 0 0 1-6.902 3.766 10.455 10.455 0 0 0-5.688.796V9.454a.89.89 0 0 1 .332-.693 2.058 2.058 0 0 1 .312-.208zM14 23.817c-3.071-1.38-5.998-.808-9.447-.293l-.253.036a.263.263 0 0 1-.3-.259V8.525a.098.098 0 0 1 .084-.097l.804-.115c2.518-.372 6.303-1.048 8.708.515a.89.89 0 0 1 .404.746z",fill:"#4fbaa9"},dashboards:{path:"M25.819 28H23.18a.181.181 0 0 1-.181-.181V13.18a.181.181 0 0 1 .181-.181h2.638a.181.181 0 0 1 .181.181V27.82a.181.181 0 0 1-.181.181zM21 27.816v-9.631a.184.184 0 0 0-.184-.185h-2.631a.184.184 0 0 0-.185.184v9.631a.184.184 0 0 0 .184.185h2.631a.184.184 0 0 0 .185-.184zm9.82.184a.18.18 0 0 0 .18-.18v-7.64a.18.18 0 0 0-.18-.18h-2.64a.18.18 0 0 0-.18.18v7.64a.18.18 0 0 0 .18.18zM7 9.267v10.475c.706.033 3.538-1.718 4.274-4.7.679-2.751 3.485-2.864 4.443-2.94 1.766-.14 3.588-.607 4.566-2.798A.216.216 0 0 0 20.085 9H7.267A.267.267 0 0 0 7 9.267zm18.997-1.053A4.411 4.411 0 0 0 21.63 4H2.684A.684.684 0 0 0 2 4.684V21.81A3.19 3.19 0 0 0 5.19 25h9.565a.245.245 0 0 0 .245-.245v-2.362a.393.393 0 0 0-.393-.393H6.38A1.385 1.385 0 0 1 5 20.619V7.349A.348.348 0 0 1 5.348 7h16.324A1.346 1.346 0 0 1 23 8.363v1.28a.357.357 0 0 0 .357.357h2.599a.046.046 0 0 0 .046-.046z",fill:"#ee9e01"},"experience-builder":{path:"M30.85 12.82l-2.85 5v7.44A1.78 1.78 0 0 1 26.22 27H25V7.75a.76.76 0 0 0-.75-.75H12V1.31a.28.28 0 0 1 .42-.25L17.51 4h8.71A1.78 1.78 0 0 1 28 5.78v4.42l2.54 1.47a.83.83 0 0 1 .31 1.15zM12 18h8v-6h-8zm7.62 5H7.75a.76.76 0 0 1-.75-.75V4H5.78A1.78 1.78 0 0 0 4 5.78V13l-2.89 5a.85.85 0 0 0 .31 1.15L4 20.59v4.61A1.78 1.78 0 0 0 5.78 27h8.62l5.18 3a.28.28 0 0 0 .42-.24v-6.39a.38.38 0 0 0-.38-.37z",fill:"#09b8ca"},geoBIM:{path:"M17.802 21.398l6.2 2.557-5.14 2.133a.772.772 0 0 1-1.06-.717zM9.311 7.868a.604.604 0 0 1-.003-1.122L16 4.169l8.12 3.148-8.119 3.184zm-3.5 1.541l8.387 3.413v12.554a.772.772 0 0 1-1.06.717l-6.297-2.736a1.639 1.639 0 0 1-1.03-1.521zM3.844 6.03a1.316 1.316 0 0 0-.827 1.22v17.395a1.316 1.316 0 0 0 .827 1.221L16 30.888l12.983-5.317v-2.423l-7.156-3.023 7.156-2.963v-1.95l-5.101-2.2-3.867 1.516L24 16.123l-6.199 2.505v-5.711l.073-.122 11.108-4.487v-1.95l-12.47-5.047a1.384 1.384 0 0 0-1.027 0z",fill:"#11ad1d"},notebooks:{path:"M2.941 25A.906.906 0 0 1 2 24.135v-.271A.906.906 0 0 1 2.941 23h3.118a.906.906 0 0 1 .941.864v.271a.906.906 0 0 1-.941.865zm3.118-8A.906.906 0 0 0 7 16.135v-.271A.906.906 0 0 0 6.059 15H2.941a.906.906 0 0 0-.941.864v.271a.906.906 0 0 0 .941.865zm0-8A.906.906 0 0 0 7 8.135v-.271A.906.906 0 0 0 6.059 7H2.941A.906.906 0 0 0 2 7.864v.271A.906.906 0 0 0 2.941 9zm9.44 16h-3.726a.773.773 0 0 1-.773-.774V6.171A.172.172 0 0 1 11.172 6H15.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5H5.342A1.345 1.345 0 0 0 4 4.343V5h2.059A2.904 2.904 0 0 1 9 7.858v.277A2.907 2.907 0 0 1 6.059 11H4v2h2.059A2.907 2.907 0 0 1 9 15.864v.271A2.907 2.907 0 0 1 6.059 19H4v2h2.059A2.907 2.907 0 0 1 9 23.864v.271A2.907 2.907 0 0 1 6.059 27H4v1.405a.595.595 0 0 0 .595.595H15.5a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zM20 3.5v2a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 .5.5v18a.5.5 0 0 1-.5.5h-4a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-25a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.499.5z",fill:"#6e6e6e"},sites:{path:"M2.656 29A.656.656 0 0 1 2 28.344V6.185A3.189 3.189 0 0 1 5.185 3H29.72a.281.281 0 0 1 .281.281v22.53A3.194 3.194 0 0 1 26.81 29zm2.838-3h21.211a.295.295 0 0 0 .296-.295V13.494a.493.493 0 0 0-.493-.494H5v12.506a.494.494 0 0 0 .494.494zM23 9.91a.09.09 0 0 0 .09.09h3.82a.09.09 0 0 0 .09-.09V6.026A.026.026 0 0 0 26.974 6h-3.948a.026.026 0 0 0-.026.026zM6.633 6A1.597 1.597 0 0 0 5 7.595V10h14.523A.477.477 0 0 0 20 9.523V6.477A.477.477 0 0 0 19.523 6zM16 22v-5h7v5zm-7-2v-3h3v3z",fill:"#7842ed"},webAppBuilder:{path:"M15.044 19.974a.188.188 0 0 1-.192-.001l-3.762-2.35a.188.188 0 0 1-.09-.16v-4.098a.188.188 0 0 1 .096-.163l3.761-2.178a.188.188 0 0 1 .182-.001l3.863 2.179a.188.188 0 0 1 .098.165v4.095a.187.187 0 0 1-.092.161zm15.13-1.04a.052.052 0 0 0 .099.022 8.048 8.048 0 0 0 .67-3.147 7.155 7.155 0 0 0-3.507-6.213L17.59 3.768a4.054 4.054 0 0 0-1.968-.627 3.95 3.95 0 0 0-1.894.485c-.607.334-1.132.67-1.278.754a2.951 2.951 0 0 0-1.39 2.506v1.078a.2.2 0 0 0 .307.167l1.365-.87a4.988 4.988 0 0 1 2.319-.792 4.62 4.62 0 0 1 2.219.792s8.442 5.017 9.392 5.576a7.045 7.045 0 0 1 3.513 6.084zM9.546 23.55l.947-.547a.2.2 0 0 0 0-.345l-1.369-.79a4.326 4.326 0 0 1-2.13-3.842V7.286a7.16 7.16 0 0 1 3.63-6.083l.081-.05a.025.025 0 0 0-.012-.045l-.25-.005a8.333 8.333 0 0 0-3.887.994A7.102 7.102 0 0 0 3.069 8.31v10.786a3.96 3.96 0 0 0 1.89 3.362c.894.545 1.605.974 1.81 1.092a2.787 2.787 0 0 0 2.777 0zm4.383 6.37l9.997-5.773a3.959 3.959 0 0 0 1.967-3.32c.021-.929.034-1.604.034-1.806a2.786 2.786 0 0 0-1.39-2.406l-1.123-.57a.2.2 0 0 0-.289.177v1.604a4.45 4.45 0 0 1-2.218 3.842l-3.708 2.14a3.366 3.366 0 0 1-.256.135L11.6 27.128a6.427 6.427 0 0 1-3.343.938 7.137 7.137 0 0 1-3.513-1.038c-.09-.052-.38-.226-.797-.479a.094.094 0 0 0-.134.12 7.182 7.182 0 0 0 2.942 3.25 7.241 7.241 0 0 0 3.587 1.028 7.243 7.243 0 0 0 3.587-1.028z",fill:"#09b8ca"},urban:{path:"M32 14l-4 .003a1 1 0 0 0-1 1V21a1 1 0 0 1-1 1h-2V5.451l-7.598-3.335A1 1 0 0 0 15 3.03V25a1 1 0 0 1-1 1h-2V11.24h-.02L7.5 9l-4.48 2.24H3V20H0v4h5a1 1 0 0 0 1-1V12.717L7.5 12l1.5.717V28a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2V6.094l3 1.317V24a2 2 0 0 0 2 2h5.02A1.977 1.977 0 0 0 30 24.024V17h2z",fill:"#3DB8FF"}},c=new Map;function l(t){return c[t]||""}Object.keys(o).forEach((t=>{c[t]=`<svg viewBox="0 0 32 32" width="32" height="32" fill="${o[t].fill}"><path d="${o[t].path}"/></svg>`}));const p="instant-apps-create calcite-mode-light",h=class{constructor(a){t(this,a),this.popoverIcon="grid",this.mode="inline",this.popoverPositioning="absolute",this.popoverPlacement="auto",this.showHeader=!0,this.content=void 0,this.options=["instant-apps","map-viewer","story-maps","experience-builder","dashboards"],this.portal=void 0,this.baseClass=p,this.messages={},this.CreateOptionsLookup=void 0}contentChanged(){Object.keys(this.CreateOptionsLookup).forEach((t=>{this.CreateOptionsLookup[t].href=this.hrefLookup(t)}))}componentWillLoad(){return this.baseClass="dark"===s(this.el)?"instant-apps-create calcite-mode-dark":p,this.initializeModules(),n(this).then((()=>{this.initializePredefinedOptions()}))}disconnectedCallback(){var t,a;null===(t=this.handles)||void 0===t||t.removeAll(),null===(a=this.handles)||void 0===a||a.destroy(),this.handles=null}render(){const t="popover"===this.mode?this.renderPopover():this.renderPanel();return a(e,{key:"ee6a5076dce36a238288216de4cbd77d16347c15"},a("div",{key:"c22b60a05f5d0b430c76ab8edcf52577f1eecfaa",class:this.baseClass},t))}async initializeModules(){const[t]=await r(["esri/core/Handles"]);return this.handles=new t,Promise.resolve()}initializePredefinedOptions(){const{instantApps:t,instantAppsDesc:a,mapViewer:e,mapViewerDesc:i,arcgisStoryMaps:n,storyMapsDesc:r,experienceBuilder:s,experienceBuilderDesc:o,dashboards:c,dashboardsDesc:p}=this.messages;this.CreateOptionsLookup={"instant-apps":{title:t,subtitle:a,img:l("instant-apps"),href:this.hrefLookup("instant-apps")},"map-viewer":{title:e,subtitle:i,img:l("map-viewer"),href:this.hrefLookup("map-viewer")},"story-maps":{title:n,subtitle:r,img:l("story-maps"),href:this.hrefLookup("story-maps")},"experience-builder":{title:s,subtitle:o,img:l("experience-builder"),href:this.hrefLookup("experience-builder")},dashboards:{title:c,subtitle:p,img:l("dashboards"),href:this.hrefLookup("dashboards")}}}hrefLookup(t){var a,e;const i=this.getBaseUrl(this.portal),n=this._getEnvironment(i),r=this.contentHref();switch(t){case"instant-apps":return`${i}/apps/instantgallery/index.html?${r}`;case"dashboards":return`${i}/apps/dashboards/new#id=${null===(e=null===(a=this.content)||void 0===a?void 0:a.portalItem)||void 0===e?void 0:e.id}`;case"map-viewer":return`${i}/apps/mapviewer/index.html?${r}`;case"story-maps":return`https://storymaps${"prod"===n?"":n}.arcgis.com/stories/new?${r}`;case"experience-builder":return`https://experience${"prod"===n?"":n}.arcgis.com/builder/page/template/?${r}`}return""}contentHref(){var t,a,e,i,n;return"Web Map"===(null===(a=null===(t=null==this?void 0:this.content)||void 0===t?void 0:t.portalItem)||void 0===a?void 0:a.type)?`webmap=${this.content.portalItem.id}`:"Web Scene"===(null===(i=null===(e=null==this?void 0:this.content)||void 0===e?void 0:e.portalItem)||void 0===i?void 0:i.type)?`webscene=${this.content.portalItem.id}`:"function"==typeof(null===(n=null==this?void 0:this.content)||void 0===n?void 0:n.fetchMembers)?`group=${this.content.id}`:""}getBaseUrl(t){if(!t)return"";const{customBaseUrl:a,portalHostname:e,urlKey:i}=t,{protocol:n}=location;return`${n}//${i?`${i}.${a}`:e}`}_getEnvironment(t){var a;let e=null;try{e=null===(a=new URL(t))||void 0===a?void 0:a.hostname}catch(t){}return null==e||-1===e.indexOf("arcgis.com")?"dev":(-1!==e.indexOf("devext")?"dev":-1!==e.indexOf("qaext")&&"qa")||"prod"}renderPopover(){var t,e;const i=this.renderPanel();return[a("calcite-popover",{referenceElement:"create-popover-btn",overlayPositioning:this.popoverPositioning,placement:this.popoverPlacement,autoClose:!0,ref:t=>this.popoverEl=t,label:"Create panel"},i),a("calcite-action",{id:"create-popover-btn",alignment:"center",icon:this.popoverIcon,title:null===(t=this.messages)||void 0===t?void 0:t.create,text:null===(e=this.messages)||void 0===e?void 0:e.create})]}renderPanel(){const t=this.showHeader?this.renderHeader():null,e=this.renderOptions();return a("div",{class:"inline"===this.mode?"instant-apps-create__inline-container":"instant-apps-create__popover-container"},t,e)}renderHeader(){const{create:t,createSubheading:e}=this.messages;return a("div",{class:"instant-apps-create__header"},a("h3",null,t),a("p",null,e))}renderOptions(){return a("nav",null,this.options.map((t=>this.renderOption(t))))}renderOption(t){var e;"string"==typeof t&&(t=null===(e=null==this?void 0:this.CreateOptionsLookup)||void 0===e?void 0:e[t]);const{title:i,subtitle:n,img:r,href:s}=t||{};return a("a",{class:"instant-apps-create__option",href:s,target:"_blank"},a("span",{class:"instant-apps-create__option-icon",innerHTML:r}),a("span",{class:"instant-apps-create__option-text"},a("span",{class:"instant-apps-create__option-text-wrapper"},a("h3",{class:"instant-apps-create__option-title"},i),a("calcite-icon",{scale:"s",icon:"launch"})),a("p",{class:"instant-apps-create__option-subtitle"},n)))}get el(){return i(this)}static get watchers(){return{content:["contentChanged"]}}};h.style=":host{display:block;--instant-apps-create-action-background:var(--calcite-color-foreground-1);--instant-apps-create-action-background-hover:var(--calcite-color-foreground-2);--instant-apps-create-action-background-press:var(--calcite-color-foreground-3);--instant-apps-create-action-height:100%;--instant-apps-create-action-width:fit-content;--instant-apps-create-action-icon-color:var(--calcite-color-text-3);--instant-apps-create-action-icon-hover-color:var(--calcite-color-text-1);--instant-apps-create-background:var(--calcite-color-foreground-1);--instant-apps-create-text-color:var(--calcite-color-text-1);--instant-apps-create-popover-width:450px}.instant-apps-create{height:100%}.instant-apps-create *{box-sizing:border-box}.instant-apps-create__popover-container,.instant-apps-create__inline-container{padding:1rem 1.5rem;background:var(--instant-apps-create-background);--calcite-color-text-1:var(--instant-apps-create-text-color)}.instant-apps-create__popover-container{width:var(--instant-apps-create-popover-width)}.instant-apps-create calcite-popover{--calcite-color-foreground-1:var(--instant-apps-create-background)}.instant-apps-create calcite-button:last-of-type{margin-top:0.5rem}.instant-apps-create__header h3{margin:0;font-weight:var(--calcite-font-weight-medium)}.instant-apps-create__header p{margin:0;padding:0 0 0.5rem 0;font-weight:var(--calcite-font-weight-normal)}.instant-apps-create__options{display:flex;justify-content:space-between;align-items:center;flex-direction:column}.instant-apps-create__option{display:flex;color:inherit;text-decoration:inherit;height:-moz-fit-content;height:fit-content;margin-bottom:0.5rem;cursor:pointer;--calcite-color-text-link:var(--calcite-color-text-1);align-items:stretch;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);outline-offset:0;outline-color:transparent;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.instant-apps-create__option:first-of-type{margin-top:0.5rem}.instant-apps-create__option:last-of-type{margin-bottom:0}.instant-apps-create__option:hover{outline:1px solid var(--calcite-color-border-1);outline-offset:2px}.instant-apps-create__option-icon{display:flex;background:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);font-size:1.25rem;background-color:var(--calcite-color-background);justify-content:center;align-items:center;flex:1 1 auto;max-width:5rem;min-width:5rem;height:auto}.instant-apps-create__option-icon svg{display:block;overflow-clip-margin:content-box;overflow:hidden}.instant-apps-create__option-text{min-height:2rem;font-size:0.75rem;color:var(--calcite-color-text-2);padding:0.75rem 0 0 0.75rem}.instant-apps-create__option-text-wrapper{display:flex;align-items:center}.instant-apps-create__option-text h3{margin:0;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.instant-apps-create__option-text calcite-icon{margin-left:0.25rem;color:rgb(126, 126, 126);--tw-translate-x:0px;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;transition-delay:0s}a:hover .instant-apps-create__option-text calcite-icon{opacity:1;--tw-translate-x:0.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.instant-apps-create__option-text p{margin:0;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-3);line-height:1.35;min-height:3rem}";export{h as instant_apps_create}
+import{r as t,h as a,H as e,g as i}from"./p-e996c38f.js";import{g as n}from"./p-2884ca49.js";import{l as r}from"./p-08ad0b7a.js";import{g as s}from"./p-a9a72626.js";import"./p-ac122d9e.js";import"./p-0a24ad5f.js";import"./p-d4056c1c.js";const o={"instant-apps":{path:"M11.206 4.805v-1.38a2.231 2.231 0 0 1 2.23-2.231h13.168a2.231 2.231 0 0 1 2.231 2.23v11.15a2.231 2.231 0 0 1-2.23 2.231h-1.398V5.555a.75.75 0 0 0-.75-.75zM30.94 27.204l-5.447-4.41a.211.211 0 0 0-.344.164v2.225H8.197a1.344 1.344 0 0 1-1.344-1.344V11.665a.75.75 0 0 1 .75-.75h9.872a.75.75 0 0 1 .75.75l-.003 7.534a2.422 2.422 0 0 1-.798 1.796l-.945.855h4.3a1.075 1.075 0 0 0 1.074-1.075v-10.54a2.231 2.231 0 0 0-2.23-2.23H5.354a2.148 2.148 0 0 0-2.13 2.23v16.507a2.231 2.231 0 0 0 2.23 2.231l19.695-.003v2.725a.211.211 0 0 0 .344.164l5.447-4.41a.158.158 0 0 0 0-.245z",fill:"#83a238"},"map-viewer":{path:"M21.647 13.706A1.647 1.647 0 1 1 20 15.353a1.647 1.647 0 0 1 1.647-1.647zM19 19.083A1.917 1.917 0 1 1 17.082 21 1.917 1.917 0 0 1 19 19.082zm7.684 3.393a2.433 2.433 0 0 1-.64 1.776l-.01.012c-1.045 1.134-3.215 1.8-5.738 1.8-3.815 0-5.054-1.485-8.586-1.828a6.765 6.765 0 0 1 .566-4.07c.98-1.674 2.445-1.568 3.41-2.724.967-1.157.033-3.384 1.397-4.748 1.539-1.538 3.44-.12 4.57-2.542.877-1.884 1.84-2.98 3.68-3.35a.39.39 0 0 1 .047.07c.132.695 1.097 11.68 1.304 15.604zM6.208 8.864A3.054 3.054 0 0 1 8.115 6.17s2.425-.88 3.09-1.029a2.637 2.637 0 0 1 .314-.01 4.967 4.967 0 0 1 1.157.157l.404.095a7.26 7.26 0 0 0-.238 3.294c.188 1.354.657 2.399-.066 4.361-1.003 2.721-2.901 2.585-3.857 4.562-1.285 2.657.21 6.226-2.182 6.835l.004.002.003.003c-.801.114-1.363.22-1.663.272zm21.549-5.09a.055.055 0 0 0-.022-.037.058.058 0 0 0-.037-.01l-7.37 1.025-8.771-2.742a.227.227 0 0 0-.162.01L3.594 5.566a.054.054 0 0 0-.032.045L1.58 29a41.592 41.592 0 0 1 9.115-1.285c2.765.094 6.646 2.287 10.29 2.177 3.51-.108 8.582-2.382 9.564-2.836a.054.054 0 0 0 .03-.056z",fill:"#3DB8FF"},"story-maps":{path:"M25.5 0C23.015 0 21 .953 21 3.433v8.517a1.467 1.467 0 0 0 .43 1.038l3.837 3.827a.33.33 0 0 0 .466 0l3.836-3.827A1.467 1.467 0 0 0 30 11.95V3.433C30 .953 27.985 0 25.5 0zm0 8.1a2.6 2.6 0 1 1 2.6-2.599A2.599 2.599 0 0 1 25.5 8.1zm-7.856.453c.294-.153.312-.457.312-.788v-2.31a.104.104 0 0 0-.129-.1 6.128 6.128 0 0 0-2.248 1.19.14.14 0 0 1-.167.008c-3.437-2.283-8.543-1.52-12.131-.988-.432.064-1.762.34-2.164.424A.146.146 0 0 0 1 6.133V26.69a.147.147 0 0 0 .05.11.134.134 0 0 0 .116.035A36.394 36.394 0 0 1 9.5 25.781c3.283.054 4.403.96 4.967 1.513l.915.897a.164.164 0 0 0 .23 0l.916-.897a5.98 5.98 0 0 1 3.972-1.47 25.341 25.341 0 0 1 5.715.516c.718.109 1.46.22 2.186.312l1.251.16a.308.308 0 0 0 .348-.305v-7.375a.161.161 0 0 0-.303-.077l-.107.2a7.218 7.218 0 0 1-6.902 3.766 10.455 10.455 0 0 0-5.688.796V9.454a.89.89 0 0 1 .332-.693 2.058 2.058 0 0 1 .312-.208zM14 23.817c-3.071-1.38-5.998-.808-9.447-.293l-.253.036a.263.263 0 0 1-.3-.259V8.525a.098.098 0 0 1 .084-.097l.804-.115c2.518-.372 6.303-1.048 8.708.515a.89.89 0 0 1 .404.746z",fill:"#4fbaa9"},dashboards:{path:"M25.819 28H23.18a.181.181 0 0 1-.181-.181V13.18a.181.181 0 0 1 .181-.181h2.638a.181.181 0 0 1 .181.181V27.82a.181.181 0 0 1-.181.181zM21 27.816v-9.631a.184.184 0 0 0-.184-.185h-2.631a.184.184 0 0 0-.185.184v9.631a.184.184 0 0 0 .184.185h2.631a.184.184 0 0 0 .185-.184zm9.82.184a.18.18 0 0 0 .18-.18v-7.64a.18.18 0 0 0-.18-.18h-2.64a.18.18 0 0 0-.18.18v7.64a.18.18 0 0 0 .18.18zM7 9.267v10.475c.706.033 3.538-1.718 4.274-4.7.679-2.751 3.485-2.864 4.443-2.94 1.766-.14 3.588-.607 4.566-2.798A.216.216 0 0 0 20.085 9H7.267A.267.267 0 0 0 7 9.267zm18.997-1.053A4.411 4.411 0 0 0 21.63 4H2.684A.684.684 0 0 0 2 4.684V21.81A3.19 3.19 0 0 0 5.19 25h9.565a.245.245 0 0 0 .245-.245v-2.362a.393.393 0 0 0-.393-.393H6.38A1.385 1.385 0 0 1 5 20.619V7.349A.348.348 0 0 1 5.348 7h16.324A1.346 1.346 0 0 1 23 8.363v1.28a.357.357 0 0 0 .357.357h2.599a.046.046 0 0 0 .046-.046z",fill:"#ee9e01"},"experience-builder":{path:"M30.85 12.82l-2.85 5v7.44A1.78 1.78 0 0 1 26.22 27H25V7.75a.76.76 0 0 0-.75-.75H12V1.31a.28.28 0 0 1 .42-.25L17.51 4h8.71A1.78 1.78 0 0 1 28 5.78v4.42l2.54 1.47a.83.83 0 0 1 .31 1.15zM12 18h8v-6h-8zm7.62 5H7.75a.76.76 0 0 1-.75-.75V4H5.78A1.78 1.78 0 0 0 4 5.78V13l-2.89 5a.85.85 0 0 0 .31 1.15L4 20.59v4.61A1.78 1.78 0 0 0 5.78 27h8.62l5.18 3a.28.28 0 0 0 .42-.24v-6.39a.38.38 0 0 0-.38-.37z",fill:"#09b8ca"},geoBIM:{path:"M17.802 21.398l6.2 2.557-5.14 2.133a.772.772 0 0 1-1.06-.717zM9.311 7.868a.604.604 0 0 1-.003-1.122L16 4.169l8.12 3.148-8.119 3.184zm-3.5 1.541l8.387 3.413v12.554a.772.772 0 0 1-1.06.717l-6.297-2.736a1.639 1.639 0 0 1-1.03-1.521zM3.844 6.03a1.316 1.316 0 0 0-.827 1.22v17.395a1.316 1.316 0 0 0 .827 1.221L16 30.888l12.983-5.317v-2.423l-7.156-3.023 7.156-2.963v-1.95l-5.101-2.2-3.867 1.516L24 16.123l-6.199 2.505v-5.711l.073-.122 11.108-4.487v-1.95l-12.47-5.047a1.384 1.384 0 0 0-1.027 0z",fill:"#11ad1d"},notebooks:{path:"M2.941 25A.906.906 0 0 1 2 24.135v-.271A.906.906 0 0 1 2.941 23h3.118a.906.906 0 0 1 .941.864v.271a.906.906 0 0 1-.941.865zm3.118-8A.906.906 0 0 0 7 16.135v-.271A.906.906 0 0 0 6.059 15H2.941a.906.906 0 0 0-.941.864v.271a.906.906 0 0 0 .941.865zm0-8A.906.906 0 0 0 7 8.135v-.271A.906.906 0 0 0 6.059 7H2.941A.906.906 0 0 0 2 7.864v.271A.906.906 0 0 0 2.941 9zm9.44 16h-3.726a.773.773 0 0 1-.773-.774V6.171A.172.172 0 0 1 11.172 6H15.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5H5.342A1.345 1.345 0 0 0 4 4.343V5h2.059A2.904 2.904 0 0 1 9 7.858v.277A2.907 2.907 0 0 1 6.059 11H4v2h2.059A2.907 2.907 0 0 1 9 15.864v.271A2.907 2.907 0 0 1 6.059 19H4v2h2.059A2.907 2.907 0 0 1 9 23.864v.271A2.907 2.907 0 0 1 6.059 27H4v1.405a.595.595 0 0 0 .595.595H15.5a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zM20 3.5v2a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 .5.5v18a.5.5 0 0 1-.5.5h-4a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-25a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.499.5z",fill:"#6e6e6e"},sites:{path:"M2.656 29A.656.656 0 0 1 2 28.344V6.185A3.189 3.189 0 0 1 5.185 3H29.72a.281.281 0 0 1 .281.281v22.53A3.194 3.194 0 0 1 26.81 29zm2.838-3h21.211a.295.295 0 0 0 .296-.295V13.494a.493.493 0 0 0-.493-.494H5v12.506a.494.494 0 0 0 .494.494zM23 9.91a.09.09 0 0 0 .09.09h3.82a.09.09 0 0 0 .09-.09V6.026A.026.026 0 0 0 26.974 6h-3.948a.026.026 0 0 0-.026.026zM6.633 6A1.597 1.597 0 0 0 5 7.595V10h14.523A.477.477 0 0 0 20 9.523V6.477A.477.477 0 0 0 19.523 6zM16 22v-5h7v5zm-7-2v-3h3v3z",fill:"#7842ed"},webAppBuilder:{path:"M15.044 19.974a.188.188 0 0 1-.192-.001l-3.762-2.35a.188.188 0 0 1-.09-.16v-4.098a.188.188 0 0 1 .096-.163l3.761-2.178a.188.188 0 0 1 .182-.001l3.863 2.179a.188.188 0 0 1 .098.165v4.095a.187.187 0 0 1-.092.161zm15.13-1.04a.052.052 0 0 0 .099.022 8.048 8.048 0 0 0 .67-3.147 7.155 7.155 0 0 0-3.507-6.213L17.59 3.768a4.054 4.054 0 0 0-1.968-.627 3.95 3.95 0 0 0-1.894.485c-.607.334-1.132.67-1.278.754a2.951 2.951 0 0 0-1.39 2.506v1.078a.2.2 0 0 0 .307.167l1.365-.87a4.988 4.988 0 0 1 2.319-.792 4.62 4.62 0 0 1 2.219.792s8.442 5.017 9.392 5.576a7.045 7.045 0 0 1 3.513 6.084zM9.546 23.55l.947-.547a.2.2 0 0 0 0-.345l-1.369-.79a4.326 4.326 0 0 1-2.13-3.842V7.286a7.16 7.16 0 0 1 3.63-6.083l.081-.05a.025.025 0 0 0-.012-.045l-.25-.005a8.333 8.333 0 0 0-3.887.994A7.102 7.102 0 0 0 3.069 8.31v10.786a3.96 3.96 0 0 0 1.89 3.362c.894.545 1.605.974 1.81 1.092a2.787 2.787 0 0 0 2.777 0zm4.383 6.37l9.997-5.773a3.959 3.959 0 0 0 1.967-3.32c.021-.929.034-1.604.034-1.806a2.786 2.786 0 0 0-1.39-2.406l-1.123-.57a.2.2 0 0 0-.289.177v1.604a4.45 4.45 0 0 1-2.218 3.842l-3.708 2.14a3.366 3.366 0 0 1-.256.135L11.6 27.128a6.427 6.427 0 0 1-3.343.938 7.137 7.137 0 0 1-3.513-1.038c-.09-.052-.38-.226-.797-.479a.094.094 0 0 0-.134.12 7.182 7.182 0 0 0 2.942 3.25 7.241 7.241 0 0 0 3.587 1.028 7.243 7.243 0 0 0 3.587-1.028z",fill:"#09b8ca"},urban:{path:"M32 14l-4 .003a1 1 0 0 0-1 1V21a1 1 0 0 1-1 1h-2V5.451l-7.598-3.335A1 1 0 0 0 15 3.03V25a1 1 0 0 1-1 1h-2V11.24h-.02L7.5 9l-4.48 2.24H3V20H0v4h5a1 1 0 0 0 1-1V12.717L7.5 12l1.5.717V28a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2V6.094l3 1.317V24a2 2 0 0 0 2 2h5.02A1.977 1.977 0 0 0 30 24.024V17h2z",fill:"#3DB8FF"}},c=new Map;function l(t){return c[t]||""}Object.keys(o).forEach((t=>{c[t]=`<svg viewBox="0 0 32 32" width="32" height="32" fill="${o[t].fill}"><path d="${o[t].path}"/></svg>`}));const p="instant-apps-create calcite-mode-light",h=class{constructor(a){t(this,a),this.popoverIcon="grid",this.mode="inline",this.popoverPositioning="absolute",this.popoverPlacement="auto",this.showHeader=!0,this.content=void 0,this.options=["instant-apps","map-viewer","story-maps","experience-builder","dashboards"],this.portal=void 0,this.baseClass=p,this.messages={},this.CreateOptionsLookup=void 0}contentChanged(){Object.keys(this.CreateOptionsLookup).forEach((t=>{this.CreateOptionsLookup[t].href=this.hrefLookup(t)}))}componentWillLoad(){return this.baseClass="dark"===s(this.el)?"instant-apps-create calcite-mode-dark":p,this.initializeModules(),n(this).then((()=>{this.initializePredefinedOptions()}))}disconnectedCallback(){var t,a;null===(t=this.handles)||void 0===t||t.removeAll(),null===(a=this.handles)||void 0===a||a.destroy(),this.handles=null}render(){const t="popover"===this.mode?this.renderPopover():this.renderPanel();return a(e,{key:"ee6a5076dce36a238288216de4cbd77d16347c15"},a("div",{key:"c22b60a05f5d0b430c76ab8edcf52577f1eecfaa",class:this.baseClass},t))}async initializeModules(){const[t]=await r(["esri/core/Handles"]);return this.handles=new t,Promise.resolve()}initializePredefinedOptions(){const{instantApps:t,instantAppsDesc:a,mapViewer:e,mapViewerDesc:i,arcgisStoryMaps:n,storyMapsDesc:r,experienceBuilder:s,experienceBuilderDesc:o,dashboards:c,dashboardsDesc:p}=this.messages;this.CreateOptionsLookup={"instant-apps":{title:t,subtitle:a,img:l("instant-apps"),href:this.hrefLookup("instant-apps")},"map-viewer":{title:e,subtitle:i,img:l("map-viewer"),href:this.hrefLookup("map-viewer")},"story-maps":{title:n,subtitle:r,img:l("story-maps"),href:this.hrefLookup("story-maps")},"experience-builder":{title:s,subtitle:o,img:l("experience-builder"),href:this.hrefLookup("experience-builder")},dashboards:{title:c,subtitle:p,img:l("dashboards"),href:this.hrefLookup("dashboards")}}}hrefLookup(t){var a,e;const i=this.getBaseUrl(this.portal),n=this._getEnvironment(i),r=this.contentHref();switch(t){case"instant-apps":return`${i}/apps/instantgallery/index.html?${r}`;case"dashboards":return`${i}/apps/dashboards/new#id=${null===(e=null===(a=this.content)||void 0===a?void 0:a.portalItem)||void 0===e?void 0:e.id}`;case"map-viewer":return`${i}/apps/mapviewer/index.html?${r}`;case"story-maps":return`https://storymaps${"prod"===n?"":n}.arcgis.com/stories/new?${r}`;case"experience-builder":return`https://experience${"prod"===n?"":n}.arcgis.com/builder/page/template/?${r}`}return""}contentHref(){var t,a,e,i,n;return"Web Map"===(null===(a=null===(t=null==this?void 0:this.content)||void 0===t?void 0:t.portalItem)||void 0===a?void 0:a.type)?`webmap=${this.content.portalItem.id}`:"Web Scene"===(null===(i=null===(e=null==this?void 0:this.content)||void 0===e?void 0:e.portalItem)||void 0===i?void 0:i.type)?`webscene=${this.content.portalItem.id}`:"function"==typeof(null===(n=null==this?void 0:this.content)||void 0===n?void 0:n.fetchMembers)?`group=${this.content.id}`:""}getBaseUrl(t){if(!t)return"";const{customBaseUrl:a,portalHostname:e,urlKey:i}=t,{protocol:n}=location;return`${n}//${i?`${i}.${a}`:e}`}_getEnvironment(t){var a;let e=null;try{e=null===(a=new URL(t))||void 0===a?void 0:a.hostname}catch(t){}return null==e||-1===e.indexOf("arcgis.com")?"dev":(-1!==e.indexOf("devext")?"dev":-1!==e.indexOf("qaext")&&"qa")||"prod"}renderPopover(){var t,e;const i=this.renderPanel();return[a("calcite-popover",{referenceElement:"create-popover-btn",overlayPositioning:this.popoverPositioning,placement:this.popoverPlacement,autoClose:!0,ref:t=>this.popoverEl=t,label:"Create panel"},i),a("calcite-action",{id:"create-popover-btn",alignment:"center",icon:this.popoverIcon,title:null===(t=this.messages)||void 0===t?void 0:t.create,text:null===(e=this.messages)||void 0===e?void 0:e.create})]}renderPanel(){const t=this.showHeader?this.renderHeader():null,e=this.renderOptions();return a("div",{class:"inline"===this.mode?"instant-apps-create__inline-container":"instant-apps-create__popover-container"},t,e)}renderHeader(){const{create:t,createSubheading:e}=this.messages;return a("div",{class:"instant-apps-create__header"},a("h3",null,t),a("p",null,e))}renderOptions(){return a("nav",null,this.options.map((t=>this.renderOption(t))))}renderOption(t){var e;"string"==typeof t&&(t=null===(e=null==this?void 0:this.CreateOptionsLookup)||void 0===e?void 0:e[t]);const{title:i,subtitle:n,img:r,href:s}=t||{};return a("a",{class:"instant-apps-create__option",href:s,target:"_blank"},a("span",{class:"instant-apps-create__option-icon",innerHTML:r}),a("span",{class:"instant-apps-create__option-text"},a("span",{class:"instant-apps-create__option-text-wrapper"},a("h3",{class:"instant-apps-create__option-title"},i),a("calcite-icon",{scale:"s",icon:"launch"})),a("p",{class:"instant-apps-create__option-subtitle"},n)))}get el(){return i(this)}static get watchers(){return{content:["contentChanged"]}}};h.style=":host{display:block;--instant-apps-create-action-background:var(--calcite-color-foreground-1);--instant-apps-create-action-background-hover:var(--calcite-color-foreground-2);--instant-apps-create-action-background-press:var(--calcite-color-foreground-3);--instant-apps-create-action-height:100%;--instant-apps-create-action-width:fit-content;--instant-apps-create-action-icon-color:var(--calcite-color-text-3);--instant-apps-create-action-icon-hover-color:var(--calcite-color-text-1);--instant-apps-create-background:var(--calcite-color-foreground-1);--instant-apps-create-text-color:var(--calcite-color-text-1);--instant-apps-create-popover-width:450px}.instant-apps-create{height:100%}.instant-apps-create *{box-sizing:border-box}.instant-apps-create__popover-container,.instant-apps-create__inline-container{padding:1rem 1.5rem;background:var(--instant-apps-create-background);--calcite-color-text-1:var(--instant-apps-create-text-color)}.instant-apps-create__popover-container{width:var(--instant-apps-create-popover-width)}.instant-apps-create calcite-popover{--calcite-color-foreground-1:var(--instant-apps-create-background)}.instant-apps-create calcite-button:last-of-type{margin-top:0.5rem}.instant-apps-create__header h3{margin:0;font-weight:var(--calcite-font-weight-medium)}.instant-apps-create__header p{margin:0;padding:0 0 0.5rem 0;font-weight:var(--calcite-font-weight-normal)}.instant-apps-create__options{display:flex;justify-content:space-between;align-items:center;flex-direction:column}.instant-apps-create__option{display:flex;color:inherit;text-decoration:inherit;height:-moz-fit-content;height:fit-content;margin-bottom:0.5rem;cursor:pointer;--calcite-color-text-link:var(--calcite-color-text-1);align-items:stretch;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);outline-offset:0;outline-color:transparent;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.instant-apps-create__option:first-of-type{margin-top:0.5rem}.instant-apps-create__option:last-of-type{margin-bottom:0}.instant-apps-create__option:hover{outline:1px solid var(--calcite-color-border-1);outline-offset:2px}.instant-apps-create__option-icon{display:flex;background:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);font-size:1.25rem;background-color:var(--calcite-color-background);justify-content:center;align-items:center;flex:1 1 auto;max-width:5rem;min-width:5rem;height:auto}.instant-apps-create__option-icon svg{display:block;overflow-clip-margin:content-box;overflow:hidden}.instant-apps-create__option-text{min-height:2rem;font-size:0.75rem;color:var(--calcite-color-text-2);padding:0.75rem 0 0 0.75rem}.instant-apps-create__option-text-wrapper{display:flex;align-items:center}.instant-apps-create__option-text h3{margin:0;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.instant-apps-create__option-text calcite-icon{margin-left:0.25rem;color:rgb(126, 126, 126);--tw-translate-x:0px;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;transition-delay:0s}a:hover .instant-apps-create__option-text calcite-icon{opacity:1;--tw-translate-x:0.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.instant-apps-create__option-text p{margin:0;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-3);line-height:1.35;min-height:3rem}";export{h as instant_apps_create}

package/dist/solutions-components/{p-34338938.entry.js → p-4f7fb338.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 i,H as e,g as o}from"./p-e996c38f.js";import{l as a}from"./p-438fdc33.js";import{g as s}from"./p-8f973b3d.js";import{g as r}from"./p-a9a72626.js";import"./p-3b3f77bc.js";import"./p-d4056c1c.js";import"./p-3423b5ef.js";const p="instant-apps-export calcite-mode-light",c="instant-apps-export-print",l="instant-apps-export-print__legend-container",d="instant-apps-export-print__compass-container",h="instant-apps-export-print__scale-bar-container",u="instant-apps-export-print__popup-container",v="instant-apps-export-print__popup-content",_="instant-apps-export-print__popup-title",x="instant-apps-export-print__view",b="instant-apps-export-print__view-container",g="instant-apps-export-print__views-container",f="instant-apps-export-print__view-wrapper",m="instant-apps-export-print__view-content",w="instant-apps-export-print__view-header",k=class{constructor(i){n(this,i),this.exportOutputUpdated=t(this,"exportOutputUpdated",7),this.legends={},this.compasses={},this.output=void 0,this.beforeExport=()=>Promise.resolve(),this.popoverIcon="export",this.includeLegend=!0,this.includeMap=!0,this.includePopup=!1,this.includeHeader=!1,this.mode="popover",this.popoverPositioning="absolute",this.popoverPlacement="auto",this.scale="m",this.showIncludeLegend=!0,this.showIncludeMap=!1,this.showIncludePopup=!0,this.showIncludeHeader=!0,this.showScaleBar=!1,this.exportViews=void 0,this.baseClass=p,this.exportIsLoading=void 0,this.messages=void 0}watchIncludeMap(n){var t;n&&(null===(t=this.exportViews)||void 0===t||t.forEach((({view:n},t)=>{const i=this.printEl.querySelector(`#legend-${t}`);null!=i&&this.updateLegend(n,t,i)})))}watchView(){var n;null===(n=this.exportViews)||void 0===n||n.forEach((({view:n},t)=>{this.handleIncludePopup(n,t)}))}async componentWillLoad(){this.baseClass="dark"===r(this.el)?"instant-apps-export calcite-mode-dark":p,s(this),await this.initializeModules()}componentDidLoad(){var n;this.printContainerEl.prepend(this.printEl),null===(n=this.exportViews)||void 0===n||n.forEach((({view:n},t)=>{this.handleIncludePopup(n,t)}))}componentDidUpdate(){var n;null===(n=this.exportViews)||void 0===n||n.forEach((({view:n},t)=>{const i=this.printEl.querySelector(`#legend-${t}`);this.updateLegend(n,t,i)}))}async initializeModules(){const[n,t]=await a(["esri/core/Handles","esri/core/reactiveUtils"]);return this.handles=new n,this.reactiveUtils=t,Promise.resolve()}render(){const n="popover"===this.mode?this.renderPopover():this.renderPanel();return i(e,{key:"52f53735afba2085f45bdd8ba64e8e37b48318bb"},i("div",{key:"ac8fc3e66ccc5f9c27e25642bbe640c3fc8c7d33",class:this.baseClass,onMouseEnter:this.handleWidgetCreation.bind(this),onFocusin:this.handleWidgetCreation.bind(this)},n))}renderPopover(){var n,t,e;const o=this.renderPanel();return[i("calcite-popover",{referenceElement:"export-popover-btn",label:null===(n=this.messages)||void 0===n?void 0:n.exportPopover,overlayPositioning:this.popoverPositioning,placement:this.popoverPlacement,autoClose:!0,ref:n=>this.popoverEl=n},o),i("calcite-action",{id:"export-popover-btn",alignment:"center",icon:this.popoverIcon,scale:this.scale,title:null===(t=this.messages)||void 0===t?void 0:t.exportBtn,text:null===(e=this.messages)||void 0===e?void 0:e.exportBtn})]}renderPanel(){var n;const t=this.showIncludeMap?this.renderSwitch("includeMap"):null,e=this.includeMap?this.renderMapOptions():null,o=this.renderPrint();return i("div",{class:"inline"===this.mode?"instant-apps-export__inline-container":"instant-apps-export__popover-container"},t,e,i("calcite-button",{width:"full",onClick:this.exportOnClick.bind(this),disabled:this.exportIsLoading},null===(n=this.messages)||void 0===n?void 0:n.export),o)}renderSwitch(n,t){var e;const o=null!=t?t:null===(e=this.messages)||void 0===e?void 0:e[n];return i("calcite-label",{layout:"inline-space-between"},o,i("calcite-switch",{checked:this[n],value:n,onCalciteSwitchChange:this.optionOnChange.bind(this)}))}renderMapOptions(){const n=this.showIncludeHeader?this.renderSwitch("includeHeader","Include header"):null,t=this.showIncludeLegend?this.renderSwitch("includeLegend"):null,e=this.showIncludePopup?this.renderSwitch("includePopup"):null;return i("div",null,n,t,e)}renderPrint(){var n;return i("div",{ref:n=>this.printContainerEl=n},i("div",{class:c,ref:n=>this.printEl=n},i("div",{class:g},null===(n=this.exportViews)||void 0===n?void 0:n.map((({title:n,view:t},e)=>{var o,a;const s=null===(a=null===(o=t.map)||void 0===o?void 0:o.portalItem)||void 0===a?void 0:a.id,r=this.includeMap?this.renderPrintMap(n,e):null,p=this.includeMap&&this.showIncludeLegend?this.renderLegend(e):null,c=this.includeMap&&this.showIncludePopup?this.renderPopup(e):null;return i("div",{key:s,id:`print-${e}`,class:m},r,p,c)})))))}renderPrintMap(n,t){return i("div",{id:`view-container-${t}`,class:b},i("div",{id:`view-wrapper-${t}`,class:f},this.includeHeader&&n?i("div",{class:w},i("h1",null,n)):null,i("img",{id:`view-${t}`,class:x}),i("div",{id:`scalebar-container-${t}`,class:h})))}renderLegend(n){return i("div",{id:`legend-${n}`,class:l})}renderCompass(n){return i("div",{id:`compass-${n}`,class:d})}renderPopup(n){return i("div",{id:`popup-${n}`,class:u},i("div",{id:`popup-title-${n}`,class:_}),i("div",{id:`popup-content-${n}`,class:v}))}optionOnChange(n){const{checked:t,value:i}=n.target;this[i]=t,this.updateExportOutput()}async exportOnClick(){var n;await this.beforeExport(),(null===(n=this.exportViews)||void 0===n?void 0:n.length)?(this.addPrintStyling(),document.body.prepend(this.printEl),this.exportViews.forEach((({view:n},t)=>{this.handleViewExportOnClick(n,t)})),this.handleImgLoaded()):null!=this.popoverEl&&(this.popoverEl.open=!1)}async handleViewExportOnClick(n,t){this.includeMap&&(this.updateScaleBar(n,t),this.updatePopupToPrint(n,t),this.viewScreenshot(n,t),this.handleLegendSetup(t))}addPrintStyling(){null==this.printStyleEl&&(this.printStyleEl=document.createElement("style"),this.printStyleEl.innerHTML='\n  @media print {\n    @page {\n      size:  Portrait;\n      margin: .25in;\n    }\n\n    html, body {\n      padding: 0;\n      margin: 0;\n      height: 100%;\n      width: 100%;\n    }\n\n    body > *:not(.instant-apps-export-print) { display: none; }\n  }\n\n  * {\n    -webkit-print-color-adjust: exact;\n    color-adjust: exact;\n  }\n\n  instant-apps-header {\n    height: 50px;\n    display: block;\n  }\n\n\n  .instant-apps-export-print {\n    z-index: -999;\n    color: #323232 !important;\n    display: grid;\n    grid-auto-flow: row;\n    --esri-calcite-mode-name: "light";\n    position: absolute;\n  }\n\n  .instant-apps-export-print__view-header {\n    background: #fff;\n  }\n\n  .instant-apps-export-print__view-header h1 {\n    font-size: 16px;\n    font-weight: 500;\n    color: #323232;\n    margin: 6px;\n  }\n\n  .instant-apps-export-print__views-container {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .instant-apps-export-print__view-content:first-child {\n    page-break-before: unset;\n  } \n\n  .instant-apps-export-print__view-content {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n    page-break-before: always;\n  }\n\n  .instant-apps-export-print, .instant-apps-export-print * {\n    box-sizing: border-box;\n  }\n\n  .instant-apps-export-print__view-section {\n    height: 100%;\n  }\n\n  .instant-apps-export-print__view-container {\n    height: 100%;\n    width: 100%;\n    break-inside: avoid;\n  }\n\n  .instant-apps-export-print__view-wrapper {\n    height: fit-content;\n    width: min-content;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    border: 2pt solid #323232;\n    overflow: hidden;\n  }\n\n  .instant-apps-export-print__view {\n    max-height: 60vh;\n    max-width: calc(100vw - .25in);\n    object-fit: contain;\n  }\n\n  .instant-apps-export-print__popup-container {\n    height: min-content;\n    max-width: 350px;\n    display: none;\n    color: #323232;\n    background: #fff;\n    border: 1pt solid #323232;\n    break-inside: avoid;\n  }\n\n  .instant-apps-export-print__popup-title {\n    border-bottom: 1pt solid #323232;\n  }\n\n  .instant-apps-export-print__popup-content {\n    background: #fff;\n    padding-top: 8pt;\n  }\n\n  .instant-apps-export-print__popup-content .esri-feature-media__chart {\n    background: #fff;\n  }\n\n  .instant-apps-export-print__legend-container {\n    height: min-content;\n    background: #fff;\n    overflow: unset;\n  }\n\n  .esri-legend--card, .esri-legend--card__service-content {\n    flex-flow: row wrap;\n  }\n\n  .instant-apps-export-print .esri-widget > *:not(.esri-scale-bar.esri-widget > *) {\n    background: #fff;\n    color: #323232;\n  }\n\n  .instant-apps-export-print__popup-content * {\n    color: #323232;\n  }\n\n  .instant-apps-export-print .esri-widget__heading {\n    margin: 2pt 7pt;\n    padding: 0;\n    color: #323232;\n  }\n\n  .instant-apps-export-print .esri-legend__ramp-label:before {\n    border-color: rgba(0,0,0,0) rgba(50,50,50,.8) rgba(0,0,0,0) rgba(0,0,0,0);\n  }\n\n  .instant-apps-export-print .esri-legend--card__section {\n    padding: 4pt 0 4pt;\n    min-width: unset;\n    border-left: none;\n  }\n\n  .instant-apps-export-print .esri-legend--card__section:first-child {\n    border-left: none;\n  }\n\n  .instant-apps-export-print .esri-legend--card__service {\n    border: none;\n    flex: 0 1 auto;\n    break-inside: avoid;\n  }\n\n  .instant-apps-export-print .esri-legend--card {\n    border: none;\n    gap: 6pt 12pt;\n  }\n\n  .instant-apps-export-print .esri-legend--card:not(:first-child),\n  .instant-apps-export-print .esri-compass.esri-widget:not(:first-child) {\n    display: none;\n  }\n\n  .instant-apps-export-print .esri-legend--card__service-caption-container {\n    height: unset;\n    padding: 0;\n    border-bottom: none;\n  }\n\n  .instant-apps-export-print .esri-legend--card__service-caption-text {\n    padding-bottom: 4px;\n  }\n\n  .instant-apps-export-print__compass-container {\n    position: absolute;\n    top: 65px;\n    left: 15px;\n    background: #fff;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n    --calcite-ui-icon-color: #000;\n    border-radius: 50%;\n    height: fit-content;\n  }\n\n  .instant-apps-export-print__compass-container .esri-compass {\n    background: #fff;\n  }\n\n  .instant-apps-export-print__compass-container .esri-compass__icon.esri-icon-compass {\n    color: #000;\n  }\n\n  .instant-apps-export-print__compass-container.esri-compass.esri-widget--button {\n    background: #fff;\n  }\n\n  .instant-apps-export-print__scale-bar-container {\n    width: 100%;\n    position: absolute;\n    bottom: 15px;\n    margin: 0 15px;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label {\n    color: #323232;\n    font-size: 10px;\n    padding: 0 4px;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label-container--line {\n    height: 16px;\n    overflow: hidden;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label-container--top {\n    bottom: 1px;\n  }\n  \n  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__label {\n    height: 10px;\n    padding: 0 2px;\n    line-height: 11px;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__bar-container:nth-child(1n+3) {\n    display: none;\n  }\n\n  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__bar-container.esri-scale-bar__bar-container--line {\n    align-items: center;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line {\n    background-color: rgba(255, 255, 255, 0.66);\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top {\n    width: var(--instant-apps-scale-bar-top) !important;\n    border-bottom: 2px solid #323232;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom {\n    width: var(--instant-apps-scale-bar-bottom) !important;\n    border-top: 2px solid #323232;\n  }\n\n  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__label-container--line {\n    position: unset;\n    margin: 0 2px;\n    background-color: rgba(255, 255, 255, 0.66);\n    height: 10px;\n    display: flex;\n    align-items: center;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top:before,\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top:after,\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom:before,\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom:after {\n    background-color: #323232;\n    border-right: 2px solid #323232;\n  }\n\n  .instant-apps-export-print__popup-container .esri-feature-media__item-navigation {\n    display: none;\n  }\n\n  .instant-apps-export-print__popup-container .esri-feature-media__chart.esri-feature-media__chart--rendered * {\n    width: 100%!important;\n  }\n\n  .instant-apps-export-print__popup-content .esri-popup__content {\n    margin: 0;\n  }',document.body.prepend(this.printStyleEl))}handleImgLoaded(){this.exportIsLoading=!0,setTimeout((()=>{this.exportIsLoading=void 0,this.setupViewPrintElements()}),1500)}resetPrintContent(){}async updatePopupToPrint(n,t){var i,e;const o=this.printEl.querySelector(`#popup-${t}`);if(null!=o&&(o.style.display=this.includePopup&&n.popup.visible?"block":"none",this.checkPopupOpen(n,t)),n.popup.visible&&null!=n.popup.selectedFeature){const o=document.createElement(`h${null!==(i=n.popup.headingLevel)&&void 0!==i?i:2}`);o.innerHTML=null!==(e=n.popup.title)&&void 0!==e?e:"",o.className="esri-widget__heading esri-popup__header-title";const a=this.printEl.querySelector(`#popup-title-${t}`);null!=a&&(a.style.display=n.popup.title?"block":"none",a.innerHTML="",a.prepend(o))}}updateExportOutput(){this.output={},this.showIncludeLegend&&(this.output.includeLegend=this.includeLegend),this.showIncludeMap&&(this.output.includeMap=this.includeMap),this.showIncludePopup&&(this.output.includePopup=this.includePopup),this.showIncludeHeader&&(this.output.includeHeader=this.includeHeader),this.exportOutputUpdated.emit()}setupViewPrintElements(){const n=document.title;window.print(),document.title=n,setTimeout((()=>{this.resetPrintContent()}),1e3)}handleLegendSetup(n){var t;const i=this.printEl.querySelector(`#legend-${n}`);if(this.showIncludeLegend&&this.includeMap&&i){const e=this.legends[n],o=null!=e&&(null===(t=e.activeLayerInfos)||void 0===t?void 0:t.length)>0;i.style.display=this.includeLegend&&o?"block":"none"}}handleWidgetCreation(){var n;this.includeMap&&(null===(n=this.exportViews)||void 0===n||n.forEach((({view:n},t)=>{this.handleLegendCreation(n,t)})))}handleIncludePopup(n,t){var i,e;if(this.showIncludePopup){const o=`includePopup-${t}`;null===(i=this.handles)||void 0===i||i.remove(o),null===(e=this.reactiveUtils)||void 0===e||e.whenOnce((()=>null==n?void 0:n.ready)).then((()=>{var t;null===(t=this.handles)||void 0===t||t.add(this.reactiveUtils.watch((()=>{var t;return null===(t=null==n?void 0:n.popup)||void 0===t?void 0:t.visible}),(n=>{this.includePopup=n})),o)}))}}handleLegendCreation(n,t){var i,e,o,a;const s=this.printEl.querySelector(`#legend-${t}`);if(this.showIncludeLegend&&null!=s){const r=n.map,p=this.legends[t],c=null===(i=null==p?void 0:p.view)||void 0===i?void 0:i.map;null!=(null===(e=null==r?void 0:r.portalItem)||void 0===e?void 0:e.id)&&(null===(o=null==r?void 0:r.portalItem)||void 0===o?void 0:o.id)===(null===(a=null==c?void 0:c.portalItem)||void 0===a?void 0:a.id)||this.updateLegend(n,t,s)}}async updateLegend(n,t,i){null==n||n.when((async n=>{if(null==this.legends[t]&&null!=i){i.innerHTML="";const e=document.createElement("div");i.append(e);const[o]=await a(["esri/widgets/Legend"]);this.legends[t]=new o({id:`legend-widget-${t}`,container:e,view:n,style:{type:"card",layout:"side-by-side"}})}}))}handleCompassCreation(n,t){var i,e,o;const a=this.compassContainerEl.querySelector(`#compass-${t}`);if(null!=a){const s=n.map,r=this.compasses[t],p=null===(i=null==r?void 0:r.view)||void 0===i?void 0:i.map;(null===(e=null==s?void 0:s.portalItem)||void 0===e?void 0:e.id)===(null===(o=null==p?void 0:p.portalItem)||void 0===o?void 0:o.id)||this.updateCompass(n,t,a)}}updateCompass(n,t,i){null==n||n.when((async n=>{const e=document.createElement("div");if(null==i)return;i.append(e);const[o]=await a(["esri/widgets/Compass"]);this.compasses[t]=new o({id:`compass-widget-${t}`,container:e,view:n})}))}updateScaleBar(n,t){const i=this.printEl.querySelector(`#scalebar-container-${t}`);if(i&&null!=n&&(i.innerHTML="",this.showScaleBar)){const t=n.ui.getComponents(),e=null==t?void 0:t.find((({container:n})=>{var t;return null===(t=null==n?void 0:n.className)||void 0===t?void 0:t.includes("esri-scale-bar")}));null!=(null==e?void 0:e.container)&&"string"!=typeof e.container&&i.append(e.container.cloneNode(!0))}}async viewScreenshot(n,t){if(this.includeMap){const i=this.printEl.querySelector(`#scalebar-container-${t}`);null==i||i.classList.toggle("instant-apps-export-print__scale-bar-container--position",n.width>1e3);const e=await n.takeScreenshot({width:2*n.width,height:2*n.height});this.handleScaleBarSize(n,e,i);const o=this.printEl.querySelector(`#view-${t}`);null!=e&&null!=o&&(o.src=e.dataUrl)}}checkPopupOpen(n,t){const i=n.popup.container,e=null==i?void 0:i.querySelector(".esri-popup .esri-feature__main-container");if(null!=e){const n=e.querySelectorAll("canvas"),i=this.printEl.querySelector(`#popup-content-${t}`);if(null==i)return;i.innerHTML="",i.append(e.cloneNode(!0));const o=i.querySelectorAll("canvas");n.forEach(((n,t)=>{var i;const e=n.toDataURL(),a=document.createElement("img");a.src=e;const s=n.getAttribute("style");s&&a.setAttribute("style",s);const r=o[t];null!=r&&(r.replaceWith(a),document.querySelector("link[href*='esri/themes/dark/main.css']")&&null!=(null===(i=a.parentElement)||void 0===i?void 0:i.parentElement)&&(a.parentElement.style.background="#242424",a.parentElement.parentElement.style.background="#242424"))}))}}handleScaleBarSize(n,t,i){if(this.showScaleBar&&"2d"===(null==n?void 0:n.type)&&null!=i){const n=i.querySelector(".esri-scale-bar__line--top"),e=i.querySelector(".esri-scale-bar__line--bottom");this.setScalebarWidth(t,i,n,"top"),this.setScalebarWidth(t,i,e,"bottom")}}setScalebarWidth(n,t,i,e){if(null!=i&&null!=n){const o=n.data.width/2,a=Number(i.style.width.replace("px",""));null==t||t.style.setProperty(`--instant-apps-scale-bar-${e}`,a/o*100+"%")}}get el(){return o(this)}static get watchers(){return{includeMap:["watchIncludeMap"],exportViews:["watchView"]}}};k.style=":host{display:block;--instant-apps-export-action-background:var(--calcite-color-foreground-1);--instant-apps-export-action-background-hover:var(--calcite-color-foreground-2);--instant-apps-export-action-background-press:var(--calcite-color-foreground-3);--instant-apps-export-action-height:100%;--instant-apps-export-action-width:fit-content;--instant-apps-export-action-icon-color:var(--calcite-color-text-3);--instant-apps-export-action-icon-hover-color:var(--calcite-color-text-1);--instant-apps-export-background:var(--calcite-color-foreground-1);--instant-apps-export-text-color:var(--calcite-color-text-1);--instant-apps-export-popover-width:250px}.instant-apps-export{height:100%}.instant-apps-export *{box-sizing:border-box}.instant-apps-export__popover-container,.instant-apps-export__inline-container{padding:12px;background:var(--instant-apps-export-background);--calcite-color-text-1:var(--instant-apps-export-text-color)}.instant-apps-export__popover-container{width:var(--instant-apps-export-popover-width)}.instant-apps-export calcite-action{height:var(--instant-apps-export-action-height);width:var(--instant-apps-export-action-width);--calcite-color-foreground-1:var(--instant-apps-export-action-background);--calcite-color-foreground-2:var(--instant-apps-export-action-background-hover);--calcite-color-foreground-3:var(--instant-apps-export-action-background-press);--calcite-color-text-3:var(--instant-apps-export-action-icon-color);--calcite-color-text-1:var(--instant-apps-export-action-icon-hover-color)}.instant-apps-export .instant-apps-export-print{display:none}.instant-apps-export__visually-hidden{position:absolute;top:0;z-index:-1;visibility:hidden}.instant-apps-export calcite-input{--calcite-color-foreground-1:var(--instant-apps-export-background);--calcite-color-text-1:var(--instant-apps-export-text-color)}.instant-apps-export calcite-popover{--calcite-color-foreground-1:var(--instant-apps-export-background)}.instant-apps-export calcite-switch{--calcite-color-foreground-1:#fff;--calcite-color-foreground-2:#f3f3f3}.instant-apps-export calcite-button:last-of-type{margin-top:0.5rem}.instant-apps-export .calcite-mode-dark calcite-switch{--calcite-color-foreground-1:#2b2b2b;--calcite-color-foreground-2:#202020}.instant-apps-export__compass-container.esri-widget{background:#fff;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.instant-apps-export__compass-container.esri-widget .esri-compass__icon.esri-icon-compass{color:#6e6e6e}.hide{display:none}.screenshotCursor{cursor:crosshair}";export{k as instant_apps_export_views}
+import{r as n,c as t,h as i,H as e,g as o}from"./p-e996c38f.js";import{l as a}from"./p-08ad0b7a.js";import{g as s}from"./p-2884ca49.js";import{g as r}from"./p-a9a72626.js";import"./p-0a24ad5f.js";import"./p-d4056c1c.js";import"./p-ac122d9e.js";const p="instant-apps-export calcite-mode-light",c="instant-apps-export-print",l="instant-apps-export-print__legend-container",d="instant-apps-export-print__compass-container",h="instant-apps-export-print__scale-bar-container",u="instant-apps-export-print__popup-container",v="instant-apps-export-print__popup-content",_="instant-apps-export-print__popup-title",x="instant-apps-export-print__view",b="instant-apps-export-print__view-container",g="instant-apps-export-print__views-container",f="instant-apps-export-print__view-wrapper",m="instant-apps-export-print__view-content",w="instant-apps-export-print__view-header",k=class{constructor(i){n(this,i),this.exportOutputUpdated=t(this,"exportOutputUpdated",7),this.legends={},this.compasses={},this.output=void 0,this.beforeExport=()=>Promise.resolve(),this.popoverIcon="export",this.includeLegend=!0,this.includeMap=!0,this.includePopup=!1,this.includeHeader=!1,this.mode="popover",this.popoverPositioning="absolute",this.popoverPlacement="auto",this.scale="m",this.showIncludeLegend=!0,this.showIncludeMap=!1,this.showIncludePopup=!0,this.showIncludeHeader=!0,this.showScaleBar=!1,this.exportViews=void 0,this.baseClass=p,this.exportIsLoading=void 0,this.messages=void 0}watchIncludeMap(n){var t;n&&(null===(t=this.exportViews)||void 0===t||t.forEach((({view:n},t)=>{const i=this.printEl.querySelector(`#legend-${t}`);null!=i&&this.updateLegend(n,t,i)})))}watchView(){var n;null===(n=this.exportViews)||void 0===n||n.forEach((({view:n},t)=>{this.handleIncludePopup(n,t)}))}async componentWillLoad(){this.baseClass="dark"===r(this.el)?"instant-apps-export calcite-mode-dark":p,s(this),await this.initializeModules()}componentDidLoad(){var n;this.printContainerEl.prepend(this.printEl),null===(n=this.exportViews)||void 0===n||n.forEach((({view:n},t)=>{this.handleIncludePopup(n,t)}))}componentDidUpdate(){var n;null===(n=this.exportViews)||void 0===n||n.forEach((({view:n},t)=>{const i=this.printEl.querySelector(`#legend-${t}`);this.updateLegend(n,t,i)}))}async initializeModules(){const[n,t]=await a(["esri/core/Handles","esri/core/reactiveUtils"]);return this.handles=new n,this.reactiveUtils=t,Promise.resolve()}render(){const n="popover"===this.mode?this.renderPopover():this.renderPanel();return i(e,{key:"52f53735afba2085f45bdd8ba64e8e37b48318bb"},i("div",{key:"ac8fc3e66ccc5f9c27e25642bbe640c3fc8c7d33",class:this.baseClass,onMouseEnter:this.handleWidgetCreation.bind(this),onFocusin:this.handleWidgetCreation.bind(this)},n))}renderPopover(){var n,t,e;const o=this.renderPanel();return[i("calcite-popover",{referenceElement:"export-popover-btn",label:null===(n=this.messages)||void 0===n?void 0:n.exportPopover,overlayPositioning:this.popoverPositioning,placement:this.popoverPlacement,autoClose:!0,ref:n=>this.popoverEl=n},o),i("calcite-action",{id:"export-popover-btn",alignment:"center",icon:this.popoverIcon,scale:this.scale,title:null===(t=this.messages)||void 0===t?void 0:t.exportBtn,text:null===(e=this.messages)||void 0===e?void 0:e.exportBtn})]}renderPanel(){var n;const t=this.showIncludeMap?this.renderSwitch("includeMap"):null,e=this.includeMap?this.renderMapOptions():null,o=this.renderPrint();return i("div",{class:"inline"===this.mode?"instant-apps-export__inline-container":"instant-apps-export__popover-container"},t,e,i("calcite-button",{width:"full",onClick:this.exportOnClick.bind(this),disabled:this.exportIsLoading},null===(n=this.messages)||void 0===n?void 0:n.export),o)}renderSwitch(n,t){var e;const o=null!=t?t:null===(e=this.messages)||void 0===e?void 0:e[n];return i("calcite-label",{layout:"inline-space-between"},o,i("calcite-switch",{checked:this[n],value:n,onCalciteSwitchChange:this.optionOnChange.bind(this)}))}renderMapOptions(){const n=this.showIncludeHeader?this.renderSwitch("includeHeader","Include header"):null,t=this.showIncludeLegend?this.renderSwitch("includeLegend"):null,e=this.showIncludePopup?this.renderSwitch("includePopup"):null;return i("div",null,n,t,e)}renderPrint(){var n;return i("div",{ref:n=>this.printContainerEl=n},i("div",{class:c,ref:n=>this.printEl=n},i("div",{class:g},null===(n=this.exportViews)||void 0===n?void 0:n.map((({title:n,view:t},e)=>{var o,a;const s=null===(a=null===(o=t.map)||void 0===o?void 0:o.portalItem)||void 0===a?void 0:a.id,r=this.includeMap?this.renderPrintMap(n,e):null,p=this.includeMap&&this.showIncludeLegend?this.renderLegend(e):null,c=this.includeMap&&this.showIncludePopup?this.renderPopup(e):null;return i("div",{key:s,id:`print-${e}`,class:m},r,p,c)})))))}renderPrintMap(n,t){return i("div",{id:`view-container-${t}`,class:b},i("div",{id:`view-wrapper-${t}`,class:f},this.includeHeader&&n?i("div",{class:w},i("h1",null,n)):null,i("img",{id:`view-${t}`,class:x}),i("div",{id:`scalebar-container-${t}`,class:h})))}renderLegend(n){return i("div",{id:`legend-${n}`,class:l})}renderCompass(n){return i("div",{id:`compass-${n}`,class:d})}renderPopup(n){return i("div",{id:`popup-${n}`,class:u},i("div",{id:`popup-title-${n}`,class:_}),i("div",{id:`popup-content-${n}`,class:v}))}optionOnChange(n){const{checked:t,value:i}=n.target;this[i]=t,this.updateExportOutput()}async exportOnClick(){var n;await this.beforeExport(),(null===(n=this.exportViews)||void 0===n?void 0:n.length)?(this.addPrintStyling(),document.body.prepend(this.printEl),this.exportViews.forEach((({view:n},t)=>{this.handleViewExportOnClick(n,t)})),this.handleImgLoaded()):null!=this.popoverEl&&(this.popoverEl.open=!1)}async handleViewExportOnClick(n,t){this.includeMap&&(this.updateScaleBar(n,t),this.updatePopupToPrint(n,t),this.viewScreenshot(n,t),this.handleLegendSetup(t))}addPrintStyling(){null==this.printStyleEl&&(this.printStyleEl=document.createElement("style"),this.printStyleEl.innerHTML='\n  @media print {\n    @page {\n      size:  Portrait;\n      margin: .25in;\n    }\n\n    html, body {\n      padding: 0;\n      margin: 0;\n      height: 100%;\n      width: 100%;\n    }\n\n    body > *:not(.instant-apps-export-print) { display: none; }\n  }\n\n  * {\n    -webkit-print-color-adjust: exact;\n    color-adjust: exact;\n  }\n\n  instant-apps-header {\n    height: 50px;\n    display: block;\n  }\n\n\n  .instant-apps-export-print {\n    z-index: -999;\n    color: #323232 !important;\n    display: grid;\n    grid-auto-flow: row;\n    --esri-calcite-mode-name: "light";\n    position: absolute;\n  }\n\n  .instant-apps-export-print__view-header {\n    background: #fff;\n  }\n\n  .instant-apps-export-print__view-header h1 {\n    font-size: 16px;\n    font-weight: 500;\n    color: #323232;\n    margin: 6px;\n  }\n\n  .instant-apps-export-print__views-container {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .instant-apps-export-print__view-content:first-child {\n    page-break-before: unset;\n  } \n\n  .instant-apps-export-print__view-content {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n    page-break-before: always;\n  }\n\n  .instant-apps-export-print, .instant-apps-export-print * {\n    box-sizing: border-box;\n  }\n\n  .instant-apps-export-print__view-section {\n    height: 100%;\n  }\n\n  .instant-apps-export-print__view-container {\n    height: 100%;\n    width: 100%;\n    break-inside: avoid;\n  }\n\n  .instant-apps-export-print__view-wrapper {\n    height: fit-content;\n    width: min-content;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    border: 2pt solid #323232;\n    overflow: hidden;\n  }\n\n  .instant-apps-export-print__view {\n    max-height: 60vh;\n    max-width: calc(100vw - .25in);\n    object-fit: contain;\n  }\n\n  .instant-apps-export-print__popup-container {\n    height: min-content;\n    max-width: 350px;\n    display: none;\n    color: #323232;\n    background: #fff;\n    border: 1pt solid #323232;\n    break-inside: avoid;\n  }\n\n  .instant-apps-export-print__popup-title {\n    border-bottom: 1pt solid #323232;\n  }\n\n  .instant-apps-export-print__popup-content {\n    background: #fff;\n    padding-top: 8pt;\n  }\n\n  .instant-apps-export-print__popup-content .esri-feature-media__chart {\n    background: #fff;\n  }\n\n  .instant-apps-export-print__legend-container {\n    height: min-content;\n    background: #fff;\n    overflow: unset;\n  }\n\n  .esri-legend--card, .esri-legend--card__service-content {\n    flex-flow: row wrap;\n  }\n\n  .instant-apps-export-print .esri-widget > *:not(.esri-scale-bar.esri-widget > *) {\n    background: #fff;\n    color: #323232;\n  }\n\n  .instant-apps-export-print__popup-content * {\n    color: #323232;\n  }\n\n  .instant-apps-export-print .esri-widget__heading {\n    margin: 2pt 7pt;\n    padding: 0;\n    color: #323232;\n  }\n\n  .instant-apps-export-print .esri-legend__ramp-label:before {\n    border-color: rgba(0,0,0,0) rgba(50,50,50,.8) rgba(0,0,0,0) rgba(0,0,0,0);\n  }\n\n  .instant-apps-export-print .esri-legend--card__section {\n    padding: 4pt 0 4pt;\n    min-width: unset;\n    border-left: none;\n  }\n\n  .instant-apps-export-print .esri-legend--card__section:first-child {\n    border-left: none;\n  }\n\n  .instant-apps-export-print .esri-legend--card__service {\n    border: none;\n    flex: 0 1 auto;\n    break-inside: avoid;\n  }\n\n  .instant-apps-export-print .esri-legend--card {\n    border: none;\n    gap: 6pt 12pt;\n  }\n\n  .instant-apps-export-print .esri-legend--card:not(:first-child),\n  .instant-apps-export-print .esri-compass.esri-widget:not(:first-child) {\n    display: none;\n  }\n\n  .instant-apps-export-print .esri-legend--card__service-caption-container {\n    height: unset;\n    padding: 0;\n    border-bottom: none;\n  }\n\n  .instant-apps-export-print .esri-legend--card__service-caption-text {\n    padding-bottom: 4px;\n  }\n\n  .instant-apps-export-print__compass-container {\n    position: absolute;\n    top: 65px;\n    left: 15px;\n    background: #fff;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n    --calcite-ui-icon-color: #000;\n    border-radius: 50%;\n    height: fit-content;\n  }\n\n  .instant-apps-export-print__compass-container .esri-compass {\n    background: #fff;\n  }\n\n  .instant-apps-export-print__compass-container .esri-compass__icon.esri-icon-compass {\n    color: #000;\n  }\n\n  .instant-apps-export-print__compass-container.esri-compass.esri-widget--button {\n    background: #fff;\n  }\n\n  .instant-apps-export-print__scale-bar-container {\n    width: 100%;\n    position: absolute;\n    bottom: 15px;\n    margin: 0 15px;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label {\n    color: #323232;\n    font-size: 10px;\n    padding: 0 4px;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label-container--line {\n    height: 16px;\n    overflow: hidden;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label-container--top {\n    bottom: 1px;\n  }\n  \n  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__label {\n    height: 10px;\n    padding: 0 2px;\n    line-height: 11px;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__bar-container:nth-child(1n+3) {\n    display: none;\n  }\n\n  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__bar-container.esri-scale-bar__bar-container--line {\n    align-items: center;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line {\n    background-color: rgba(255, 255, 255, 0.66);\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top {\n    width: var(--instant-apps-scale-bar-top) !important;\n    border-bottom: 2px solid #323232;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom {\n    width: var(--instant-apps-scale-bar-bottom) !important;\n    border-top: 2px solid #323232;\n  }\n\n  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__label-container--line {\n    position: unset;\n    margin: 0 2px;\n    background-color: rgba(255, 255, 255, 0.66);\n    height: 10px;\n    display: flex;\n    align-items: center;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top:before,\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top:after,\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom:before,\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom:after {\n    background-color: #323232;\n    border-right: 2px solid #323232;\n  }\n\n  .instant-apps-export-print__popup-container .esri-feature-media__item-navigation {\n    display: none;\n  }\n\n  .instant-apps-export-print__popup-container .esri-feature-media__chart.esri-feature-media__chart--rendered * {\n    width: 100%!important;\n  }\n\n  .instant-apps-export-print__popup-content .esri-popup__content {\n    margin: 0;\n  }',document.body.prepend(this.printStyleEl))}handleImgLoaded(){this.exportIsLoading=!0,setTimeout((()=>{this.exportIsLoading=void 0,this.setupViewPrintElements()}),1500)}resetPrintContent(){}async updatePopupToPrint(n,t){var i,e;const o=this.printEl.querySelector(`#popup-${t}`);if(null!=o&&(o.style.display=this.includePopup&&n.popup.visible?"block":"none",this.checkPopupOpen(n,t)),n.popup.visible&&null!=n.popup.selectedFeature){const o=document.createElement(`h${null!==(i=n.popup.headingLevel)&&void 0!==i?i:2}`);o.innerHTML=null!==(e=n.popup.title)&&void 0!==e?e:"",o.className="esri-widget__heading esri-popup__header-title";const a=this.printEl.querySelector(`#popup-title-${t}`);null!=a&&(a.style.display=n.popup.title?"block":"none",a.innerHTML="",a.prepend(o))}}updateExportOutput(){this.output={},this.showIncludeLegend&&(this.output.includeLegend=this.includeLegend),this.showIncludeMap&&(this.output.includeMap=this.includeMap),this.showIncludePopup&&(this.output.includePopup=this.includePopup),this.showIncludeHeader&&(this.output.includeHeader=this.includeHeader),this.exportOutputUpdated.emit()}setupViewPrintElements(){const n=document.title;window.print(),document.title=n,setTimeout((()=>{this.resetPrintContent()}),1e3)}handleLegendSetup(n){var t;const i=this.printEl.querySelector(`#legend-${n}`);if(this.showIncludeLegend&&this.includeMap&&i){const e=this.legends[n],o=null!=e&&(null===(t=e.activeLayerInfos)||void 0===t?void 0:t.length)>0;i.style.display=this.includeLegend&&o?"block":"none"}}handleWidgetCreation(){var n;this.includeMap&&(null===(n=this.exportViews)||void 0===n||n.forEach((({view:n},t)=>{this.handleLegendCreation(n,t)})))}handleIncludePopup(n,t){var i,e;if(this.showIncludePopup){const o=`includePopup-${t}`;null===(i=this.handles)||void 0===i||i.remove(o),null===(e=this.reactiveUtils)||void 0===e||e.whenOnce((()=>null==n?void 0:n.ready)).then((()=>{var t;null===(t=this.handles)||void 0===t||t.add(this.reactiveUtils.watch((()=>{var t;return null===(t=null==n?void 0:n.popup)||void 0===t?void 0:t.visible}),(n=>{this.includePopup=n})),o)}))}}handleLegendCreation(n,t){var i,e,o,a;const s=this.printEl.querySelector(`#legend-${t}`);if(this.showIncludeLegend&&null!=s){const r=n.map,p=this.legends[t],c=null===(i=null==p?void 0:p.view)||void 0===i?void 0:i.map;null!=(null===(e=null==r?void 0:r.portalItem)||void 0===e?void 0:e.id)&&(null===(o=null==r?void 0:r.portalItem)||void 0===o?void 0:o.id)===(null===(a=null==c?void 0:c.portalItem)||void 0===a?void 0:a.id)||this.updateLegend(n,t,s)}}async updateLegend(n,t,i){null==n||n.when((async n=>{if(null==this.legends[t]&&null!=i){i.innerHTML="";const e=document.createElement("div");i.append(e);const[o]=await a(["esri/widgets/Legend"]);this.legends[t]=new o({id:`legend-widget-${t}`,container:e,view:n,style:{type:"card",layout:"side-by-side"}})}}))}handleCompassCreation(n,t){var i,e,o;const a=this.compassContainerEl.querySelector(`#compass-${t}`);if(null!=a){const s=n.map,r=this.compasses[t],p=null===(i=null==r?void 0:r.view)||void 0===i?void 0:i.map;(null===(e=null==s?void 0:s.portalItem)||void 0===e?void 0:e.id)===(null===(o=null==p?void 0:p.portalItem)||void 0===o?void 0:o.id)||this.updateCompass(n,t,a)}}updateCompass(n,t,i){null==n||n.when((async n=>{const e=document.createElement("div");if(null==i)return;i.append(e);const[o]=await a(["esri/widgets/Compass"]);this.compasses[t]=new o({id:`compass-widget-${t}`,container:e,view:n})}))}updateScaleBar(n,t){const i=this.printEl.querySelector(`#scalebar-container-${t}`);if(i&&null!=n&&(i.innerHTML="",this.showScaleBar)){const t=n.ui.getComponents(),e=null==t?void 0:t.find((({container:n})=>{var t;return null===(t=null==n?void 0:n.className)||void 0===t?void 0:t.includes("esri-scale-bar")}));null!=(null==e?void 0:e.container)&&"string"!=typeof e.container&&i.append(e.container.cloneNode(!0))}}async viewScreenshot(n,t){if(this.includeMap){const i=this.printEl.querySelector(`#scalebar-container-${t}`);null==i||i.classList.toggle("instant-apps-export-print__scale-bar-container--position",n.width>1e3);const e=await n.takeScreenshot({width:2*n.width,height:2*n.height});this.handleScaleBarSize(n,e,i);const o=this.printEl.querySelector(`#view-${t}`);null!=e&&null!=o&&(o.src=e.dataUrl)}}checkPopupOpen(n,t){const i=n.popup.container,e=null==i?void 0:i.querySelector(".esri-popup .esri-feature__main-container");if(null!=e){const n=e.querySelectorAll("canvas"),i=this.printEl.querySelector(`#popup-content-${t}`);if(null==i)return;i.innerHTML="",i.append(e.cloneNode(!0));const o=i.querySelectorAll("canvas");n.forEach(((n,t)=>{var i;const e=n.toDataURL(),a=document.createElement("img");a.src=e;const s=n.getAttribute("style");s&&a.setAttribute("style",s);const r=o[t];null!=r&&(r.replaceWith(a),document.querySelector("link[href*='esri/themes/dark/main.css']")&&null!=(null===(i=a.parentElement)||void 0===i?void 0:i.parentElement)&&(a.parentElement.style.background="#242424",a.parentElement.parentElement.style.background="#242424"))}))}}handleScaleBarSize(n,t,i){if(this.showScaleBar&&"2d"===(null==n?void 0:n.type)&&null!=i){const n=i.querySelector(".esri-scale-bar__line--top"),e=i.querySelector(".esri-scale-bar__line--bottom");this.setScalebarWidth(t,i,n,"top"),this.setScalebarWidth(t,i,e,"bottom")}}setScalebarWidth(n,t,i,e){if(null!=i&&null!=n){const o=n.data.width/2,a=Number(i.style.width.replace("px",""));null==t||t.style.setProperty(`--instant-apps-scale-bar-${e}`,a/o*100+"%")}}get el(){return o(this)}static get watchers(){return{includeMap:["watchIncludeMap"],exportViews:["watchView"]}}};k.style=":host{display:block;--instant-apps-export-action-background:var(--calcite-color-foreground-1);--instant-apps-export-action-background-hover:var(--calcite-color-foreground-2);--instant-apps-export-action-background-press:var(--calcite-color-foreground-3);--instant-apps-export-action-height:100%;--instant-apps-export-action-width:fit-content;--instant-apps-export-action-icon-color:var(--calcite-color-text-3);--instant-apps-export-action-icon-hover-color:var(--calcite-color-text-1);--instant-apps-export-background:var(--calcite-color-foreground-1);--instant-apps-export-text-color:var(--calcite-color-text-1);--instant-apps-export-popover-width:250px}.instant-apps-export{height:100%}.instant-apps-export *{box-sizing:border-box}.instant-apps-export__popover-container,.instant-apps-export__inline-container{padding:12px;background:var(--instant-apps-export-background);--calcite-color-text-1:var(--instant-apps-export-text-color)}.instant-apps-export__popover-container{width:var(--instant-apps-export-popover-width)}.instant-apps-export calcite-action{height:var(--instant-apps-export-action-height);width:var(--instant-apps-export-action-width);--calcite-color-foreground-1:var(--instant-apps-export-action-background);--calcite-color-foreground-2:var(--instant-apps-export-action-background-hover);--calcite-color-foreground-3:var(--instant-apps-export-action-background-press);--calcite-color-text-3:var(--instant-apps-export-action-icon-color);--calcite-color-text-1:var(--instant-apps-export-action-icon-hover-color)}.instant-apps-export .instant-apps-export-print{display:none}.instant-apps-export__visually-hidden{position:absolute;top:0;z-index:-1;visibility:hidden}.instant-apps-export calcite-input{--calcite-color-foreground-1:var(--instant-apps-export-background);--calcite-color-text-1:var(--instant-apps-export-text-color)}.instant-apps-export calcite-popover{--calcite-color-foreground-1:var(--instant-apps-export-background)}.instant-apps-export calcite-switch{--calcite-color-foreground-1:#fff;--calcite-color-foreground-2:#f3f3f3}.instant-apps-export calcite-button:last-of-type{margin-top:0.5rem}.instant-apps-export .calcite-mode-dark calcite-switch{--calcite-color-foreground-1:#2b2b2b;--calcite-color-foreground-2:#202020}.instant-apps-export__compass-container.esri-widget{background:#fff;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.instant-apps-export__compass-container.esri-widget .esri-compass__icon.esri-icon-compass{color:#6e6e6e}.hide{display:none}.screenshotCursor{cursor:crosshair}";export{k as instant_apps_export_views}

package/dist/solutions-components/{p-edfcce2c.entry.js → p-5786b9da.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,c as a,h as n,H as s,g as e,F as i}from"./p-e996c38f.js";import{d as r,e as o,f as l,s as c,h as p,E as u,l as g,j as d,c as h}from"./p-7bf7d67b.js";import"./p-8f973b3d.js";import"./p-438fdc33.js";import"./p-3b3f77bc.js";import"./p-d4056c1c.js";import"./p-3423b5ef.js";import"./p-8717729a.js";const m="instant-apps-components__ckeditor-wrapper",v=class{constructor(n){t(this,n),this.isFocused=a(this,"isFocused",7),this.dataChanged=a(this,"dataChanged",7),this.value=void 0,this.editorInstance=void 0,this.config=void 0}updateValue(){this.value&&this.editorInstance.setData(this.value)}async componentDidLoad(){this.init()}componentDidUpdate(){this.editorInstance.setData(this.value)}render(){return n(s,{key:"26f62d5413e21916b77253476cf48f69682861d5"},n("div",{key:"45a9d7b859a21e49c81afdaa3bdd5074f1428cd5"}))}init(){this.applyStyles(),this.initEditor()}applyStyles(){if(document.getElementById(m))return;const t=document.createElement("style");t.id=m,t.innerHTML="\n  .ck.ck-reset.ck-editor.ck-rounded-corners {\n    margin-top: 10px !important;\n    margin-left: 55px !important;\n  }\n  .ck-editor__editable {\n    height: 70px !important;\n    font-size: 0.875rem !important;\n    line-height: \t1.375 !important;\n    color: var(--calcite-color-text-1) !important;\n  }\n\n  .ck.ck-editor__editable_inline>:first-child,\n  .ck.ck-editor__editable_inline>:last-child {\n    --ck-spacing-large: 0.5rem !important;\n  }\n\n  .ck.ck-balloon-panel.ck-powered-by-balloon {\n    --ck-z-modal: 700;\n    z-index: 700;\n  }\n\n  .calcite-mode-dark .ck-editor__editable {\n    color: var(--calcite-color-text-inverse) !important;\n  }\n",document.head.prepend(t)}async initEditor(){const t=await this.createEditor();t&&(this.editorInstance=t,(this.value||""===this.value)&&t.setData(this.value),t.editing.view.document.on("change:isFocused",this.getEditorFocusedCallback(t)))}async createEditor(){try{let t;return t=this.config?await ClassicEditor.create(this.el,this.config):await ClassicEditor.create(this.el),this.editorInstance=t,Promise.resolve(t)}catch(t){return console.error(t),Promise.reject(null)}}getEditorFocusedCallback(t){return(a,n,s)=>{if(s)this.isFocused.emit();else{const a=t.getData();this.value!==a&&(this.value=a,this.dataChanged.emit(a))}}}get el(){return e(this)}static get watchers(){return{value:["updateValue"]}}};v.style=":host{display:block}";const _="instant-apps-language-translator-item",f={section:`${_}__section`,selected:`${_}__section--selected`,collapsed:`${_}__section--collapsed`,topRow:`${_}__top-row`,labelContainer:`${_}__label-container`,label:`${_}__label`,uiLocationPopoverContent:`${_}__ui-location-popover-content`,uiLocationItems:`${_}__ui-location-items`,uiLocationItem:`${_}__ui-location-item`,infoIcon:`${_}__info-icon`,infoButton:`${_}__info-button`,tip:`${_}__tip`,nestedInput:`${_}__nested-input`},b=class{constructor(n){t(this,n),this.translatorItemDataUpdated=a(this,"translatorItemDataUpdated",7),this.userInputs={},this.translatedInputs={},this.fieldName=void 0,this.translatedLanguageLabels=void 0,this.setting=void 0,this.userLocaleInputOnChangeCallback=void 0,this.translatedLocaleInputOnChangeCallback=void 0}get isTextEditor(){return this.setting.type===r.TextEditor}get calciteMode(){return o()?l.Dark:l.Light}get hasNestedContent(){var t;return!!(null===(t=this.setting)||void 0===t?void 0:t.content)}get tipID(){return`${this.fieldName}goTo`}componentDidLoad(){this.isTextEditor&&c.onChange("uiData",(()=>this.handleEditorCollapse()))}render(){var t;return"content"in this.setting&&(null===(t=this.setting.content)||void 0===t?void 0:t.every((t=>{var a;return 0===(null===(a=null==t?void 0:t.content)||void 0===a?void 0:a.length)})))?n(i,null):n(s,{class:this.calciteMode},this.renderBase(),this.renderPopover())}renderBase(){return n("div",{class:_},this.renderUserLocaleSection(),this.renderTranslatedLanguageSection())}renderPopover(){const t=this.getTip();return n("calcite-popover",{referenceElement:this.tipID,label:"","auto-close":"true",placement:"trailing",closable:!0},n("span",{class:f.uiLocationPopoverContent},n("span",{class:f.uiLocationItems},this.getUILocation()),t?n("span",{class:f.tip},t):null))}renderUserLocaleSection(){const t=this.getUIDataItem(),a=null==t?void 0:t.userLocaleData,s=null==a?void 0:a.value,e=this.setting.id;return n("div",{class:`${f.section}${(null==t?void 0:t.selected)?` ${f.selected}`:""}`},this.renderItemHeader(p.User,null==a?void 0:a.label,e),this.handleInputRender(p.User,s,e))}renderTranslatedLanguageSection(){var t,a;const s=this.getUIDataItem(),e=this.setting.id,i=c.get("currentLanguage"),r=c.get("portalItemResourceT9n"),o=null===(t=this.translatedLanguageLabels)||void 0===t?void 0:t[this.fieldName],l=null===(a=null==r?void 0:r[i])||void 0===a?void 0:a[e];return n("div",{class:`${f.section}${(null==s?void 0:s.selected)?` ${f.selected}`:""}`},this.renderItemHeader(p.Translation,o,e),this.handleInputRender(p.Translation,l,e))}handleInputRender(t,a,n){const s=this.getUIDataItem();return(null==s?void 0:s.expanded)?this.hasNestedContent?this.renderNestedInputs(t):this.renderInput(t,a,n):null}renderNestedInputs(t,a){const n=null!=a?a:this.setting,{content:s}=n;return null==s?void 0:s.map((a=>a.hasOwnProperty("content")?this.renderNestedInputs(t,a):this.renderNestedInput(t,a)))}renderNestedInput(t,a){var s;const e=c.get("currentLanguage"),i=c.get("portalItemResourceT9n"),r=null==a?void 0:a.id,o=null==i?void 0:i[e],l=null==o?void 0:o[r],{label:u,value:g,id:d}=a,h=t===p.Translation?null===(s=this.translatedLanguageLabels)||void 0===s?void 0:s[d]:u,m=t===p.User?g:l;return n("div",{class:f.nestedInput},this.renderItemHeader(t,h,r,a),this.renderInput(t,m,r,a))}renderItemHeader(t,a,s,e){const i=!this.hasNestedContent||!!e;return n("div",{class:f.topRow},this.renderItemHeaderLabel(t,a,e),i?this.renderCopyButton(t,s):null)}renderItemHeaderLabel(t,a,s){const e=t===p.User&&!s;return n("div",{class:f.labelContainer},s?null:this.renderExpandCollapseButton(),n("calcite-icon",{icon:this.getIcon(s),scale:"s"}),n("span",{class:f.label},a),e?this.renderInfoButton():null)}renderExpandCollapseButton(){const t=this.getUIDataItem(),a=(null==t?void 0:t.expanded)?u.Expanded:u.Collapsed;return n("calcite-action",{onClick:this.handleExpand.bind(this,t),icon:a,scale:"s",appearance:"transparent",text:""})}renderInfoButton(){return n("button",{id:this.tipID,class:f.infoButton},n("calcite-icon",{class:f.infoIcon,icon:u.Popover,scale:"s"}))}renderCopyButton(t,a){return n("calcite-action",{class:this.calciteMode,onClick:this.copySelection.bind(this,t,a),slot:"action",icon:u.Copy,appearance:"transparent",text:""})}renderInput(t,a,n,s){const e=null!=s?s:this.setting;return"string"===e.type||"textarea"===e.type?t===p.User?this.renderUserLocaleInput(a,n):this.renderTranslatedLanguageInput(a,n):this.renderTextEditor(a,t,n)}renderUserLocaleInput(t,a){return n("calcite-input",{ref:t=>this.userInputs[a]=t,key:a,id:a,class:l.Light,"data-field-name":this.fieldName,value:t,onFocus:this.handleSelection,onCalciteInputChange:this.handleUserInputChange.bind(this)})}renderTranslatedLanguageInput(t,a){return n("calcite-input",{ref:t=>this.translatedInputs[a]=t,key:a,id:a,class:l.Light,"data-field-name":this.fieldName,value:t,onFocus:this.handleSelection,onCalciteInputChange:this.handleTranslatedInputChange.bind(this)})}renderTextEditor(t,a,s){return n("instant-apps-ckeditor-wrapper",{id:s,ref:this.setEditor.bind(this,a),onDataChanged:this.handleTextEditorDataChange.bind(this,a),onIsFocused:this.handleSelection,value:null!=t?t:"","data-field-name":this.fieldName,config:{toolbar:[]}})}getUIDataItem(){if(g.uiData)return g.uiData.get(this.fieldName)}updateT9nStore(t,a){const n=c.get("currentLanguage"),s=d(n,{[t]:a});c.set("portalItemResourceT9n",s)}handleExpand(){const t=this.getUIDataItem();t.expanded=!t.expanded;const a=new Map(g.uiData);a.set(this.fieldName,t),c.set("uiData",a)}handleEditorCollapse(){var t,a;const n=c.get("uiData"),s=null==n?void 0:n.get(this.fieldName);if(!(null==s?void 0:s.expanded)&&(null===(t=this.userEditorWrapper)||void 0===t?void 0:t.editorInstance)&&(null===(a=this.translatedEditorWrapper)||void 0===a?void 0:a.editorInstance)){const{userEditorWrapper:t,translatedEditorWrapper:a}=this,n=t.editorInstance.getData();t.value=n;const s=a.editorInstance.getData();a.value=s,t.editorInstance.destroy(),a.editorInstance.destroy()}}handleSelection(t){const a=new Map(g.uiData),n=h();n.forEach((t=>{(null==a?void 0:a.get(t)).selected=!1})),n.forEach((n=>{const s=null==t?void 0:t.target;n===(null==s?void 0:s.getAttribute("data-field-name"))&&((null==a?void 0:a.get(n)).selected=!0)})),c.set("uiData",a)}getUILocation(){const t=this.getUIDataItem(),{uiLocation:a,userLocaleData:s}=t,{section:e,subsection:i}=a,r=[e.label,i.label,s.label].filter((t=>!!t));return r.map(((t,a)=>n("span",{class:f.uiLocationItem},n("span",null,t),a!==r.length-1?n("calcite-icon",{icon:"chevron-right",scale:"s"}):null)))}getTip(){const t=this.getUIDataItem(),{tip:a}=t;return a}copySelection(t,a){this.setting.type===r.TextEditor?this.copyTextEditorContent(t):this.copyCalciteInputContent(a,t)}copyTextEditorContent(t){var a,n;const s=t===p.User?null===(a=this.userEditorWrapper)||void 0===a?void 0:a.editorInstance:null===(n=this.translatedEditorWrapper)||void 0===n?void 0:n.editorInstance;setTimeout((()=>{this.selectContent(s),setTimeout((()=>this.selectContent(s)),50)}),50),this.copyContent(s)}selectContent(t){t.editing.view.focus();const{model:a}=t,n=a.createRangeIn(a.document.getRoot());a.change((t=>t.setSelection(n)))}copyContent(t){const a=t.getData(),n=document.createElement("div");n.contentEditable="true",n.innerHTML=a,document.body.appendChild(n);const s=document.createRange();s.selectNodeContents(n);const e=window.getSelection();null==e||e.removeAllRanges(),null==e||e.addRange(s),document.execCommand("copy"),document.body.removeChild(n)}copyCalciteInputContent(t,a){const n=a===p.User?this.userInputs[t]:this.translatedInputs[t];n&&(n.selectText(),navigator.clipboard.writeText(n.value))}setEditor(t,a){t===p.User?this.userEditorWrapper=a:this.translatedEditorWrapper=a}async handleUserInputChange(t){c.set("saving",!0);try{const a=t.target,n=a.id,s=a.value;this.getUIDataItem().userLocaleData.value=s,await this.userLocaleInputOnChangeCallback(n,s),c.set("saving",!1)}catch(t){c.set("saving",!1)}}async handleUserTextEditorChange(t){c.set("saving",!0);try{const a=t.detail,n=t.target.id;this.getUIDataItem().userLocaleData.value=a,await this.userLocaleInputOnChangeCallback(n,a),c.set("saving",!1)}catch(t){c.set("saving",!1)}}async handleTranslatedInputChange(t){c.set("saving",!0);try{const a=t.composedPath()[0],n=a.id;this.updateT9nStore(n,a.value);const{locale:s,resource:e}=this.getTranslatedLocaleCallbackData(),i=t.target.value;await this.translatedLocaleInputOnChangeCallback(n,i,s,e),setTimeout((()=>c.set("saving",!1)),1500),this.translatorItemDataUpdated.emit()}catch(t){console.error("Error writing to portal item resource: ",t),c.set("saving",!1)}}async handleTranslatedTextEditorChange(t){c.set("saving",!0);try{const a=t.target.id;this.updateT9nStore(a,t.detail);const{locale:n,resource:s}=this.getTranslatedLocaleCallbackData(),e=t.detail;await this.translatedLocaleInputOnChangeCallback(a,e,n,s),setTimeout((()=>c.set("saving",!1)),1500),this.translatorItemDataUpdated.emit()}catch(t){console.error("Error writing to portal item resource: ",t),c.set("saving",!1)}}handleTextEditorDataChange(t,a){t===p.User?this.handleUserTextEditorChange(a):this.handleTranslatedTextEditorChange(a)}getTranslatedLocaleCallbackData(){return{locale:c.get("currentLanguage"),resource:c.get("portalItemResource")}}getIcon(t){switch((null!=t?t:this.setting).stringType){case"title":return u.Title;case"subtitle":return u.Subtitle;case"text":return u.Text;case"button":return u.Button;case"string":return u.String;default:return u.SettingIndicator}}};b.style=".sc-instant-apps-language-translator-item-h{display:block}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item.sc-instant-apps-language-translator-item{display:flex}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item{padding:10px;border-bottom:1px solid var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-2);width:49%}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item .instant-apps-language-translator-item__top-row.sc-instant-apps-language-translator-item{display:flex;align-items:center;justify-content:space-between}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item .instant-apps-language-translator-item__label-container.sc-instant-apps-language-translator-item{display:flex;align-items:center}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item .instant-apps-language-translator-item__label.sc-instant-apps-language-translator-item{display:inline-block;margin-left:10px;font-size:14px;font-weight:var(--calcite-font-weight-medium)}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item calcite-input.sc-instant-apps-language-translator-item{margin-top:10px;margin-left:55px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--last-item.sc-instant-apps-language-translator-item{border-bottom:none}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--selected.sc-instant-apps-language-translator-item{background-color:#f1faff}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item:first-child{margin-right:1%}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__ui-location-popover-content.sc-instant-apps-language-translator-item{display:inline-block;padding:10px;max-width:400px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__ui-location-items.sc-instant-apps-language-translator-item{display:flex}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__ui-location-item.sc-instant-apps-language-translator-item{display:flex;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:14px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__tip.sc-instant-apps-language-translator-item{display:inline-block;font-size:14px;line-height:22px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__info-icon.sc-instant-apps-language-translator-item{color:var(--calcite-color-brand)}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__info-button.sc-instant-apps-language-translator-item{border:0;background-color:transparent;cursor:pointer}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__nested-input.sc-instant-apps-language-translator-item{margin-left:60px;margin-top:8px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__nested-input.sc-instant-apps-language-translator-item calcite-input.sc-instant-apps-language-translator-item{margin-left:30px}.calcite-mode-dark.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--selected.sc-instant-apps-language-translator-item{background-color:#f1faff;background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}.calcite-mode-dark.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--selected.sc-instant-apps-language-translator-item calcite-action.sc-instant-apps-language-translator-item{--calcite-ui-icon-color:var(--calcite-color-text-inverse)}.calcite-mode-dark.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--selected.sc-instant-apps-language-translator-item calcite-icon.sc-instant-apps-language-translator-item{color:var(--calcite-color-text-inverse)}.instant-apps-language-translator--last-item.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item{border-bottom:none}";const x="instant-apps-language-translator-search",k={base:x,input:`${x}__input`,suggestionList:`${x}__suggestion-list`,suggestionListItem:`${x}__suggestion-list-item`},y=class{constructor(n){t(this,n),this.suggestionSelected=a(this,"suggestionSelected",7),this.t9nPlaceholder=void 0,this.results=[]}render(){return n(s,{key:"80febf289e2bbfcf09636c84b5a5a83e80f377c0"},this.renderSearchInput(),this.renderSuggestions())}renderSearchInput(){return n("calcite-input",{ref:t=>this.searchInput=t,class:k.input,onCalciteInputInput:this.handleSearch.bind(this),type:"search",placeholder:this.t9nPlaceholder,icon:"search"})}renderSuggestions(){return this.results.length>0?this.renderSuggestionList():null}renderSuggestionList(){return n("ul",{class:k.suggestionList},this.results.map((t=>this.renderSuggestionListItem(t))))}renderSuggestionListItem(t){return n("li",{onClick:this.selectSuggestion.bind(this),class:k.suggestionListItem,"data-field-name":t.fieldName},t.userLocaleData.label)}handleSearch(t){var a,n;const s=null===(n=null===(a=t.target.value)||void 0===a?void 0:a.toLowerCase())||void 0===n?void 0:n.trim(),e=c.get("uiData"),i=h(),r=c.get("portalItemResourceT9n"),o=c.get("currentLanguage"),l=r[o],p=this.getSettingDataItems(i).filter(this.matchedResultsCallback(e,l,s,o));this.results=[...p.map((t=>Object.assign({fieldName:t},e.get(t))))]}matchedResultsCallback(t,a,n,s){return e=>{var i;const r=t.get(e),{label:o}=r.userLocaleData,{value:l}=r.userLocaleData,c=t.get("translatedLanguageLabels"),p=null===(i=null==c?void 0:c[s])||void 0===i?void 0:i[e],u=null==a?void 0:a[e],g=this.testUserInput(o,n),d=this.testUserInput(l,n),h=this.testUserInput(p,n),m=this.testUserInput(u,n);return g||d||h||m}}getSettingDataItems(t){return t.filter((t=>"locales"!==t&&"translatedLanguageLabels"!==t))}testUserInput(t,a){var n;return!!(null==t?void 0:t.trim())&&!!(null==a?void 0:a.trim())&&-1!==(null===(n=null==t?void 0:t.toLowerCase())||void 0===n?void 0:n.search(a))}selectSuggestion(t){const a=t.target.getAttribute("data-field-name");this.suggestionSelected.emit(a),this.resetSearchInput()}resetSearchInput(){this.searchInput.value="",this.results=[]}};y.style=".sc-instant-apps-language-translator-search-h{display:block;position:relative}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__input.sc-instant-apps-language-translator-search{width:235.5px}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__suggestion-list.sc-instant-apps-language-translator-search{position:absolute;margin:0;padding:0;width:100%;max-height:30vh;overflow:auto;border-left:none;background-color:var(--calcite-color-foreground-1);border:1px solid #c0c0c0;z-index:702}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__suggestion-list-item.sc-instant-apps-language-translator-search:first-child{border:none}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__suggestion-list-item.sc-instant-apps-language-translator-search{margin-top:0;padding:0.8em 1em;border-top:solid 1px rgba(110, 110, 110, 0.3);display:flex;flex-direction:column;cursor:pointer;word-break:break-word}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__suggestion-list-item.sc-instant-apps-language-translator-search:hover{background-color:var(--calcite-color-foreground-2)}";export{v as instant_apps_ckeditor_wrapper,b as instant_apps_language_translator_item,y as instant_apps_language_translator_search}
+import{r as t,c as a,h as n,H as s,g as e,F as i}from"./p-e996c38f.js";import{d as r,e as o,f as l,s as c,h as p,E as u,l as g,j as d,c as h}from"./p-1e1dfef6.js";import"./p-2884ca49.js";import"./p-08ad0b7a.js";import"./p-0a24ad5f.js";import"./p-d4056c1c.js";import"./p-ac122d9e.js";import"./p-8717729a.js";const m="instant-apps-components__ckeditor-wrapper",v=class{constructor(n){t(this,n),this.isFocused=a(this,"isFocused",7),this.dataChanged=a(this,"dataChanged",7),this.value=void 0,this.editorInstance=void 0,this.config=void 0}updateValue(){this.value&&this.editorInstance.setData(this.value)}async componentDidLoad(){this.init()}componentDidUpdate(){this.editorInstance.setData(this.value)}render(){return n(s,{key:"26f62d5413e21916b77253476cf48f69682861d5"},n("div",{key:"45a9d7b859a21e49c81afdaa3bdd5074f1428cd5"}))}init(){this.applyStyles(),this.initEditor()}applyStyles(){if(document.getElementById(m))return;const t=document.createElement("style");t.id=m,t.innerHTML="\n  .ck.ck-reset.ck-editor.ck-rounded-corners {\n    margin-top: 10px !important;\n    margin-left: 55px !important;\n  }\n  .ck-editor__editable {\n    height: 70px !important;\n    font-size: 0.875rem !important;\n    line-height: \t1.375 !important;\n    color: var(--calcite-color-text-1) !important;\n  }\n\n  .ck.ck-editor__editable_inline>:first-child,\n  .ck.ck-editor__editable_inline>:last-child {\n    --ck-spacing-large: 0.5rem !important;\n  }\n\n  .ck.ck-balloon-panel.ck-powered-by-balloon {\n    --ck-z-modal: 700;\n    z-index: 700;\n  }\n\n  .calcite-mode-dark .ck-editor__editable {\n    color: var(--calcite-color-text-inverse) !important;\n  }\n",document.head.prepend(t)}async initEditor(){const t=await this.createEditor();t&&(this.editorInstance=t,(this.value||""===this.value)&&t.setData(this.value),t.editing.view.document.on("change:isFocused",this.getEditorFocusedCallback(t)))}async createEditor(){try{let t;return t=this.config?await ClassicEditor.create(this.el,this.config):await ClassicEditor.create(this.el),this.editorInstance=t,Promise.resolve(t)}catch(t){return console.error(t),Promise.reject(null)}}getEditorFocusedCallback(t){return(a,n,s)=>{if(s)this.isFocused.emit();else{const a=t.getData();this.value!==a&&(this.value=a,this.dataChanged.emit(a))}}}get el(){return e(this)}static get watchers(){return{value:["updateValue"]}}};v.style=":host{display:block}";const _="instant-apps-language-translator-item",f={section:`${_}__section`,selected:`${_}__section--selected`,collapsed:`${_}__section--collapsed`,topRow:`${_}__top-row`,labelContainer:`${_}__label-container`,label:`${_}__label`,uiLocationPopoverContent:`${_}__ui-location-popover-content`,uiLocationItems:`${_}__ui-location-items`,uiLocationItem:`${_}__ui-location-item`,infoIcon:`${_}__info-icon`,infoButton:`${_}__info-button`,tip:`${_}__tip`,nestedInput:`${_}__nested-input`},b=class{constructor(n){t(this,n),this.translatorItemDataUpdated=a(this,"translatorItemDataUpdated",7),this.userInputs={},this.translatedInputs={},this.fieldName=void 0,this.translatedLanguageLabels=void 0,this.setting=void 0,this.userLocaleInputOnChangeCallback=void 0,this.translatedLocaleInputOnChangeCallback=void 0}get isTextEditor(){return this.setting.type===r.TextEditor}get calciteMode(){return o()?l.Dark:l.Light}get hasNestedContent(){var t;return!!(null===(t=this.setting)||void 0===t?void 0:t.content)}get tipID(){return`${this.fieldName}goTo`}componentDidLoad(){this.isTextEditor&&c.onChange("uiData",(()=>this.handleEditorCollapse()))}render(){var t;return"content"in this.setting&&(null===(t=this.setting.content)||void 0===t?void 0:t.every((t=>{var a;return 0===(null===(a=null==t?void 0:t.content)||void 0===a?void 0:a.length)})))?n(i,null):n(s,{class:this.calciteMode},this.renderBase(),this.renderPopover())}renderBase(){return n("div",{class:_},this.renderUserLocaleSection(),this.renderTranslatedLanguageSection())}renderPopover(){const t=this.getTip();return n("calcite-popover",{referenceElement:this.tipID,label:"","auto-close":"true",placement:"trailing",closable:!0},n("span",{class:f.uiLocationPopoverContent},n("span",{class:f.uiLocationItems},this.getUILocation()),t?n("span",{class:f.tip},t):null))}renderUserLocaleSection(){const t=this.getUIDataItem(),a=null==t?void 0:t.userLocaleData,s=null==a?void 0:a.value,e=this.setting.id;return n("div",{class:`${f.section}${(null==t?void 0:t.selected)?` ${f.selected}`:""}`},this.renderItemHeader(p.User,null==a?void 0:a.label,e),this.handleInputRender(p.User,s,e))}renderTranslatedLanguageSection(){var t,a;const s=this.getUIDataItem(),e=this.setting.id,i=c.get("currentLanguage"),r=c.get("portalItemResourceT9n"),o=null===(t=this.translatedLanguageLabels)||void 0===t?void 0:t[this.fieldName],l=null===(a=null==r?void 0:r[i])||void 0===a?void 0:a[e];return n("div",{class:`${f.section}${(null==s?void 0:s.selected)?` ${f.selected}`:""}`},this.renderItemHeader(p.Translation,o,e),this.handleInputRender(p.Translation,l,e))}handleInputRender(t,a,n){const s=this.getUIDataItem();return(null==s?void 0:s.expanded)?this.hasNestedContent?this.renderNestedInputs(t):this.renderInput(t,a,n):null}renderNestedInputs(t,a){const n=null!=a?a:this.setting,{content:s}=n;return null==s?void 0:s.map((a=>a.hasOwnProperty("content")?this.renderNestedInputs(t,a):this.renderNestedInput(t,a)))}renderNestedInput(t,a){var s;const e=c.get("currentLanguage"),i=c.get("portalItemResourceT9n"),r=null==a?void 0:a.id,o=null==i?void 0:i[e],l=null==o?void 0:o[r],{label:u,value:g,id:d}=a,h=t===p.Translation?null===(s=this.translatedLanguageLabels)||void 0===s?void 0:s[d]:u,m=t===p.User?g:l;return n("div",{class:f.nestedInput},this.renderItemHeader(t,h,r,a),this.renderInput(t,m,r,a))}renderItemHeader(t,a,s,e){const i=!this.hasNestedContent||!!e;return n("div",{class:f.topRow},this.renderItemHeaderLabel(t,a,e),i?this.renderCopyButton(t,s):null)}renderItemHeaderLabel(t,a,s){const e=t===p.User&&!s;return n("div",{class:f.labelContainer},s?null:this.renderExpandCollapseButton(),n("calcite-icon",{icon:this.getIcon(s),scale:"s"}),n("span",{class:f.label},a),e?this.renderInfoButton():null)}renderExpandCollapseButton(){const t=this.getUIDataItem(),a=(null==t?void 0:t.expanded)?u.Expanded:u.Collapsed;return n("calcite-action",{onClick:this.handleExpand.bind(this,t),icon:a,scale:"s",appearance:"transparent",text:""})}renderInfoButton(){return n("button",{id:this.tipID,class:f.infoButton},n("calcite-icon",{class:f.infoIcon,icon:u.Popover,scale:"s"}))}renderCopyButton(t,a){return n("calcite-action",{class:this.calciteMode,onClick:this.copySelection.bind(this,t,a),slot:"action",icon:u.Copy,appearance:"transparent",text:""})}renderInput(t,a,n,s){const e=null!=s?s:this.setting;return"string"===e.type||"textarea"===e.type?t===p.User?this.renderUserLocaleInput(a,n):this.renderTranslatedLanguageInput(a,n):this.renderTextEditor(a,t,n)}renderUserLocaleInput(t,a){return n("calcite-input",{ref:t=>this.userInputs[a]=t,key:a,id:a,class:l.Light,"data-field-name":this.fieldName,value:t,onFocus:this.handleSelection,onCalciteInputChange:this.handleUserInputChange.bind(this)})}renderTranslatedLanguageInput(t,a){return n("calcite-input",{ref:t=>this.translatedInputs[a]=t,key:a,id:a,class:l.Light,"data-field-name":this.fieldName,value:t,onFocus:this.handleSelection,onCalciteInputChange:this.handleTranslatedInputChange.bind(this)})}renderTextEditor(t,a,s){return n("instant-apps-ckeditor-wrapper",{id:s,ref:this.setEditor.bind(this,a),onDataChanged:this.handleTextEditorDataChange.bind(this,a),onIsFocused:this.handleSelection,value:null!=t?t:"","data-field-name":this.fieldName,config:{toolbar:[]}})}getUIDataItem(){if(g.uiData)return g.uiData.get(this.fieldName)}updateT9nStore(t,a){const n=c.get("currentLanguage"),s=d(n,{[t]:a});c.set("portalItemResourceT9n",s)}handleExpand(){const t=this.getUIDataItem();t.expanded=!t.expanded;const a=new Map(g.uiData);a.set(this.fieldName,t),c.set("uiData",a)}handleEditorCollapse(){var t,a;const n=c.get("uiData"),s=null==n?void 0:n.get(this.fieldName);if(!(null==s?void 0:s.expanded)&&(null===(t=this.userEditorWrapper)||void 0===t?void 0:t.editorInstance)&&(null===(a=this.translatedEditorWrapper)||void 0===a?void 0:a.editorInstance)){const{userEditorWrapper:t,translatedEditorWrapper:a}=this,n=t.editorInstance.getData();t.value=n;const s=a.editorInstance.getData();a.value=s,t.editorInstance.destroy(),a.editorInstance.destroy()}}handleSelection(t){const a=new Map(g.uiData),n=h();n.forEach((t=>{(null==a?void 0:a.get(t)).selected=!1})),n.forEach((n=>{const s=null==t?void 0:t.target;n===(null==s?void 0:s.getAttribute("data-field-name"))&&((null==a?void 0:a.get(n)).selected=!0)})),c.set("uiData",a)}getUILocation(){const t=this.getUIDataItem(),{uiLocation:a,userLocaleData:s}=t,{section:e,subsection:i}=a,r=[e.label,i.label,s.label].filter((t=>!!t));return r.map(((t,a)=>n("span",{class:f.uiLocationItem},n("span",null,t),a!==r.length-1?n("calcite-icon",{icon:"chevron-right",scale:"s"}):null)))}getTip(){const t=this.getUIDataItem(),{tip:a}=t;return a}copySelection(t,a){this.setting.type===r.TextEditor?this.copyTextEditorContent(t):this.copyCalciteInputContent(a,t)}copyTextEditorContent(t){var a,n;const s=t===p.User?null===(a=this.userEditorWrapper)||void 0===a?void 0:a.editorInstance:null===(n=this.translatedEditorWrapper)||void 0===n?void 0:n.editorInstance;setTimeout((()=>{this.selectContent(s),setTimeout((()=>this.selectContent(s)),50)}),50),this.copyContent(s)}selectContent(t){t.editing.view.focus();const{model:a}=t,n=a.createRangeIn(a.document.getRoot());a.change((t=>t.setSelection(n)))}copyContent(t){const a=t.getData(),n=document.createElement("div");n.contentEditable="true",n.innerHTML=a,document.body.appendChild(n);const s=document.createRange();s.selectNodeContents(n);const e=window.getSelection();null==e||e.removeAllRanges(),null==e||e.addRange(s),document.execCommand("copy"),document.body.removeChild(n)}copyCalciteInputContent(t,a){const n=a===p.User?this.userInputs[t]:this.translatedInputs[t];n&&(n.selectText(),navigator.clipboard.writeText(n.value))}setEditor(t,a){t===p.User?this.userEditorWrapper=a:this.translatedEditorWrapper=a}async handleUserInputChange(t){c.set("saving",!0);try{const a=t.target,n=a.id,s=a.value;this.getUIDataItem().userLocaleData.value=s,await this.userLocaleInputOnChangeCallback(n,s),c.set("saving",!1)}catch(t){c.set("saving",!1)}}async handleUserTextEditorChange(t){c.set("saving",!0);try{const a=t.detail,n=t.target.id;this.getUIDataItem().userLocaleData.value=a,await this.userLocaleInputOnChangeCallback(n,a),c.set("saving",!1)}catch(t){c.set("saving",!1)}}async handleTranslatedInputChange(t){c.set("saving",!0);try{const a=t.composedPath()[0],n=a.id;this.updateT9nStore(n,a.value);const{locale:s,resource:e}=this.getTranslatedLocaleCallbackData(),i=t.target.value;await this.translatedLocaleInputOnChangeCallback(n,i,s,e),setTimeout((()=>c.set("saving",!1)),1500),this.translatorItemDataUpdated.emit()}catch(t){console.error("Error writing to portal item resource: ",t),c.set("saving",!1)}}async handleTranslatedTextEditorChange(t){c.set("saving",!0);try{const a=t.target.id;this.updateT9nStore(a,t.detail);const{locale:n,resource:s}=this.getTranslatedLocaleCallbackData(),e=t.detail;await this.translatedLocaleInputOnChangeCallback(a,e,n,s),setTimeout((()=>c.set("saving",!1)),1500),this.translatorItemDataUpdated.emit()}catch(t){console.error("Error writing to portal item resource: ",t),c.set("saving",!1)}}handleTextEditorDataChange(t,a){t===p.User?this.handleUserTextEditorChange(a):this.handleTranslatedTextEditorChange(a)}getTranslatedLocaleCallbackData(){return{locale:c.get("currentLanguage"),resource:c.get("portalItemResource")}}getIcon(t){switch((null!=t?t:this.setting).stringType){case"title":return u.Title;case"subtitle":return u.Subtitle;case"text":return u.Text;case"button":return u.Button;case"string":return u.String;default:return u.SettingIndicator}}};b.style=".sc-instant-apps-language-translator-item-h{display:block}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item.sc-instant-apps-language-translator-item{display:flex}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item{padding:10px;border-bottom:1px solid var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-2);width:49%}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item .instant-apps-language-translator-item__top-row.sc-instant-apps-language-translator-item{display:flex;align-items:center;justify-content:space-between}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item .instant-apps-language-translator-item__label-container.sc-instant-apps-language-translator-item{display:flex;align-items:center}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item .instant-apps-language-translator-item__label.sc-instant-apps-language-translator-item{display:inline-block;margin-left:10px;font-size:14px;font-weight:var(--calcite-font-weight-medium)}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item calcite-input.sc-instant-apps-language-translator-item{margin-top:10px;margin-left:55px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--last-item.sc-instant-apps-language-translator-item{border-bottom:none}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--selected.sc-instant-apps-language-translator-item{background-color:#f1faff}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item:first-child{margin-right:1%}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__ui-location-popover-content.sc-instant-apps-language-translator-item{display:inline-block;padding:10px;max-width:400px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__ui-location-items.sc-instant-apps-language-translator-item{display:flex}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__ui-location-item.sc-instant-apps-language-translator-item{display:flex;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:14px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__tip.sc-instant-apps-language-translator-item{display:inline-block;font-size:14px;line-height:22px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__info-icon.sc-instant-apps-language-translator-item{color:var(--calcite-color-brand)}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__info-button.sc-instant-apps-language-translator-item{border:0;background-color:transparent;cursor:pointer}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__nested-input.sc-instant-apps-language-translator-item{margin-left:60px;margin-top:8px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__nested-input.sc-instant-apps-language-translator-item calcite-input.sc-instant-apps-language-translator-item{margin-left:30px}.calcite-mode-dark.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--selected.sc-instant-apps-language-translator-item{background-color:#f1faff;background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}.calcite-mode-dark.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--selected.sc-instant-apps-language-translator-item calcite-action.sc-instant-apps-language-translator-item{--calcite-ui-icon-color:var(--calcite-color-text-inverse)}.calcite-mode-dark.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--selected.sc-instant-apps-language-translator-item calcite-icon.sc-instant-apps-language-translator-item{color:var(--calcite-color-text-inverse)}.instant-apps-language-translator--last-item.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item{border-bottom:none}";const x="instant-apps-language-translator-search",k={base:x,input:`${x}__input`,suggestionList:`${x}__suggestion-list`,suggestionListItem:`${x}__suggestion-list-item`},y=class{constructor(n){t(this,n),this.suggestionSelected=a(this,"suggestionSelected",7),this.t9nPlaceholder=void 0,this.results=[]}render(){return n(s,{key:"80febf289e2bbfcf09636c84b5a5a83e80f377c0"},this.renderSearchInput(),this.renderSuggestions())}renderSearchInput(){return n("calcite-input",{ref:t=>this.searchInput=t,class:k.input,onCalciteInputInput:this.handleSearch.bind(this),type:"search",placeholder:this.t9nPlaceholder,icon:"search"})}renderSuggestions(){return this.results.length>0?this.renderSuggestionList():null}renderSuggestionList(){return n("ul",{class:k.suggestionList},this.results.map((t=>this.renderSuggestionListItem(t))))}renderSuggestionListItem(t){return n("li",{onClick:this.selectSuggestion.bind(this),class:k.suggestionListItem,"data-field-name":t.fieldName},t.userLocaleData.label)}handleSearch(t){var a,n;const s=null===(n=null===(a=t.target.value)||void 0===a?void 0:a.toLowerCase())||void 0===n?void 0:n.trim(),e=c.get("uiData"),i=h(),r=c.get("portalItemResourceT9n"),o=c.get("currentLanguage"),l=r[o],p=this.getSettingDataItems(i).filter(this.matchedResultsCallback(e,l,s,o));this.results=[...p.map((t=>Object.assign({fieldName:t},e.get(t))))]}matchedResultsCallback(t,a,n,s){return e=>{var i;const r=t.get(e),{label:o}=r.userLocaleData,{value:l}=r.userLocaleData,c=t.get("translatedLanguageLabels"),p=null===(i=null==c?void 0:c[s])||void 0===i?void 0:i[e],u=null==a?void 0:a[e],g=this.testUserInput(o,n),d=this.testUserInput(l,n),h=this.testUserInput(p,n),m=this.testUserInput(u,n);return g||d||h||m}}getSettingDataItems(t){return t.filter((t=>"locales"!==t&&"translatedLanguageLabels"!==t))}testUserInput(t,a){var n;return!!(null==t?void 0:t.trim())&&!!(null==a?void 0:a.trim())&&-1!==(null===(n=null==t?void 0:t.toLowerCase())||void 0===n?void 0:n.search(a))}selectSuggestion(t){const a=t.target.getAttribute("data-field-name");this.suggestionSelected.emit(a),this.resetSearchInput()}resetSearchInput(){this.searchInput.value="",this.results=[]}};y.style=".sc-instant-apps-language-translator-search-h{display:block;position:relative}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__input.sc-instant-apps-language-translator-search{width:235.5px}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__suggestion-list.sc-instant-apps-language-translator-search{position:absolute;margin:0;padding:0;width:100%;max-height:30vh;overflow:auto;border-left:none;background-color:var(--calcite-color-foreground-1);border:1px solid #c0c0c0;z-index:702}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__suggestion-list-item.sc-instant-apps-language-translator-search:first-child{border:none}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__suggestion-list-item.sc-instant-apps-language-translator-search{margin-top:0;padding:0.8em 1em;border-top:solid 1px rgba(110, 110, 110, 0.3);display:flex;flex-direction:column;cursor:pointer;word-break:break-word}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__suggestion-list-item.sc-instant-apps-language-translator-search:hover{background-color:var(--calcite-color-foreground-2)}";export{v as instant_apps_ckeditor_wrapper,b as instant_apps_language_translator_item,y as instant_apps_language_translator_search}