@esri/solutions-components 0.11.29 → 0.11.31

package/dist/collection/vendor/instant-apps-components/p-3ce7e35f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as n,g as e}from"./p-6517b6d4.js";import{g as i}from"./p-f146c213.js";import"./p-5978fda4.js";import"./p-1c4428aa.js";const a=":host{display:block}.instant-apps-popover__content{display:flex;flex-direction:column;padding:0 5% 5% 5%;max-width:35vw;font-family:var(--calcite-sans-family);font-size:0.875rem}.instant-apps-popover__content .instant-apps-popover__action{align-self:flex-start;--calcite-color-foreground-2:transparent}.instant-apps-popover__content span{display:inline-block;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);margin:0 0 10px 0;font-family:var(--calcite-sans-family)}.instant-apps-popover__content p{line-height:19.12px;margin:0;margin-bottom:10px;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.instant-apps-popover__content .instant-apps-popover__footer span{margin-bottom:0;font-weight:normal;font-size:0.875rem;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:first-child{--calcite-color-foreground-3:transparent}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:last-child{margin-left:5px}.instant-apps-popover__content .instant-apps-popover__img{width:100%;margin-bottom:10px}.instant-apps-popover__content.instant-apps-popover--action-disabled{padding:5%}.instant-apps-popover__content.instant-apps-popover--action-disabled #subtitle{margin:0 0 10px 0}";const s=a;const o={content:"instant-apps-popover__content",buttonContainer:"instant-apps-popover__button-container",action:"instant-apps-popover__action",actionDisabled:"instant-apps-popover--action-disabled",img:"instant-apps-popover__img",footer:"instant-apps-popover__footer"};const p=class{constructor(n){t(this,n);this.popoverTitle="";this.subtitle="";this.content="";this.imgSrc=undefined;this.imgAlt=undefined;this.mediaSrc=undefined;this.index=undefined;this.referenceElement=undefined;this.parent=undefined;this.placement="trailing-start";this.refId=undefined;this.pagination=false;this.disableAction=false;this.popoverAction=undefined;this.messages=undefined;this.messageOverrides=undefined}async componentDidLoad(){i(this,this.messageOverrides)}componentDidUpdate(){this.popoverEl.referenceElement=this.referenceElement}render(){return n("calcite-popover",{key:"4fb1947ad0b4cf992056a650295cc9bfb014789b",ref:t=>{if(t){this.popoverEl=t}},heading:this.popoverTitle,"auto-close":true,placement:this.placement,messageOverrides:{close:this.messages?.close},"trigger-disabled":true,"ref-id":this.refId,closable:true,referenceElement:this.referenceElement,label:this.popoverTitle},n("div",{key:"0db87d9d5b9ba92de5623b5538d0536cdf6a6efa",class:`${o.content}${this.disableAction?` ${o.actionDisabled}`:""}`},!this.disableAction?n("calcite-action",{key:"popover-action",class:o.action,onClick:this.popoverAction,icon:document.dir==="rtl"?"chevron-right":"chevron-left",compact:true,"text-enabled":true,text:this.messageOverrides?.popoverAction??this.messages?.back??""}):null,n("section",{key:"aa56a41d1eee02e8658998a7dd5139d051277595"},n("span",{key:"1931249c844420af83f86af01b1b433bdf38ced0",id:"subtitle"},this.subtitle),n("p",{key:"b1ac04a3a69a00a4fcea0998e8a826969d986773"},this.content),this.imgSrc?n("img",{key:`iac-popover-img-${this.refId}`,class:o.img,src:this.imgSrc,alt:this.imgAlt?this.imgAlt:""}):null),this.pagination?n("div",{key:`iac-popover-footer-${this.index}`,class:o.footer},n("span",null,this.index+1," ",this.messages?.of," ",this.parent?.instantAppsPopovers?.size),this.renderPagination()):null))}renderPagination(){const{index:t,messages:e,parent:i}=this;const a=this.parent?.instantAppsPopovers?.size;const s=t===0;const p=t===a-1;return n("div",{key:"pagination-button-container",class:o.buttonContainer},!s?n("calcite-button",{key:"prev",onClick:()=>i?.previous(),appearance:"outline",kind:"neutral"},e?.back):null,n("calcite-button",{key:"next",onClick:()=>{if(p){i?.done()}else{i?.next()}}},p?e?.done:e?.next))}get el(){return e(this)}};p.style=s;export{p as instant_apps_popover};
+//# sourceMappingURL=p-3ce7e35f.entry.js.map

package/dist/collection/vendor/instant-apps-components/p-3ce7e35f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["instantAppsPopoverCss","InstantAppsPopoverStyle0","CSS","content","buttonContainer","action","actionDisabled","img","footer","InstantAppsPopover","componentDidLoad","getMessages","this","messageOverrides","componentDidUpdate","popoverEl","referenceElement","render","h","key","ref","el","heading","popoverTitle","placement","close","messages","refId","closable","label","class","disableAction","onClick","popoverAction","icon","document","dir","compact","text","back","id","subtitle","imgSrc","src","alt","imgAlt","pagination","index","of","parent","instantAppsPopovers","size","renderPagination","isFirst","isLast","previous","appearance","kind","done","next"],"sources":["src/components/instant-apps-popover/instant-apps-popover.scss?tag=instant-apps-popover","src/components/instant-apps-popover/instant-apps-popover.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.instant-apps-popover__content {\n  display: flex;\n  flex-direction: column;\n  padding: 0 5% 5% 5%;\n  max-width: 35vw;\n  font-family: var(--calcite-sans-family);\n  font-size: 0.875rem;\n\n  .instant-apps-popover__action {\n    align-self: flex-start;\n    --calcite-color-foreground-2: transparent;\n  }\n\n  span {\n    display: inline-block;\n    font-weight: var(--calcite-font-weight-medium);\n    color: var(--calcite-color-text-1);\n    margin: 0 0 10px 0;\n    font-family: var(--calcite-sans-family);\n  }\n\n  p {\n    line-height: 19.12px;\n    margin: 0;\n    margin-bottom: 10px;\n    font-family: var(--calcite-sans-family);\n  }\n\n  .instant-apps-popover__footer {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    span {\n      margin-bottom: 0;\n      font-weight: normal;\n      font-size: 0.875rem;\n      font-family: var(--calcite-sans-family);\n    }\n\n    calcite-button:first-child {\n      --calcite-color-foreground-3: transparent;\n    }\n\n    calcite-button:last-child {\n      margin-left: 5px;\n    }\n  }\n\n  .instant-apps-popover__img {\n    width: 100%;\n    margin-bottom: 10px;\n  }\n}\n\n.instant-apps-popover__content.instant-apps-popover--action-disabled {\n  padding: 5%;\n  #subtitle {\n    margin: 0 0 10px 0;\n  }\n}\n","/*\n *   Copyright (c) 2024 Esri\n *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.\n *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.\n *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.\n *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english\n */\n\nimport { Component, h, Element, Prop, State } from \"@stencil/core\";\nimport type { InstantAppsPopovers } from \"../instant-apps-popovers/instant-apps-popovers\";\n\nimport type Popover_T9n from \"../../assets/t9n/instant-apps-popover/messages.en.json\";\n\nimport { getMessages } from \"../../utils/locale\";\nimport type { InstantAppsPopoverMessageOverrides } from \"../../interfaces/interfaces\";\nimport type { LogicalPlacement } from \"@esri/calcite-components/dist/utils/floating-ui\";\n\nconst CSS = {\n  content: \"instant-apps-popover__content\",\n  buttonContainer: \"instant-apps-popover__button-container\",\n  action: \"instant-apps-popover__action\",\n  actionDisabled: \"instant-apps-popover--action-disabled\",\n  img: \"instant-apps-popover__img\",\n  footer: \"instant-apps-popover__footer\",\n};\n\n@Component({\n  tag: \"instant-apps-popover\",\n  styleUrl: \"instant-apps-popover.scss\",\n  shadow: false,\n})\nexport class InstantAppsPopover {\n  popoverEl!: HTMLCalcitePopoverElement;\n\n  // Host element\n  @Element() el!: HTMLInstantAppsPopoverElement;\n\n  // Public properties\n  @Prop({\n    reflect: true,\n  })\n  popoverTitle = \"\";\n\n  @Prop({\n    reflect: true,\n  })\n  subtitle = \"\";\n\n  @Prop({\n    reflect: true,\n  })\n  content = \"\";\n\n  @Prop({\n    reflect: true,\n  })\n  imgSrc?: string;\n\n  @Prop({\n    reflect: true,\n  })\n  imgAlt?: string;\n\n  @Prop({\n    reflect: true,\n  })\n  mediaSrc?: string;\n\n  @Prop({\n    reflect: true,\n  })\n  index!: number;\n\n  @Prop({\n    reflect: true,\n  })\n  referenceElement!: HTMLElement | string;\n\n  @Prop()\n  parent!: InstantAppsPopovers;\n\n  @Prop()\n  placement: LogicalPlacement = \"trailing-start\";\n\n  @Prop()\n  refId!: string;\n\n  @Prop({\n    reflect: true,\n  })\n  pagination = false;\n\n  @Prop({\n    reflect: true,\n  })\n  disableAction = false;\n\n  @Prop()\n  popoverAction!: (event: MouseEvent) => void;\n\n  // Internal State\n  @State()\n  messages?: typeof Popover_T9n;\n\n  @Prop()\n  messageOverrides?: InstantAppsPopoverMessageOverrides;\n\n  async componentDidLoad() {\n    getMessages(this, this.messageOverrides);\n  }\n\n  componentDidUpdate() {\n    this.popoverEl.referenceElement = this.referenceElement;\n  }\n\n  render() {\n    return (\n      <calcite-popover\n        ref={(el?: HTMLCalcitePopoverElement) => {\n          if (el) {\n            this.popoverEl = el;\n          }\n        }}\n        heading={this.popoverTitle}\n        auto-close={true}\n        placement={this.placement}\n        messageOverrides={{ close: this.messages?.close }}\n        trigger-disabled={true}\n        ref-id={this.refId}\n        closable={true}\n        referenceElement={this.referenceElement}\n        label={this.popoverTitle}\n      >\n        <div class={`${CSS.content}${this.disableAction ? ` ${CSS.actionDisabled}` : \"\"}`}>\n          {!this.disableAction ? (\n            <calcite-action\n              key=\"popover-action\"\n              class={CSS.action}\n              onClick={this.popoverAction}\n              icon={document.dir === \"rtl\" ? \"chevron-right\" : \"chevron-left\"}\n              compact={true}\n              text-enabled={true}\n              text={this.messageOverrides?.popoverAction ?? this.messages?.back ?? \"\"}\n            />\n          ) : null}\n          <section>\n            <span id=\"subtitle\">{this.subtitle}</span>\n            <p>{this.content}</p>\n            {this.imgSrc ? (\n              <img\n                key={`iac-popover-img-${this.refId}`}\n                class={CSS.img}\n                src={this.imgSrc}\n                alt={this.imgAlt ? this.imgAlt : \"\"}\n              />\n            ) : null}\n          </section>\n          {this.pagination ? (\n            <div key={`iac-popover-footer-${this.index}`} class={CSS.footer}>\n              <span>\n                {this.index + 1} {this.messages?.of} {this.parent?.instantAppsPopovers?.size}\n              </span>\n              {this.renderPagination()}\n            </div>\n          ) : null}\n        </div>\n      </calcite-popover>\n    );\n  }\n\n  renderPagination() {\n    const { index, messages, parent } = this;\n    const size = this.parent?.instantAppsPopovers?.size;\n    const isFirst = index === 0;\n    const isLast = index === size - 1;\n    return (\n      <div key=\"pagination-button-container\" class={CSS.buttonContainer}>\n        {!isFirst ? (\n          <calcite-button key=\"prev\" onClick={() => parent?.previous()} appearance=\"outline\" kind=\"neutral\">\n            {messages?.back}\n          </calcite-button>\n        ) : null}\n        <calcite-button\n          key=\"next\"\n          onClick={() => {\n            if (isLast) {\n              parent?.done();\n            } else {\n              parent?.next();\n            }\n          }}\n        >\n          {isLast ? messages?.done : messages?.next}\n        </calcite-button>\n      </div>\n    );\n  }\n}\n"],"mappings":"sIAAA,MAAMA,EAAwB,y4CAC9B,MAAAC,EAAeD,ECgBf,MAAME,EAAM,CACVC,QAAS,gCACTC,gBAAiB,yCACjBC,OAAQ,+BACRC,eAAgB,wCAChBC,IAAK,4BACLC,OAAQ,gC,MAQGC,EAAkB,M,2CAUd,G,cAKJ,G,aAKD,G,8JA+BoB,iB,qCAQjB,M,mBAKG,M,qFAYhB,sBAAMC,GACJC,EAAYC,KAAMA,KAAKC,iB,CAGzB,kBAAAC,GACEF,KAAKG,UAAUC,iBAAmBJ,KAAKI,gB,CAGzC,MAAAC,GACE,OACEC,EAAA,mBAAAC,IAAA,2CACEC,IAAMC,IACJ,GAAIA,EAAI,CACNT,KAAKG,UAAYM,C,GAGrBC,QAASV,KAAKW,aAAY,aACd,KACZC,UAAWZ,KAAKY,UAChBX,iBAAkB,CAAEY,MAAOb,KAAKc,UAAUD,OAAO,mBAC/B,KAAI,SACdb,KAAKe,MACbC,SAAU,KACVZ,iBAAkBJ,KAAKI,iBACvBa,MAAOjB,KAAKW,cAEZL,EAAA,OAAAC,IAAA,2CAAKW,MAAO,GAAG5B,EAAIC,UAAUS,KAAKmB,cAAgB,IAAI7B,EAAII,iBAAmB,OACzEM,KAAKmB,cACLb,EAAA,kBACEC,IAAI,iBACJW,MAAO5B,EAAIG,OACX2B,QAASpB,KAAKqB,cACdC,KAAMC,SAASC,MAAQ,MAAQ,gBAAkB,eACjDC,QAAS,KAAI,eACC,KACdC,KAAM1B,KAAKC,kBAAkBoB,eAAiBrB,KAAKc,UAAUa,MAAQ,KAErE,KACJrB,EAAA,WAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,2CAAMqB,GAAG,YAAY5B,KAAK6B,UAC1BvB,EAAA,KAAAC,IAAA,4CAAIP,KAAKT,SACRS,KAAK8B,OACJxB,EAAA,OACEC,IAAK,mBAAmBP,KAAKe,QAC7BG,MAAO5B,EAAIK,IACXoC,IAAK/B,KAAK8B,OACVE,IAAKhC,KAAKiC,OAASjC,KAAKiC,OAAS,KAEjC,MAELjC,KAAKkC,WACJ5B,EAAA,OAAKC,IAAK,sBAAsBP,KAAKmC,QAASjB,MAAO5B,EAAIM,QACvDU,EAAA,YACGN,KAAKmC,MAAQ,EAAC,IAAGnC,KAAKc,UAAUsB,GAAE,IAAGpC,KAAKqC,QAAQC,qBAAqBC,MAEzEvC,KAAKwC,oBAEN,M,CAMZ,gBAAAA,GACE,MAAML,MAAEA,EAAKrB,SAAEA,EAAQuB,OAAEA,GAAWrC,KACpC,MAAMuC,EAAOvC,KAAKqC,QAAQC,qBAAqBC,KAC/C,MAAME,EAAUN,IAAU,EAC1B,MAAMO,EAASP,IAAUI,EAAO,EAChC,OACEjC,EAAA,OAAKC,IAAI,8BAA8BW,MAAO5B,EAAIE,kBAC9CiD,EACAnC,EAAA,kBAAgBC,IAAI,OAAOa,QAAS,IAAMiB,GAAQM,WAAYC,WAAW,UAAUC,KAAK,WACrF/B,GAAUa,MAEX,KACJrB,EAAA,kBACEC,IAAI,OACJa,QAAS,KACP,GAAIsB,EAAQ,CACVL,GAAQS,M,KACH,CACLT,GAAQU,M,IAIXL,EAAS5B,GAAUgC,KAAOhC,GAAUiC,M","ignoreList":[]}

