@esri/solutions-components 1.0.0-next.20250501.1 → 1.0.0-next.20250501.2

package/dist/cdn/4BFOGSD7.js

@@ -1,289 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250501 */
-import{a as f}from"./26STIPX4.js";import{e as b}from"./ROJP3BVV.js";import{c as u,n as g,t as _,z as x}from"./QJLYBT43.js";import"./6ZRQCBMV.js";import{a as m,c as a,d as w,e as v,f as y}from"./G7MUJYUQ.js";import"./NTX6LIB3.js";var k=`
-  @media print {
-    @page {
-      size:  Portrait;
-      margin: .25in;
-    }
-
-    html, body {
-      padding: 0;
-      margin: 0;
-      height: 100%;
-      width: 100%;
-    }
-
-    body > *:not(.instant-apps-export-print) { display: none; }
-  }
-
-  * {
-    -webkit-print-color-adjust: exact;
-    color-adjust: exact;
-  }
-
-  instant-apps-header {
-    height: 50px;
-    display: block;
-  }
-
-
-  .instant-apps-export-print {
-    z-index: -999;
-    color: #323232 !important;
-    display: grid;
-    grid-auto-flow: row;
-    --esri-calcite-mode-name: "light";
-    position: absolute;
-  }
-
-  .instant-apps-export-print__view-header {
-    background: #fff;
-  }
-
-  .instant-apps-export-print__view-header h1 {
-    font-size: 16px;
-    font-weight: 500;
-    color: #323232;
-    margin: 6px;
-  }
-
-  .instant-apps-export-print__views-container {
-    height: 100%;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .instant-apps-export-print__view-content:first-child {
-    page-break-before: unset;
-  } 
-
-  .instant-apps-export-print__view-content {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    gap: 32px;
-    page-break-before: always;
-  }
-
-  .instant-apps-export-print, .instant-apps-export-print * {
-    box-sizing: border-box;
-  }
-
-  .instant-apps-export-print__view-section {
-    height: 100%;
-  }
-
-  .instant-apps-export-print__view-container {
-    height: 100%;
-    width: 100%;
-    break-inside: avoid;
-  }
-
-  .instant-apps-export-print__view-wrapper {
-    height: fit-content;
-    width: min-content;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    border: 2pt solid #323232;
-    overflow: hidden;
-  }
-
-  .instant-apps-export-print__view {
-    max-height: 60vh;
-    max-width: calc(100vw - .25in);
-    object-fit: contain;
-  }
-
-  .instant-apps-export-print__popup-container {
-    height: min-content;
-    max-width: 350px;
-    display: none;
-    color: #323232;
-    background: #fff;
-    border: 1pt solid #323232;
-    break-inside: avoid;
-  }
-
-  .instant-apps-export-print__popup-title {
-    border-bottom: 1pt solid #323232;
-  }
-
-  .instant-apps-export-print__popup-content {
-    background: #fff;
-    padding-top: 8pt;
-  }
-
-  .instant-apps-export-print__popup-content .esri-feature-media__chart {
-    background: #fff;
-  }
-
-  .instant-apps-export-print__legend-container {
-    height: min-content;
-    background: #fff;
-    overflow: unset;
-  }
-
-  .esri-legend--card, .esri-legend--card__service-content {
-    flex-flow: row wrap;
-  }
-
-  .instant-apps-export-print .esri-widget > *:not(.esri-scale-bar.esri-widget > *) {
-    background: #fff;
-    color: #323232;
-  }
-
-  .instant-apps-export-print__popup-content * {
-    color: #323232;
-  }
-
-  .instant-apps-export-print .esri-widget__heading {
-    margin: 2pt 7pt;
-    padding: 0;
-    color: #323232;
-  }
-
-  .instant-apps-export-print .esri-legend__ramp-label:before {
-    border-color: rgba(0,0,0,0) rgba(50,50,50,.8) rgba(0,0,0,0) rgba(0,0,0,0);
-  }
-
-  .instant-apps-export-print .esri-legend--card__section {
-    padding: 4pt 0 4pt;
-    min-width: unset;
-    border-left: none;
-  }
-
-  .instant-apps-export-print .esri-legend--card__section:first-child {
-    border-left: none;
-  }
-
-  .instant-apps-export-print .esri-legend--card__service {
-    border: none;
-    flex: 0 1 auto;
-    break-inside: avoid;
-  }
-
-  .instant-apps-export-print .esri-legend--card {
-    border: none;
-    gap: 6pt 12pt;
-  }
-
-  .instant-apps-export-print .esri-legend--card:not(:first-child),
-  .instant-apps-export-print .esri-compass.esri-widget:not(:first-child) {
-    display: none;
-  }
-
-  .instant-apps-export-print .esri-legend--card__service-caption-container {
-    height: unset;
-    padding: 0;
-    border-bottom: none;
-  }
-
-  .instant-apps-export-print .esri-legend--card__service-caption-text {
-    padding-bottom: 4px;
-  }
-
-  .instant-apps-export-print__compass-container {
-    position: absolute;
-    top: 65px;
-    left: 15px;
-    background: #fff;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-    --calcite-ui-icon-color: #000;
-    border-radius: 50%;
-    height: fit-content;
-  }
-
-  .instant-apps-export-print__compass-container .esri-compass {
-    background: #fff;
-  }
-
-  .instant-apps-export-print__compass-container .esri-compass__icon.esri-icon-compass {
-    color: #000;
-  }
-
-  .instant-apps-export-print__compass-container.esri-compass.esri-widget--button {
-    background: #fff;
-  }
-
-  .instant-apps-export-print__scale-bar-container {
-    width: 100%;
-    position: absolute;
-    bottom: 15px;
-    margin: 0 15px;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label {
-    color: #323232;
-    font-size: 10px;
-    padding: 0 4px;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label-container--line {
-    height: 16px;
-    overflow: hidden;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label-container--top {
-    bottom: 1px;
-  }
-  
-  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__label {
-    height: 10px;
-    padding: 0 2px;
-    line-height: 11px;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__bar-container:nth-child(1n+3) {
-    display: none;
-  }
-
-  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__bar-container.esri-scale-bar__bar-container--line {
-    align-items: center;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line {
-    background-color: rgba(255, 255, 255, 0.66);
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top {
-    width: var(--instant-apps-scale-bar-top) !important;
-    border-bottom: 2px solid #323232;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom {
-    width: var(--instant-apps-scale-bar-bottom) !important;
-    border-top: 2px solid #323232;
-  }
-
-  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__label-container--line {
-    position: unset;
-    margin: 0 2px;
-    background-color: rgba(255, 255, 255, 0.66);
-    height: 10px;
-    display: flex;
-    align-items: center;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top:before,
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top:after,
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom:before,
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom:after {
-    background-color: #323232;
-    border-right: 2px solid #323232;
-  }
-
-  .instant-apps-export-print__popup-container .esri-feature-media__item-navigation {
-    display: none;
-  }
-
-  .instant-apps-export-print__popup-container .esri-feature-media__chart.esri-feature-media__chart--rendered * {
-    width: 100%!important;
-  }
-
-  .instant-apps-export-print__popup-content .esri-popup__content {
-    margin: 0;
-  }`,S=":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}.calcite-mode-dark.instant-apps-export calcite-switch{--calcite-color-foreground-1:#2b2b2b;--calcite-color-foreground-2:#202020}.calcite-mode-dark.instant-apps-export .instant-apps-export__set-map-area{--calcite-color-brand-hover:#fff}.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}",P=S,o={baseDark:"instant-apps-export calcite-mode-dark",baseLight:"instant-apps-export calcite-mode-light",inlineContainer:"instant-apps-export__inline-container",popoverContainer:"instant-apps-export__popover-container",hidden:"instant-apps-export__visually-hidden",print:{base:"instant-apps-export-print",legendContainer:"instant-apps-export-print__legend-container",compassContainer:"instant-apps-export-print__compass-container",scaleBarContainer:"instant-apps-export-print__scale-bar-container",popupContainer:"instant-apps-export-print__popup-container",popupContent:"instant-apps-export-print__popup-content",popupTitle:"instant-apps-export-print__popup-title",view:"instant-apps-export-print__view",viewContainer:"instant-apps-export-print__view-container",viewsContainer:"instant-apps-export-print__views-container",viewSection:"instant-apps-export-print__view-section",viewWrapper:"instant-apps-export-print__view-wrapper",viewContent:"instant-apps-export-print__view-content",viewHeader:"instant-apps-export-print__view-header"}},I=class{constructor(t){m(this,t),this.exportOutputUpdated=y(this,"exportOutputUpdated",7),this.legends={},this.compasses={},this.output=void 0,this.beforeExport=async()=>await 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=o.baseLight,this.exportIsLoading=void 0,this.messages=void 0}watchIncludeMap(t){t&&this.exportViews?.forEach(({view:e},n)=>{if(!this.printEl)return;let i=this.printEl.querySelector(`#legend-${n}`);i!=null&&this.updateLegend(e,n,i)})}watchView(){this.exportViews?.forEach(({view:t},e)=>{this.handleIncludePopup(t,e)})}async componentWillLoad(){this.baseClass=f(this.el)==="dark"?o.baseDark:o.baseLight,await b(this),await this.initializeModules()}componentDidLoad(){this.printEl&&(this.printContainerEl?.prepend(this.printEl),this.exportViews?.forEach(({view:t},e)=>{this.handleIncludePopup(t,e)}))}componentDidUpdate(){this.exportViews?.forEach(({view:t},e)=>{if(!this.printEl)return;let n=this.printEl.querySelector(`#legend-${e}`);this.updateLegend(t,e,n)})}async initializeModules(){let t=await x();return this.handles=await u(),this.reactiveUtils=t,await Promise.resolve(!0)}render(){let t=this.mode==="popover"?this.renderPopover():this.renderPanel();return a(w,{key:"9d15cda5065a8d645908cdcc46ef150f9c850c16"},a("div",{key:"beb4f074cc400ecf89068419018a2ab3e2a42911",class:this.baseClass,onMouseEnter:this.handleWidgetCreation.bind(this),onFocusin:this.handleWidgetCreation.bind(this)},t))}renderPopover(){let t=this.renderPanel();return[a("calcite-popover",{referenceElement:"export-popover-btn",label:this.messages?.exportPopover,overlayPositioning:this.popoverPositioning,placement:this.popoverPlacement,autoClose:!0,ref:e=>this.popoverEl=e},t),a("calcite-action",{id:"export-popover-btn",alignment:"center",icon:this.popoverIcon,scale:this.scale,title:this.messages?.exportBtn,text:this.messages?.exportBtn})]}renderPanel(){let t=this.showIncludeMap?this.renderSwitch("includeMap"):null,e=this.includeMap?this.renderMapOptions():null,n=this.renderPrint(),i=this.mode==="inline"?o.inlineContainer:o.popoverContainer;return a("div",{class:i},t,e,a("calcite-button",{width:"full",onClick:this.exportOnClick.bind(this),disabled:this.exportIsLoading},this.messages?.export),n)}renderSwitch(t,e){let i=this[t],r=t,p=e||this.messages?.[r];return a("calcite-label",{layout:"inline-space-between"},p,a("calcite-switch",{checked:i,value:t,onCalciteSwitchChange:this.optionOnChange.bind(this)}))}renderMapOptions(){let t=this.showIncludeHeader?this.renderSwitch("includeHeader"):null,e=this.showIncludeLegend?this.renderSwitch("includeLegend"):null,n=this.showIncludePopup?this.renderSwitch("includePopup"):null;return a("div",null,t,e,n)}renderPrint(){return a("div",{ref:t=>this.printContainerEl=t},a("div",{class:o.print.base,ref:t=>this.printEl=t},a("div",{class:o.print.viewsContainer},this.exportViews?.map(({title:t,view:e},n)=>{let i=e.map?.portalItem?.id,r=this.includeMap?this.renderPrintMap(t,n):null,p=this.includeMap&&this.showIncludeLegend?this.renderLegend(n):null,s=this.includeMap&&this.showIncludePopup?this.renderPopup(n):null;return a("div",{key:i??"",id:`print-${n}`,class:o.print.viewContent},r,p,s)}))))}renderPrintMap(t,e){return a("div",{id:`view-container-${e}`,class:o.print.viewContainer},a("div",{id:`view-wrapper-${e}`,class:o.print.viewWrapper},this.includeHeader&&t?a("div",{class:o.print.viewHeader},a("h1",null,t)):null,a("img",{id:`view-${e}`,class:o.print.view}),a("div",{id:`scale-bar-container-${e}`,class:o.print.scaleBarContainer})))}renderLegend(t){return a("div",{id:`legend-${t}`,class:o.print.legendContainer})}renderCompass(t){return a("div",{id:`compass-${t}`,class:o.print.compassContainer})}renderPopup(t){return a("div",{id:`popup-${t}`,class:o.print.popupContainer},a("div",{id:`popup-title-${t}`,class:o.print.popupTitle}),a("div",{id:`popup-content-${t}`,class:o.print.popupContent}))}optionOnChange(t){let e=t.target,{checked:n,value:i}=e;this[i]=n,this.updateExportOutput()}async exportOnClick(){await this.beforeExport(),this.exportViews?.length?(this.addPrintStyling(),this.printEl&&document.body.prepend(this.printEl),this.exportViews.forEach(({view:t},e)=>{this.handleViewExportOnClick(t,e)}),this.handleImgLoaded()):this.popoverEl!=null&&(this.popoverEl.open=!1)}async handleViewExportOnClick(t,e){this.includeMap&&(this.updateScaleBar(t,e),this.updatePopupToPrint(t,e),this.viewScreenshot(t,e),this.handleLegendSetup(e))}addPrintStyling(){this.printStyleEl==null&&(this.printStyleEl=document.createElement("style"),this.printStyleEl.innerHTML=k,document.body.prepend(this.printStyleEl))}handleImgLoaded(){this.exportIsLoading=!0,setTimeout(()=>{this.exportIsLoading=void 0,this.setupViewPrintElements()},1500)}resetPrintContent(){this.printEl&&(this.printContainerEl?.prepend(this.printEl),this.printStyleEl?.remove(),this.printStyleEl=void 0)}async updatePopupToPrint(t,e){if(!this.printEl)return;let n=this.printEl.querySelector(`#popup-${e}`);if(n!=null&&(n.style.display=this.includePopup&&t?.popup?.visible?"block":"none",this.checkPopupOpen(t,e)),t?.popup?.visible&&t?.popup?.selectedFeature!=null){let i=document.createElement(`h${t?.popup?.headingLevel??2}`);i.innerHTML=t?.popup?.title??"",i.className="esri-widget__heading esri-popup__header-title";let r=this.printEl.querySelector(`#popup-title-${e}`);r!=null&&(r.style.display=t?.popup?.title?"block":"none",r.innerHTML="",r.prepend(i))}}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(){let t=document.title;window.print(),document.title=t,setTimeout(()=>{this.resetPrintContent()},1500)}handleLegendSetup(t){if(!this.printEl)return;let e=this.printEl.querySelector(`#legend-${t}`);if(this.showIncludeLegend&&this.includeMap&&e){let n=this.legends[t],i=n!=null&&n.activeLayerInfos?.length>0;e.style.display=this.includeLegend&&i?"block":"none"}}handleWidgetCreation(){this.includeMap&&this.exportViews?.forEach(({view:t},e)=>{this.handleLegendCreation(t,e)})}handleIncludePopup(t,e){if(!(!this.handles||!this.reactiveUtils||!t||!this.showIncludePopup)&&this.showIncludePopup){let n=`includePopup-${e}`;this.handles?.remove(n),this.reactiveUtils.whenOnce(()=>t?.ready).then(()=>{!this.reactiveUtils||!this.handles||this.handles.add(this.reactiveUtils.watch(()=>!!t?.popup?.visible,i=>{this.includePopup=i}),n)})}}handleLegendCreation(t,e){if(!this.printEl)return;let n=this.printEl.querySelector(`#legend-${e}`);if(this.showIncludeLegend&&n!=null){let i=t.map,p=this.legends[e]?.view?.map;i?.portalItem?.id!=null&&i?.portalItem?.id===p?.portalItem?.id||this.updateLegend(t,e,n)}}async updateLegend(t,e,n){t?.when(async i=>{if(this.legends[e]==null&&n!=null){n.innerHTML="";let r=document.createElement("div");n.append(r),this.legends[e]=await _({id:`legend-widget-${e}`,container:r,view:i,style:{type:"card",layout:"side-by-side"}})}})}handleCompassCreation(t,e){if(!this.compassContainerEl)return;let n=this.compassContainerEl.querySelector(`#compass-${e}`);if(n!=null){let i=t.map,p=this.compasses[e]?.view?.map;i?.portalItem?.id===p?.portalItem?.id||this.updateCompass(t,e,n)}}updateCompass(t,e,n){t?.when(async i=>{let r=document.createElement("div");n!=null&&(n.append(r),this.compasses[e]=await g({id:`compass-widget-${e}`,container:r,view:i}))})}updateScaleBar(t,e){if(!this.printEl)return;let n=this.printEl.querySelector(`#scale-bar-container-${e}`);if(n&&t!=null&&(n.innerHTML="",this.showScaleBar)){let r=t?.ui?.getComponents()?.find(({container:p})=>p?.className?.includes("esri-scale-bar"));r?.container!=null&&typeof r.container!="string"&&n.append(r.container.cloneNode(!0))}}async viewScreenshot(t,e){if(!this.printEl||!this.includeMap)return;let n=1e3,i=this.printEl.querySelector(`#scale-bar-container-${e}`);i?.classList.toggle("instant-apps-export-print__scale-bar-container--position",t.width>n);let r=await t.takeScreenshot({width:t.width*2,height:t.height*2});this.handleScaleBarSize(t,r,i);let p=this.printEl.querySelector(`#view-${e}`);r!=null&&p!=null&&(p.src=r.dataUrl)}checkPopupOpen(t,e){if(!this.printEl)return;let i=t?.popup?.container?.querySelector(".esri-popup .esri-feature__main-container");if(i!=null){let r=i.querySelectorAll("canvas"),p=this.printEl.querySelector(`#popup-content-${e}`);if(p==null)return;p.innerHTML="",p.append(i.cloneNode(!0));let s=p.querySelectorAll("canvas");r.forEach((l,E)=>{let C=l.toDataURL(),c=document.createElement("img");c.src=C;let d=l.getAttribute("style");d&&c.setAttribute("style",d);let h=s[E];h!=null&&(h.replaceWith(c),document.querySelector("link[href*='esri/themes/dark/main.css']")&&c.parentElement?.parentElement!=null&&(c.parentElement.style.background="#242424",c.parentElement.parentElement.style.background="#242424"))})}}handleScaleBarSize(t,e,n){if(this.showScaleBar&&t?.type==="2d"&&n!=null){let i=n.querySelector(".esri-scale-bar__line--top"),r=n.querySelector(".esri-scale-bar__line--bottom");this.setScaleBarWidth(e,n,i,"top"),this.setScaleBarWidth(e,n,r,"bottom")}}setScaleBarWidth(t,e,n,i){if(n!=null&&t!=null){let r=t.data.width/2,l=Number(n.style.width.replace("px",""))/r*100;e?.style.setProperty(`--instant-apps-scale-bar-${i}`,`${l}%`)}}get el(){return v(this)}static get watchers(){return{includeMap:["watchIncludeMap"],exportViews:["watchView"]}}};I.style=P;export{I as instant_apps_export_views};