package/dist/collection/vendor/instant-apps-components/p-3e5898bb.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,H as i,g as e}from"./p-6517b6d4.js";import{g as a}from"./p-f146c213.js";import{i as o,k as n,q as l,r as c,s as r}from"./p-1c4428aa.js";import"./p-5978fda4.js";const h=":host{display:block;--instant-apps-social-share-action-width:initial;--instant-apps-social-share-width--s:200px;--instant-apps-social-share-width--m:280px;--instant-apps-social-share-width--l:320px;--instant-apps-social-share-width-horizontal--s:300px;--instant-apps-social-share-width-horizontal--m:380px;--instant-apps-social-share-width-horizontal--l:420px;--instant-apps-social-share-background-color:var(--calcite-color-foreground-1);--instant-apps-social-share-popover-button-background-color:transparent;--instant-apps-social-share-popover-button-icon-color:var(--calcite-ui-icon-color);--instant-apps-social-share-embed-border:1px solid $border;--instant-apps-social-share-embed-text-area-text:#468540}:host .instant-apps-social-share__popover-button{background-color:var(--instant-apps-social-share-popover-button-background-color)}:host .instant-apps-social-share__popover-button calcite-icon{color:var(--instant-apps-social-share-popover-button-icon-color)}:host .instant-apps-social-share__dialog,:host .instant-apps-social-share__dialog-embed{background-color:var(--instant-apps-social-share-background-color);border:var(--instant-apps-social-share-embed-border)}:host .instant-apps-social-share__dialog{box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__options{margin:0;padding:1% 0 0 0;list-style-type:none}:host .instant-apps-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__options li .instant-apps-social-share__icon,:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{display:inline-block}:host .instant-apps-social-share__options li .instant-apps-social-share__icon{display:flex;align-items:center}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text--rtl{margin-left:0;margin-right:10px}:host .instant-apps-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}:host .instant-apps-social-share__options__x-logo--light path{fill:#000000}:host .instant-apps-social-share__options__x-logo--dark path{fill:#ffffff}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1% 5%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:#007ac2;margin:8px 0 5px 0}:host .instant-apps-social-share__tip-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__tip-content{line-height:17px;margin:0;padding-top:2%}:host .instant-apps-social-share__success{display:flex;flex-direction:column;padding:15px}:host .instant-apps-social-share__success-header{display:flex;align-items:center;font-weight:bold;margin-bottom:10px}:host .instant-apps-social-share__success-icon{display:flex;align-items:center;margin-right:5px}:host .instant-apps-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}:host .instant-apps-social-share__success-message{line-height:16px}:host .instant-apps-social-share__embed{box-sizing:border-box;width:100%;padding:5%;margin-bottom:10px;border-top:1px solid #d3d3d3}:host .instant-apps-social-share__embed-header{display:flex;align-items:center;margin-bottom:5px}:host .instant-apps-social-share__embed-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__embed-code-text-area{border:1px solid #d3d3d3}:host .instant-apps-social-share__embed-code-text-area textarea{box-sizing:border-box;padding:4%;border:none;resize:none;background:transparent;width:100%;font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button{display:flex;align-items:center;text-align:start;width:100%;border:none;border-top:1px solid #d3d3d3;background-color:transparent;line-height:16px;font-weight:400;padding:3%;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button calcite-icon{color:#007ac2;margin-right:3px}:host .instant-apps-social-share__embed-code-text-area button:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2);transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__embed-text-area-text{font-weight:600;color:var(--instant-apps-social-share-embed-text-area-text)}:host .instant-apps-social-share__embed .instant-apps-social-share__text-area--rtl{text-align:left;direction:ltr}:host .instant-apps-social-share__embed-dimensions{display:flex;justify-content:space-between;margin-top:10px}:host .instant-apps-social-share__embed-dimensions-input{width:47%;box-sizing:border-box}:host .instant-apps-social-share__embed-dimensions-input input{border:1px solid #d3d3d3;width:100%;height:25px;font-family:var(--calcite-sans-family)}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li{flex-direction:column;padding:0}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li .instant-apps-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li:hover{background-color:unset}:host .instant-apps-social-share__icon-container{display:flex;align-items:center}:host calcite-action{width:var(--instant-apps-social-share-action-width)}:host([scale=s]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--s)}:host([scale=s]) .instant-apps-social-share__icon{width:16px;height:16px}:host([scale=s]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--s)}:host([scale=s]) .instant-apps-social-share__tip-header,:host([scale=s]) .instant-apps-social-share__tip-content,:host([scale=s]) .instant-apps-social-share__embed-header,:host([scale=s]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--2)}:host([scale=m]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--m)}:host([scale=m]) .instant-apps-social-share__icon{width:24px;height:24px}:host([scale=m]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--m)}:host([scale=m]) .instant-apps-social-share__tip-header,:host([scale=m]) .instant-apps-social-share__tip-content,:host([scale=m]) .instant-apps-social-share__embed-header,:host([scale=m]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--1)}:host([scale=l]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--l)}:host([scale=l]) .instant-apps-social-share__icon{width:32px;height:32px}:host([scale=l]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--l)}:host([scale=l]) .instant-apps-social-share__tip-header,:host([scale=l]) .instant-apps-social-share__tip-content,:host([scale=l]) .instant-apps-social-share__embed-header,:host([scale=l]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size-0)}";const p=h;const d="instant-apps-social-share";const _=".calcite-mode-dark";const u={base:d,dialog:`${d}__dialog`,dialogEmbed:`${d}__dialog-embed`,dialogContent:`${d}__dialog-content`,options:`${d}__options`,tipContainer:`${d}__tip`,tipHeader:`${d}__tip-header`,tipContent:`${d}__tip-content`,icon:`${d}__icon`,iconContainer:`${d}__icon-container`,optionText:`${d}__option-text`,popoverButton:`${d}__popover-button`,layout:{vertical:`${d}__layout--vertical`,horizontal:`${d}__layout--horizontal`},xLogo:{light:`${d}__x-logo--light`,dark:`${d}__x-logo--dark`},success:{container:`${d}__success`,header:`${d}__success-header`,message:`${d}__success-message`,icon:`${d}__success-icon`},embed:{container:`${d}__embed`,header:`${d}__embed-header`,embedCode:{container:`${d}__embed-code`,textArea:`${d}__embed-code-text-area`,copyButton:`${d}__embed-code-copy-button`},textAreaText:`${d}__embed-text-area-text`,dimensions:{container:`${d}__embed-dimensions`,input:`${d}__embed-dimensions-input`}},rtl:{optionText:`${d}__option-text--rtl`,textArea:`${d}__text-area--rtl`}};const f={facebook:"https://www.facebook.com/sharer/sharer.php?u={url}",x:"https://x.com/intent/post?url={url}",linkedIn:"https://www.linkedin.com/sharing/share-offsite/?url={url}",bluesky:"https://bsky.app/intent/compose?text={url}"};const m="https://arcg.is/prod/shorten";const b="1";const g=class{constructor(s){t(this,s);this.mode="popover";this.shareUrl=window.location.href;this.autoUpdateShareUrl=true;this.shareText="";this.embed=false;this.shareButtonColor="neutral";this.shareButtonType="button";this.shareButtonScale="m";this.iframeInnerText="";this.popoverButtonIconScale="m";this.view=undefined;this.displayTipText=true;this.shortenShareUrl=true;this.socialMedia=true;this.shareIconsLayout="vertical";this.scale="m";this.successMessage="";this.flipRtl=false;this.defaultUrlParams=null;this.inlineSuccessPopoverPlacement="trailing";this.popoverPositioning="absolute";this.removePopoverOffset=false;this.messages=undefined;this.opened=false;this.copied=false;this.inlineCopyLinkOpened=false;this.inlineCopyEmbedOpened=false;this.embedWidth=400;this.embedHeight=600}componentDidLoad(){a(this);this.setupAutoCloseListeners();if(this.mode==="popover"){if(this.opened){this.popoverRef.open=true}this.popoverRef.addEventListener("calcitePopoverOpen",(()=>{if(!this.shareListRef){return}const t=this.shareListRef.children[0];t.focus()}));this.popoverRef.addEventListener("keydown",this.handlePopoverRefKeyDown.bind(this))}if(this.embed){this.embedWidthRef?.addEventListener("change",this.updateDimensions.bind(this,"width"));this.embedHeightRef?.addEventListener("change",this.updateDimensions.bind(this,"height"))}}disconnectedCallback(){document.documentElement.removeEventListener("click",this.autoCloseCallback.bind(this));if(this.mode==="popover"){if(this.popoverRef!=null){this.popoverRef.removeEventListener("click",this.stopPropagationCallback.bind(this));this.popoverRef.removeEventListener("calcitePopoverClose",this.resetPopoverCopyState.bind(this));this.popoverRef.removeEventListener("keydown",this.handlePopoverRefKeyDown.bind(this))}}else{this.embedWidthRef?.removeEventListener("change",this.updateDimensions.bind(this,"width"));this.embedHeightRef?.removeEventListener("change",this.updateDimensions.bind(this,"height"));this.dialogContentRef?.removeEventListener("click",this.stopPropagationCallback.bind(this))}}setupAutoCloseListeners(){document.documentElement.addEventListener("click",this.autoCloseCallback.bind(this));if(this.mode==="popover"){this.popoverRef?.addEventListener("click",this.stopPropagationCallback.bind(this));this.popoverRef?.addEventListener("calcitePopoverClose",this.resetPopoverCopyState.bind(this))}else{this.dialogContentRef?.addEventListener("click",this.stopPropagationCallback.bind(this))}}handlePopoverRefKeyDown(t){if(t.code==="Tab"){if(!this.shareListRef){return}const s=t.target;const i=this.shareListRef.children[0];const e=this.shareListRef.children[this.shareListRef.children.length-1];if(t.shiftKey&&s===i){t.preventDefault();e.focus()}else if(!t.shiftKey&&s===e){t.preventDefault();i.focus()}}else if(t.code==="Escape"){this.closePopover();this.popoverButtonRef?.setFocus()}}autoCloseCallback(){if(this.mode==="popover"){this.opened=false;this.popoverRef.open=this.opened}else{if(this.copyLinkPopoverRef){this.copyLinkPopoverRef.open=false}this.inlineCopyLinkOpened=false;if(this.copyEmbedPopoverRef){this.copyEmbedPopoverRef.open=false}this.inlineCopyEmbedOpened=false}}stopPropagationCallback(t){t.stopPropagation()}resetPopoverCopyState(){this.popoverButtonRef?.setFocus();setTimeout((()=>{this.copied=false}),200)}updateDimensions(t){if(t==="width"){const t=this.embedWidthRef?.value??"0";this.embedWidth=Number.parseInt(t)}else{const t=this.embedHeightRef?.value??"0";this.embedHeight=Number.parseInt(t)}}render(){const t=this.copied&&this.mode==="popover"?this.renderSuccess():s("div",{class:u.dialogContent},this.renderOptions(),this.displayTipText?this.renderTip():null,this.embed?this.renderEmbed():null);const e=this.shareIconsLayout==="vertical"?` ${u.layout.vertical}`:` ${u.layout.horizontal}`;const a=` calcite-mode-${!!this.el.closest(_)?"dark":"light"}`;const o=s("div",{key:"5589aa14bbe3d1b92784524ad61feb8e6e8d36aa",ref:t=>this.dialogContentRef=t,class:`${u.dialog}${e}${a}`},t);const n=6;const l=this.removePopoverOffset?0:n;return s(i,{key:"8a134f9ccb8329db947009befb479c42fc54dcb0"},this.mode==="popover"?[s("calcite-popover",{ref:t=>{if(t){this.popoverRef=t}},label:this.messages?.share?.label??"",referenceElement:"shareButton",placement:"bottom-start",scale:this.scale,"overlay-positioning":this.popoverPositioning,"offset-distance":l,"pointer-disabled":this.removePopoverOffset},o),this.renderButton()]:[o,s("calcite-popover",{ref:t=>{if(t){this.copyLinkPopoverRef=t}},label:this.messages?.share?.label??"",referenceElement:"copyToClipboard",placement:this.inlineSuccessPopoverPlacement,scale:this.scale,overlayPositioning:"fixed"},this.renderSuccess()),s("calcite-popover",{ref:t=>{if(t){this.copyEmbedPopoverRef=t}},label:this.messages?.share?.label??"",referenceElement:"copyEmbedToClipboard",placement:this.inlineSuccessPopoverPlacement,scale:this.scale,overlayPositioning:"fixed"},this.renderEmbedSuccess())])}renderButton(){const t=this.shareButtonScale!=null?this.shareButtonScale:this.scale;return this.shareButtonType==="button"?s("calcite-button",{ref:t=>this.popoverButtonRef=t,onClick:this.togglePopover.bind(this),id:"shareButton",class:u.popoverButton,kind:this.shareButtonColor,appearance:"transparent",label:this.messages?.share?.label,title:this.messages?.share?.label,scale:t},s("div",{class:u.iconContainer},s("calcite-icon",{flipRtl:this.flipRtl,icon:"share",scale:this.popoverButtonIconScale}))):s("calcite-action",{ref:t=>this.popoverButtonRef=t,onClick:this.togglePopover.bind(this),id:"shareButton",class:u.popoverButton,appearance:"transparent",label:this.messages?.share?.label,title:this.messages?.share?.label,scale:t,text:"",alignment:"center"},s("div",{class:u.iconContainer},s("calcite-icon",{flipRtl:this.flipRtl,icon:"share",scale:this.popoverButtonIconScale})))}renderSuccess(){const t=this.messages?.success;return s("div",{class:u.success.container},s("span",{class:u.success.header},s("span",{class:u.success.icon},s("calcite-icon",{icon:"check-circle-f",scale:this.scale})),t?.label),s("span",{class:u.success.message},this.successMessage||t?.url))}renderEmbedSuccess(){const t=this.messages?.success;return s("div",{class:u.success.container},s("span",{class:u.success.header},s("span",{class:u.success.icon},s("calcite-icon",{icon:"check-circle-f",scale:this.scale})),t?.label),s("span",{class:u.success.message},t?.embed))}renderOptions(){const t=this.messages?.options;const i=document.dir==="rtl"?` ${u.rtl.optionText}`:"";return s("ul",{ref:t=>this.shareListRef=t,class:u.options,role:"menu"},s("li",{id:"copyToClipboard",onClick:this.handleShareItem.bind(this,"link"),onKeyDown:this.handleOptionKeyDown("link"),role:"menuitem",tabindex:"0"},s("span",{class:u.icon},s("calcite-icon",{icon:"link",scale:this.scale})),s("span",{class:`${u.optionText}${i}`},t?.link?.label)),this.socialMedia?[s("li",{onClick:this.handleShareItem.bind(this,"facebook"),onKeyDown:this.handleOptionKeyDown("facebook"),role:"menuitem",tabindex:"0"},s("span",{class:u.icon},this.renderFacebookIcon()),s("span",{class:`${u.optionText}${i}`},t?.facebook?.label)),s("li",{onClick:this.handleShareItem.bind(this,"x"),onKeyDown:this.handleOptionKeyDown("x"),role:"menuitem",tabindex:"0"},s("span",{class:u.icon},this.renderXIcon()),s("span",{class:`${u.optionText}${i}`},"X")),s("li",{onClick:this.handleShareItem.bind(this,"linkedIn"),onKeyDown:this.handleOptionKeyDown("linkedIn"),role:"menuitem",tabindex:"0"},s("span",{class:u.icon},this.renderLinkedInIcon()),s("span",{class:`${u.optionText}${i}`},t?.linkedIn?.label)),s("li",{onClick:this.handleShareItem.bind(this,"bluesky"),onKeyDown:this.handleOptionKeyDown("bluesky"),role:"menuitem",tabindex:"0"},s("span",{class:u.icon},this.renderBlueSkyIcon()),s("span",{class:`${u.optionText}${i}`},t?.blueSky?.label))]:null)}handleOptionKeyDown(t){return s=>{const i=s.code;const e=i==="Space"||i==="Enter";if(!e){return}this.handleShareItem(t)}}renderFacebookIcon(){return s("svg",{height:"100%",style:{fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2"},version:"1.1",viewBox:"0 0 512 512",width:"100%",xmlns:"http://www.w3.org/2000/svg"},s("g",null,s("path",{d:"M512,256c0,-141.385 -114.615,-256 -256,-256c-141.385,0 -256,114.615 -256,256c0,127.777 93.616,233.685 216,252.89l0,-178.89l-65,0l0,-74l65,0l0,-56.4c0,-64.16 38.219,-99.6 96.695,-99.6c28.009,0 57.305,5 57.305,5l0,63l-32.281,0c-31.801,0 -41.719,19.733 -41.719,39.978l0,48.022l71,0l-11.35,74l-59.65,0l0,178.89c122.385,-19.205 216,-125.113 216,-252.89Z",style:{fill:"#1877f2",fillRule:"nonzero"}}),s("path",{d:"M355.65,330l11.35,-74l-71,0l0,-48.022c0,-20.245 9.917,-39.978 41.719,-39.978l32.281,0l0,-63c0,0 -29.297,-5 -57.305,-5c-58.476,0 -96.695,35.44 -96.695,99.6l0,56.4l-65,0l0,74l65,0l0,178.89c13.033,2.045 26.392,3.11 40,3.11c13.608,0 26.966,-1.065 40,-3.11l0,-178.89l59.65,0Z",style:{fill:"#fff",fillRule:"nonzero"}})))}renderXIcon(){const t=!!this.el.closest(_);return s("svg",{class:t?u.xLogo.dark:u.xLogo.light,viewBox:"0 0 1200 1227",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("rect",{height:"400",style:{fill:"none"},width:"400",x:"56",y:"56"}),s("path",{d:"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z",fill:t?"white":"black"}))}renderBlueSkyIcon(){return s("svg",{fill:"#0f85fe",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("path",{d:"M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"}))}renderLinkedInIcon(){return s("svg",{height:"100%",style:{fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2"},version:"1.1",viewBox:"0 0 512 512",width:"100%",xmlns:"http://www.w3.org/2000/svg"},s("g",{id:"g5891"},s("path",{d:"M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z",id:"background",style:{fill:"#2867b2"}}),s("g",{id:"shapes"},s("rect",{height:"257.962",id:"rect11",style:{fill:"#fff"},width:"85.76",x:"61.053",y:"178.667"}),s("path",{d:"M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z",id:"path13-0",style:{fill:"#fff",fillRule:"nonzero"}}),s("path",{d:"M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z",id:"path15",style:{fill:"#fff",fillRule:"nonzero"}}))))}renderTip(){const t=this.messages?.info;return s("div",{class:u.tipContainer},s("span",{class:u.tipHeader},s("calcite-icon",{icon:"lightbulb",scale:this.scale}),s("span",null,t?.label)),s("p",{class:u.tipContent},t?.tooltip))}renderEmbed(){const t=this.messages?.embed;const i=document.dir==="rtl"?` ${u.rtl.textArea}`:"";return s("div",{class:u.embed.container},s("span",{class:u.embed.header},s("calcite-icon",{icon:"code",scale:this.scale}),s("span",null,this.messages?.embed?.label)),s("div",{class:u.embed.embedCode.container},s("div",{class:u.embed.embedCode.textArea},s("textarea",{ref:t=>this.embedCodeRef=t,cols:30,rows:5,readonly:true,class:i,value:this.getEmbedCode()}),s("button",{id:"copyEmbedToClipboard",onClick:this.copyEmbedCode.bind(this),class:u.embed.embedCode.copyButton},s("calcite-icon",{icon:"copy",scale:this.scale}),s("span",null,t?.copy))),s("span",{class:u.embed.textAreaText},s("slot",{name:"text-area-text"})),s("div",{class:u.embed.dimensions.container},s("label",{class:u.embed.dimensions.input},s("span",null,t?.width),s("input",{ref:t=>this.embedWidthRef=t,type:"number",onKeyDown:t=>["e","E","+","-"].includes(t.key)&&t.preventDefault(),onChange:this.handleNumberInputOnChange("width"),value:this.embedWidth,min:"1"})),s("label",{class:u.embed.dimensions.input},s("span",null,t?.height),s("input",{ref:t=>this.embedHeightRef=t,type:"number",onKeyDown:t=>["e","E","+","-"].includes(t.key)&&t.preventDefault(),onChange:this.handleNumberInputOnChange("height"),value:this.embedHeight,min:"1"})))))}handleNumberInputOnChange(t){const s=t==="width"?this.embedWidthRef:this.embedHeightRef;const i=t==="width"?"embedWidth":"embedHeight";return()=>{if(s){const t=Number.parseFloat(s.value);if(t<=0){this[i]=Number.parseInt(b);s.value=b}}}}togglePopover(t){t.stopPropagation();this.opened=!this.opened;this.popoverRef.open=this.opened}closePopover(){this.opened=false;this.popoverRef.open=this.opened}async handleShareItem(t){this.shareUrl=await this.generateShareUrl();let s=null;const i=navigator?.userAgent?.includes("Chrome")??false;const e=(navigator?.userAgent?.includes("Safari")??false)&&!i;if(!e&&this.shortenShareUrl){s=await this.shortenUrl(this.shareUrl)}let a=s?s:this.shareUrl;switch(t){case"link":navigator.clipboard.writeText(a);if(this.embed){this.copyEmbedPopoverRef.open=false;this.inlineCopyEmbedOpened=false}if(this.mode==="inline"){this.copyLinkPopoverRef.open=true;setTimeout((()=>this.copyLinkPopoverRef.open=false),3e3)}this.inlineCopyLinkOpened=true;this.copied=true;if(this.mode==="popover"){setTimeout((()=>this.closePopover()),2e3)}return;case"facebook":case"bluesky":case"x":case"linkedIn":{let s;if(e){s=window.open("","_blank");if(this.shortenShareUrl){a=await this.shortenUrl(this.shareUrl)||a}}const i={url:encodeURI(a)};const n=t==="x"?{...i,text:this.shareText}:i;const l=await o();const c=l.substitute(f[t],n);if(this.mode==="popover"){this.closePopover()}if(e&&s){s.location=c;s.focus()}else{window.open(encodeURI(c),"_blank")}}return}}async shortenUrl(t){const s=await n();const i=await s(m,{query:{longUrl:t,f:"json"}});const e=i?.data?.data?.url;if(e){return e.replace("http://","https://")}}getEmbedCode(){return`<iframe src="${this.shareUrl}" width="${this.embedWidth}" height="${this.embedHeight}" frameborder="0" style="border:0" allowfullscreen>${this.iframeInnerText}</iframe>`}copyEmbedCode(){navigator.clipboard.writeText(this.getEmbedCode());this.copyLinkPopoverRef.open=false;this.inlineCopyLinkOpened=false;this.copyEmbedPopoverRef.open=true;setTimeout((()=>this.copyEmbedPopoverRef.open=false),3e3);this.inlineCopyEmbedOpened=true}async generateShareUrl(){if(this.autoUpdateShareUrl){this.shareUrl=window.location.href}if(!this.view?.ready){return this.shareUrl}const{x:t,y:s}=this.view.center;const{spatialReference:i}=this.view;const e=await l({...i.toJSON()});const a=await c({x:t,y:s,spatialReference:e});const o=await this.processPoint(a);const{isWGS84:n,isWebMercator:r}=o.spatialReference;const h=n||r;return this.generateShareUrlParams(o,h)}async processPoint(t){const{isWGS84:s,isWebMercator:i}=t.spatialReference;if(s||i){return t}const e=await r();const a=await l({wkid:4326});try{await e.load();const s=e.project(t,a);return Promise.resolve(s)}catch(t){console.error("Failed to project point",t);return await Promise.reject(new Error("Failed to project point"))}}generateShareUrlParams(t,s){const{longitude:i,latitude:e,x:a,y:o}=t;if(i===undefined||e===undefined){return this.shareUrl}const n=this.roundValue(s?i:a);const l=this.roundValue(s?e:o);const{zoom:c}=this.view;const r=this.roundValue(c);const h=this.view?.popup?.selectedFeature;const p=this.view?.popup?.visible;let d;let _;let u;if(h&&p&&h?.layer?.type==="feature"){const t=h?.layer;d=t?.id;_=h.attributes[t.objectIdField]}u=this.view.map.allLayers.filter((t=>!t.visible)).toArray().map((t=>t.id)).toString().replaceAll(",",";");const{type:f}=this.view;const{defaultUrlParams:m}=this;const b=new URL(this.shareUrl);const{searchParams:g}=b;if(g.get("center")){g.delete("center")}if(g.get("level")){g.delete("level")}if(g.get("selectedFeature")){g.delete("selectedFeature")}if(g.get("hiddenLayers")){g.delete("hiddenLayers")}if(g.get("viewpoint")){g.delete("viewpoint")}if(f==="3d"){const{camera:t}=this.view;const{heading:s,position:i,tilt:e}=t;const{longitude:a,latitude:o,z:n}=i;const l={longitude:this.roundValue(a,8),latitude:this.roundValue(o,8),z:this.roundValue(n,3),heading:this.roundValue(s,3),tilt:this.roundValue(e,3)};const c=`cam:${l.longitude},${l.latitude},${l.z};${l.heading},${l.tilt}`;if(m?.viewpoint!==false){b.searchParams.set("viewpoint",c)}if(d&&_&&m?.selectedFeature!==false){b.searchParams.set("selectedFeature",`${d};${_}`)}if(u&&m?.hiddenLayers!==false){b.searchParams.set("hiddenLayers",u)}b.search=decodeURIComponent(b.search);return b.href}if(m?.center!==false){b.searchParams.set("center",`${n};${l}`)}if(m?.level!==false){b.searchParams.set("level",`${r}`)}if(d&&_&&m?.selectedFeature!==false){b.searchParams.set("selectedFeature",`${d};${_}`)}if(u&&m?.hiddenLayers!==false){b.searchParams.set("hiddenLayers",u)}b.search=decodeURIComponent(b.search);return b.href}roundValue(t,s=4){return Number.parseFloat(t.toFixed(s))}get el(){return e(this)}};g.style=p;export{g as instant_apps_social_share};
+//# sourceMappingURL=p-3e5898bb.entry.js.map

package/dist/collection/vendor/instant-apps-components/p-3e5898bb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["instantAppsSocialShareCss","InstantAppsSocialShareStyle0","base","CALCITE_MODE_DARK","CSS","dialog","dialogEmbed","dialogContent","options","tipContainer","tipHeader","tipContent","icon","iconContainer","optionText","popoverButton","layout","vertical","horizontal","xLogo","light","dark","success","container","header","message","embed","embedCode","textArea","copyButton","textAreaText","dimensions","input","rtl","SOCIAL_URL_TEMPLATES","facebook","x","linkedIn","bluesky","SHORTEN_API","MIN_WIDTH_HEIGHT_VALUE","InstantAppsSocialShare","window","location","href","componentDidLoad","getMessages","this","setupAutoCloseListeners","mode","opened","popoverRef","open","addEventListener","shareListRef","firstNode","children","focus","handlePopoverRefKeyDown","bind","embedWidthRef","updateDimensions","embedHeightRef","disconnectedCallback","document","documentElement","removeEventListener","autoCloseCallback","stopPropagationCallback","resetPopoverCopyState","dialogContentRef","e","code","node","target","firstFocusableEl","lastFocusableEl","length","shiftKey","preventDefault","closePopover","popoverButtonRef","setFocus","copyLinkPopoverRef","inlineCopyLinkOpened","copyEmbedPopoverRef","inlineCopyEmbedOpened","event","stopPropagation","setTimeout","copied","type","value","embedWidth","Number","parseInt","embedHeight","render","content","renderSuccess","h","class","renderOptions","displayTipText","renderTip","renderEmbed","layoutClass","shareIconsLayout","el","closest","key","ref","defaultOffset","offsetDistance","removePopoverOffset","Host","label","messages","share","referenceElement","placement","scale","popoverPositioning","renderButton","inlineSuccessPopoverPlacement","overlayPositioning","renderEmbedSuccess","shareButtonScale","shareButtonType","onClick","togglePopover","id","kind","shareButtonColor","appearance","title","flipRtl","popoverButtonIconScale","text","alignment","successMessage","url","optionText_RTL","dir","role","handleShareItem","onKeyDown","handleOptionKeyDown","tabindex","link","socialMedia","renderFacebookIcon","renderXIcon","renderLinkedInIcon","renderBlueSkyIcon","blueSky","keyCode","canActivate","height","style","fillRule","clipRule","strokeLinejoin","strokeMiterlimit","version","viewBox","width","xmlns","d","fill","isCalciteModeDark","y","info","tooltip","embedMessages","textarea_RTL","embedCodeRef","cols","rows","readonly","getEmbedCode","copyEmbedCode","copy","name","includes","onChange","handleNumberInputOnChange","min","valType","parseFloat","shareUrl","generateShareUrl","shortenedUrl","isChrome","navigator","userAgent","isSafari","shortenShareUrl","shortenUrl","urlToUse","clipboard","writeText","socialWin","urlData","encodeURI","data","shareText","intl","importIntl","substitute","esriRequest","importRequest","request","query","longUrl","f","shortUrl","replace","iframeInnerText","autoUpdateShareUrl","view","ready","center","spatialReference","updatedSpatialReference","newGeometrySpatialReference","toJSON","centerPoint","newGeometryPoint","point","processPoint","isWGS84","isWebMercator","isNotProjected","generateShareUrlParams","projection","importGeometryProjection","outputSpatialReference","wkid","load","projectedPoint","project","Promise","resolve","err","console","error","reject","Error","longitude","latitude","undefined","roundedLon","roundValue","roundedLat","zoom","roundedZoom","graphic","popup","selectedFeature","visible","layerId","oid","hiddenLayers","layer","featureLayer","attributes","objectIdField","map","allLayers","filter","toArray","toString","replaceAll","defaultUrlParams","URL","searchParams","get","delete","camera","heading","position","tilt","z","viewpoint_Values","viewpointVal","viewpoint","set","search","decodeURIComponent","level","val","decimalPoints","toFixed"],"sources":["src/components/instant-apps-social-share/instant-apps-social-share.scss?tag=instant-apps-social-share&encapsulation=shadow","src/components/instant-apps-social-share/instant-apps-social-share.tsx"],"sourcesContent":["/*\n *   Copyright (c) 2024 Esri\n *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.\n *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.\n *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.\n *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english\n */\n\n$calciteBlue: #007ac2;\n$border: #d3d3d3;\n$hoverLight: #f3f3f3;\n$hoverDark: #262626;\n$xLogoLight: #000000;\n$xLogoDark: #ffffff;\n\n:host {\n  display: block;\n  /**\n * @prop --instant-apps-social-share-action-width: Width of action button\n * @prop --instant-apps-social-share-width--s: Width of component when scale is set to `s`\n * @prop --instant-apps-social-share-width--m: Width of component when scale is set to `m`\n * @prop --instant-apps-social-share-width--l: Width of component when scale is set to `l`\n * @prop --instant-apps-social-share-width-horizontal--s: Width of component when `share-icons-layout` is set to `horizontal` and scale is set to 's'\n * @prop --instant-apps-social-share-width-horizontal--m: Width of component when `share-icons-layout` is set to `horizontal` and scale is set to 'm'\n * @prop --instant-apps-social-share-width-horizontal--l: Width of component when `share-icons-layout` is set to `horizontal` and scale is set to 'l'\n */\n  --instant-apps-social-share-action-width: initial;\n  --instant-apps-social-share-width--s: 200px;\n  --instant-apps-social-share-width--m: 280px;\n  --instant-apps-social-share-width--l: 320px;\n\n  --instant-apps-social-share-width-horizontal--s: 300px;\n  --instant-apps-social-share-width-horizontal--m: 380px;\n  --instant-apps-social-share-width-horizontal--l: 420px;\n\n  --instant-apps-social-share-background-color: var(--calcite-color-foreground-1);\n  --instant-apps-social-share-popover-button-background-color: transparent;\n  --instant-apps-social-share-popover-button-icon-color: var(--calcite-ui-icon-color);\n  --instant-apps-social-share-embed-border: 1px solid $border;\n  --instant-apps-social-share-embed-text-area-text: #468540;\n  .instant-apps-social-share {\n    &__popover-button {\n      background-color: var(--instant-apps-social-share-popover-button-background-color);\n      calcite-icon {\n        color: var(--instant-apps-social-share-popover-button-icon-color);\n      }\n    }\n\n    &__dialog,\n    &__dialog-embed {\n      background-color: var(--instant-apps-social-share-background-color);\n      border: var(--instant-apps-social-share-embed-border);\n    }\n\n    &__dialog {\n      box-sizing: border-box;\n      height: auto;\n      padding: 10px 0;\n      border-radius: 5px;\n      color: var(--calcite-color-text-1);\n    }\n\n    &__options {\n      margin: 0;\n      padding: 1% 0 0 0;\n      list-style-type: none;\n      li {\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        width: 100%;\n        padding: 5%;\n        transition: background-color 0.15s ease-out 0s;\n\n        .instant-apps-social-share__icon,\n        .instant-apps-social-share__option-text {\n          display: inline-block;\n        }\n\n        .instant-apps-social-share__icon {\n          display: flex;\n          align-items: center;\n        }\n\n        .instant-apps-social-share__option-text {\n          width: 85%;\n          margin-left: 10px;\n          word-break: break-word;\n        }\n\n        .instant-apps-social-share__option-text--rtl {\n          margin-left: 0;\n          margin-right: 10px;\n        }\n      }\n\n      li:hover {\n        cursor: pointer;\n        background-color: var(--calcite-color-foreground-2);\n      }\n\n      &__x-logo--light {\n        path {\n          fill: $xLogoLight;\n        }\n      }\n\n      &__x-logo--dark {\n        path {\n          fill: $xLogoDark;\n        }\n      }\n    }\n\n    &__tip {\n      box-sizing: border-box;\n      padding: 0 5% 1% 5%;\n      &-header {\n        display: flex;\n        align-items: center;\n        color: $calciteBlue;\n        // font-size: 16px;\n        margin: 8px 0 5px 0;\n        calcite-icon {\n          margin-right: 5px;\n        }\n      }\n      &-content {\n        line-height: 17px;\n        // font-size: 14.5px;\n        margin: 0;\n        padding-top: 2%;\n      }\n    }\n\n    &__success {\n      display: flex;\n      flex-direction: column;\n      padding: 15px;\n\n      &-header {\n        display: flex;\n        align-items: center;\n        font-weight: bold;\n        margin-bottom: 10px;\n      }\n      &-icon {\n        display: flex;\n        align-items: center;\n        margin-right: 5px;\n        calcite-icon {\n          color: var(--calcite-color-status-success);\n        }\n      }\n\n      &-message {\n        // font-size: 15px;\n        line-height: 16px;\n      }\n    }\n\n    &__embed {\n      box-sizing: border-box;\n      width: 100%;\n      padding: 5%;\n      margin-bottom: 10px;\n      border-top: 1px solid $border;\n      &-header {\n        display: flex;\n        align-items: center;\n        margin-bottom: 5px;\n        calcite-icon {\n          margin-right: 5px;\n        }\n      }\n\n      &-code {\n        &-text-area {\n          border: 1px solid $border;\n          textarea {\n            box-sizing: border-box;\n            padding: 4%;\n            border: none;\n            resize: none;\n            background: transparent;\n            width: 100%;\n            font-family: var(--calcite-sans-family);\n            // font-size: 14px;\n            color: var(--calcite-color-text-1);\n          }\n          button {\n            display: flex;\n            align-items: center;\n            text-align: start;\n            width: 100%;\n            border: none;\n            border-top: 1px solid $border;\n            background-color: transparent;\n            line-height: 16px;\n            // font-size: 16px;\n            font-weight: 400;\n            padding: 3%;\n            color: var(--calcite-color-text-1);\n\n            calcite-icon {\n              color: $calciteBlue;\n              margin-right: 3px;\n            }\n          }\n\n          button:hover {\n            cursor: pointer;\n            background-color: var(--calcite-color-foreground-2);\n            transition: background-color 0.15s ease-out 0s;\n          }\n        }\n      }\n\n      &-text-area-text {\n        // font-size: 13px;\n        font-weight: 600;\n        color: var(--instant-apps-social-share-embed-text-area-text);\n      }\n\n      .instant-apps-social-share__text-area--rtl {\n        text-align: left;\n        direction: ltr;\n      }\n\n      &-dimensions {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n        &-input {\n          width: 47%;\n          box-sizing: border-box;\n          input {\n            border: 1px solid $border;\n            width: 100%;\n            height: 25px;\n            font-family: var(--calcite-sans-family);\n            // font-size: 14px;\n          }\n        }\n      }\n    }\n\n    &__layout--horizontal {\n      .instant-apps-social-share__options {\n        display: flex;\n        justify-content: space-around;\n        margin-bottom: 8%;\n        li {\n          flex-direction: column;\n          padding: 0;\n          .instant-apps-social-share__option-text {\n            word-break: break-word;\n            margin-left: 0;\n            margin-top: 10px;\n            text-align: center;\n          }\n        }\n        li:hover {\n          background-color: unset;\n        }\n      }\n    }\n\n    &__icon-container {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  calcite-action {\n    width: var(--instant-apps-social-share-action-width);\n  }\n}\n\n:host([scale=\"s\"]) {\n  .instant-apps-social-share {\n    &__dialog {\n      width: var(--instant-apps-social-share-width--s);\n    }\n    &__icon {\n      width: 16px;\n      height: 16px;\n    }\n    &__option-text {\n      font-size: var(--calcite-font-size--1);\n    }\n  }\n\n  .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal {\n    width: var(--instant-apps-social-share-width-horizontal--s);\n  }\n\n  .instant-apps-social-share__tip-header,\n  .instant-apps-social-share__tip-content,\n  .instant-apps-social-share__embed-header,\n  .instant-apps-social-share__embed-dimensions-input {\n    font-size: var(--calcite-font-size--2);\n  }\n}\n\n:host([scale=\"m\"]) {\n  .instant-apps-social-share {\n    &__dialog {\n      width: var(--instant-apps-social-share-width--m);\n    }\n    &__icon {\n      width: 24px;\n      height: 24px;\n    }\n    &__option-text {\n      font-size: var(--calcite-font-size-0);\n    }\n  }\n\n  .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal {\n    width: var(--instant-apps-social-share-width-horizontal--m);\n  }\n\n  .instant-apps-social-share__tip-header,\n  .instant-apps-social-share__tip-content,\n  .instant-apps-social-share__embed-header,\n  .instant-apps-social-share__embed-dimensions-input {\n    font-size: var(--calcite-font-size--1);\n  }\n}\n\n:host([scale=\"l\"]) {\n  .instant-apps-social-share {\n    &__dialog {\n      width: var(--instant-apps-social-share-width--l);\n    }\n    &__icon {\n      width: 32px;\n      height: 32px;\n    }\n    &__option-text {\n      font-size: var(--calcite-font-size-1);\n    }\n  }\n\n  .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal {\n    width: var(--instant-apps-social-share-width-horizontal--l);\n  }\n\n  .instant-apps-social-share__tip-header,\n  .instant-apps-social-share__tip-content,\n  .instant-apps-social-share__embed-header,\n  .instant-apps-social-share__embed-dimensions-input {\n    font-size: var(--calcite-font-size-0);\n  }\n}\n","/*\n *   Copyright (c) 2024 Esri\n *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.\n *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.\n *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.\n *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english\n */\n\nimport { Component, Element, Host, Prop, State, h } from \"@stencil/core\";\n\nimport type SocialShare_T9n from \"../../assets/t9n/instant-apps-social-share/messages.en.json\";\n\nimport type { LogicalPlacement } from \"@esri/calcite-components/dist/utils/floating-ui\";\nimport { getMessages } from \"../../utils/locale\";\nimport {\n  importGeometryProjection,\n  importIntl,\n  importRequest,\n  newGeometryPoint,\n  newGeometrySpatialReference,\n} from \"@arcgis/core-adapter\";\n// import { PopperPlacement } from '@esri/calcite-components/dist/types/utils/popper';\n\ntype ShareItemOptions = \"bluesky\" | \"facebook\" | \"link\" | \"linkedIn\" | \"x\";\n\nconst base = \"instant-apps-social-share\";\n\nconst CALCITE_MODE_DARK = \".calcite-mode-dark\";\n\nconst CSS = {\n  base,\n  dialog: `${base}__dialog`,\n  dialogEmbed: `${base}__dialog-embed`,\n  dialogContent: `${base}__dialog-content`,\n  options: `${base}__options`,\n  tipContainer: `${base}__tip`,\n  tipHeader: `${base}__tip-header`,\n  tipContent: `${base}__tip-content`,\n  icon: `${base}__icon`,\n  iconContainer: `${base}__icon-container`,\n  optionText: `${base}__option-text`,\n  popoverButton: `${base}__popover-button`,\n  layout: {\n    vertical: `${base}__layout--vertical`,\n    horizontal: `${base}__layout--horizontal`,\n  },\n  xLogo: {\n    light: `${base}__x-logo--light`,\n    dark: `${base}__x-logo--dark`,\n  },\n  success: {\n    container: `${base}__success`,\n    header: `${base}__success-header`,\n    message: `${base}__success-message`,\n    icon: `${base}__success-icon`,\n  },\n  embed: {\n    container: `${base}__embed`,\n    header: `${base}__embed-header`,\n    embedCode: {\n      container: `${base}__embed-code`,\n      textArea: `${base}__embed-code-text-area`,\n      copyButton: `${base}__embed-code-copy-button`,\n    },\n    textAreaText: `${base}__embed-text-area-text`,\n    dimensions: {\n      container: `${base}__embed-dimensions`,\n      input: `${base}__embed-dimensions-input`,\n    },\n  },\n  rtl: {\n    optionText: `${base}__option-text--rtl`,\n    textArea: `${base}__text-area--rtl`,\n  },\n};\n\nconst SOCIAL_URL_TEMPLATES = {\n  facebook: \"https://www.facebook.com/sharer/sharer.php?u={url}\",\n  x: \"https://x.com/intent/post?url={url}\",\n  linkedIn: \"https://www.linkedin.com/sharing/share-offsite/?url={url}\",\n  bluesky: \"https://bsky.app/intent/compose?text={url}\",\n};\n\nconst SHORTEN_API = \"https://arcg.is/prod/shorten\";\n\nconst MIN_WIDTH_HEIGHT_VALUE = \"1\";\n\n@Component({\n  tag: \"instant-apps-social-share\",\n  styleUrl: \"instant-apps-social-share.scss\",\n  shadow: true,\n})\nexport class InstantAppsSocialShare {\n  // HOST ELEMENT\n  @Element() el!: HTMLInstantAppsSocialShareElement;\n\n  // REFERENCE NODES\n  popoverRef!: HTMLCalcitePopoverElement;\n  embedWidthRef: HTMLInputElement | undefined;\n  embedHeightRef: HTMLInputElement | undefined;\n  embedCodeRef: HTMLTextAreaElement | undefined;\n  copyLinkPopoverRef!: HTMLCalcitePopoverElement;\n  copyEmbedPopoverRef!: HTMLCalcitePopoverElement;\n  dialogContentRef: HTMLDivElement | undefined;\n  shareListRef: HTMLUListElement | undefined;\n  popoverButtonRef: HTMLCalciteActionElement | HTMLCalciteButtonElement | undefined;\n\n  // PUBLIC PROPERTIES\n\n  /**\n   * Renders tool as a popover with a trigger button, or inline to place in a custom container.\n   */\n  @Prop({\n    reflect: true,\n  })\n  mode: \"inline\" | \"popover\" = \"popover\";\n\n  /**\n   * Generated share URL. Use this property to append custom URL parameters if needed.\n   */\n  @Prop({\n    mutable: true,\n  })\n  shareUrl: string = window.location.href;\n\n  /**\n   * Auto update share URL.\n   */\n  @Prop({\n    mutable: true,\n  })\n  autoUpdateShareUrl = true;\n\n  @Prop({\n    reflect: true,\n  })\n  shareText = \"\";\n\n  /**\n   * Show/hide the embed UI.\n   */\n  @Prop({ reflect: true }) embed = false;\n\n  @Prop({\n    reflect: true,\n  })\n  shareButtonColor: \"inverse\" | \"neutral\" = \"neutral\";\n\n  /**\n   * Renders tool in popover mode with a trigger button or action\n   */\n  @Prop({\n    reflect: true,\n  })\n  shareButtonType: \"action\" | \"button\" = \"button\";\n\n  /**\n   * Adjust scale of popover button\n   */\n  @Prop({\n    reflect: true,\n  })\n  shareButtonScale: \"l\" | \"m\" | \"s\" = \"m\";\n\n  /**\n   * Text to nest in embed iframe code.\n   */\n  @Prop({\n    reflect: true,\n  })\n  iframeInnerText = \"\";\n\n  /**\n   * Adjusts the scale of the popover button icon.\n   */\n  @Prop({\n    reflect: true,\n  })\n  popoverButtonIconScale: \"l\" | \"m\" | \"s\" = \"m\";\n\n  /**\n   * MapView or SceneView to reference when URL parameter values are generated, i.e. center, level, viewpoint, etc.\n   */\n  @Prop() view!: __esri.MapView | __esri.SceneView;\n\n  /**\n   * Show/hide the tip text below the share options.\n   */\n  @Prop({ reflect: true }) displayTipText = true;\n\n  /**\n   * Shortens generated URL.\n   */\n  @Prop({ reflect: true }) shortenShareUrl = true;\n\n  /**\n   * Show/hide social media icons.\n   */\n  @Prop({ reflect: true }) socialMedia = true;\n\n  /**\n   * Display the share icons in a vertical or horizontal layout.\n   */\n  @Prop({ reflect: true }) shareIconsLayout: \"horizontal\" | \"vertical\" = \"vertical\";\n\n  /**\n   * Adjusts the scale of the component.\n   */\n  @Prop({ reflect: true }) scale: \"l\" | \"m\" | \"s\" = \"m\";\n\n  /**\n   * Provides an alternate to the success.url message \"App URL copied to clipboard.\"\n   */\n  @Prop({ reflect: true }) successMessage = \"\";\n\n  /**\n   * When true, the icon will be flipped when the element direction is right-to-left (\"rtl\").\n   */\n  @Prop({ reflect: true }) flipRtl = false;\n\n  /**\n   * Configure the default URL parameters that are appended to the generated share URL.\n   */\n  @Prop() defaultUrlParams: {\n    center?: boolean;\n    level?: boolean;\n    viewpoint?: boolean;\n    selectedFeature?: boolean;\n    hiddenLayers?: boolean;\n  } | null = null;\n\n  /**\n   * Configures the placement of the success message popover for the 'Copy Link' button.\n   * See options here: https://github.com/Esri/calcite-components/blob/v1.0.0-beta.83/src/utils/popper.ts#L34\n   */\n  @Prop({ reflect: true })\n  inlineSuccessPopoverPlacement: LogicalPlacement = \"trailing\";\n\n  /**\n   * Adjusts the overlay-positioning of the popover.\n   */\n  @Prop({\n    reflect: true,\n  })\n  popoverPositioning: \"absolute\" | \"fixed\" = \"absolute\";\n\n  /**\n   * Remove the pointer and set the vertical offset to 0 for the popover.\n   */\n  @Prop({\n    reflect: true,\n  })\n  removePopoverOffset = false;\n\n  // INTERNAL STATE\n  // T9N\n  @State() messages?: typeof SocialShare_T9n;\n\n  // mode = 'popover'\n  @State() opened = false;\n  @State() copied = false;\n\n  // mode = 'inline'\n  @State() inlineCopyLinkOpened = false;\n  @State() inlineCopyEmbedOpened = false;\n  @State() embedWidth = 400;\n  @State() embedHeight = 600;\n\n  componentDidLoad() {\n    getMessages(this);\n    this.setupAutoCloseListeners();\n    if (this.mode === \"popover\") {\n      if (this.opened) {\n        this.popoverRef.open = true;\n      }\n      this.popoverRef.addEventListener(\"calcitePopoverOpen\", () => {\n        if (!this.shareListRef) {\n          return;\n        }\n        const firstNode = this.shareListRef.children[0] as HTMLLIElement;\n        firstNode.focus();\n      });\n      this.popoverRef.addEventListener(\"keydown\", this.handlePopoverRefKeyDown.bind(this));\n    }\n    if (this.embed) {\n      this.embedWidthRef?.addEventListener(\"change\", this.updateDimensions.bind(this, \"width\"));\n      this.embedHeightRef?.addEventListener(\"change\", this.updateDimensions.bind(this, \"height\"));\n    }\n  }\n\n  disconnectedCallback() {\n    document.documentElement.removeEventListener(\"click\", this.autoCloseCallback.bind(this));\n    if (this.mode === \"popover\") {\n      if (this.popoverRef != null) {\n        this.popoverRef.removeEventListener(\"click\", this.stopPropagationCallback.bind(this));\n        this.popoverRef.removeEventListener(\"calcitePopoverClose\", this.resetPopoverCopyState.bind(this));\n        this.popoverRef.removeEventListener(\"keydown\", this.handlePopoverRefKeyDown.bind(this));\n      }\n    } else {\n      this.embedWidthRef?.removeEventListener(\"change\", this.updateDimensions.bind(this, \"width\"));\n      this.embedHeightRef?.removeEventListener(\"change\", this.updateDimensions.bind(this, \"height\"));\n      this.dialogContentRef?.removeEventListener(\"click\", this.stopPropagationCallback.bind(this));\n    }\n  }\n\n  setupAutoCloseListeners() {\n    document.documentElement.addEventListener(\"click\", this.autoCloseCallback.bind(this));\n    if (this.mode === \"popover\") {\n      this.popoverRef?.addEventListener(\"click\", this.stopPropagationCallback.bind(this));\n      this.popoverRef?.addEventListener(\"calcitePopoverClose\", this.resetPopoverCopyState.bind(this));\n    } else {\n      this.dialogContentRef?.addEventListener(\"click\", this.stopPropagationCallback.bind(this));\n    }\n  }\n\n  handlePopoverRefKeyDown(e: KeyboardEvent) {\n    if (e.code === \"Tab\") {\n      if (!this.shareListRef) {\n        return;\n      }\n      const node = e.target;\n      const firstFocusableEl = this.shareListRef.children[0] as HTMLElement;\n      const lastFocusableEl = this.shareListRef.children[this.shareListRef.children.length - 1] as HTMLElement;\n      if (e.shiftKey && node === firstFocusableEl) {\n        e.preventDefault();\n        lastFocusableEl.focus();\n      } else if (!e.shiftKey && node === lastFocusableEl) {\n        e.preventDefault();\n        firstFocusableEl.focus();\n      }\n    } else if (e.code === \"Escape\") {\n      this.closePopover();\n      this.popoverButtonRef?.setFocus();\n    }\n  }\n\n  autoCloseCallback() {\n    if (this.mode === \"popover\") {\n      this.opened = false;\n      this.popoverRef.open = this.opened;\n    } else {\n      if (this.copyLinkPopoverRef) {\n        this.copyLinkPopoverRef.open = false;\n      }\n      this.inlineCopyLinkOpened = false;\n      if (this.copyEmbedPopoverRef) {\n        this.copyEmbedPopoverRef.open = false;\n      }\n      this.inlineCopyEmbedOpened = false;\n    }\n  }\n\n  stopPropagationCallback(event: Event) {\n    event.stopPropagation();\n  }\n\n  resetPopoverCopyState() {\n    this.popoverButtonRef?.setFocus();\n    setTimeout(() => {\n      this.copied = false;\n    }, 200);\n  }\n\n  updateDimensions(type: \"height\" | \"width\") {\n    if (type === \"width\") {\n      const value = this.embedWidthRef?.value ?? \"0\";\n      this.embedWidth = Number.parseInt(value);\n    } else {\n      const value = this.embedHeightRef?.value ?? \"0\";\n      this.embedHeight = Number.parseInt(value);\n    }\n  }\n\n  render() {\n    const content =\n      this.copied && this.mode === \"popover\" ? (\n        this.renderSuccess()\n      ) : (\n        <div class={CSS.dialogContent}>\n          {this.renderOptions()}\n          {this.displayTipText ? this.renderTip() : null}\n          {this.embed ? this.renderEmbed() : null}\n        </div>\n      );\n\n    const layoutClass = this.shareIconsLayout === \"vertical\" ? ` ${CSS.layout.vertical}` : ` ${CSS.layout.horizontal}`;\n\n    const mode = ` calcite-mode-${!!this.el.closest(CALCITE_MODE_DARK) ? \"dark\" : \"light\"}`;\n\n    const dialogContent = (\n      <div ref={(el) => (this.dialogContentRef = el)} class={`${CSS.dialog}${layoutClass}${mode}`}>\n        {content}\n      </div>\n    );\n    const defaultOffset = 6;\n    const offsetDistance = this.removePopoverOffset ? 0 : defaultOffset;\n    return (\n      <Host>\n        {this.mode === \"popover\"\n          ? [\n              <calcite-popover\n                ref={(el?: HTMLCalcitePopoverElement) => {\n                  if (el) {\n                    this.popoverRef = el;\n                  }\n                }}\n                label={this.messages?.share?.label ?? \"\"}\n                referenceElement=\"shareButton\"\n                placement=\"bottom-start\"\n                scale={this.scale}\n                overlay-positioning={this.popoverPositioning}\n                offset-distance={offsetDistance}\n                pointer-disabled={this.removePopoverOffset}\n              >\n                {dialogContent}\n              </calcite-popover>,\n              this.renderButton(),\n            ]\n          : [\n              dialogContent,\n              <calcite-popover\n                ref={(el?: HTMLCalcitePopoverElement) => {\n                  if (el) {\n                    this.copyLinkPopoverRef = el;\n                  }\n                }}\n                label={this.messages?.share?.label ?? \"\"}\n                referenceElement=\"copyToClipboard\"\n                placement={this.inlineSuccessPopoverPlacement}\n                scale={this.scale}\n                overlayPositioning=\"fixed\"\n              >\n                {this.renderSuccess()}\n              </calcite-popover>,\n              <calcite-popover\n                ref={(el?: HTMLCalcitePopoverElement) => {\n                  if (el) {\n                    this.copyEmbedPopoverRef = el;\n                  }\n                }}\n                label={this.messages?.share?.label ?? \"\"}\n                referenceElement=\"copyEmbedToClipboard\"\n                placement={this.inlineSuccessPopoverPlacement}\n                scale={this.scale}\n                overlayPositioning=\"fixed\"\n              >\n                {this.renderEmbedSuccess()}\n              </calcite-popover>,\n            ]}\n      </Host>\n    );\n  }\n\n  renderButton() {\n    const scale = this.shareButtonScale != null ? this.shareButtonScale : this.scale;\n    return this.shareButtonType === \"button\" ? (\n      <calcite-button\n        ref={(el) => (this.popoverButtonRef = el)}\n        onClick={this.togglePopover.bind(this)}\n        id=\"shareButton\"\n        class={CSS.popoverButton}\n        kind={this.shareButtonColor}\n        appearance=\"transparent\"\n        label={this.messages?.share?.label}\n        title={this.messages?.share?.label}\n        scale={scale}\n      >\n        <div class={CSS.iconContainer}>\n          <calcite-icon flipRtl={this.flipRtl} icon=\"share\" scale={this.popoverButtonIconScale} />\n        </div>\n      </calcite-button>\n    ) : (\n      <calcite-action\n        ref={(el) => (this.popoverButtonRef = el)}\n        onClick={this.togglePopover.bind(this)}\n        id=\"shareButton\"\n        class={CSS.popoverButton}\n        appearance=\"transparent\"\n        label={this.messages?.share?.label}\n        title={this.messages?.share?.label}\n        scale={scale}\n        text=\"\"\n        alignment=\"center\"\n      >\n        <div class={CSS.iconContainer}>\n          <calcite-icon flipRtl={this.flipRtl} icon=\"share\" scale={this.popoverButtonIconScale} />\n        </div>\n      </calcite-action>\n    );\n  }\n\n  renderSuccess() {\n    const success = this.messages?.success;\n    return (\n      <div class={CSS.success.container}>\n        <span class={CSS.success.header}>\n          <span class={CSS.success.icon}>\n            <calcite-icon icon=\"check-circle-f\" scale={this.scale} />\n          </span>\n          {success?.label}\n        </span>\n        <span class={CSS.success.message}>{this.successMessage || success?.url}</span>\n      </div>\n    );\n  }\n\n  renderEmbedSuccess() {\n    const success = this.messages?.success;\n    return (\n      <div class={CSS.success.container}>\n        <span class={CSS.success.header}>\n          <span class={CSS.success.icon}>\n            <calcite-icon icon=\"check-circle-f\" scale={this.scale} />\n          </span>\n          {success?.label}\n        </span>\n        <span class={CSS.success.message}>{success?.embed}</span>\n      </div>\n    );\n  }\n\n  renderOptions() {\n    const options = this.messages?.options;\n    const optionText_RTL = document.dir === \"rtl\" ? ` ${CSS.rtl.optionText}` : \"\";\n    return (\n      <ul ref={(el) => (this.shareListRef = el)} class={CSS.options} role=\"menu\">\n        <li\n          id=\"copyToClipboard\"\n          onClick={this.handleShareItem.bind(this, \"link\")}\n          onKeyDown={this.handleOptionKeyDown(\"link\")}\n          role=\"menuitem\"\n          tabindex=\"0\"\n        >\n          <span class={CSS.icon}>\n            <calcite-icon icon=\"link\" scale={this.scale} />\n          </span>\n          <span class={`${CSS.optionText}${optionText_RTL}`}>{options?.link?.label}</span>\n        </li>\n        {this.socialMedia\n          ? [\n              <li\n                onClick={this.handleShareItem.bind(this, \"facebook\")}\n                onKeyDown={this.handleOptionKeyDown(\"facebook\")}\n                role=\"menuitem\"\n                tabindex=\"0\"\n              >\n                <span class={CSS.icon}>{this.renderFacebookIcon()}</span>\n                <span class={`${CSS.optionText}${optionText_RTL}`}>{options?.facebook?.label}</span>\n              </li>,\n              <li\n                onClick={this.handleShareItem.bind(this, \"x\")}\n                onKeyDown={this.handleOptionKeyDown(\"x\")}\n                role=\"menuitem\"\n                tabindex=\"0\"\n              >\n                <span class={CSS.icon}>{this.renderXIcon()}</span>\n                <span class={`${CSS.optionText}${optionText_RTL}`}>X</span>\n              </li>,\n              <li\n                onClick={this.handleShareItem.bind(this, \"linkedIn\")}\n                onKeyDown={this.handleOptionKeyDown(\"linkedIn\")}\n                role=\"menuitem\"\n                tabindex=\"0\"\n              >\n                <span class={CSS.icon}>{this.renderLinkedInIcon()}</span>\n                <span class={`${CSS.optionText}${optionText_RTL}`}>{options?.linkedIn?.label}</span>\n              </li>,\n              <li\n                onClick={this.handleShareItem.bind(this, \"bluesky\")}\n                onKeyDown={this.handleOptionKeyDown(\"bluesky\")}\n                role=\"menuitem\"\n                tabindex=\"0\"\n              >\n                <span class={CSS.icon}>{this.renderBlueSkyIcon()}</span>\n                <span class={`${CSS.optionText}${optionText_RTL}`}>{options?.blueSky?.label}</span>\n              </li>,\n            ]\n          : null}\n      </ul>\n    );\n  }\n\n  handleOptionKeyDown(type: ShareItemOptions) {\n    return (e: KeyboardEvent) => {\n      const keyCode = e.code;\n      const canActivate = keyCode === \"Space\" || keyCode === \"Enter\";\n      if (!canActivate) {\n        return;\n      }\n      this.handleShareItem(type);\n    };\n  }\n\n  renderFacebookIcon() {\n    return (\n      <svg\n        height=\"100%\"\n        style={{ fillRule: \"evenodd\", clipRule: \"evenodd\", strokeLinejoin: \"round\", strokeMiterlimit: \"2\" }}\n        version=\"1.1\"\n        viewBox=\"0 0 512 512\"\n        width=\"100%\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g>\n          <path\n            d=\"M512,256c0,-141.385 -114.615,-256 -256,-256c-141.385,0 -256,114.615 -256,256c0,127.777 93.616,233.685 216,252.89l0,-178.89l-65,0l0,-74l65,0l0,-56.4c0,-64.16 38.219,-99.6 96.695,-99.6c28.009,0 57.305,5 57.305,5l0,63l-32.281,0c-31.801,0 -41.719,19.733 -41.719,39.978l0,48.022l71,0l-11.35,74l-59.65,0l0,178.89c122.385,-19.205 216,-125.113 216,-252.89Z\"\n            style={{ fill: \"#1877f2\", fillRule: \"nonzero\" }}\n          />\n          <path\n            d=\"M355.65,330l11.35,-74l-71,0l0,-48.022c0,-20.245 9.917,-39.978 41.719,-39.978l32.281,0l0,-63c0,0 -29.297,-5 -57.305,-5c-58.476,0 -96.695,35.44 -96.695,99.6l0,56.4l-65,0l0,74l65,0l0,178.89c13.033,2.045 26.392,3.11 40,3.11c13.608,0 26.966,-1.065 40,-3.11l0,-178.89l59.65,0Z\"\n            style={{ fill: \"#fff\", fillRule: \"nonzero\" }}\n          />\n        </g>\n      </svg>\n    );\n  }\n\n  renderXIcon() {\n    const isCalciteModeDark = !!this.el.closest(CALCITE_MODE_DARK);\n    return (\n      <svg\n        class={isCalciteModeDark ? CSS.xLogo.dark : CSS.xLogo.light}\n        viewBox=\"0 0 1200 1227\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <rect height=\"400\" style={{ fill: \"none\" }} width=\"400\" x=\"56\" y=\"56\" />\n        <path\n          d=\"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z\"\n          fill={isCalciteModeDark ? \"white\" : \"black\"}\n        />\n      </svg>\n    );\n  }\n  renderBlueSkyIcon() {\n    return (\n      <svg fill=\"#0f85fe\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n        <path d=\"M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z\" />\n      </svg>\n    );\n  }\n\n  renderLinkedInIcon() {\n    return (\n      <svg\n        height=\"100%\"\n        style={{ fillRule: \"evenodd\", clipRule: \"evenodd\", strokeLinejoin: \"round\", strokeMiterlimit: \"2\" }}\n        version=\"1.1\"\n        viewBox=\"0 0 512 512\"\n        width=\"100%\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g id=\"g5891\">\n          <path\n            d=\"M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z\"\n            id=\"background\"\n            style={{ fill: \"#2867b2\" }}\n          />\n          <g id=\"shapes\">\n            <rect height=\"257.962\" id=\"rect11\" style={{ fill: \"#fff\" }} width=\"85.76\" x=\"61.053\" y=\"178.667\" />\n            <path\n              d=\"M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z\"\n              id=\"path13-0\"\n              style={{ fill: \"#fff\", fillRule: \"nonzero\" }}\n            />\n            <path\n              d=\"M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z\"\n              id=\"path15\"\n              style={{ fill: \"#fff\", fillRule: \"nonzero\" }}\n            />\n          </g>\n        </g>\n      </svg>\n    );\n  }\n\n  renderTip() {\n    const info = this.messages?.info;\n    return (\n      <div class={CSS.tipContainer}>\n        <span class={CSS.tipHeader}>\n          <calcite-icon icon=\"lightbulb\" scale={this.scale} />\n          <span>{info?.label}</span>\n        </span>\n        <p class={CSS.tipContent}>{info?.tooltip}</p>\n      </div>\n    );\n  }\n\n  renderEmbed() {\n    const embedMessages = this.messages?.embed;\n    const textarea_RTL = document.dir === \"rtl\" ? ` ${CSS.rtl.textArea}` : \"\";\n    return (\n      <div class={CSS.embed.container}>\n        <span class={CSS.embed.header}>\n          <calcite-icon icon=\"code\" scale={this.scale} />\n          <span>{this.messages?.embed?.label}</span>\n        </span>\n        <div class={CSS.embed.embedCode.container}>\n          <div class={CSS.embed.embedCode.textArea}>\n            <textarea\n              ref={(el) => (this.embedCodeRef = el)}\n              cols={30}\n              rows={5}\n              readonly\n              class={textarea_RTL}\n              value={this.getEmbedCode()}\n            />\n            <button\n              id=\"copyEmbedToClipboard\"\n              onClick={this.copyEmbedCode.bind(this)}\n              class={CSS.embed.embedCode.copyButton}\n            >\n              <calcite-icon icon=\"copy\" scale={this.scale} />\n              <span>{embedMessages?.copy}</span>\n            </button>\n          </div>\n          <span class={CSS.embed.textAreaText}>\n            <slot name=\"text-area-text\"></slot>\n          </span>\n          <div class={CSS.embed.dimensions.container}>\n            <label class={CSS.embed.dimensions.input}>\n              <span>{embedMessages?.width}</span>\n              <input\n                ref={(el) => (this.embedWidthRef = el)}\n                type=\"number\"\n                onKeyDown={(e) => [\"e\", \"E\", \"+\", \"-\"].includes(e.key) && e.preventDefault()}\n                onChange={this.handleNumberInputOnChange(\"width\")}\n                value={this.embedWidth}\n                min=\"1\"\n              />\n            </label>\n            <label class={CSS.embed.dimensions.input}>\n              <span>{embedMessages?.height}</span>\n              <input\n                ref={(el) => (this.embedHeightRef = el)}\n                type=\"number\"\n                onKeyDown={(e) => [\"e\", \"E\", \"+\", \"-\"].includes(e.key) && e.preventDefault()}\n                onChange={this.handleNumberInputOnChange(\"height\")}\n                value={this.embedHeight}\n                min=\"1\"\n              />\n            </label>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  handleNumberInputOnChange(type: \"height\" | \"width\"): () => void {\n    const ref = (type === \"width\" ? this.embedWidthRef : this.embedHeightRef)!;\n    const valType = type === \"width\" ? \"embedWidth\" : \"embedHeight\";\n    return () => {\n      if (ref) {\n        const value = Number.parseFloat(ref.value);\n        if (value <= 0) {\n          this[valType] = Number.parseInt(MIN_WIDTH_HEIGHT_VALUE);\n          ref.value = MIN_WIDTH_HEIGHT_VALUE;\n        }\n      }\n    };\n  }\n\n  togglePopover(event: Event) {\n    event.stopPropagation();\n    this.opened = !this.opened;\n    this.popoverRef.open = this.opened;\n  }\n\n  closePopover() {\n    this.opened = false;\n    this.popoverRef.open = this.opened;\n  }\n\n  async handleShareItem(type: ShareItemOptions) {\n    this.shareUrl = await this.generateShareUrl();\n    let shortenedUrl = null;\n\n    // Detects Safari - If Safari, do not shorten URL due to Safari not allowing clipboard copy after network requests\n    const isChrome = navigator?.userAgent?.includes(\"Chrome\") ?? false;\n    const isSafari = (navigator?.userAgent?.includes(\"Safari\") ?? false) && !isChrome;\n    if (!isSafari && this.shortenShareUrl) {\n      shortenedUrl = await this.shortenUrl(this.shareUrl);\n    }\n    let urlToUse = shortenedUrl ? shortenedUrl : this.shareUrl;\n\n    switch (type) {\n      case \"link\":\n        navigator.clipboard.writeText(urlToUse);\n        if (this.embed) {\n          this.copyEmbedPopoverRef.open = false;\n          this.inlineCopyEmbedOpened = false;\n        }\n        if (this.mode === \"inline\") {\n          this.copyLinkPopoverRef.open = true;\n          setTimeout(() => (this.copyLinkPopoverRef.open = false), 3000);\n        }\n        this.inlineCopyLinkOpened = true;\n        this.copied = true;\n        if (this.mode === \"popover\") {\n          setTimeout(() => this.closePopover(), 2000);\n        }\n        return;\n      case \"facebook\":\n      case \"bluesky\":\n      case \"x\":\n      case \"linkedIn\":\n        {\n          let socialWin;\n          if (isSafari) {\n            socialWin = window.open(\"\", \"_blank\");\n            if (this.shortenShareUrl) {\n              urlToUse = (await this.shortenUrl(this.shareUrl)) || urlToUse;\n            }\n          }\n          const urlData = {\n            url: encodeURI(urlToUse),\n          };\n          const data = type === \"x\" ? { ...urlData, text: this.shareText } : urlData;\n          const intl = await importIntl();\n          const url = intl.substitute(SOCIAL_URL_TEMPLATES[type], data);\n          if (this.mode === \"popover\") {\n            this.closePopover();\n          }\n\n          // With Safari, need to open new tab using the triggering event, so add shortened URL after opening.\n          // Safari truncates URL without this approach.\n          if (isSafari && socialWin) {\n            socialWin.location = url;\n            socialWin.focus();\n          } else {\n            window.open(encodeURI(url), \"_blank\");\n          }\n        }\n\n        return;\n    }\n  }\n\n  async shortenUrl(url: string) {\n    const esriRequest = await importRequest();\n    const request = await esriRequest(SHORTEN_API, {\n      query: {\n        longUrl: url,\n        f: \"json\",\n      },\n    });\n\n    const shortUrl = request?.data?.data?.url;\n    if (shortUrl) {\n      return shortUrl.replace(\"http://\", \"https://\");\n    }\n  }\n\n  getEmbedCode(): string {\n    return `<iframe src=\"${this.shareUrl}\" width=\"${this.embedWidth}\" height=\"${this.embedHeight}\" frameborder=\"0\" style=\"border:0\" allowfullscreen>${this.iframeInnerText}</iframe>`;\n  }\n\n  copyEmbedCode() {\n    navigator.clipboard.writeText(this.getEmbedCode());\n    this.copyLinkPopoverRef.open = false;\n    this.inlineCopyLinkOpened = false;\n    this.copyEmbedPopoverRef.open = true;\n    setTimeout(() => (this.copyEmbedPopoverRef.open = false), 3000);\n    this.inlineCopyEmbedOpened = true;\n  }\n\n  // VIEW LOGIC\n  async generateShareUrl(): Promise<string> {\n    if (this.autoUpdateShareUrl) {\n      // Update shareUrl--it may have changes since the component was loaded\n      this.shareUrl = window.location.href;\n    }\n\n    // If view is not ready\n    if (!this.view?.ready) {\n      return this.shareUrl;\n    }\n    // Use x/y values and the spatial reference of the view to instantiate a geometry point\n    const { x, y } = this.view.center;\n    const { spatialReference } = this.view;\n    const updatedSpatialReference = await newGeometrySpatialReference({ ...spatialReference.toJSON() });\n    const centerPoint = await newGeometryPoint({\n      x,\n      y,\n      spatialReference: updatedSpatialReference,\n    });\n    // Use pointToConvert to project point. Once projected, pass point to generate the share URL parameters\n    const point = await this.processPoint(centerPoint);\n    const { isWGS84, isWebMercator } = point.spatialReference;\n    const isNotProjected = isWGS84 || isWebMercator;\n    return this.generateShareUrlParams(point, isNotProjected);\n  }\n\n  async processPoint(point: __esri.Point): Promise<__esri.Point> {\n    const { isWGS84, isWebMercator } = point.spatialReference;\n    // If spatial reference is WGS84 or Web Mercator, use longitude/latitude values to generate the share URL parameters\n    if (isWGS84 || isWebMercator) {\n      return point;\n    }\n    const projection = await importGeometryProjection();\n    const outputSpatialReference = await newGeometrySpatialReference({ wkid: 4326 });\n    try {\n      await projection.load();\n      const projectedPoint = projection.project(point, outputSpatialReference) as __esri.Point;\n      return Promise.resolve(projectedPoint);\n    } catch (err) {\n      console.error(\"Failed to project point\", err);\n      return await Promise.reject(new Error(\"Failed to project point\"));\n    }\n  }\n\n  generateShareUrlParams(point: __esri.Point, isNotProjected: boolean): string {\n    const { longitude, latitude, x, y } = point;\n    if (longitude === undefined || latitude === undefined) {\n      return this.shareUrl;\n    }\n\n    const roundedLon = this.roundValue((isNotProjected ? longitude : x)!);\n    const roundedLat = this.roundValue((isNotProjected ? latitude : y)!);\n    const { zoom } = this.view;\n    const roundedZoom = this.roundValue(zoom);\n    const graphic = this.view?.popup?.selectedFeature;\n    const visible = this.view?.popup?.visible;\n    let layerId;\n    let oid;\n    let hiddenLayers;\n    if (graphic && visible && graphic?.layer?.type === \"feature\") {\n      const featureLayer = graphic?.layer as __esri.FeatureLayer;\n\n      layerId = featureLayer?.id;\n      oid = graphic.attributes[featureLayer.objectIdField];\n    }\n\n    hiddenLayers = this.view.map.allLayers\n      .filter((layer) => !layer.visible)\n      .toArray()\n      .map((featureLayer) => featureLayer.id)\n      .toString()\n      .replaceAll(\",\", \";\");\n\n    const { type } = this.view;\n    const { defaultUrlParams } = this;\n\n    const url = new URL(this.shareUrl);\n    const { searchParams } = url;\n\n    // Resets existing URL params\n    if (searchParams.get(\"center\")) {\n      searchParams.delete(\"center\");\n    }\n    if (searchParams.get(\"level\")) {\n      searchParams.delete(\"level\");\n    }\n    if (searchParams.get(\"selectedFeature\")) {\n      searchParams.delete(\"selectedFeature\");\n    }\n    if (searchParams.get(\"hiddenLayers\")) {\n      searchParams.delete(\"hiddenLayers\");\n    }\n    if (searchParams.get(\"viewpoint\")) {\n      searchParams.delete(\"viewpoint\");\n    }\n\n    // Checks if view.type is 3D, if so, set 3D url parameters\n    if (type === \"3d\") {\n      // viewpoint=cam:{camera.position.longitude},{camera.position.latitude},{camera.position.z};{camera.heading},{camera.tilt}\n      const { camera } = this.view;\n      const { heading, position, tilt } = camera;\n      const { longitude, latitude, z } = position;\n\n      const viewpoint_Values = {\n        longitude: this.roundValue(longitude!, 8),\n        latitude: this.roundValue(latitude!, 8),\n        z: this.roundValue(z!, 3),\n        heading: this.roundValue(heading, 3),\n        tilt: this.roundValue(tilt, 3),\n      };\n\n      const viewpointVal = `cam:${viewpoint_Values.longitude},${viewpoint_Values.latitude},${viewpoint_Values.z};${viewpoint_Values.heading},${viewpoint_Values.tilt}`;\n\n      if (defaultUrlParams?.viewpoint !== false) {\n        url.searchParams.set(\"viewpoint\", viewpointVal);\n      }\n      if (layerId && oid && defaultUrlParams?.selectedFeature !== false) {\n        url.searchParams.set(\"selectedFeature\", `${layerId};${oid}`);\n      }\n      if (hiddenLayers && defaultUrlParams?.hiddenLayers !== false) {\n        url.searchParams.set(\"hiddenLayers\", hiddenLayers);\n      }\n      url.search = decodeURIComponent(url.search);\n      return url.href;\n    }\n\n    // Otherwise, just return original url for 2D\n    if (defaultUrlParams?.center !== false) {\n      url.searchParams.set(\"center\", `${roundedLon};${roundedLat}`);\n    }\n    if (defaultUrlParams?.level !== false) {\n      url.searchParams.set(\"level\", `${roundedZoom}`);\n    }\n    if (layerId && oid && defaultUrlParams?.selectedFeature !== false) {\n      url.searchParams.set(\"selectedFeature\", `${layerId};${oid}`);\n    }\n    if (hiddenLayers && defaultUrlParams?.hiddenLayers !== false) {\n      url.searchParams.set(\"hiddenLayers\", hiddenLayers);\n    }\n    url.search = decodeURIComponent(url.search);\n    return url.href;\n  }\n\n  roundValue(val: number, decimalPoints = 4): number {\n    return Number.parseFloat(val.toFixed(decimalPoints));\n  }\n}\n"],"mappings":"qLAAA,MAAMA,EAA4B,upPAClC,MAAAC,EAAeD,ECwBf,MAAME,EAAO,4BAEb,MAAMC,EAAoB,qBAE1B,MAAMC,EAAM,CACVF,OACAG,OAAQ,GAAGH,YACXI,YAAa,GAAGJ,kBAChBK,cAAe,GAAGL,oBAClBM,QAAS,GAAGN,aACZO,aAAc,GAAGP,SACjBQ,UAAW,GAAGR,gBACdS,WAAY,GAAGT,iBACfU,KAAM,GAAGV,UACTW,cAAe,GAAGX,oBAClBY,WAAY,GAAGZ,iBACfa,cAAe,GAAGb,oBAClBc,OAAQ,CACNC,SAAU,GAAGf,sBACbgB,WAAY,GAAGhB,yBAEjBiB,MAAO,CACLC,MAAO,GAAGlB,mBACVmB,KAAM,GAAGnB,mBAEXoB,QAAS,CACPC,UAAW,GAAGrB,aACdsB,OAAQ,GAAGtB,oBACXuB,QAAS,GAAGvB,qBACZU,KAAM,GAAGV,mBAEXwB,MAAO,CACLH,UAAW,GAAGrB,WACdsB,OAAQ,GAAGtB,kBACXyB,UAAW,CACTJ,UAAW,GAAGrB,gBACd0B,SAAU,GAAG1B,0BACb2B,WAAY,GAAG3B,6BAEjB4B,aAAc,GAAG5B,0BACjB6B,WAAY,CACVR,UAAW,GAAGrB,sBACd8B,MAAO,GAAG9B,8BAGd+B,IAAK,CACHnB,WAAY,GAAGZ,sBACf0B,SAAU,GAAG1B,sBAIjB,MAAMgC,EAAuB,CAC3BC,SAAU,qDACVC,EAAG,sCACHC,SAAU,4DACVC,QAAS,8CAGX,MAAMC,EAAc,+BAEpB,MAAMC,EAAyB,I,MAOlBC,EAAsB,M,mCAuBJ,U,cAQVC,OAAOC,SAASC,K,wBAQd,K,eAKT,G,WAKqB,M,sBAKS,U,qBAQH,S,sBAQH,I,qBAQlB,G,4BAQwB,I,wCAUA,K,qBAKC,K,iBAKJ,K,sBAKgC,W,WAKrB,I,oBAKR,G,aAKP,M,sBAWxB,K,mCAOuC,W,wBAQP,W,yBAQrB,M,oCAOJ,M,YACA,M,0BAGc,M,2BACC,M,gBACX,I,iBACC,G,CAEvB,gBAAAC,GACEC,EAAYC,MACZA,KAAKC,0BACL,GAAID,KAAKE,OAAS,UAAW,CAC3B,GAAIF,KAAKG,OAAQ,CACfH,KAAKI,WAAWC,KAAO,I,CAEzBL,KAAKI,WAAWE,iBAAiB,sBAAsB,KACrD,IAAKN,KAAKO,aAAc,CACtB,M,CAEF,MAAMC,EAAYR,KAAKO,aAAaE,SAAS,GAC7CD,EAAUE,OAAO,IAEnBV,KAAKI,WAAWE,iBAAiB,UAAWN,KAAKW,wBAAwBC,KAAKZ,M,CAEhF,GAAIA,KAAKrB,MAAO,CACdqB,KAAKa,eAAeP,iBAAiB,SAAUN,KAAKc,iBAAiBF,KAAKZ,KAAM,UAChFA,KAAKe,gBAAgBT,iBAAiB,SAAUN,KAAKc,iBAAiBF,KAAKZ,KAAM,U,EAIrF,oBAAAgB,GACEC,SAASC,gBAAgBC,oBAAoB,QAASnB,KAAKoB,kBAAkBR,KAAKZ,OAClF,GAAIA,KAAKE,OAAS,UAAW,CAC3B,GAAIF,KAAKI,YAAc,KAAM,CAC3BJ,KAAKI,WAAWe,oBAAoB,QAASnB,KAAKqB,wBAAwBT,KAAKZ,OAC/EA,KAAKI,WAAWe,oBAAoB,sBAAuBnB,KAAKsB,sBAAsBV,KAAKZ,OAC3FA,KAAKI,WAAWe,oBAAoB,UAAWnB,KAAKW,wBAAwBC,KAAKZ,M,MAE9E,CACLA,KAAKa,eAAeM,oBAAoB,SAAUnB,KAAKc,iBAAiBF,KAAKZ,KAAM,UACnFA,KAAKe,gBAAgBI,oBAAoB,SAAUnB,KAAKc,iBAAiBF,KAAKZ,KAAM,WACpFA,KAAKuB,kBAAkBJ,oBAAoB,QAASnB,KAAKqB,wBAAwBT,KAAKZ,M,EAI1F,uBAAAC,GACEgB,SAASC,gBAAgBZ,iBAAiB,QAASN,KAAKoB,kBAAkBR,KAAKZ,OAC/E,GAAIA,KAAKE,OAAS,UAAW,CAC3BF,KAAKI,YAAYE,iBAAiB,QAASN,KAAKqB,wBAAwBT,KAAKZ,OAC7EA,KAAKI,YAAYE,iBAAiB,sBAAuBN,KAAKsB,sBAAsBV,KAAKZ,M,KACpF,CACLA,KAAKuB,kBAAkBjB,iBAAiB,QAASN,KAAKqB,wBAAwBT,KAAKZ,M,EAIvF,uBAAAW,CAAwBa,GACtB,GAAIA,EAAEC,OAAS,MAAO,CACpB,IAAKzB,KAAKO,aAAc,CACtB,M,CAEF,MAAMmB,EAAOF,EAAEG,OACf,MAAMC,EAAmB5B,KAAKO,aAAaE,SAAS,GACpD,MAAMoB,EAAkB7B,KAAKO,aAAaE,SAAST,KAAKO,aAAaE,SAASqB,OAAS,GACvF,GAAIN,EAAEO,UAAYL,IAASE,EAAkB,CAC3CJ,EAAEQ,iBACFH,EAAgBnB,O,MACX,IAAKc,EAAEO,UAAYL,IAASG,EAAiB,CAClDL,EAAEQ,iBACFJ,EAAiBlB,O,OAEd,GAAIc,EAAEC,OAAS,SAAU,CAC9BzB,KAAKiC,eACLjC,KAAKkC,kBAAkBC,U,EAI3B,iBAAAf,GACE,GAAIpB,KAAKE,OAAS,UAAW,CAC3BF,KAAKG,OAAS,MACdH,KAAKI,WAAWC,KAAOL,KAAKG,M,KACvB,CACL,GAAIH,KAAKoC,mBAAoB,CAC3BpC,KAAKoC,mBAAmB/B,KAAO,K,CAEjCL,KAAKqC,qBAAuB,MAC5B,GAAIrC,KAAKsC,oBAAqB,CAC5BtC,KAAKsC,oBAAoBjC,KAAO,K,CAElCL,KAAKuC,sBAAwB,K,EAIjC,uBAAAlB,CAAwBmB,GACtBA,EAAMC,iB,CAGR,qBAAAnB,GACEtB,KAAKkC,kBAAkBC,WACvBO,YAAW,KACT1C,KAAK2C,OAAS,KAAK,GAClB,I,CAGL,gBAAA7B,CAAiB8B,GACf,GAAIA,IAAS,QAAS,CACpB,MAAMC,EAAQ7C,KAAKa,eAAegC,OAAS,IAC3C7C,KAAK8C,WAAaC,OAAOC,SAASH,E,KAC7B,CACL,MAAMA,EAAQ7C,KAAKe,gBAAgB8B,OAAS,IAC5C7C,KAAKiD,YAAcF,OAAOC,SAASH,E,EAIvC,MAAAK,GACE,MAAMC,EACJnD,KAAK2C,QAAU3C,KAAKE,OAAS,UAC3BF,KAAKoD,gBAELC,EAAA,OAAKC,MAAOjG,EAAIG,eACbwC,KAAKuD,gBACLvD,KAAKwD,eAAiBxD,KAAKyD,YAAc,KACzCzD,KAAKrB,MAAQqB,KAAK0D,cAAgB,MAIzC,MAAMC,EAAc3D,KAAK4D,mBAAqB,WAAa,IAAIvG,EAAIY,OAAOC,WAAa,IAAIb,EAAIY,OAAOE,aAEtG,MAAM+B,EAAO,mBAAmBF,KAAK6D,GAAGC,QAAQ1G,GAAqB,OAAS,UAE9E,MAAMI,EACJ6F,EAAA,OAAAU,IAAA,2CAAKC,IAAMH,GAAQ7D,KAAKuB,iBAAmBsC,EAAKP,MAAO,GAAGjG,EAAIC,SAASqG,IAAczD,KAClFiD,GAGL,MAAMc,EAAgB,EACtB,MAAMC,EAAiBlE,KAAKmE,oBAAsB,EAAIF,EACtD,OACEZ,EAACe,EAAI,CAAAL,IAAA,4CACF/D,KAAKE,OAAS,UACX,CACEmD,EAAA,mBACEW,IAAMH,IACJ,GAAIA,EAAI,CACN7D,KAAKI,WAAayD,C,GAGtBQ,MAAOrE,KAAKsE,UAAUC,OAAOF,OAAS,GACtCG,iBAAiB,cACjBC,UAAU,eACVC,MAAO1E,KAAK0E,MAAK,sBACI1E,KAAK2E,mBAAkB,kBAC3BT,EAAc,mBACblE,KAAKmE,qBAEtB3G,GAEHwC,KAAK4E,gBAEP,CACEpH,EACA6F,EAAA,mBACEW,IAAMH,IACJ,GAAIA,EAAI,CACN7D,KAAKoC,mBAAqByB,C,GAG9BQ,MAAOrE,KAAKsE,UAAUC,OAAOF,OAAS,GACtCG,iBAAiB,kBACjBC,UAAWzE,KAAK6E,8BAChBH,MAAO1E,KAAK0E,MACZI,mBAAmB,SAElB9E,KAAKoD,iBAERC,EAAA,mBACEW,IAAMH,IACJ,GAAIA,EAAI,CACN7D,KAAKsC,oBAAsBuB,C,GAG/BQ,MAAOrE,KAAKsE,UAAUC,OAAOF,OAAS,GACtCG,iBAAiB,uBACjBC,UAAWzE,KAAK6E,8BAChBH,MAAO1E,KAAK0E,MACZI,mBAAmB,SAElB9E,KAAK+E,uB,CAOpB,YAAAH,GACE,MAAMF,EAAQ1E,KAAKgF,kBAAoB,KAAOhF,KAAKgF,iBAAmBhF,KAAK0E,MAC3E,OAAO1E,KAAKiF,kBAAoB,SAC9B5B,EAAA,kBACEW,IAAMH,GAAQ7D,KAAKkC,iBAAmB2B,EACtCqB,QAASlF,KAAKmF,cAAcvE,KAAKZ,MACjCoF,GAAG,cACH9B,MAAOjG,EAAIW,cACXqH,KAAMrF,KAAKsF,iBACXC,WAAW,cACXlB,MAAOrE,KAAKsE,UAAUC,OAAOF,MAC7BmB,MAAOxF,KAAKsE,UAAUC,OAAOF,MAC7BK,MAAOA,GAEPrB,EAAA,OAAKC,MAAOjG,EAAIS,eACduF,EAAA,gBAAcoC,QAASzF,KAAKyF,QAAS5H,KAAK,QAAQ6G,MAAO1E,KAAK0F,2BAIlErC,EAAA,kBACEW,IAAMH,GAAQ7D,KAAKkC,iBAAmB2B,EACtCqB,QAASlF,KAAKmF,cAAcvE,KAAKZ,MACjCoF,GAAG,cACH9B,MAAOjG,EAAIW,cACXuH,WAAW,cACXlB,MAAOrE,KAAKsE,UAAUC,OAAOF,MAC7BmB,MAAOxF,KAAKsE,UAAUC,OAAOF,MAC7BK,MAAOA,EACPiB,KAAK,GACLC,UAAU,UAEVvC,EAAA,OAAKC,MAAOjG,EAAIS,eACduF,EAAA,gBAAcoC,QAASzF,KAAKyF,QAAS5H,KAAK,QAAQ6G,MAAO1E,KAAK0F,0B,CAMtE,aAAAtC,GACE,MAAM7E,EAAUyB,KAAKsE,UAAU/F,QAC/B,OACE8E,EAAA,OAAKC,MAAOjG,EAAIkB,QAAQC,WACtB6E,EAAA,QAAMC,MAAOjG,EAAIkB,QAAQE,QACvB4E,EAAA,QAAMC,MAAOjG,EAAIkB,QAAQV,MACvBwF,EAAA,gBAAcxF,KAAK,iBAAiB6G,MAAO1E,KAAK0E,SAEjDnG,GAAS8F,OAEZhB,EAAA,QAAMC,MAAOjG,EAAIkB,QAAQG,SAAUsB,KAAK6F,gBAAkBtH,GAASuH,K,CAKzE,kBAAAf,GACE,MAAMxG,EAAUyB,KAAKsE,UAAU/F,QAC/B,OACE8E,EAAA,OAAKC,MAAOjG,EAAIkB,QAAQC,WACtB6E,EAAA,QAAMC,MAAOjG,EAAIkB,QAAQE,QACvB4E,EAAA,QAAMC,MAAOjG,EAAIkB,QAAQV,MACvBwF,EAAA,gBAAcxF,KAAK,iBAAiB6G,MAAO1E,KAAK0E,SAEjDnG,GAAS8F,OAEZhB,EAAA,QAAMC,MAAOjG,EAAIkB,QAAQG,SAAUH,GAASI,O,CAKlD,aAAA4E,GACE,MAAM9F,EAAUuC,KAAKsE,UAAU7G,QAC/B,MAAMsI,EAAiB9E,SAAS+E,MAAQ,MAAQ,IAAI3I,EAAI6B,IAAInB,aAAe,GAC3E,OACEsF,EAAA,MAAIW,IAAMH,GAAQ7D,KAAKO,aAAesD,EAAKP,MAAOjG,EAAII,QAASwI,KAAK,QAClE5C,EAAA,MACE+B,GAAG,kBACHF,QAASlF,KAAKkG,gBAAgBtF,KAAKZ,KAAM,QACzCmG,UAAWnG,KAAKoG,oBAAoB,QACpCH,KAAK,WACLI,SAAS,KAEThD,EAAA,QAAMC,MAAOjG,EAAIQ,MACfwF,EAAA,gBAAcxF,KAAK,OAAO6G,MAAO1E,KAAK0E,SAExCrB,EAAA,QAAMC,MAAO,GAAGjG,EAAIU,aAAagI,KAAmBtI,GAAS6I,MAAMjC,QAEpErE,KAAKuG,YACF,CACElD,EAAA,MACE6B,QAASlF,KAAKkG,gBAAgBtF,KAAKZ,KAAM,YACzCmG,UAAWnG,KAAKoG,oBAAoB,YACpCH,KAAK,WACLI,SAAS,KAEThD,EAAA,QAAMC,MAAOjG,EAAIQ,MAAOmC,KAAKwG,sBAC7BnD,EAAA,QAAMC,MAAO,GAAGjG,EAAIU,aAAagI,KAAmBtI,GAAS2B,UAAUiF,QAEzEhB,EAAA,MACE6B,QAASlF,KAAKkG,gBAAgBtF,KAAKZ,KAAM,KACzCmG,UAAWnG,KAAKoG,oBAAoB,KACpCH,KAAK,WACLI,SAAS,KAEThD,EAAA,QAAMC,MAAOjG,EAAIQ,MAAOmC,KAAKyG,eAC7BpD,EAAA,QAAMC,MAAO,GAAGjG,EAAIU,aAAagI,KAAgB,MAEnD1C,EAAA,MACE6B,QAASlF,KAAKkG,gBAAgBtF,KAAKZ,KAAM,YACzCmG,UAAWnG,KAAKoG,oBAAoB,YACpCH,KAAK,WACLI,SAAS,KAEThD,EAAA,QAAMC,MAAOjG,EAAIQ,MAAOmC,KAAK0G,sBAC7BrD,EAAA,QAAMC,MAAO,GAAGjG,EAAIU,aAAagI,KAAmBtI,GAAS6B,UAAU+E,QAEzEhB,EAAA,MACE6B,QAASlF,KAAKkG,gBAAgBtF,KAAKZ,KAAM,WACzCmG,UAAWnG,KAAKoG,oBAAoB,WACpCH,KAAK,WACLI,SAAS,KAEThD,EAAA,QAAMC,MAAOjG,EAAIQ,MAAOmC,KAAK2G,qBAC7BtD,EAAA,QAAMC,MAAO,GAAGjG,EAAIU,aAAagI,KAAmBtI,GAASmJ,SAASvC,SAG1E,K,CAKV,mBAAA+B,CAAoBxD,GAClB,OAAQpB,IACN,MAAMqF,EAAUrF,EAAEC,KAClB,MAAMqF,EAAcD,IAAY,SAAWA,IAAY,QACvD,IAAKC,EAAa,CAChB,M,CAEF9G,KAAKkG,gBAAgBtD,EAAK,C,CAI9B,kBAAA4D,GACE,OACEnD,EAAA,OACE0D,OAAO,OACPC,MAAO,CAAEC,SAAU,UAAWC,SAAU,UAAWC,eAAgB,QAASC,iBAAkB,KAC9FC,QAAQ,MACRC,QAAQ,cACRC,MAAM,OACNC,MAAM,8BAENnE,EAAA,SACEA,EAAA,QACEoE,EAAE,+VACFT,MAAO,CAAEU,KAAM,UAAWT,SAAU,aAEtC5D,EAAA,QACEoE,EAAE,iRACFT,MAAO,CAAEU,KAAM,OAAQT,SAAU,c,CAO3C,WAAAR,GACE,MAAMkB,IAAsB3H,KAAK6D,GAAGC,QAAQ1G,GAC5C,OACEiG,EAAA,OACEC,MAAOqE,EAAoBtK,EAAIe,MAAME,KAAOjB,EAAIe,MAAMC,MACtDiJ,QAAQ,gBACRI,KAAK,OACLF,MAAM,8BAENnE,EAAA,QAAM0D,OAAO,MAAMC,MAAO,CAAEU,KAAM,QAAUH,MAAM,MAAMlI,EAAE,KAAKuI,EAAE,OACjEvE,EAAA,QACEoE,EAAE,wSACFC,KAAMC,EAAoB,QAAU,U,CAK5C,iBAAAhB,GACE,OACEtD,EAAA,OAAKqE,KAAK,UAAUF,MAAM,6BAA6BF,QAAQ,eAC7DjE,EAAA,QAAMoE,EAAE,+a,CAKd,kBAAAf,GACE,OACErD,EAAA,OACE0D,OAAO,OACPC,MAAO,CAAEC,SAAU,UAAWC,SAAU,UAAWC,eAAgB,QAASC,iBAAkB,KAC9FC,QAAQ,MACRC,QAAQ,cACRC,MAAM,OACNC,MAAM,8BAENnE,EAAA,KAAG+B,GAAG,SACJ/B,EAAA,QACEoE,EAAE,mJACFrC,GAAG,aACH4B,MAAO,CAAEU,KAAM,aAEjBrE,EAAA,KAAG+B,GAAG,UACJ/B,EAAA,QAAM0D,OAAO,UAAU3B,GAAG,SAAS4B,MAAO,CAAEU,KAAM,QAAUH,MAAM,QAAQlI,EAAE,SAASuI,EAAE,YACvFvE,EAAA,QACEoE,EAAE,4LACFrC,GAAG,WACH4B,MAAO,CAAEU,KAAM,OAAQT,SAAU,aAEnC5D,EAAA,QACEoE,EAAE,8TACFrC,GAAG,SACH4B,MAAO,CAAEU,KAAM,OAAQT,SAAU,e,CAQ7C,SAAAxD,GACE,MAAMoE,EAAO7H,KAAKsE,UAAUuD,KAC5B,OACExE,EAAA,OAAKC,MAAOjG,EAAIK,cACd2F,EAAA,QAAMC,MAAOjG,EAAIM,WACf0F,EAAA,gBAAcxF,KAAK,YAAY6G,MAAO1E,KAAK0E,QAC3CrB,EAAA,YAAOwE,GAAMxD,QAEfhB,EAAA,KAAGC,MAAOjG,EAAIO,YAAaiK,GAAMC,S,CAKvC,WAAApE,GACE,MAAMqE,EAAgB/H,KAAKsE,UAAU3F,MACrC,MAAMqJ,EAAe/G,SAAS+E,MAAQ,MAAQ,IAAI3I,EAAI6B,IAAIL,WAAa,GACvE,OACEwE,EAAA,OAAKC,MAAOjG,EAAIsB,MAAMH,WACpB6E,EAAA,QAAMC,MAAOjG,EAAIsB,MAAMF,QACrB4E,EAAA,gBAAcxF,KAAK,OAAO6G,MAAO1E,KAAK0E,QACtCrB,EAAA,YAAOrD,KAAKsE,UAAU3F,OAAO0F,QAE/BhB,EAAA,OAAKC,MAAOjG,EAAIsB,MAAMC,UAAUJ,WAC9B6E,EAAA,OAAKC,MAAOjG,EAAIsB,MAAMC,UAAUC,UAC9BwE,EAAA,YACEW,IAAMH,GAAQ7D,KAAKiI,aAAepE,EAClCqE,KAAM,GACNC,KAAM,EACNC,SAAQ,KACR9E,MAAO0E,EACPnF,MAAO7C,KAAKqI,iBAEdhF,EAAA,UACE+B,GAAG,uBACHF,QAASlF,KAAKsI,cAAc1H,KAAKZ,MACjCsD,MAAOjG,EAAIsB,MAAMC,UAAUE,YAE3BuE,EAAA,gBAAcxF,KAAK,OAAO6G,MAAO1E,KAAK0E,QACtCrB,EAAA,YAAO0E,GAAeQ,QAG1BlF,EAAA,QAAMC,MAAOjG,EAAIsB,MAAMI,cACrBsE,EAAA,QAAMmF,KAAK,oBAEbnF,EAAA,OAAKC,MAAOjG,EAAIsB,MAAMK,WAAWR,WAC/B6E,EAAA,SAAOC,MAAOjG,EAAIsB,MAAMK,WAAWC,OACjCoE,EAAA,YAAO0E,GAAeR,OACtBlE,EAAA,SACEW,IAAMH,GAAQ7D,KAAKa,cAAgBgD,EACnCjB,KAAK,SACLuD,UAAY3E,GAAM,CAAC,IAAK,IAAK,IAAK,KAAKiH,SAASjH,EAAEuC,MAAQvC,EAAEQ,iBAC5D0G,SAAU1I,KAAK2I,0BAA0B,SACzC9F,MAAO7C,KAAK8C,WACZ8F,IAAI,OAGRvF,EAAA,SAAOC,MAAOjG,EAAIsB,MAAMK,WAAWC,OACjCoE,EAAA,YAAO0E,GAAehB,QACtB1D,EAAA,SACEW,IAAMH,GAAQ7D,KAAKe,eAAiB8C,EACpCjB,KAAK,SACLuD,UAAY3E,GAAM,CAAC,IAAK,IAAK,IAAK,KAAKiH,SAASjH,EAAEuC,MAAQvC,EAAEQ,iBAC5D0G,SAAU1I,KAAK2I,0BAA0B,UACzC9F,MAAO7C,KAAKiD,YACZ2F,IAAI,S,CASlB,yBAAAD,CAA0B/F,GACxB,MAAMoB,EAAOpB,IAAS,QAAU5C,KAAKa,cAAgBb,KAAKe,eAC1D,MAAM8H,EAAUjG,IAAS,QAAU,aAAe,cAClD,MAAO,KACL,GAAIoB,EAAK,CACP,MAAMnB,EAAQE,OAAO+F,WAAW9E,EAAInB,OACpC,GAAIA,GAAS,EAAG,CACd7C,KAAK6I,GAAW9F,OAAOC,SAASvD,GAChCuE,EAAInB,MAAQpD,C,IAMpB,aAAA0F,CAAc3C,GACZA,EAAMC,kBACNzC,KAAKG,QAAUH,KAAKG,OACpBH,KAAKI,WAAWC,KAAOL,KAAKG,M,CAG9B,YAAA8B,GACEjC,KAAKG,OAAS,MACdH,KAAKI,WAAWC,KAAOL,KAAKG,M,CAG9B,qBAAM+F,CAAgBtD,GACpB5C,KAAK+I,eAAiB/I,KAAKgJ,mBAC3B,IAAIC,EAAe,KAGnB,MAAMC,EAAWC,WAAWC,WAAWX,SAAS,WAAa,MAC7D,MAAMY,GAAYF,WAAWC,WAAWX,SAAS,WAAa,SAAWS,EACzE,IAAKG,GAAYrJ,KAAKsJ,gBAAiB,CACrCL,QAAqBjJ,KAAKuJ,WAAWvJ,KAAK+I,S,CAE5C,IAAIS,EAAWP,EAAeA,EAAejJ,KAAK+I,SAElD,OAAQnG,GACN,IAAK,OACHuG,UAAUM,UAAUC,UAAUF,GAC9B,GAAIxJ,KAAKrB,MAAO,CACdqB,KAAKsC,oBAAoBjC,KAAO,MAChCL,KAAKuC,sBAAwB,K,CAE/B,GAAIvC,KAAKE,OAAS,SAAU,CAC1BF,KAAKoC,mBAAmB/B,KAAO,KAC/BqC,YAAW,IAAO1C,KAAKoC,mBAAmB/B,KAAO,OAAQ,I,CAE3DL,KAAKqC,qBAAuB,KAC5BrC,KAAK2C,OAAS,KACd,GAAI3C,KAAKE,OAAS,UAAW,CAC3BwC,YAAW,IAAM1C,KAAKiC,gBAAgB,I,CAExC,OACF,IAAK,WACL,IAAK,UACL,IAAK,IACL,IAAK,WACH,CACE,IAAI0H,EACJ,GAAIN,EAAU,CACZM,EAAYhK,OAAOU,KAAK,GAAI,UAC5B,GAAIL,KAAKsJ,gBAAiB,CACxBE,QAAkBxJ,KAAKuJ,WAAWvJ,KAAK+I,WAAcS,C,EAGzD,MAAMI,EAAU,CACd9D,IAAK+D,UAAUL,IAEjB,MAAMM,EAAOlH,IAAS,IAAM,IAAKgH,EAASjE,KAAM3F,KAAK+J,WAAcH,EACnE,MAAMI,QAAaC,IACnB,MAAMnE,EAAMkE,EAAKE,WAAW/K,EAAqByD,GAAOkH,GACxD,GAAI9J,KAAKE,OAAS,UAAW,CAC3BF,KAAKiC,c,CAKP,GAAIoH,GAAYM,EAAW,CACzBA,EAAU/J,SAAWkG,EACrB6D,EAAUjJ,O,KACL,CACLf,OAAOU,KAAKwJ,UAAU/D,GAAM,S,EAIhC,O,CAIN,gBAAMyD,CAAWzD,GACf,MAAMqE,QAAoBC,IAC1B,MAAMC,QAAgBF,EAAY3K,EAAa,CAC7C8K,MAAO,CACLC,QAASzE,EACT0E,EAAG,UAIP,MAAMC,EAAWJ,GAASP,MAAMA,MAAMhE,IACtC,GAAI2E,EAAU,CACZ,OAAOA,EAASC,QAAQ,UAAW,W,EAIvC,YAAArC,GACE,MAAO,gBAAgBrI,KAAK+I,oBAAoB/I,KAAK8C,uBAAuB9C,KAAKiD,iEAAiEjD,KAAK2K,0B,CAGzJ,aAAArC,GACEa,UAAUM,UAAUC,UAAU1J,KAAKqI,gBACnCrI,KAAKoC,mBAAmB/B,KAAO,MAC/BL,KAAKqC,qBAAuB,MAC5BrC,KAAKsC,oBAAoBjC,KAAO,KAChCqC,YAAW,IAAO1C,KAAKsC,oBAAoBjC,KAAO,OAAQ,KAC1DL,KAAKuC,sBAAwB,I,CAI/B,sBAAMyG,GACJ,GAAIhJ,KAAK4K,mBAAoB,CAE3B5K,KAAK+I,SAAWpJ,OAAOC,SAASC,I,CAIlC,IAAKG,KAAK6K,MAAMC,MAAO,CACrB,OAAO9K,KAAK+I,Q,CAGd,MAAM1J,EAAEA,EAACuI,EAAEA,GAAM5H,KAAK6K,KAAKE,OAC3B,MAAMC,iBAAEA,GAAqBhL,KAAK6K,KAClC,MAAMI,QAAgCC,EAA4B,IAAKF,EAAiBG,WACxF,MAAMC,QAAoBC,EAAiB,CACzChM,IACAuI,IACAoD,iBAAkBC,IAGpB,MAAMK,QAActL,KAAKuL,aAAaH,GACtC,MAAMI,QAAEA,EAAOC,cAAEA,GAAkBH,EAAMN,iBACzC,MAAMU,EAAiBF,GAAWC,EAClC,OAAOzL,KAAK2L,uBAAuBL,EAAOI,E,CAG5C,kBAAMH,CAAaD,GACjB,MAAME,QAAEA,EAAOC,cAAEA,GAAkBH,EAAMN,iBAEzC,GAAIQ,GAAWC,EAAe,CAC5B,OAAOH,C,CAET,MAAMM,QAAmBC,IACzB,MAAMC,QAA+BZ,EAA4B,CAAEa,KAAM,OACzE,UACQH,EAAWI,OACjB,MAAMC,EAAiBL,EAAWM,QAAQZ,EAAOQ,GACjD,OAAOK,QAAQC,QAAQH,E,CACvB,MAAOI,GACPC,QAAQC,MAAM,0BAA2BF,GACzC,aAAaF,QAAQK,OAAO,IAAIC,MAAM,2B,EAI1C,sBAAAd,CAAuBL,EAAqBI,GAC1C,MAAMgB,UAAEA,EAASC,SAAEA,EAAQtN,EAAEA,EAACuI,EAAEA,GAAM0D,EACtC,GAAIoB,IAAcE,WAAaD,IAAaC,UAAW,CACrD,OAAO5M,KAAK+I,Q,CAGd,MAAM8D,EAAa7M,KAAK8M,WAAYpB,EAAiBgB,EAAYrN,GACjE,MAAM0N,EAAa/M,KAAK8M,WAAYpB,EAAiBiB,EAAW/E,GAChE,MAAMoF,KAAEA,GAAShN,KAAK6K,KACtB,MAAMoC,EAAcjN,KAAK8M,WAAWE,GACpC,MAAME,EAAUlN,KAAK6K,MAAMsC,OAAOC,gBAClC,MAAMC,EAAUrN,KAAK6K,MAAMsC,OAAOE,QAClC,IAAIC,EACJ,IAAIC,EACJ,IAAIC,EACJ,GAAIN,GAAWG,GAAWH,GAASO,OAAO7K,OAAS,UAAW,CAC5D,MAAM8K,EAAeR,GAASO,MAE9BH,EAAUI,GAActI,GACxBmI,EAAML,EAAQS,WAAWD,EAAaE,c,CAGxCJ,EAAexN,KAAK6K,KAAKgD,IAAIC,UAC1BC,QAAQN,IAAWA,EAAMJ,UACzBW,UACAH,KAAKH,GAAiBA,EAAatI,KACnC6I,WACAC,WAAW,IAAK,KAEnB,MAAMtL,KAAEA,GAAS5C,KAAK6K,KACtB,MAAMsD,iBAAEA,GAAqBnO,KAE7B,MAAM8F,EAAM,IAAIsI,IAAIpO,KAAK+I,UACzB,MAAMsF,aAAEA,GAAiBvI,EAGzB,GAAIuI,EAAaC,IAAI,UAAW,CAC9BD,EAAaE,OAAO,S,CAEtB,GAAIF,EAAaC,IAAI,SAAU,CAC7BD,EAAaE,OAAO,Q,CAEtB,GAAIF,EAAaC,IAAI,mBAAoB,CACvCD,EAAaE,OAAO,kB,CAEtB,GAAIF,EAAaC,IAAI,gBAAiB,CACpCD,EAAaE,OAAO,e,CAEtB,GAAIF,EAAaC,IAAI,aAAc,CACjCD,EAAaE,OAAO,Y,CAItB,GAAI3L,IAAS,KAAM,CAEjB,MAAM4L,OAAEA,GAAWxO,KAAK6K,KACxB,MAAM4D,QAAEA,EAAOC,SAAEA,EAAQC,KAAEA,GAASH,EACpC,MAAM9B,UAAEA,EAASC,SAAEA,EAAQiC,EAAEA,GAAMF,EAEnC,MAAMG,EAAmB,CACvBnC,UAAW1M,KAAK8M,WAAWJ,EAAY,GACvCC,SAAU3M,KAAK8M,WAAWH,EAAW,GACrCiC,EAAG5O,KAAK8M,WAAW8B,EAAI,GACvBH,QAASzO,KAAK8M,WAAW2B,EAAS,GAClCE,KAAM3O,KAAK8M,WAAW6B,EAAM,IAG9B,MAAMG,EAAe,OAAOD,EAAiBnC,aAAamC,EAAiBlC,YAAYkC,EAAiBD,KAAKC,EAAiBJ,WAAWI,EAAiBF,OAE1J,GAAIR,GAAkBY,YAAc,MAAO,CACzCjJ,EAAIuI,aAAaW,IAAI,YAAaF,E,CAEpC,GAAIxB,GAAWC,GAAOY,GAAkBf,kBAAoB,MAAO,CACjEtH,EAAIuI,aAAaW,IAAI,kBAAmB,GAAG1B,KAAWC,I,CAExD,GAAIC,GAAgBW,GAAkBX,eAAiB,MAAO,CAC5D1H,EAAIuI,aAAaW,IAAI,eAAgBxB,E,CAEvC1H,EAAImJ,OAASC,mBAAmBpJ,EAAImJ,QACpC,OAAOnJ,EAAIjG,I,CAIb,GAAIsO,GAAkBpD,SAAW,MAAO,CACtCjF,EAAIuI,aAAaW,IAAI,SAAU,GAAGnC,KAAcE,I,CAElD,GAAIoB,GAAkBgB,QAAU,MAAO,CACrCrJ,EAAIuI,aAAaW,IAAI,QAAS,GAAG/B,I,CAEnC,GAAIK,GAAWC,GAAOY,GAAkBf,kBAAoB,MAAO,CACjEtH,EAAIuI,aAAaW,IAAI,kBAAmB,GAAG1B,KAAWC,I,CAExD,GAAIC,GAAgBW,GAAkBX,eAAiB,MAAO,CAC5D1H,EAAIuI,aAAaW,IAAI,eAAgBxB,E,CAEvC1H,EAAImJ,OAASC,mBAAmBpJ,EAAImJ,QACpC,OAAOnJ,EAAIjG,I,CAGb,UAAAiN,CAAWsC,EAAaC,EAAgB,GACtC,OAAOtM,OAAO+F,WAAWsG,EAAIE,QAAQD,G","ignoreList":[]}

package/dist/collection/vendor/instant-apps-components/p-491aed47.entry.js

@@ -0,0 +1,2 @@
+import{r as n,c as t,h as i,H as e,g as s}from"./p-6517b6d4.js";import{g as a}from"./p-f146c213.js";import{g as o}from"./p-a1e8ffff.js";import{b as r,a as p,c,d as l}from"./p-1c4428aa.js";import"./p-5978fda4.js";const d=`\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  }`;const h=":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}";const u=h;const _={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"}};const x=class{constructor(i){n(this,i);this.exportOutputUpdated=t(this,"exportOutputUpdated",7);this.legends={};this.compasses={};this.output=undefined;this.beforeExport=async()=>await Promise.resolve();this.popoverIcon="export";this.includeLegend=true;this.includeMap=true;this.includePopup=false;this.includeHeader=false;this.mode="popover";this.popoverPositioning="absolute";this.popoverPlacement="auto";this.scale="m";this.showIncludeLegend=true;this.showIncludeMap=false;this.showIncludePopup=true;this.showIncludeHeader=true;this.showScaleBar=false;this.exportViews=undefined;this.baseClass=_.baseLight;this.exportIsLoading=undefined;this.messages=undefined}watchIncludeMap(n){if(n){this.exportViews?.forEach((({view:n},t)=>{if(!this.printEl){return}const i=this.printEl.querySelector(`#legend-${t}`);if(i!=null){void this.updateLegend(n,t,i)}}))}}watchView(){this.exportViews?.forEach((({view:n},t)=>{this.handleIncludePopup(n,t)}))}async componentWillLoad(){this.baseClass=o(this.el)==="dark"?_.baseDark:_.baseLight;await a(this);await this.initializeModules()}componentDidLoad(){if(!this.printEl){return}this.printContainerEl?.prepend(this.printEl);this.exportViews?.forEach((({view:n},t)=>{this.handleIncludePopup(n,t)}))}componentDidUpdate(){this.exportViews?.forEach((({view:n},t)=>{if(!this.printEl){return}const i=this.printEl.querySelector(`#legend-${t}`);void this.updateLegend(n,t,i)}))}async initializeModules(){const n=await r();this.handles=await p();this.reactiveUtils=n;return await Promise.resolve(true)}render(){const n=this.mode==="popover"?this.renderPopover():this.renderPanel();return i(e,{key:"9d15cda5065a8d645908cdcc46ef150f9c850c16"},i("div",{key:"beb4f074cc400ecf89068419018a2ab3e2a42911",class:this.baseClass,onMouseEnter:this.handleWidgetCreation.bind(this),onFocusin:this.handleWidgetCreation.bind(this)},n))}renderPopover(){const n=this.renderPanel();return[i("calcite-popover",{referenceElement:"export-popover-btn",label:this.messages?.exportPopover,overlayPositioning:this.popoverPositioning,placement:this.popoverPlacement,autoClose:true,ref:n=>this.popoverEl=n},n),i("calcite-action",{id:"export-popover-btn",alignment:"center",icon:this.popoverIcon,scale:this.scale,title:this.messages?.exportBtn,text:this.messages?.exportBtn})]}renderPanel(){const n=this.showIncludeMap?this.renderSwitch("includeMap"):null;const t=this.includeMap?this.renderMapOptions():null;const e=this.renderPrint();const s=this.mode==="inline"?_.inlineContainer:_.popoverContainer;return i("div",{class:s},n,t,i("calcite-button",{width:"full",onClick:this.exportOnClick.bind(this),disabled:this.exportIsLoading},this.messages?.export),e)}renderSwitch(n,t){const e=n;const s=this[e];const a=n;const o=t?t:this.messages?.[a];return i("calcite-label",{layout:"inline-space-between"},o,i("calcite-switch",{checked:s,value:n,onCalciteSwitchChange:this.optionOnChange.bind(this)}))}renderMapOptions(){const n=this.showIncludeHeader?this.renderSwitch("includeHeader"):null;const t=this.showIncludeLegend?this.renderSwitch("includeLegend"):null;const e=this.showIncludePopup?this.renderSwitch("includePopup"):null;return i("div",null,n,t,e)}renderPrint(){return i("div",{ref:n=>this.printContainerEl=n},i("div",{class:_.print.base,ref:n=>this.printEl=n},i("div",{class:_.print.viewsContainer},this.exportViews?.map((({title:n,view:t},e)=>{const s=t.map?.portalItem?.id;const a=this.includeMap?this.renderPrintMap(n,e):null;const o=this.includeMap&&this.showIncludeLegend?this.renderLegend(e):null;const r=this.includeMap&&this.showIncludePopup?this.renderPopup(e):null;return i("div",{key:s??"",id:`print-${e}`,class:_.print.viewContent},a,o,r)})))))}renderPrintMap(n,t){return i("div",{id:`view-container-${t}`,class:_.print.viewContainer},i("div",{id:`view-wrapper-${t}`,class:_.print.viewWrapper},this.includeHeader&&n?i("div",{class:_.print.viewHeader},i("h1",null,n)):null,i("img",{id:`view-${t}`,class:_.print.view}),i("div",{id:`scale-bar-container-${t}`,class:_.print.scaleBarContainer})))}renderLegend(n){return i("div",{id:`legend-${n}`,class:_.print.legendContainer})}renderCompass(n){return i("div",{id:`compass-${n}`,class:_.print.compassContainer})}renderPopup(n){return i("div",{id:`popup-${n}`,class:_.print.popupContainer},i("div",{id:`popup-title-${n}`,class:_.print.popupTitle}),i("div",{id:`popup-content-${n}`,class:_.print.popupContent}))}optionOnChange(n){const t=n.target;const{checked:i,value:e}=t;this[e]=i;this.updateExportOutput()}async exportOnClick(){await this.beforeExport();if(this.exportViews?.length){this.addPrintStyling();if(this.printEl){document.body.prepend(this.printEl)}this.exportViews.forEach((({view:n},t)=>{void this.handleViewExportOnClick(n,t)}));this.handleImgLoaded()}else{if(this.popoverEl!=null){this.popoverEl.open=false}}}async handleViewExportOnClick(n,t){if(this.includeMap){this.updateScaleBar(n,t);void this.updatePopupToPrint(n,t);void this.viewScreenshot(n,t);this.handleLegendSetup(t)}}addPrintStyling(){if(this.printStyleEl==null){this.printStyleEl=document.createElement("style");this.printStyleEl.innerHTML=d;document.body.prepend(this.printStyleEl)}}handleImgLoaded(){this.exportIsLoading=true;const n=1500;setTimeout((()=>{this.exportIsLoading=undefined;this.setupViewPrintElements()}),n)}resetPrintContent(){if(!this.printEl){return}this.printContainerEl?.prepend(this.printEl);this.printStyleEl?.remove();this.printStyleEl=undefined}async updatePopupToPrint(n,t){if(!this.printEl){return}const i=this.printEl.querySelector(`#popup-${t}`);if(i!=null){i.style.display=this.includePopup&&n?.popup?.visible?"block":"none";this.checkPopupOpen(n,t)}if(n?.popup?.visible&&n?.popup?.selectedFeature!=null){const i=document.createElement(`h${n?.popup?.headingLevel??2}`);i.innerHTML=n?.popup?.title??"";i.className="esri-widget__heading esri-popup__header-title";const e=this.printEl.querySelector(`#popup-title-${t}`);if(e!=null){e.style.display=n?.popup?.title?"block":"none";e.innerHTML="";e.prepend(i)}}}updateExportOutput(){this.output={};if(this.showIncludeLegend){this.output.includeLegend=this.includeLegend}if(this.showIncludeMap){this.output.includeMap=this.includeMap}if(this.showIncludePopup){this.output.includePopup=this.includePopup}if(this.showIncludeHeader){this.output.includeHeader=this.includeHeader}this.exportOutputUpdated.emit()}setupViewPrintElements(){const n=document.title;window.print();document.title=n;const t=1500;setTimeout((()=>{this.resetPrintContent()}),t)}handleLegendSetup(n){if(!this.printEl){return}const t=this.printEl.querySelector(`#legend-${n}`);if(this.showIncludeLegend&&this.includeMap&&t){const i=this.legends[n];const e=i!=null&&i.activeLayerInfos?.length>0;t.style.display=this.includeLegend&&e?"block":"none"}}handleWidgetCreation(){if(this.includeMap){this.exportViews?.forEach((({view:n},t)=>{this.handleLegendCreation(n,t)}))}}handleIncludePopup(n,t){if(!this.handles||!this.reactiveUtils||!n||!this.showIncludePopup){return}if(this.showIncludePopup){const i=`includePopup-${t}`;this.handles?.remove(i);void this.reactiveUtils.whenOnce((()=>n?.ready)).then((()=>{if(!this.reactiveUtils||!this.handles){return}this.handles.add(this.reactiveUtils.watch((()=>!!n?.popup?.visible),(n=>{this.includePopup=n})),i)}))}}handleLegendCreation(n,t){if(!this.printEl){return}const i=this.printEl.querySelector(`#legend-${t}`);if(this.showIncludeLegend&&i!=null){const e=n.map;const s=this.legends[t];const a=s?.view?.map;const o=e?.portalItem?.id!=null&&e?.portalItem?.id===a?.portalItem?.id;if(!o){void this.updateLegend(n,t,i)}}}async updateLegend(n,t,i){void n?.when((async n=>{if(this.legends[t]==null&&i!=null){i.innerHTML="";const e=document.createElement("div");i.append(e);this.legends[t]=await c({id:`legend-widget-${t}`,container:e,view:n,style:{type:"card",layout:"side-by-side"}})}}))}handleCompassCreation(n,t){if(!this.compassContainerEl){return}const i=this.compassContainerEl.querySelector(`#compass-${t}`);if(i!=null){const e=n.map;const s=this.compasses[t];const a=s?.view?.map;const o=e?.portalItem?.id===a?.portalItem?.id;if(!o){this.updateCompass(n,t,i)}}}updateCompass(n,t,i){void n?.when((async n=>{const e=document.createElement("div");if(i==null){return}i.append(e);this.compasses[t]=await l({id:`compass-widget-${t}`,container:e,view:n})}))}updateScaleBar(n,t){if(!this.printEl){return}const i=this.printEl.querySelector(`#scale-bar-container-${t}`);if(i&&n!=null){i.innerHTML="";if(this.showScaleBar){const t=n?.ui?.getComponents();const e=t?.find((({container:n})=>n?.className?.includes("esri-scale-bar")));if(e?.container!=null&&typeof e.container!=="string"){i.append(e.container.cloneNode(true))}}}}async viewScreenshot(n,t){if(!this.printEl||!this.includeMap){return}const i=1e3;const e=this.printEl.querySelector(`#scale-bar-container-${t}`);e?.classList.toggle("instant-apps-export-print__scale-bar-container--position",n.width>i);const s=await n.takeScreenshot({width:n.width*2,height:n.height*2});this.handleScaleBarSize(n,s,e);const a=this.printEl.querySelector(`#view-${t}`);if(s!=null&&a!=null){a.src=s.dataUrl}}checkPopupOpen(n,t){if(!this.printEl){return}const i=n?.popup?.container;const e=i?.querySelector(".esri-popup .esri-feature__main-container");if(e!=null){const n=e.querySelectorAll("canvas");const i=this.printEl.querySelector(`#popup-content-${t}`);if(i==null){return}i.innerHTML="";i.append(e.cloneNode(true));const s=i.querySelectorAll("canvas");n.forEach(((n,t)=>{const i=n.toDataURL();const e=document.createElement("img");e.src=i;const a=n.getAttribute("style");if(a){e.setAttribute("style",a)}const o=s[t];if(o!=null){o.replaceWith(e);if(document.querySelector("link[href*='esri/themes/dark/main.css']")&&e.parentElement?.parentElement!=null){e.parentElement.style.background="#242424";e.parentElement.parentElement.style.background="#242424"}}}))}}handleScaleBarSize(n,t,i){if(this.showScaleBar&&n?.type==="2d"){if(i!=null){const n=i.querySelector(".esri-scale-bar__line--top");const 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(i!=null&&n!=null){const s=n.data.width/2;const a=Number(i.style.width.replace("px",""));const o=100;const r=a/s*o;t?.style.setProperty(`--instant-apps-scale-bar-${e}`,`${r}%`)}}get el(){return s(this)}static get watchers(){return{includeMap:["watchIncludeMap"],exportViews:["watchView"]}}};x.style=u;export{x as instant_apps_export_views};
+//# sourceMappingURL=p-491aed47.entry.js.map

package/dist/collection/vendor/instant-apps-components/p-491aed47.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["printStyling","instantAppsExportViewsCss","InstantAppsExportViewsStyle0","CSS","baseDark","baseLight","inlineContainer","popoverContainer","hidden","print","base","legendContainer","compassContainer","scaleBarContainer","popupContainer","popupContent","popupTitle","view","viewContainer","viewsContainer","viewSection","viewWrapper","viewContent","viewHeader","InstantAppsExportViews","this","legends","compasses","async","Promise","resolve","undefined","watchIncludeMap","includeMap","exportViews","forEach","index","printEl","legendContainerEl","querySelector","updateLegend","watchView","handleIncludePopup","componentWillLoad","baseClass","getMode","el","getMessages","initializeModules","componentDidLoad","printContainerEl","prepend","componentDidUpdate","reactiveUtils","importCoreReactiveUtils","handles","newCoreHandles","render","mode","renderPopover","renderPanel","h","Host","key","class","onMouseEnter","handleWidgetCreation","bind","onFocusin","panel","referenceElement","label","messages","exportPopover","overlayPositioning","popoverPositioning","placement","popoverPlacement","autoClose","ref","popoverEl","id","alignment","icon","popoverIcon","scale","title","exportBtn","text","showIncludeMap","renderSwitch","options","renderMapOptions","renderPrint","panelClass","width","onClick","exportOnClick","disabled","exportIsLoading","export","value","switchKey","checked","messageKey","layout","onCalciteSwitchChange","optionOnChange","includeHeader","showIncludeHeader","includeLegend","showIncludeLegend","includePopup","showIncludePopup","map","mapId","portalItem","printMap","renderPrintMap","legend","renderLegend","popup","renderPopup","renderCompass","e","node","target","updateExportOutput","beforeExport","length","addPrintStyling","document","body","handleViewExportOnClick","handleImgLoaded","open","updateScaleBar","updatePopupToPrint","viewScreenshot","handleLegendSetup","printStyleEl","createElement","innerHTML","exportDelay","setTimeout","setupViewPrintElements","resetPrintContent","remove","popupContainerEl","style","display","visible","checkPopupOpen","selectedFeature","heading","headingLevel","className","popupTitleEl","output","exportOutputUpdated","emit","window","hasActiveLayers","activeLayerInfos","handleLegendCreation","handleId","whenOnce","ready","then","add","watch","legendMap","checkId","when","legendCont","append","newWidgetsLegend","container","type","handleCompassCreation","compassContainerEl","compass","compassMap","updateCompass","newWidgetsCompass","scaleBarContainerEl","showScaleBar","widgets","ui","getComponents","scaleBar","find","includes","cloneNode","viewWidthThreshold","classList","toggle","screenshot","takeScreenshot","height","handleScaleBarSize","viewEl","src","dataUrl","popupCanvas","querySelectorAll","popupContentEl","popContCanvas","canvas","image","toDataURL","img","getAttribute","setAttribute","popCanvas","replaceWith","parentElement","background","topBar","bottomBar","setScaleBarWidth","bar","position","data","barWidth","Number","replace","percentageFactor","widthPercentage","setProperty"],"sources":["src/components/instant-apps-export-views/resources.ts","src/components/instant-apps-export-views/instant-apps-export-views.scss?tag=instant-apps-export-views&encapsulation=shadow","src/components/instant-apps-export-views/instant-apps-export-views.tsx"],"sourcesContent":["export const printStyling = `\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  }`;\n","/**\n* @prop --instant-apps-export-action-background: Popup's trigger button's background color.\n* @prop --instant-apps-export-action-background-hover: Popup's trigger button's background color on hover.\n* @prop --instant-apps-export-action-background-press: Popup's trigger button's background color on press.\n* @prop --instant-apps-export-action-width: Popup's trigger button's width.\n* @prop --instant-apps-export-action-height: Popup's trigger button's height.\n* @prop  --instant-apps-export-action-icon-color: Popup's trigger button's icon color.\n* @prop --instant-apps-export-action-icon-hover-color: Popup's trigger button's icon color when hovered over.\n* @prop --instant-apps-export-background: Export's container background color.\n* @prop --instant-apps-export-text-color: Export's container text color.\n* @prop --instant-apps-export-popover-width: Export's popover container width.\n*/\n\n:host {\n  display: block;\n  --instant-apps-export-action-background: var(--calcite-color-foreground-1);\n  --instant-apps-export-action-background-hover: var(--calcite-color-foreground-2);\n  --instant-apps-export-action-background-press: var(--calcite-color-foreground-3);\n  --instant-apps-export-action-height: 100%;\n  --instant-apps-export-action-width: fit-content;\n  --instant-apps-export-action-icon-color: var(--calcite-color-text-3);\n  --instant-apps-export-action-icon-hover-color: var(--calcite-color-text-1);\n  --instant-apps-export-background: var(--calcite-color-foreground-1);\n  --instant-apps-export-text-color: var(--calcite-color-text-1);\n  --instant-apps-export-popover-width: 250px;\n}\n\n.instant-apps-export {\n  height: 100%;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  &__popover-container,\n  &__inline-container {\n    padding: 12px;\n    background: var(--instant-apps-export-background);\n    --calcite-color-text-1: var(--instant-apps-export-text-color);\n  }\n\n  &__popover-container {\n    width: var(--instant-apps-export-popover-width);\n  }\n\n  calcite-action {\n    height: var(--instant-apps-export-action-height);\n    width: var(--instant-apps-export-action-width);\n    --calcite-color-foreground-1: var(--instant-apps-export-action-background);\n    --calcite-color-foreground-2: var(--instant-apps-export-action-background-hover);\n    --calcite-color-foreground-3: var(--instant-apps-export-action-background-press);\n    --calcite-color-text-3: var(--instant-apps-export-action-icon-color);\n    --calcite-color-text-1: var(--instant-apps-export-action-icon-hover-color);\n  }\n\n  .instant-apps-export-print {\n    display: none;\n  }\n\n  &__visually-hidden {\n    position: absolute;\n    top: 0;\n    z-index: -1;\n    visibility: hidden;\n  }\n\n  calcite-input {\n    --calcite-color-foreground-1: var(--instant-apps-export-background);\n    --calcite-color-text-1: var(--instant-apps-export-text-color);\n  }\n\n  calcite-popover {\n    --calcite-color-foreground-1: var(--instant-apps-export-background);\n  }\n\n  calcite-switch {\n    --calcite-color-foreground-1: #fff;\n    --calcite-color-foreground-2: #f3f3f3;\n  }\n\n  calcite-button:last-of-type {\n    margin-top: 0.5rem;\n  }\n}\n\n.calcite-mode-dark.instant-apps-export calcite-switch {\n  --calcite-color-foreground-1: #2b2b2b;\n  --calcite-color-foreground-2: #202020;\n}\n\n.calcite-mode-dark.instant-apps-export .instant-apps-export__set-map-area {\n  --calcite-color-brand-hover: #fff;\n}\n\n.instant-apps-export__compass-container.esri-widget {\n  background: #fff;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n  .esri-compass__icon.esri-icon-compass {\n    color: #6e6e6e;\n  }\n}\n\n.hide {\n  display: none;\n}\n\n.screenshotCursor {\n  cursor: crosshair;\n}\n","import type { EventEmitter, VNode } from \"@stencil/core\";\nimport { Component, Element, Event, Host, Prop, State, Watch, h } from \"@stencil/core\";\n\nimport type ExportT9n from \"../../assets/t9n/instant-apps-export-views/messages.en.json\";\nimport type { ExportOutput, ExportView, PopoverPlacement } from \"../../interfaces/interfaces\";\nimport { getMessages } from \"../../utils/locale\";\nimport { getMode } from \"../../utils/mode\";\nimport { printStyling } from \"./resources\";\nimport { importCoreReactiveUtils, newCoreHandles, newWidgetsCompass, newWidgetsLegend } from \"@arcgis/core-adapter\";\n\nconst CSS = {\n  baseDark: \"instant-apps-export calcite-mode-dark\",\n  baseLight: \"instant-apps-export calcite-mode-light\",\n  inlineContainer: \"instant-apps-export__inline-container\",\n  popoverContainer: \"instant-apps-export__popover-container\",\n  hidden: \"instant-apps-export__visually-hidden\",\n  print: {\n    base: \"instant-apps-export-print\",\n    legendContainer: \"instant-apps-export-print__legend-container\",\n    compassContainer: \"instant-apps-export-print__compass-container\",\n    scaleBarContainer: \"instant-apps-export-print__scale-bar-container\",\n    popupContainer: \"instant-apps-export-print__popup-container\",\n    popupContent: \"instant-apps-export-print__popup-content\",\n    popupTitle: \"instant-apps-export-print__popup-title\",\n    view: \"instant-apps-export-print__view\",\n    viewContainer: \"instant-apps-export-print__view-container\",\n    viewsContainer: \"instant-apps-export-print__views-container\",\n    viewSection: \"instant-apps-export-print__view-section\",\n    viewWrapper: \"instant-apps-export-print__view-wrapper\",\n    viewContent: \"instant-apps-export-print__view-content\",\n    viewHeader: \"instant-apps-export-print__view-header\",\n  },\n};\n\n@Component({\n  tag: \"instant-apps-export-views\",\n  styleUrl: \"instant-apps-export-views.scss\",\n  shadow: true,\n})\nexport class InstantAppsExportViews {\n  @Element() el!: HTMLElement;\n  /**\n   * Output to use to set up export.\n   */\n  @Prop({ mutable: true }) output?: ExportOutput;\n\n  /**\n   * Passes the initial function to run when the Export button is clicked.\n   */\n  @Prop() beforeExport: () => Promise<void> = async () => await Promise.resolve();\n\n  /**\n   * Update popover button icon.\n   */\n  @Prop() popoverIcon?: string = \"export\";\n\n  /**\n   * When `true`, legend is included in the export.\n   */\n  @Prop({ mutable: true }) includeLegend?: boolean = true;\n\n  /**\n   * When `true`, map is included in the export.\n   */\n  @Prop({ mutable: true }) includeMap?: boolean = true;\n\n  /**\n   * When `true`, popup is included in the export.\n   */\n  @Prop({ mutable: true }) includePopup?: boolean = false;\n\n  /**\n   * When `true`, header is included in the export.\n   */\n  @Prop({ mutable: true }) includeHeader?: boolean = false;\n\n  /**\n   * Renders tool as a popover with a trigger button, or inline to place in a custom container.\n   */\n  @Prop({ reflect: true }) mode: \"inline\" | \"popover\" = \"popover\";\n\n  /**\n   * Determines the type of positioning to use for the overlaid content. Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `\"fixed\"` value should be used to escape an overflowing parent container, or when the reference element's position CSS property is `\"fixed\"`.\n   */\n  @Prop() popoverPositioning?: \"absolute\" | \"fixed\" = \"absolute\";\n\n  /**\n   * Determines where the component will be positioned relative to the `referenceElement`.\n   */\n  @Prop() popoverPlacement?: PopoverPlacement = \"auto\";\n\n  /**\n   * Adjusts the scale of the action button.\n   */\n  @Prop() scale?: \"l\" | \"m\" | \"s\" = \"m\";\n\n  /**\n   * Show include legend checkbox in export tool.\n   */\n  @Prop() showIncludeLegend?: boolean = true;\n\n  /**\n   * Show include map checkbox in export tool.\n   */\n  @Prop() showIncludeMap?: boolean = false;\n\n  /**\n   * Show popup checkbox in export tool.\n   */\n  @Prop() showIncludePopup?: boolean = true;\n\n  /**\n   * Show header checkbox in export tool.\n   */\n  @Prop() showIncludeHeader?: boolean = true;\n\n  /**\n   * Show scale bar widget in map if view has it.\n   */\n  @Prop() showScaleBar?: boolean = false;\n\n  /**\n   * A reference to an array of MapViews or SceneViews.\n   */\n  @Prop() exportViews: ExportView[] | undefined;\n\n  @State() baseClass = CSS.baseLight;\n  @State() exportIsLoading: boolean | undefined = undefined;\n  @State() messages!: typeof ExportT9n;\n\n  /**\n   * Emits when the instant-apps-export's output prop is updated after the \"Export\" button is clicked.\n   */\n  @Event() exportOutputUpdated!: EventEmitter<void>;\n\n  @Watch(\"includeMap\")\n  watchIncludeMap(includeMap: boolean): void {\n    if (includeMap) {\n      this.exportViews?.forEach(({ view }, index) => {\n        if (!this.printEl) {\n          return;\n        }\n        const legendContainerEl: HTMLElement = this.printEl.querySelector(`#legend-${index}`)!;\n        if (legendContainerEl != null) {\n          void this.updateLegend(view, index, legendContainerEl);\n        }\n      });\n    }\n  }\n\n  @Watch(\"exportViews\")\n  watchView(): void {\n    this.exportViews?.forEach(({ view }, index) => {\n      this.handleIncludePopup(view, index);\n    });\n  }\n\n  handles?: __esri.Handles;\n  printContainerEl?: HTMLDivElement;\n  popoverEl?: HTMLCalcitePopoverElement;\n  printEl?: HTMLDivElement;\n  compassContainerEl?: HTMLDivElement;\n  printStyleEl?: HTMLStyleElement;\n  reactiveUtils?: __esri.reactiveUtils;\n  legends: Record<number, __esri.Legend> = {};\n  compasses: Record<number, __esri.Compass> = {};\n\n  async componentWillLoad(): Promise<void> {\n    this.baseClass = getMode(this.el) === \"dark\" ? CSS.baseDark : CSS.baseLight;\n    await getMessages(this);\n    await this.initializeModules();\n  }\n\n  componentDidLoad(): void {\n    if (!this.printEl) {\n      return;\n    }\n    this.printContainerEl?.prepend(this.printEl);\n    this.exportViews?.forEach(({ view }, index) => {\n      this.handleIncludePopup(view, index);\n    });\n  }\n\n  componentDidUpdate(): void {\n    this.exportViews?.forEach(({ view }, index) => {\n      if (!this.printEl) {\n        return;\n      }\n      const legendContainerEl: HTMLElement = this.printEl.querySelector(`#legend-${index}`)!;\n      void this.updateLegend(view, index, legendContainerEl);\n    });\n  }\n\n  async initializeModules(): Promise<boolean> {\n    const reactiveUtils = await importCoreReactiveUtils();\n    this.handles = await newCoreHandles();\n    this.reactiveUtils = reactiveUtils;\n\n    return await Promise.resolve(true);\n  }\n\n  render(): VNode {\n    const mode = this.mode === \"popover\" ? this.renderPopover() : this.renderPanel();\n    return (\n      <Host>\n        <div\n          class={this.baseClass}\n          onMouseEnter={this.handleWidgetCreation.bind(this)}\n          onFocusin={this.handleWidgetCreation.bind(this)}\n        >\n          {mode}\n        </div>\n      </Host>\n    );\n  }\n\n  renderPopover(): VNode[] {\n    const panel = this.renderPanel();\n    return [\n      <calcite-popover\n        referenceElement=\"export-popover-btn\"\n        label={this.messages?.exportPopover}\n        overlayPositioning={this.popoverPositioning}\n        placement={this.popoverPlacement}\n        autoClose\n        ref={(el) => (this.popoverEl = el)}\n      >\n        {panel}\n      </calcite-popover>,\n      <calcite-action\n        id=\"export-popover-btn\"\n        alignment=\"center\"\n        icon={this.popoverIcon}\n        scale={this.scale}\n        title={this.messages?.exportBtn}\n        text={this.messages?.exportBtn}\n      ></calcite-action>,\n    ];\n  }\n\n  renderPanel(): VNode {\n    const includeMap = this.showIncludeMap ? this.renderSwitch(\"includeMap\") : null;\n    const options = this.includeMap ? this.renderMapOptions() : null;\n    const print = this.renderPrint();\n    const panelClass = this.mode === \"inline\" ? CSS.inlineContainer : CSS.popoverContainer;\n    return (\n      <div class={panelClass}>\n        {includeMap}\n        {options}\n        <calcite-button width=\"full\" onClick={this.exportOnClick.bind(this)} disabled={this.exportIsLoading}>\n          {this.messages?.export}\n        </calcite-button>\n        {print}\n      </div>\n    );\n  }\n\n  renderSwitch(value: string, label?: string): VNode {\n    const switchKey = value as keyof typeof this;\n    const checked = this[switchKey] as boolean;\n    const messageKey = value as keyof typeof this.messages;\n    const title = label ? label : this.messages?.[messageKey];\n    return (\n      <calcite-label layout=\"inline-space-between\">\n        {title}\n        <calcite-switch\n          checked={checked}\n          value={value}\n          onCalciteSwitchChange={this.optionOnChange.bind(this)}\n        ></calcite-switch>\n      </calcite-label>\n    );\n  }\n\n  renderMapOptions(): VNode {\n    const includeHeader = this.showIncludeHeader ? this.renderSwitch(\"includeHeader\") : null;\n    const includeLegend = this.showIncludeLegend ? this.renderSwitch(\"includeLegend\") : null;\n    const includePopup = this.showIncludePopup ? this.renderSwitch(\"includePopup\") : null;\n    return (\n      <div>\n        {includeHeader}\n        {includeLegend}\n        {includePopup}\n      </div>\n    );\n  }\n\n  renderPrint(): VNode {\n    return (\n      <div ref={(el) => (this.printContainerEl = el)}>\n        <div class={CSS.print.base} ref={(el) => (this.printEl = el)}>\n          <div class={CSS.print.viewsContainer}>\n            {this.exportViews?.map(({ title, view }, index) => {\n              const mapId = (view.map as __esri.WebMap)?.portalItem?.id;\n              const printMap = this.includeMap ? this.renderPrintMap(title, index) : null;\n              const legend = this.includeMap && this.showIncludeLegend ? this.renderLegend(index) : null;\n              const popup = this.includeMap && this.showIncludePopup ? this.renderPopup(index) : null;\n              return (\n                <div key={mapId ?? \"\"} id={`print-${index}`} class={CSS.print.viewContent}>\n                  {printMap}\n                  {legend}\n                  {popup}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  renderPrintMap(title: string, index: number): VNode {\n    return (\n      <div id={`view-container-${index}`} class={CSS.print.viewContainer}>\n        <div id={`view-wrapper-${index}`} class={CSS.print.viewWrapper}>\n          {this.includeHeader && title ? (\n            <div class={CSS.print.viewHeader}>\n              <h1>{title}</h1>\n            </div>\n          ) : null}\n          <img id={`view-${index}`} class={CSS.print.view}></img>\n          <div id={`scale-bar-container-${index}`} class={CSS.print.scaleBarContainer}></div>\n        </div>\n      </div>\n    );\n  }\n\n  renderLegend(index: number): VNode {\n    return <div id={`legend-${index}`} class={CSS.print.legendContainer}></div>;\n  }\n\n  renderCompass(index: number): VNode {\n    return <div id={`compass-${index}`} class={CSS.print.compassContainer}></div>;\n  }\n\n  renderPopup(index: number): VNode {\n    return (\n      <div id={`popup-${index}`} class={CSS.print.popupContainer}>\n        <div id={`popup-title-${index}`} class={CSS.print.popupTitle}></div>\n        <div id={`popup-content-${index}`} class={CSS.print.popupContent}></div>\n      </div>\n    );\n  }\n\n  optionOnChange(e: Event): void {\n    const node = e.target as HTMLCalciteSwitchElement;\n    const { checked, value } = node;\n    (this as any)[value] = checked;\n    this.updateExportOutput();\n  }\n\n  async exportOnClick(): Promise<void> {\n    await this.beforeExport();\n    if (this.exportViews?.length) {\n      this.addPrintStyling();\n      if (this.printEl) {\n        document.body.prepend(this.printEl);\n      }\n      this.exportViews.forEach(({ view }, index) => {\n        // Hide compass this release\n\n        // const viewWrapperEl = this.printEl.querySelector(`#view-wrapper-${index}`);\n        // const compassContainerEl = this.compassContainerEl.querySelector(`#compass-${index}`) as HTMLElement;\n        // if (viewWrapperEl != null && compassContainerEl != null && !viewWrapperEl.contains(compassContainerEl)) {\n        //   if (!title) compassContainerEl.style.top = '15px';\n        //   viewWrapperEl.append(compassContainerEl);\n        // }\n        void this.handleViewExportOnClick(view, index);\n      });\n      this.handleImgLoaded();\n    } else {\n      if (this.popoverEl != null) {\n        this.popoverEl.open = false;\n      }\n    }\n  }\n\n  async handleViewExportOnClick(view: __esri.MapView | __esri.SceneView, index: number): Promise<void> {\n    if (this.includeMap) {\n      this.updateScaleBar(view, index);\n      void this.updatePopupToPrint(view, index);\n      void this.viewScreenshot(view, index);\n      this.handleLegendSetup(index);\n    }\n  }\n\n  addPrintStyling(): void {\n    if (this.printStyleEl == null) {\n      this.printStyleEl = document.createElement(\"style\");\n      this.printStyleEl.innerHTML = printStyling;\n      document.body.prepend(this.printStyleEl);\n    }\n  }\n\n  handleImgLoaded(): void {\n    this.exportIsLoading = true;\n    const exportDelay = 1500;\n    setTimeout(() => {\n      this.exportIsLoading = undefined;\n      this.setupViewPrintElements();\n    }, exportDelay);\n  }\n\n  resetPrintContent(): void {\n    if (!this.printEl) {\n      return;\n    }\n    this.printContainerEl?.prepend(this.printEl);\n    this.printStyleEl?.remove();\n    this.printStyleEl = undefined;\n  }\n\n  async updatePopupToPrint(view: __esri.MapView | __esri.SceneView, index: number): Promise<void> {\n    if (!this.printEl) {\n      return;\n    }\n    const popupContainerEl: HTMLElement = this.printEl.querySelector(`#popup-${index}`)!;\n    if (popupContainerEl != null) {\n      popupContainerEl.style.display = this.includePopup && view?.popup?.visible ? \"block\" : \"none\";\n      this.checkPopupOpen(view, index);\n    }\n    if (view?.popup?.visible && view?.popup?.selectedFeature != null) {\n      const heading = document.createElement(`h${view?.popup?.headingLevel ?? 2}`);\n      heading.innerHTML = view?.popup?.title ?? \"\";\n      heading.className = \"esri-widget__heading esri-popup__header-title\";\n      const popupTitleEl: HTMLElement = this.printEl.querySelector(`#popup-title-${index}`)!;\n      if (popupTitleEl != null) {\n        popupTitleEl.style.display = view?.popup?.title ? \"block\" : \"none\";\n        popupTitleEl.innerHTML = \"\";\n        popupTitleEl.prepend(heading);\n      }\n    }\n  }\n\n  updateExportOutput(): void {\n    this.output = {};\n    if (this.showIncludeLegend) {\n      this.output.includeLegend = this.includeLegend;\n    }\n    if (this.showIncludeMap) {\n      this.output.includeMap = this.includeMap;\n    }\n    if (this.showIncludePopup) {\n      this.output.includePopup = this.includePopup;\n    }\n    if (this.showIncludeHeader) {\n      this.output.includeHeader = this.includeHeader;\n    }\n    this.exportOutputUpdated.emit();\n  }\n\n  setupViewPrintElements(): void {\n    const title = document.title;\n    window.print();\n    document.title = title;\n    const exportDelay = 1500;\n    setTimeout(() => {\n      this.resetPrintContent();\n    }, exportDelay);\n  }\n\n  handleLegendSetup(index: number): void {\n    if (!this.printEl) {\n      return;\n    }\n    const legendContainerEl: HTMLElement = this.printEl.querySelector(`#legend-${index}`)!;\n    if (this.showIncludeLegend && this.includeMap && legendContainerEl) {\n      const legend = this.legends[index];\n      const hasActiveLayers = legend != null && legend.activeLayerInfos?.length > 0;\n      legendContainerEl.style.display = this.includeLegend && hasActiveLayers ? \"block\" : \"none\";\n    }\n  }\n\n  handleWidgetCreation(): void {\n    if (this.includeMap) {\n      this.exportViews?.forEach(({ view }, index) => {\n        this.handleLegendCreation(view, index);\n        // Hide compass this release\n\n        // this.handleCompassCreation(view, index);\n      });\n    }\n  }\n\n  handleIncludePopup(view: __esri.MapView | __esri.SceneView, index: number): void {\n    if (!this.handles || !this.reactiveUtils || !view || !this.showIncludePopup) {\n      return;\n    }\n    if (this.showIncludePopup) {\n      const handleId = `includePopup-${index}`;\n      this.handles?.remove(handleId);\n      void this.reactiveUtils\n        .whenOnce(() => view?.ready)\n        .then(() => {\n          if (!this.reactiveUtils || !this.handles) {\n            return;\n          }\n          this.handles.add(\n            this.reactiveUtils.watch(\n              () => !!view?.popup?.visible,\n              (visible: boolean) => {\n                this.includePopup = visible;\n              },\n            ),\n            handleId,\n          );\n        });\n    }\n  }\n\n  handleLegendCreation(view: __esri.MapView | __esri.SceneView, index: number): void {\n    if (!this.printEl) {\n      return;\n    }\n    const legendContainerEl: HTMLElement = this.printEl.querySelector(`#legend-${index}`)!;\n    if (this.showIncludeLegend && legendContainerEl != null) {\n      const map = view.map as __esri.WebMap | __esri.WebScene;\n      const legend = this.legends[index];\n      const legendMap = legend?.view?.map as __esri.WebMap | __esri.WebScene;\n      const checkId = map?.portalItem?.id != null && map?.portalItem?.id === legendMap?.portalItem?.id;\n      if (!checkId) {\n        void this.updateLegend(view, index, legendContainerEl);\n      }\n    }\n  }\n\n  async updateLegend(\n    view: __esri.MapView | __esri.SceneView,\n    index: number,\n    legendContainerEl: HTMLElement,\n  ): Promise<void> {\n    void view?.when(async (view: __esri.MapView | __esri.SceneView) => {\n      if (this.legends[index] == null && legendContainerEl != null) {\n        legendContainerEl.innerHTML = \"\";\n        const legendCont = document.createElement(\"div\");\n        legendContainerEl.append(legendCont);\n        this.legends[index] = await newWidgetsLegend({\n          id: `legend-widget-${index}`,\n          container: legendCont,\n          view,\n          style: {\n            type: \"card\",\n            layout: \"side-by-side\",\n          },\n        });\n      }\n    });\n  }\n\n  handleCompassCreation(view: __esri.MapView | __esri.SceneView, index: number): void {\n    if (!this.compassContainerEl) {\n      return;\n    }\n    const compassContainerEl: HTMLElement = this.compassContainerEl.querySelector(`#compass-${index}`)!;\n    if (compassContainerEl != null) {\n      const map = view.map as __esri.WebMap | __esri.WebScene;\n      const compass = this.compasses[index];\n      const compassMap = compass?.view?.map as __esri.WebMap | __esri.WebScene;\n      const checkId = map?.portalItem?.id === compassMap?.portalItem?.id;\n      if (!checkId) {\n        this.updateCompass(view, index, compassContainerEl);\n      }\n    }\n  }\n\n  updateCompass(view: __esri.MapView | __esri.SceneView, index: number, compassContainerEl: HTMLElement): void {\n    void view?.when(async (view: __esri.MapView | __esri.SceneView) => {\n      const container = document.createElement(\"div\");\n      if (compassContainerEl == null) {\n        return;\n      }\n      compassContainerEl.append(container);\n      this.compasses[index] = await newWidgetsCompass({ id: `compass-widget-${index}`, container, view });\n    });\n  }\n\n  updateScaleBar(view: __esri.MapView | __esri.SceneView, index: number): void {\n    if (!this.printEl) {\n      return;\n    }\n    const scaleBarContainerEl = this.printEl.querySelector(`#scale-bar-container-${index}`);\n    if (scaleBarContainerEl && view != null) {\n      scaleBarContainerEl.innerHTML = \"\";\n      if (this.showScaleBar) {\n        const widgets = view?.ui?.getComponents() as __esri.Widget[];\n        const scaleBar = widgets?.find(({ container }) => container?.className?.includes(\"esri-scale-bar\"));\n        if (scaleBar?.container != null && typeof scaleBar.container !== \"string\") {\n          scaleBarContainerEl.append(scaleBar.container.cloneNode(true));\n        }\n      }\n    }\n  }\n\n  async viewScreenshot(view: __esri.MapView | __esri.SceneView, index: number): Promise<void> {\n    if (!this.printEl || !this.includeMap) {\n      return;\n    }\n\n    const viewWidthThreshold = 1000;\n    const scaleBarContainerEl: HTMLElement = this.printEl.querySelector(`#scale-bar-container-${index}`)!;\n    scaleBarContainerEl?.classList.toggle(\n      \"instant-apps-export-print__scale-bar-container--position\",\n      view.width > viewWidthThreshold,\n    );\n    const screenshot = await view.takeScreenshot({\n      width: view.width * 2,\n      height: view.height * 2,\n    });\n    this.handleScaleBarSize(view, screenshot, scaleBarContainerEl);\n    const viewEl: HTMLImageElement = this.printEl.querySelector(`#view-${index}`)!;\n    if (screenshot != null && viewEl != null) {\n      viewEl.src = screenshot.dataUrl;\n    }\n  }\n\n  checkPopupOpen(view: __esri.MapView | __esri.SceneView, index: number): void {\n    if (!this.printEl) {\n      return;\n    }\n    const popupContainer = view?.popup?.container;\n    const popup = popupContainer?.querySelector(\".esri-popup .esri-feature__main-container\");\n    if (popup != null) {\n      const popupCanvas = popup.querySelectorAll(\"canvas\");\n      const popupContentEl = this.printEl.querySelector(`#popup-content-${index}`);\n      if (popupContentEl == null) {\n        return;\n      }\n      popupContentEl.innerHTML = \"\";\n      popupContentEl.append(popup.cloneNode(true));\n      const popContCanvas = popupContentEl.querySelectorAll(\"canvas\");\n      popupCanvas.forEach((canvas, key) => {\n        const image = canvas.toDataURL();\n        const img = document.createElement(\"img\");\n        img.src = image;\n        const style = canvas.getAttribute(\"style\");\n        if (style) {\n          img.setAttribute(\"style\", style);\n        }\n        const popCanvas = popContCanvas[key];\n        if (popCanvas != null) {\n          popCanvas.replaceWith(img);\n          if (\n            document.querySelector(\"link[href*='esri/themes/dark/main.css']\") &&\n            img.parentElement?.parentElement != null\n          ) {\n            img.parentElement.style.background = \"#242424\";\n            img.parentElement.parentElement.style.background = \"#242424\";\n          }\n        }\n      });\n    }\n  }\n\n  handleScaleBarSize(\n    view: __esri.MapView | __esri.SceneView,\n    screenshot: __esri.Screenshot,\n    scaleBarContainerEl: HTMLElement,\n  ): void {\n    if (this.showScaleBar && view?.type === \"2d\") {\n      if (scaleBarContainerEl != null) {\n        const topBar: HTMLDivElement | null = scaleBarContainerEl.querySelector(\".esri-scale-bar__line--top\");\n        const bottomBar: HTMLDivElement | null = scaleBarContainerEl.querySelector(\".esri-scale-bar__line--bottom\");\n        this.setScaleBarWidth(screenshot, scaleBarContainerEl, topBar, \"top\");\n        this.setScaleBarWidth(screenshot, scaleBarContainerEl, bottomBar, \"bottom\");\n      }\n    }\n  }\n\n  setScaleBarWidth(\n    screenshot: __esri.Screenshot,\n    scaleBarContainerEl: HTMLElement,\n    bar: HTMLDivElement | null,\n    position: \"bottom\" | \"top\",\n  ): void {\n    if (bar != null && screenshot != null) {\n      const width = screenshot.data.width / 2;\n      const barWidth = Number(bar.style.width.replace(\"px\", \"\"));\n      const percentageFactor = 100;\n      const widthPercentage = (barWidth / width) * percentageFactor;\n      scaleBarContainerEl?.style.setProperty(`--instant-apps-scale-bar-${position}`, `${widthPercentage}%`);\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/collection/vendor/instant-apps-components/p-4ad06857.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as a,g as o}from"./p-6517b6d4.js";import{g as n}from"./p-f146c213.js";import"./p-5978fda4.js";import"./p-1c4428aa.js";const s=".sc-instant-apps-measurement-h .sc-instant-apps-measurement.sc-instant-apps-measurement{background:var(--calcite-color-foreground-1)}.sc-instant-apps-measurement-h .active-tool.sc-instant-apps-measurement{--calcite-color-foreground-1:#c7eaff}";const c=s;const l={content:"instant-apps-measurement__content"};const r=class{constructor(i){t(this,i);this.measureActive=e(this,"measureActive",7);this.messages=undefined;this.view=undefined;this.areaUnit=undefined;this.linearUnit=undefined;this.coordinateFormat=undefined;this.activeToolType=undefined;this.closable=false}async componentWillLoad(){n(this)}componentDidLoad(){}render(){return i(a,{key:"654d3ecf69bf5df6da1e8332e3306472ae13c1eb"},i("calcite-panel",{key:"80b75780a2b792709f4b4ec02d5cc63e36d1398b",heading:this?.messages?.label,closable:this.closable},i("div",{key:"11b15468b5b8dbd8c395f27b0af0eb433350ff13",slot:"content-top"},this.renderActionPad()),i("div",{key:"7e2d8369f87a9d6f894cbe8f078f58839919ab89"},this.renderMeasureToolPanel())))}renderMeasureToolPanel(){const{view:t,coordinateFormat:e,areaUnit:a,linearUnit:o,activeToolType:n}=this;return i("calcite-panel",{class:l.content},i("instant-apps-measurement-tool",{ref:t=>{this.measureTool=t},view:t,measureConfiguration:{coordinateFormat:e,areaUnit:a,linearUnit:o,activeToolType:n},activeTool:this.activeToolType}))}renderActionPad(){const{messages:t,activeToolType:e}=this;return i("calcite-action-pad",{"expand-disabled":true,layout:"horizontal",position:"end"},i("calcite-action",{class:e==="distance"?"active-tool":"",text:t?.line,icon:"measure",scale:"m","data-value":"distance",onClick:this._handleToolClick.bind(this)},i("calcite-tooltip",{overlayPositioning:"fixed","close-on-click":true,placement:"top",slot:"tooltip"},t?.line)),i("calcite-action",{class:e==="area"?"active-tool":"",text:t?.area,scale:"m",icon:"measure-area","data-value":"area",onClick:this._handleToolClick.bind(this)},i("calcite-tooltip",{overlayPositioning:"fixed","close-on-click":true,placement:"top",slot:"tooltip"},t?.area)),i("calcite-action",{class:e==="point"?"active-tool":"",text:t?.point,scale:"m",icon:"pin-plus","data-value":"point",onClick:this._handleToolClick.bind(this)},i("calcite-tooltip",{overlayPositioning:"fixed","close-on-click":true,placement:"top",slot:"tooltip"},t?.point)),i("calcite-action",{text:t?.clear,scale:"m",icon:"trash","data-value":"clear",onClick:this._handleToolClick.bind(this)},i("calcite-tooltip",{overlayPositioning:"fixed","close-on-click":true,placement:"top",slot:"tooltip"},t?.clear)))}_handleToolClick(t){if(!this?.measureTool){return}const e=t?.target;if(!(e instanceof HTMLElement)){return}const i=e?.dataset.value;if(i!=="distance"&&i!=="area"&&i!=="point"&&i!=="clear"){return}if(i){this.measureTool.activeTool=i}const a=document.getElementsByClassName("active-tool");for(let t=0;t<a?.length;t++){a[t]?.classList?.remove("active-tool")}e?.classList.add("active-tool");this.measureActive.emit(!(i===undefined||i==="clear"))}get el(){return o(this)}};r.style=c;export{r as instant_apps_measurement};
+//# sourceMappingURL=p-4ad06857.entry.js.map

package/dist/collection/vendor/instant-apps-components/p-4ad06857.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["instantAppsMeasurementCss","InstantAppsMeasurementStyle0","CSS","content","InstantAppsMeasurement","componentWillLoad","getMessages","this","componentDidLoad","render","h","Host","key","heading","messages","label","closable","slot","renderActionPad","renderMeasureToolPanel","view","coordinateFormat","areaUnit","linearUnit","activeToolType","class","ref","el","measureTool","measureConfiguration","activeTool","layout","position","text","line","icon","scale","onClick","_handleToolClick","bind","overlayPositioning","placement","area","point","clear","e","target","HTMLElement","tool","dataset","value","elements","document","getElementsByClassName","i","length","classList","remove","add","measureActive","emit","undefined"],"sources":["src/components/instant-apps-measurement/instant-apps-measurement.scss?tag=instant-apps-measurement&encapsulation=scoped","src/components/instant-apps-measurement/instant-apps-measurement.tsx"],"sourcesContent":[":host {\n  .sc-instant-apps-measurement {\n    background: var(--calcite-color-foreground-1);\n  }\n\n  .active-tool {\n    --calcite-color-foreground-1: #c7eaff;\n  }\n}\n","/*\n *   Copyright (c) 2024 Esri\n *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.\n *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.\n *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.\n *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english\n */\n\nimport type { EventEmitter } from \"@stencil/core\";\nimport { Component, Host, State, Prop, Event, Element, h } from \"@stencil/core\";\n\nimport type Measurement_T9n from \"../../assets/t9n/instant-apps-measurement/messages.en.json\";\n\nimport { getMessages } from \"../../utils/locale\";\nimport type { ActiveTool } from \"../../interfaces/interfaces\";\n\nconst CSS = {\n  content: \"instant-apps-measurement__content\",\n};\n@Component({\n  tag: \"instant-apps-measurement\",\n  styleUrl: \"instant-apps-measurement.scss\",\n  scoped: true,\n})\nexport class InstantAppsMeasurement {\n  // HOST ELEMENT\n  @Element() el!: HTMLInstantAppsMeasurementElement;\n  measureToolRef: HTMLInstantAppsMeasurementToolElement | undefined;\n\n  @State() messages!: typeof Measurement_T9n;\n  /**\n   * A reference to the MapView or SceneView\n   */\n  @Prop() view!: __esri.MapView | __esri.SceneView;\n  /**\n   * Choose which unit will be used for the area tool by default\n   */\n  @Prop() areaUnit?: __esri.AreaUnit;\n  /**\n   * Choose which unit will be used for the distance tool by default\n   */\n  @Prop() linearUnit?: __esri.LengthUnit;\n  /**\n   * Choose which formats to include as options while converting coordinates\n   */\n  @Prop() coordinateFormat?: string;\n  /**\n   * Determine the tool that will be open on load\n   */\n  @Prop() activeToolType!: ActiveTool;\n  /**\n   * When true the measure widget is closable\n   */\n  @Prop() closable = false;\n  /**\n   * Emits when there is an active measure tool\n   * to allow app devs to disable other tools/popups when\n   * tools are active .\n   */\n  @Event()\n  measureActive!: EventEmitter<boolean>;\n\n  measureTool: HTMLInstantAppsMeasurementToolElement | undefined;\n  async componentWillLoad() {\n    getMessages(this);\n  }\n\n  componentDidLoad() {}\n\n  render() {\n    return (\n      <Host>\n        <calcite-panel heading={this?.messages?.label} closable={this.closable}>\n          <div slot=\"content-top\">{this.renderActionPad()}</div>\n          <div>{this.renderMeasureToolPanel()}</div>\n        </calcite-panel>\n      </Host>\n    );\n  }\n  renderMeasureToolPanel() {\n    const { view, coordinateFormat, areaUnit, linearUnit, activeToolType } = this;\n    return (\n      <calcite-panel class={CSS.content}>\n        <instant-apps-measurement-tool\n          ref={(el) => {\n            this.measureTool = el;\n          }}\n          view={view}\n          measureConfiguration={{ coordinateFormat, areaUnit, linearUnit, activeToolType }}\n          activeTool={this.activeToolType}\n        ></instant-apps-measurement-tool>\n      </calcite-panel>\n    );\n  }\n\n  renderActionPad() {\n    const { messages, activeToolType } = this;\n    return (\n      <calcite-action-pad expand-disabled={true} layout=\"horizontal\" position=\"end\">\n        <calcite-action\n          class={activeToolType === \"distance\" ? \"active-tool\" : \"\"}\n          text={messages?.line}\n          icon=\"measure\"\n          scale=\"m\"\n          data-value=\"distance\"\n          onClick={this._handleToolClick.bind(this)}\n        >\n          <calcite-tooltip overlayPositioning=\"fixed\" close-on-click={true} placement=\"top\" slot=\"tooltip\">\n            {messages?.line}\n          </calcite-tooltip>\n        </calcite-action>\n        <calcite-action\n          class={activeToolType === \"area\" ? \"active-tool\" : \"\"}\n          text={messages?.area}\n          scale=\"m\"\n          icon=\"measure-area\"\n          data-value=\"area\"\n          onClick={this._handleToolClick.bind(this)}\n        >\n          <calcite-tooltip overlayPositioning=\"fixed\" close-on-click={true} placement=\"top\" slot=\"tooltip\">\n            {messages?.area}\n          </calcite-tooltip>\n        </calcite-action>\n        <calcite-action\n          class={activeToolType === \"point\" ? \"active-tool\" : \"\"}\n          text={messages?.point}\n          scale=\"m\"\n          icon=\"pin-plus\"\n          data-value=\"point\"\n          onClick={this._handleToolClick.bind(this)}\n        >\n          <calcite-tooltip overlayPositioning=\"fixed\" close-on-click={true} placement=\"top\" slot=\"tooltip\">\n            {messages?.point}\n          </calcite-tooltip>\n        </calcite-action>\n\n        <calcite-action\n          text={messages?.clear}\n          scale=\"m\"\n          icon=\"trash\"\n          data-value=\"clear\"\n          onClick={this._handleToolClick.bind(this)}\n        >\n          <calcite-tooltip overlayPositioning=\"fixed\" close-on-click={true} placement=\"top\" slot=\"tooltip\">\n            {messages?.clear}\n          </calcite-tooltip>\n        </calcite-action>\n      </calcite-action-pad>\n    );\n  }\n  protected _handleToolClick(e: MouseEvent) {\n    if (!this?.measureTool) {\n      return;\n    }\n    const target = e?.target;\n    if (!(target instanceof HTMLElement)) {\n      return;\n    }\n    const tool = target?.dataset.value;\n    if (tool !== \"distance\" && tool !== \"area\" && tool !== \"point\" && tool !== \"clear\") {\n      return;\n    }\n    if (tool) {\n      this.measureTool.activeTool = tool;\n    }\n    // clean up active styles\n    const elements = document.getElementsByClassName(\"active-tool\");\n    for (let i = 0; i < elements?.length; i++) {\n      elements[i]?.classList?.remove(\"active-tool\");\n    }\n    target?.classList.add(\"active-tool\");\n\n    this.measureActive.emit(!(tool === undefined || tool === \"clear\"));\n  }\n}\n"],"mappings":"oJAAA,MAAMA,EAA4B,qPAClC,MAAAC,EAAeD,ECef,MAAME,EAAM,CACVC,QAAS,qC,MAOEC,EAAsB,M,gPA6Bd,K,CAUnB,uBAAMC,GACJC,EAAYC,K,CAGd,gBAAAC,GAAgB,CAEhB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,iBAAAE,IAAA,2CAAeC,QAASN,MAAMO,UAAUC,MAAOC,SAAUT,KAAKS,UAC5DN,EAAA,OAAAE,IAAA,2CAAKK,KAAK,eAAeV,KAAKW,mBAC9BR,EAAA,OAAAE,IAAA,4CAAML,KAAKY,2B,CAKnB,sBAAAA,GACE,MAAMC,KAAEA,EAAIC,iBAAEA,EAAgBC,SAAEA,EAAQC,WAAEA,EAAUC,eAAEA,GAAmBjB,KACzE,OACEG,EAAA,iBAAee,MAAOvB,EAAIC,SACxBO,EAAA,iCACEgB,IAAMC,IACJpB,KAAKqB,YAAcD,CAAE,EAEvBP,KAAMA,EACNS,qBAAsB,CAAER,mBAAkBC,WAAUC,aAAYC,kBAChEM,WAAYvB,KAAKiB,iB,CAMzB,eAAAN,GACE,MAAMJ,SAAEA,EAAQU,eAAEA,GAAmBjB,KACrC,OACEG,EAAA,wCAAqC,KAAMqB,OAAO,aAAaC,SAAS,OACtEtB,EAAA,kBACEe,MAAOD,IAAmB,WAAa,cAAgB,GACvDS,KAAMnB,GAAUoB,KAChBC,KAAK,UACLC,MAAM,IAAG,aACE,WACXC,QAAS9B,KAAK+B,iBAAiBC,KAAKhC,OAEpCG,EAAA,mBAAiB8B,mBAAmB,QAAO,iBAAiB,KAAMC,UAAU,MAAMxB,KAAK,WACpFH,GAAUoB,OAGfxB,EAAA,kBACEe,MAAOD,IAAmB,OAAS,cAAgB,GACnDS,KAAMnB,GAAU4B,KAChBN,MAAM,IACND,KAAK,eAAc,aACR,OACXE,QAAS9B,KAAK+B,iBAAiBC,KAAKhC,OAEpCG,EAAA,mBAAiB8B,mBAAmB,QAAO,iBAAiB,KAAMC,UAAU,MAAMxB,KAAK,WACpFH,GAAU4B,OAGfhC,EAAA,kBACEe,MAAOD,IAAmB,QAAU,cAAgB,GACpDS,KAAMnB,GAAU6B,MAChBP,MAAM,IACND,KAAK,WAAU,aACJ,QACXE,QAAS9B,KAAK+B,iBAAiBC,KAAKhC,OAEpCG,EAAA,mBAAiB8B,mBAAmB,QAAO,iBAAiB,KAAMC,UAAU,MAAMxB,KAAK,WACpFH,GAAU6B,QAIfjC,EAAA,kBACEuB,KAAMnB,GAAU8B,MAChBR,MAAM,IACND,KAAK,QAAO,aACD,QACXE,QAAS9B,KAAK+B,iBAAiBC,KAAKhC,OAEpCG,EAAA,mBAAiB8B,mBAAmB,QAAO,iBAAiB,KAAMC,UAAU,MAAMxB,KAAK,WACpFH,GAAU8B,Q,CAMX,gBAAAN,CAAiBO,GACzB,IAAKtC,MAAMqB,YAAa,CACtB,M,CAEF,MAAMkB,EAASD,GAAGC,OAClB,KAAMA,aAAkBC,aAAc,CACpC,M,CAEF,MAAMC,EAAOF,GAAQG,QAAQC,MAC7B,GAAIF,IAAS,YAAcA,IAAS,QAAUA,IAAS,SAAWA,IAAS,QAAS,CAClF,M,CAEF,GAAIA,EAAM,CACRzC,KAAKqB,YAAYE,WAAakB,C,CAGhC,MAAMG,EAAWC,SAASC,uBAAuB,eACjD,IAAK,IAAIC,EAAI,EAAGA,EAAIH,GAAUI,OAAQD,IAAK,CACzCH,EAASG,IAAIE,WAAWC,OAAO,c,CAEjCX,GAAQU,UAAUE,IAAI,eAEtBnD,KAAKoD,cAAcC,OAAOZ,IAASa,WAAab,IAAS,S","ignoreList":[]}

package/dist/collection/vendor/instant-apps-components/p-51f2e0b2.js

@@ -0,0 +1,2 @@
+import{l as s}from"./p-1c4428aa.js";async function e(e,t,n){const c=await s("@arcgis/core/layers/effects/jsonUtils",(async()=>await import("@arcgis/core/layers/effects/jsonUtils.js")));const[i,f]=c;const l=t?.layer;if(!e){if(l?.effect){return l.effect}else if(l?.featureEffect){return n==="includedEffect"?l.featureEffect.includedEffect:l.featureEffect.excludedEffect}else{return null}}const o=i(e);const r=l.effect;const a=l.featureEffect;let u=null;if(a){u=n==="includedEffect"?l.featureEffect.includedEffect:l.featureEffect.excludedEffect}else{u=r}const d=u?i(u):null;if(!d){return f(o)}let j=[...d];if(o){o.forEach((s=>{j.forEach((e=>{const{value:t}=e;if(t){t.forEach(((n,c)=>{if(n.type===s.type){t[c]=s}else{const s=!e.value.find((s=>s.type===o[0].type));if(s){e.value=[...e.value,...o]}}}))}else{const t=!j.find((s=>s.type===e.type));const n=!j.find((e=>e.type===s.type));if(n){j=[...j,s]}if(t){j=[...j,e]}}}))}))}const p=f(j);return p}export{e as g};
+//# sourceMappingURL=p-51f2e0b2.js.map

package/dist/collection/vendor/instant-apps-components/p-51f2e0b2.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["async","getMergedEffect","presetLayerEffect","featureLayerView","type","jsonUtils","loadUndocumentedModule","import","toJSON","fromJSON","layer","effect","featureEffect","includedEffect","excludedEffect","presetLayerEffectJSON","layerEffect","layerFeatureEffect","existingEffect","existingEffectJSON","effectToUse","forEach","presetLayerEffectItem","existingEffectToUseItem","value","effectValue","effectIndex","notMerged","find","existingEffectItemToMerge","nonScaleEffectToUseItem","presetNotMerged","mergedEffect"],"sources":["src/utils/effects.ts"],"sourcesContent":["// import { FeatureLayerFeatureEffect } from '../interfaces/commonInterfaces';\nimport { loadUndocumentedModule } from \"@arcgis/core-adapter\";\n\nexport async function getMergedEffect(\n  presetLayerEffect: string,\n  featureLayerView: __esri.FeatureLayerView,\n  type: \"excludedEffect\" | \"includedEffect\",\n) {\n  const jsonUtils = await loadUndocumentedModule(\n    \"@arcgis/core/layers/effects/jsonUtils\",\n    async () => await import(\"@arcgis/core/layers/effects/jsonUtils.js\"),\n  );\n\n  const [toJSON, fromJSON] = jsonUtils;\n\n  const layer = featureLayerView?.layer as any;\n  if (!presetLayerEffect) {\n    if (layer?.effect) {\n      return layer.effect;\n    } else if (layer?.featureEffect) {\n      return type === \"includedEffect\" ? layer.featureEffect.includedEffect : layer.featureEffect.excludedEffect;\n    } else {\n      return null;\n    }\n  }\n\n  // CONVERT EXISTING EFFECT AND PRESET LAYER EFFECT TO JSON\n  const presetLayerEffectJSON = toJSON(presetLayerEffect);\n  const layerEffect = layer.effect;\n  const layerFeatureEffect = layer.featureEffect;\n  let existingEffect = null;\n\n  if (layerFeatureEffect) {\n    existingEffect =\n      type === \"includedEffect\" ? layer.featureEffect.includedEffect : layer.featureEffect.excludedEffect;\n  } else {\n    existingEffect = layerEffect;\n  }\n\n  const existingEffectJSON = existingEffect ? toJSON(existingEffect) : null;\n\n  // RETURN PRESET LAYER EFFECT IF THERE ARE NO EXISTING EFFECTS\n  if (!existingEffectJSON) {\n    return fromJSON(presetLayerEffectJSON);\n  }\n\n  let effectToUse = [...existingEffectJSON];\n\n  if (presetLayerEffectJSON) {\n    // ITERATE THROUGH PRESET LAYER EFFECT JSON\n    presetLayerEffectJSON.forEach((presetLayerEffectItem: any) => {\n      // ITERATE THROUGH EXISTING EFFECT JSON\n      effectToUse.forEach((existingEffectToUseItem) => {\n        const { value } = existingEffectToUseItem;\n        if (value) {\n          // ITERATE THROUGH EXISTING EFFECT JSON VALUES\n          value.forEach((effectValue: any, effectIndex: number) => {\n            // REPLACE EXISTING EFFECT VALUE IF SAME TYPE IS PRESENT IN PRESET LAYER EFFECT\n            if (effectValue.type === presetLayerEffectItem.type) {\n              value[effectIndex] = presetLayerEffectItem;\n            }\n            // OTHERWISE MODIFY EXISTING EFFECT\n            else {\n              const notMerged = !existingEffectToUseItem.value.find(\n                (existingEffectItemToMerge: any) => existingEffectItemToMerge.type === presetLayerEffectJSON[0].type,\n              );\n\n              // CHECK IF PRESET LAYER EFFECT HAS BEEN MERGED, IF NOT YET MERGED APPEND PRESET LAYER EFFECT TO EXISTING EFFECT\n              if (notMerged) {\n                existingEffectToUseItem.value = [...existingEffectToUseItem.value, ...presetLayerEffectJSON];\n              }\n            }\n          });\n        } else {\n          // HANDLE NON SCALE EFFECTS\n          const notMerged = !effectToUse.find(\n            (nonScaleEffectToUseItem) => nonScaleEffectToUseItem.type === existingEffectToUseItem.type,\n          );\n          const presetNotMerged = !effectToUse.find(\n            (nonScaleEffectToUseItem) => nonScaleEffectToUseItem.type === presetLayerEffectItem.type,\n          );\n          if (presetNotMerged) {\n            effectToUse = [...effectToUse, presetLayerEffectItem];\n          }\n          if (notMerged) {\n            effectToUse = [...effectToUse, existingEffectToUseItem];\n          }\n        }\n      });\n    });\n  }\n  const mergedEffect = fromJSON(effectToUse);\n  return mergedEffect;\n}\n"],"mappings":"oCAGOA,eAAeC,EACpBC,EACAC,EACAC,GAEA,MAAMC,QAAkBC,EACtB,yCACAN,eAAkBO,OAAO,8CAG3B,MAAOC,EAAQC,GAAYJ,EAE3B,MAAMK,EAAQP,GAAkBO,MAChC,IAAKR,EAAmB,CACtB,GAAIQ,GAAOC,OAAQ,CACjB,OAAOD,EAAMC,M,MACR,GAAID,GAAOE,cAAe,CAC/B,OAAOR,IAAS,iBAAmBM,EAAME,cAAcC,eAAiBH,EAAME,cAAcE,c,KACvF,CACL,OAAO,I,EAKX,MAAMC,EAAwBP,EAAON,GACrC,MAAMc,EAAcN,EAAMC,OAC1B,MAAMM,EAAqBP,EAAME,cACjC,IAAIM,EAAiB,KAErB,GAAID,EAAoB,CACtBC,EACEd,IAAS,iBAAmBM,EAAME,cAAcC,eAAiBH,EAAME,cAAcE,c,KAClF,CACLI,EAAiBF,C,CAGnB,MAAMG,EAAqBD,EAAiBV,EAAOU,GAAkB,KAGrE,IAAKC,EAAoB,CACvB,OAAOV,EAASM,E,CAGlB,IAAIK,EAAc,IAAID,GAEtB,GAAIJ,EAAuB,CAEzBA,EAAsBM,SAASC,IAE7BF,EAAYC,SAASE,IACnB,MAAMC,MAAEA,GAAUD,EAClB,GAAIC,EAAO,CAETA,EAAMH,SAAQ,CAACI,EAAkBC,KAE/B,GAAID,EAAYrB,OAASkB,EAAsBlB,KAAM,CACnDoB,EAAME,GAAeJ,C,KAGlB,CACH,MAAMK,GAAaJ,EAAwBC,MAAMI,MAC9CC,GAAmCA,EAA0BzB,OAASW,EAAsB,GAAGX,OAIlG,GAAIuB,EAAW,CACbJ,EAAwBC,MAAQ,IAAID,EAAwBC,SAAUT,E,UAIvE,CAEL,MAAMY,GAAaP,EAAYQ,MAC5BE,GAA4BA,EAAwB1B,OAASmB,EAAwBnB,OAExF,MAAM2B,GAAmBX,EAAYQ,MAClCE,GAA4BA,EAAwB1B,OAASkB,EAAsBlB,OAEtF,GAAI2B,EAAiB,CACnBX,EAAc,IAAIA,EAAaE,E,CAEjC,GAAIK,EAAW,CACbP,EAAc,IAAIA,EAAaG,E,KAGnC,G,CAGN,MAAMS,EAAevB,EAASW,GAC9B,OAAOY,CACT,Q","ignoreList":[]}

package/dist/collection/vendor/instant-apps-components/p-525c0e1c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as n,H as o,g as s}from"./p-6517b6d4.js";import{n as e}from"./p-1c4428aa.js";const c=":host{display:block}";const i=c;const a="floating";const r="instant-apps-control-panel";const p="border-bottom: 1px solid var(--calcite-color-border-3)";const d="components";const l=`[slot="${d}"]`;const h=class{constructor(n){t(this,n);this.components=[];this.view=undefined}async componentWillLoad(){this._handleComponents()}componentWillUpdate(){this._handleComponents()}render(){return n(o,{key:"da3ae85d12780699ce3a9172b89f9900122d5065"},n("slot",{key:"a3bf08049e83ce0c59e58214302d9409c6208e3c",name:d}))}_handleComponents(){const t=this._getComponentsNode();if(t){this._resetUI(t);this._attachComponents(t)}}_attachComponents(t){this.components.forEach(this._attachmentComponent(t))}_attachmentComponent(t){return async(n,o)=>{let s=n.content;if(n.isExpand){s=await this._getExpand(n);if(n.expandIcon){s.expandIcon=n.expandIcon}if(n.collapseTooltip){s.collapseTooltip=n.collapseTooltip}if(n.expandTooltip){s.expandTooltip=n.expandTooltip}}if(!s.container){s.container=document.createElement("div")}t?.appendChild(s.container);const e=o!==this.components.length-1;if(e){s.container.style=p}}}async _getExpand(t){const{view:n}=this;const{content:o}=t;const s=t?.expanded??false;return await e({content:o,view:n,expanded:s,mode:a,group:r})}_getComponentsNode(){const t=l;return this.el.querySelector(t)}_resetUI(t){const n=t.children.length>0;if(n){const{firstChild:n}=t;while(n){t.removeChild(n)}}}get el(){return s(this)}};h.style=i;export{h as instant_apps_control_panel};
+//# sourceMappingURL=p-525c0e1c.entry.js.map

package/dist/collection/vendor/instant-apps-components/p-525c0e1c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["instantAppsControlPanelCss","InstantAppsControlPanelStyle0","MODE","GROUP","BORDER","SLOT_NAME","SLOT_SELECTOR","InstantAppsControlPanel","componentWillLoad","this","_handleComponents","componentWillUpdate","render","h","Host","key","name","componentsNode","_getComponentsNode","_resetUI","_attachComponents","components","forEach","_attachmentComponent","async","component","index","content","isExpand","_getExpand","expandIcon","collapseTooltip","expandTooltip","container","document","createElement","appendChild","isNotLast","length","style","view","expanded","newWidgetsExpand","mode","group","selector","el","querySelector","hasChildren","children","firstChild","removeChild"],"sources":["src/components/instant-apps-control-panel/instant-apps-control-panel.scss?tag=instant-apps-control-panel&encapsulation=shadow","src/components/instant-apps-control-panel/instant-apps-control-panel.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Element, Host, Prop, h } from \"@stencil/core\";\nimport type { HostElement } from \"@stencil/core/internal\";\nimport { newWidgetsExpand } from \"@arcgis/core-adapter\";\nimport type { ControlPanelComponent } from \"../../interfaces/interfaces\";\n\nconst MODE = \"floating\";\nconst GROUP = \"instant-apps-control-panel\";\nconst BORDER = \"border-bottom: 1px solid var(--calcite-color-border-3)\";\nconst SLOT_NAME = \"components\";\nconst SLOT_SELECTOR = `[slot=\"${SLOT_NAME}\"]`;\n\n@Component({\n  tag: \"instant-apps-control-panel\",\n  styleUrl: \"instant-apps-control-panel.scss\",\n  shadow: true,\n})\nexport class InstantAppsControlPanel {\n  Expand!: typeof __esri.Expand;\n\n  @Element()\n  el!: HostElement;\n\n  /**\n   * Determine which widgets or components to display in the control panel\n   */\n  @Prop()\n  components: ControlPanelComponent[] = [];\n\n  /**\n   * A reference to the MapView or SceneView\n   */\n  @Prop()\n  view!: __esri.MapView | __esri.SceneView;\n\n  async componentWillLoad() {\n    this._handleComponents();\n  }\n\n  componentWillUpdate() {\n    this._handleComponents();\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot name={SLOT_NAME} />\n      </Host>\n    );\n  }\n\n  private _handleComponents(): void {\n    const componentsNode = this._getComponentsNode();\n    if (componentsNode) {\n      this._resetUI(componentsNode);\n      this._attachComponents(componentsNode);\n    }\n  }\n\n  private _attachComponents(componentsNode: HTMLDivElement): void {\n    this.components.forEach(this._attachmentComponent(componentsNode));\n  }\n\n  private _attachmentComponent(\n    componentsNode: HTMLDivElement,\n  ): (component: ControlPanelComponent, index: number) => void {\n    return async (component: ControlPanelComponent, index: number) => {\n      let content = component.content;\n\n      // Check if component isExpand widget, if so, create expande widget\n      if (component.isExpand) {\n        content = await this._getExpand(component);\n        if (component.expandIcon) {\n          content.expandIcon = component.expandIcon;\n        }\n        if (component.collapseTooltip) {\n          content.collapseTooltip = component.collapseTooltip;\n        }\n        if (component.expandTooltip) {\n          content.expandTooltip = component.expandTooltip;\n        }\n      }\n\n      // Check if dom node exists, if not create dom node\n      if (!content.container) {\n        content.container = document.createElement(\"div\");\n      }\n\n      // Append dom node to slot element\n      componentsNode?.appendChild(content.container);\n\n      // Create border for all components but last\n      const isNotLast = index !== this.components.length - 1;\n      if (isNotLast) {\n        content.container.style = BORDER;\n      }\n    };\n  }\n\n  private async _getExpand(component: ControlPanelComponent): Promise<__esri.Expand> {\n    const { view } = this;\n    const { content } = component;\n    const expanded = component?.expanded ?? false;\n    return await newWidgetsExpand({ content, view, expanded, mode: MODE, group: GROUP });\n  }\n\n  private _getComponentsNode(): HTMLDivElement {\n    const selector = SLOT_SELECTOR;\n    return this.el.querySelector(selector)!;\n  }\n\n  private _resetUI(componentsNode: HTMLDivElement): void {\n    const hasChildren = componentsNode.children.length > 0;\n    if (hasChildren) {\n      const { firstChild } = componentsNode;\n      while (firstChild) {\n        componentsNode.removeChild(firstChild);\n      }\n    }\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAA6B,uBACnC,MAAAC,EAAeD,ECIf,MAAME,EAAO,WACb,MAAMC,EAAQ,6BACd,MAAMC,EAAS,yDACf,MAAMC,EAAY,aAClB,MAAMC,EAAgB,UAAUD,M,MAOnBE,EAAuB,M,yCAUI,G,oBAQtC,uBAAMC,GACJC,KAAKC,mB,CAGP,mBAAAC,GACEF,KAAKC,mB,CAGP,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAMX,I,CAKV,iBAAAK,GACN,MAAMO,EAAiBR,KAAKS,qBAC5B,GAAID,EAAgB,CAClBR,KAAKU,SAASF,GACdR,KAAKW,kBAAkBH,E,EAInB,iBAAAG,CAAkBH,GACxBR,KAAKY,WAAWC,QAAQb,KAAKc,qBAAqBN,G,CAG5C,oBAAAM,CACNN,GAEA,OAAOO,MAAOC,EAAkCC,KAC9C,IAAIC,EAAUF,EAAUE,QAGxB,GAAIF,EAAUG,SAAU,CACtBD,QAAgBlB,KAAKoB,WAAWJ,GAChC,GAAIA,EAAUK,WAAY,CACxBH,EAAQG,WAAaL,EAAUK,U,CAEjC,GAAIL,EAAUM,gBAAiB,CAC7BJ,EAAQI,gBAAkBN,EAAUM,e,CAEtC,GAAIN,EAAUO,cAAe,CAC3BL,EAAQK,cAAgBP,EAAUO,a,EAKtC,IAAKL,EAAQM,UAAW,CACtBN,EAAQM,UAAYC,SAASC,cAAc,M,CAI7ClB,GAAgBmB,YAAYT,EAAQM,WAGpC,MAAMI,EAAYX,IAAUjB,KAAKY,WAAWiB,OAAS,EACrD,GAAID,EAAW,CACbV,EAAQM,UAAUM,MAAQnC,C,GAKxB,gBAAMyB,CAAWJ,GACvB,MAAMe,KAAEA,GAAS/B,KACjB,MAAMkB,QAAEA,GAAYF,EACpB,MAAMgB,EAAWhB,GAAWgB,UAAY,MACxC,aAAaC,EAAiB,CAAEf,UAASa,OAAMC,WAAUE,KAAMzC,EAAM0C,MAAOzC,G,CAGtE,kBAAAe,GACN,MAAM2B,EAAWvC,EACjB,OAAOG,KAAKqC,GAAGC,cAAcF,E,CAGvB,QAAA1B,CAASF,GACf,MAAM+B,EAAc/B,EAAegC,SAASX,OAAS,EACrD,GAAIU,EAAa,CACf,MAAME,WAAEA,GAAejC,EACvB,MAAOiC,EAAY,CACjBjC,EAAekC,YAAYD,E","ignoreList":[]}

package/dist/collection/vendor/instant-apps-components/p-5978fda4.js

@@ -0,0 +1,2 @@
+const t=new Map([["ar","ar"],["bg","bg"],["bs","bs"],["ca","ca"],["cs","cs"],["da","da"],["de","de"],["el","el"],["en","en"],["es","es"],["et","et"],["fi","fi"],["fr","fr"],["he","he"],["hr","hr"],["hu","hu"],["id","id"],["it","it"],["ja","ja"],["ko","ko"],["lt","lt"],["lv","lv"],["no","no"],["nb","nb"],["nl","nl"],["pl","pl"],["pt-br","pt-BR"],["pt-pt","pt-PT"],["ro","ro"],["ru","ru"],["sk","sk"],["sl","sl"],["sr","sr"],["sv","sv"],["th","th"],["tr","tr"],["uk","uk"],["vi","vi"],["zh-cn","zh-CN"],["zh-hk","zh-HK"],["zh-tw","zh-TW"]]);function r(t){return n(t,"dir","ltr")}function n(t,r,n){const s=t.closest(`[${r}]`);return s?s.getAttribute(r):n}export{r as g,t as l};
+//# sourceMappingURL=p-5978fda4.js.map

package/dist/collection/vendor/instant-apps-components/p-5978fda4.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["languageMap","Map","getElementDir","el","getElementProp","prop","value","closestWithProp","closest","getAttribute"],"sources":["src/utils/languageUtil.ts"],"sourcesContent":["/*\n *   Copyright (c) 2024 Esri\n *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.\n *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.\n *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.\n *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english\n */\n\nimport { importIntl } from \"@arcgis/core-adapter\";\nimport type { APIVersion } from \"./types\";\n\nexport const languageMap = new Map<string, string>([\n  [\"ar\", \"ar\"],\n  [\"bg\", \"bg\"],\n  [\"bs\", \"bs\"],\n  [\"ca\", \"ca\"],\n  [\"cs\", \"cs\"],\n  [\"da\", \"da\"],\n  [\"de\", \"de\"],\n  [\"el\", \"el\"],\n  [\"en\", \"en\"],\n  [\"es\", \"es\"],\n  [\"et\", \"et\"],\n  [\"fi\", \"fi\"],\n  [\"fr\", \"fr\"],\n  [\"he\", \"he\"],\n  [\"hr\", \"hr\"],\n  [\"hu\", \"hu\"],\n  [\"id\", \"id\"],\n  [\"it\", \"it\"],\n  [\"ja\", \"ja\"],\n  [\"ko\", \"ko\"],\n  [\"lt\", \"lt\"],\n  [\"lv\", \"lv\"],\n  [\"no\", \"no\"],\n  [\"nb\", \"nb\"],\n  [\"nl\", \"nl\"],\n  [\"pl\", \"pl\"],\n  [\"pt-br\", \"pt-BR\"],\n  [\"pt-pt\", \"pt-PT\"],\n  [\"ro\", \"ro\"],\n  [\"ru\", \"ru\"],\n  [\"sk\", \"sk\"],\n  [\"sl\", \"sl\"],\n  [\"sr\", \"sr\"],\n  [\"sv\", \"sv\"],\n  [\"th\", \"th\"],\n  [\"tr\", \"tr\"],\n  [\"uk\", \"uk\"],\n  [\"vi\", \"vi\"],\n  [\"zh-cn\", \"zh-CN\"],\n  [\"zh-hk\", \"zh-HK\"],\n  [\"zh-tw\", \"zh-TW\"],\n]);\n\n// rtl\nexport function getElementDir(el: HTMLElement): \"ltr\" | \"rtl\" {\n  return getElementProp(el, \"dir\", \"ltr\");\n}\n\nfunction getElementProp(el: HTMLElement, prop: string, value: string): any {\n  const closestWithProp = el.closest(`[${prop}]`);\n  return closestWithProp ? closestWithProp.getAttribute(prop) : value;\n}\n\n// css\nexport const CSS_UTILITY = {\n  rtl: \"arcgis--rtl\",\n} as const;\n\nexport async function formatNumber(\n  number: number,\n  options?: {\n    api: APIVersion;\n    style: \"decimal\" | \"percent\";\n    places: number;\n  },\n): Promise<string> {\n  const intl = await importIntl();\n  const { api = 4, style = \"decimal\", places = 2 } = options || {};\n  if (api === 4) {\n    const intl = await importIntl();\n    const numberFormatIntlOptions = intl.convertNumberFormatToIntlOptions({\n      places,\n      style,\n      digitSeparator: true,\n    } as __esri.NumberFormat);\n    return intl.formatNumber(number, numberFormatIntlOptions);\n  }\n  return intl.formatNumber(number, {\n    style,\n  });\n}\n"],"mappings":"MAWaA,EAAc,IAAIC,IAAoB,CACjD,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,QAAS,SACV,CAAC,QAAS,SACV,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,QAAS,SACV,CAAC,QAAS,SACV,CAAC,QAAS,W,SAIIC,EAAcC,GAC5B,OAAOC,EAAeD,EAAI,MAAO,MACnC,CAEA,SAASC,EAAeD,EAAiBE,EAAcC,GACrD,MAAMC,EAAkBJ,EAAGK,QAAQ,IAAIH,MACvC,OAAOE,EAAkBA,EAAgBE,aAAaJ,GAAQC,CAChE,Q","ignoreList":[]}