package/dist/cdn/4K7M7ZQ3.js

@@ -1,19 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250501 */
-import{b as g}from"./5ECSGZTG.js";import{a as b}from"./7YDOYPIR.js";import{B as w,c as h,d as l,n as r,q as m,w as u,x as p}from"./QTX5AWKY.js";import"./NTX6LIB3.js";var y=h`@layer{/**
- * @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar,.display-none{display:none!important}.esri-editor__panel-content{padding-block:10px!important}.notice-msg{padding:10px;width:calc(100% - 20px)}}`,c=class extends u{constructor(){super(...arguments),this.customizeSubmit=!1,this.enableSnapping=!1,this.showGuidingMsg=!0,this._editorLoading=!1,this._translations=b({name:"create-related-feature",blocking:!0}),this._addingAttachment=!1,this._isSubmitBtnClicked=!1,this.success=r(),this.fail=r(),this.isActionPending=r(),this.formReady=r()}static{this.properties={customizeSubmit:5,enableSnapping:5,mapView:0,selectedFeature:0,showGuidingMsg:5,table:0,_editorLoading:16,_translations:16}}static{this.styles=y}static{this.shadowRootOptions=m}willUpdate(e){e.has("mapView")&&this.mapViewWatchHandler(),e.has("_editorLoading")&&(this.hasUpdated||this._editorLoading!==!1)&&this._editorLoadingWatchHandler(this._editorLoading)}async mapViewWatchHandler(){await this.mapView?.when(async()=>{await this.init()})}async _editorLoadingWatchHandler(e){e&&(this._container?.classList.add("display-none"),await this.startCreate(),this._container?.classList.remove("display-none"),this._editorLoading=!1)}async submit(){this._editor?.viewModel?.featureFormViewModel&&(this._isSubmitBtnClicked=!0,this._editor.viewModel.featureFormViewModel.submit())}async load(){await this.initModules()}async init(){this.mapView&&await this.createEditorWidget()}async initModules(){let[e,t]=await g(["esri/widgets/Editor","esri/core/reactiveUtils"]);this.Editor=e,this.reactiveUtils=t}render(){let e=this._editorLoading?"":"display-none";return l`${this.showGuidingMsg&&l`<calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.provideDetailsMsg}</div></calcite-notice>`||""}<calcite-loader class=${p(e)} label scale=s></calcite-loader>`}loaded(){this.init()}disconnectedCallback(){super.disconnectedCallback(),this._editor&&this._editor.destroy()}async createEditorWidget(){if(this._editor&&this._editor.destroy(),this._container=document.createElement("div"),this._container?.classList.add("display-none"),this.enableSnapping||this._container.classList.add("hide-editor-toolbar"),this.Editor&&(this._editor=new this.Editor({view:this.mapView,visibleElements:{flow:!0,settingsMenu:this.enableSnapping,sketch:!1,snappingControls:this.enableSnapping},container:this._container}),this.el.appendChild(this._container),this.reactiveUtils)){let e=this.reactiveUtils.watch(()=>this._editor?.viewModel.featureTemplatesViewModel.state,i=>{i==="ready"&&(this._editorLoading=!0)});this._editor.viewModel.addHandles(e);let t=this.reactiveUtils.watch(()=>this._editor?.viewModel.state,i=>{i==="adding-attachment"||i==="editing-attachment"?(this._addingAttachment=!0,this.isActionPending.emit(!0)):this._addingAttachment&&(this.isActionPending.emit(!1),this._addingAttachment=!1)});this._editor.viewModel.addHandles(t);let o=this.reactiveUtils.watch(()=>this._editor?.viewModel.featureFormViewModel?.state,i=>{i==="ready"&&this.formReady.emit()});this._editor.viewModel.addHandles(o)}}async startCreate(){let e=this.selectedFeature?.layer,t=this.table;if(e?.relationships&&t?.relationships&&this._editor?.viewModel.featureFormViewModel&&this.selectedFeature&&t.templates){let o=e.relationships[0],i=t.relationships.find(a=>e.layerId===a.relatedTableId),s=Number(this.selectedFeature.getObjectId());if(!Number.isNaN(s)&&i){let a=(await e.queryFeatures({objectIds:[s],outFields:[e.objectIdField,o.keyField]})).features[0],n=t.templates[0],d={attributeOverrides:this.makeAttributesForRelatedFeature(a,o,i),layer:t,template:n};await this._editor.startCreateFeaturesWorkflowAtFeatureCreation(d),await this.hideEditorsElements(),this._editor.viewModel.featureFormViewModel.addHandles(this._editor.viewModel.featureFormViewModel.on("submit",this.submitted.bind(this)))}}}async hideEditorsElements(){this.customizeSubmit&&(await this.timeout(700),this.el.querySelector(".esri-editor")?.querySelectorAll("calcite-flow-item")?.forEach(e=>{let t=e.shadowRoot?.querySelector("calcite-panel")?.shadowRoot?.querySelector("article");t?.querySelector("header")?.setAttribute("style","display: none"),t?.querySelector("footer")?.setAttribute("style","display: none")}))}makeAttributesForRelatedFeature(e,t,o){let i=t.keyField,s;e.attributes.hasOwnProperty(i)?s=e.getAttribute(i):e.attributes.hasOwnProperty(i.toLowerCase())?s=e.getAttribute(i.toLowerCase()):e.attributes.hasOwnProperty(i.toUpperCase())&&(s=e.getAttribute(i.toUpperCase()));let a=o.keyField,n=this.table?.fields.find(d=>d.name.toLocaleLowerCase()===a.toLocaleLowerCase());if(n)return a=n.name,{[a]:s}}async submitted(e){if(e.invalid.length){this._isSubmitBtnClicked=!1;return}if(e.valid.length&&this._isSubmitBtnClicked){this._isSubmitBtnClicked=!1;try{this._editor?.activeWorkflow&&(await this._editor.activeWorkflow.commit(),this._editor.viewModel.failures?.length&&this._editor.viewModel.failures.some(t=>{if(t.error)throw t.error}))}catch(t){this.fail.emit(t);return}this.success.emit()}}async timeout(e){return new Promise(t=>setTimeout(t,e))}};w("create-related-feature",c);export{c as CreateRelatedFeature};

package/dist/cdn/4K7M7ZQ3.js.LEGAL.txt

@@ -1,3 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250501 */