@esri/hub-web-components 0.37.2 → 0.37.3

package/dist/cdn/CP5CMZPK.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/0.37/LICENSE.txt */
-import{a as P}from"./LNVYZ53G.js";import{b as K,c as Q}from"./DIAOUTLA.js";import{a as F}from"./UAGYDOBI.js";import{a as N,b as m,c as E,d as W}from"./X5GRVXSY.js";import{a as G,c as J}from"./DEVEFEZB.js";import d from"./XX3BCLUI.js";import c from"./MAKNOF2E.js";import{a as w}from"./UTLMCJD2.js";import{a as j,b as B,c as g,d as U,f as _,h as z,m as L,p as q,q as x}from"./W5FA4IWP.js";import"./ALUW2GDJ.js";import"./DCLYV35L.js";import"./SDXNFZ6Q.js";import"./XLV625TR.js";import"./NFD3QJ6J.js";import"./Q4GV7FFJ.js";import"./HWUCFNAD.js";import"./LLGS7DKU.js";import"./TO5XR7VA.js";import"./DJ3H7LZE.js";import"./PJFE4OSA.js";import"./25TYOHZS.js";import"./XZDHV5BV.js";import"./L6IQ6LTS.js";import"./DCXY72PD.js";import"./YBDFIKTN.js";import"./QA5B2Y37.js";import"./HUVYHMSC.js";import"./FY3KPATI.js";import"./DH2QF3YA.js";import"./UOAJQR2X.js";import"./PM6CSPJD.js";import"./JG22JJ4C.js";import"./6M5DP7YF.js";import"./HM2SQ34E.js";import"./HF75SET4.js";import"./O247GUBF.js";import"./EIMMNTTE.js";import"./YMX7NNEY.js";import"./M5TH54YS.js";import"./HH5PXKUQ.js";import"./WL6CGZLR.js";import"./K4VVZ2OR.js";import"./THLIDOGM.js";import"./FZNKGW4A.js";import"./LK454DSU.js";import"./AYFB34A7.js";import"./53V23CCM.js";import"./SNSHV52T.js";import"./HITR5JF7.js";import"./E2RL5I2B.js";import"./4ZRQCNU2.js";import"./YLRR2XFD.js";import"./LEVMADAS.js";import"./U7SPPU37.js";import"./JSOZV4HA.js";import"./VXJI546E.js";import"./ZQPTNYU6.js";import"./UCUSWPVC.js";import"./HTYDCXX6.js";import"./LDJN5446.js";import"./6LDEVQEO.js";import"./ZUFDLSS7.js";import"./2NJPYBHN.js";import"./635V3Q2N.js";import"./3MGFA2AN.js";import"./2WQEISGF.js";import"./CBIG4EMI.js";import"./IXINH2FU.js";import"./UJKN7G7W.js";import"./K3HMF5GC.js";import"./NPWIO5CS.js";import"./B6CP7FIT.js";import"./XP6ZXTST.js";import"./ZVGAVULD.js";import"./V3U3RRL7.js";import"./LVCMKKG7.js";import"./UTQMJRMF.js";import"./AEPE3IDB.js";import"./UR5INQGU.js";import"./HV466M4A.js";import"./GJINUBO7.js";import"./5GNQYAFV.js";import"./BHYFMWFH.js";import"./47ZOSUE6.js";import"./JI5AIZ2W.js";import"./SVAOM6PB.js";import"./WTJOWA2D.js";import"./II3OUQDN.js";import{a as tt}from"./GSGLH4CM.js";import{b as T}from"./3SHBZF4M.js";import"./6VA6IJMP.js";import"./2PUMWMNI.js";import"./L3H4QXUA.js";import{A as C,B as M,H as O,I,a as S,b as f,m as v,o as D,z as $}from"./RIMWN7PN.js";import"./BMRPHSYL.js";import"./FMBEHWFY.js";import"./3WN3ZWUP.js";import"./AM4QVJ44.js";import"./GVF26EON.js";import"./K672BF4Z.js";import"./HSFPILSC.js";import"./2W2UGJLH.js";import"./XI72UBIK.js";import"./H3CSIYXV.js";import"./46NFE3O2.js";import"./MUN2QI43.js";import"./U2H7HOIC.js";import"./IEDSJLNB.js";import"./NR4ANSZX.js";import"./I3LGHXIN.js";import"./S2TL4ARK.js";import"./WBUC7HJI.js";import"./SD326B2E.js";import"./HZHPBMYE.js";import"./MYXIS5RQ.js";import"./PWESAKVV.js";import b from"./K5O2OVOP.js";import"./Y7N6UKCC.js";import"./H2V2RZ6M.js";import"./CU2TSBCT.js";import"./OQOFL4GS.js";import"./KUB4GMLQ.js";import"./FDDXGLRF.js";import"./RGKBSVQD.js";import"./FZ7ZK37I.js";import"./FLC2JTMP.js";import"./RL2IUUBA.js";import"./4QEFMWHF.js";import"./J2P53GWU.js";import a from"./BU6RNCBS.js";import"./ZM3EAORZ.js";import"./YCEXTCZD.js";import"./5V53QYYF.js";import"./A36IL72A.js";import"./P7D42LBQ.js";import"./ZFP6AZG7.js";import"./NE7SMAEP.js";import"./2B6D4MGZ.js";import"./HEPYE6RX.js";import"./7GTUV67W.js";import"./USNX342T.js";import"./DKMYTCOT.js";import{c as Z}from"./IONZ3SDQ.js";export default $arcgis.t(([,,V,{a:H}])=>{var b=Z(tt(),1),it=S`@layer{arcgis-layout-container{display:block;--offset-top: 0px;calcite-shell{position:static;font-size:inherit}#arcgis-layout-container-edit-mode-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}arcgis-layout-container[is-edit-mode]{height:calc(100vh - var(--offset-top));arcgis-layout{margin-block-start:15px}calcite-panel>*{margin:1rem}calcite-panel>calcite-action.panel-close{margin:0}}}`;function et(i,t){let e=["order","offset","width"],s=[];return e.forEach(a=>{let o;N(i)&&(o=i.sectionProps?.[a]),m(i)&&(o=i.rowProps?.[a]),E(i)&&(o=i.columnProps?.[a]),typeof o=="number"?(o<0||o>12)&&s.push(`Node "${i.id}": ${t} > ${a} out of range (0-12): ${o}`):typeof o=="object"&&Object.entries(o).forEach(([n,r])=>{typeof r=="number"&&(r<0||r>12)&&s.push(`Node "${i.id}": ${t} > ${a}.${n} out of range (0-12): ${r}`)})}),s}function st(i,t,e,s){let a=[];return i.id||a.push(`${t} > missing required id.`),i.tag||a.push(`${t} > missing required tag.`),i.id&&(e.has(i.id)&&a.push(`Node "${i.id}": ${t} > duplicate id: "${i.id}"`),e.add(i.id)),s.includes(i.tag)||a.push(`Node "${i.id}": ${t} > has invalid tag: ${i.tag}`),a.push(...et(i,t)),(N(i)||m(i)||E(i))&&(!i.children||!Array.isArray(i.children)||i.children.length===0)&&a.push(`Node "${i.id}": ${t} > missing or empty children array.`),a}function A({node:i,nodePath:t,idSet:e,validTags:s,errors:a}){if(i.tag==="arcgis-nav-card"){let o=i.properties;o&&typeof o=="object"&&Array.isArray(o.sections)&&o.sections.forEach((n,r)=>{let d=`${t}.sections[${r}]`;A({node:n,nodePath:d,idSet:e,validTags:["arcgis-layout-section"],errors:a})})}a.push(...st(i,t,e,s)),Array.isArray(i.children)&&i.children.forEach((o,n)=>{let r=`${t}.Child[${n}]`,d=Array.from(x);N(i)?(d=["arcgis-layout-row"],r=`${t}.Row[${n}]`):m(i)?(d=["arcgis-layout-column"],r=`${t}.Column[${n}]`):E(i)&&(d=Array.from(x).filter(u=>u!=="arcgis-layout-column"&&u!=="arcgis-layout-section")),A({node:o,nodePath:r,idSet:e,validTags:d,errors:a})})}function ot(i){let t=[],e=new Set;return i?typeof i!="object"?(t.push("Layout must be an object."),t):!i.sections.length||!Array.isArray(i.sections)?(t.push("Layout must have a sections array."),t):(i.sections.forEach((s,a)=>{if(W(s))return;let o=s,n=`Section[${a}]`;A({node:o,nodePath:n,idSet:e,validTags:["arcgis-layout-section"],errors:t})}),t):(t.push("Layout must be defined."),t)}async function at(i){return i==="arcgis-text-card"?(await import("./I6ZBOCIY.js").then(m=>m.default)).migrateTextCard:(t=>t)}function nt(i){let t=g(i);return t.schemaVersion=2,t}var rt={2:nt};async function dt(i){let t=V(i,rt),e=await Promise.all(t.sections.map(async s=>await X(s)));return t.sections=e,t}async function X(i){let t=(await at(i.tag))(i);return Array.isArray(t.children)&&(t.children=await Promise.all(t.children.map(async e=>await X(e)))),t}function ht(i,t){if(i.children&&t<i.children.length-1)return i.children[t+1]}function lt(i,t){if(i.children&&t>0)return i.children[t-1]}function ct(i,t){if(t<i.sections.length-1)return i.sections[t+1]}function ut(i,t){if(t>0)return i.sections[t-1]}function yt(i,t){let e=g(t);function s(a){for(let o=0;o<a.sections.length;o++){let n=a.sections[o];if(n.children)for(let r=0;r<n.children.length;r++){let d=n.children[r];if(d.children)for(let u=0;u<d.children.length;u++){let l=d.children[u];if(l.children)for(let c=0;c<l.children.length;c++){let y=l.children[c];if(y.id===i.id)if(c>0){let h=l.children[c-1];return l.children[c-1]=l.children[c],l.children[c]=h,!0}else{if(u>0)return l.children.splice(c,1),d.children[u-1].children?.push(i),!0;if(r>0){l.children.splice(c,1);let h=lt(n,r);if(h?.children&&h.children.length>0)return h.children[h.children.length-1].children?.push(i),!0}else if(o>0){l.children.splice(c,1);let h=ut(a,o);if(h?.children&&h.children.length>0){let p=h.children[h.children.length-1];if(p.children&&p.children.length>0)return p.children[p.children.length-1].children?.push(i),!0}}}if(y.tag==="arcgis-nav-card"){let h=y.properties?.sections;if(h&&s({sections:h}))return!0}if(y.children&&m(y)&&s({sections:[{children:[y]}]}))return!0}}}}return!1}return s(e),e}function gt(i,t){let e=g(t);function s(a){for(let o=0;o<a.sections.length;o++){let n=a.sections[o];if(n.children)for(let r=0;r<n.children.length;r++){let d=n.children[r];if(d.children)for(let u=0;u<d.children.length;u++){let l=d.children[u];if(l.children)for(let c=0;c<l.children.length;c++){let y=l.children[c];if(y.id===i.id)if(c<l.children.length-1){let h=l.children[c+1];return l.children[c+1]=l.children[c],l.children[c]=h,!0}else{if(u<d.children.length-1)return l.children.splice(c,1),d.children[u+1].children?.unshift(i),!0;if(r<n.children.length-1){l.children.splice(c,1);let h=ht(n,r);if(h?.children&&h.children.length>0)return h.children[0].children?.unshift(i),!0}else if(o<a.sections.length-1){l.children.splice(c,1);let h=ct(a,o);if(h?.children&&h.children.length>0){let p=h.children[0];if(p.children&&p.children.length>0)return p.children[0].children?.unshift(i),!0}}}if(y.tag==="arcgis-nav-card"){let h=y.properties?.sections;if(h&&s({sections:h}))return!0}if(y.children&&m(y)&&s({sections:[{children:[y]}]}))return!0}}}}return!1}return s(e),e}function pt(i,t){let e=[];function s(a){if(a.nodeType===Node.ELEMENT_NODE){let o=a;o.matches(t)&&e.push(o);let n=o.shadowRoot;n&&s(n);for(let r of Array.from(o.children))s(r)}else if(a instanceof ShadowRoot)for(let o of Array.from(a.children))s(o)}return s(i),e}var ft=/\{\{\s*variables\.([^.\s}]+)\.value\s*\}\}/gu;function _t(i){let t=new Set,e=s=>{if(typeof s=="string"){for(let a of s.matchAll(ft)){let o=a[1];o&&t.add(o)}return}if(Array.isArray(s)){s.forEach(a=>e(a));return}s&&typeof s=="object"&&Object.values(s).forEach(a=>e(a))};return e(i),Array.from(t)}function R(i,t){let e=[],s=new Set;if(!i.sections?.length)return e;let a=o=>{let n={...o};delete n.children,n.tag==="arcgis-nav-card"&&n.properties&&(n.properties={...n.properties},delete n.properties.sections),!s.has(o.id)&&_t(n).includes(t)&&(e.push(o),s.add(o.id))};for(let o of i.sections)if(a(o),!!o.children){for(let n of o.children)if(a(n),!!n.children){for(let r of n.children)if(a(r),!!r.children)for(let d of r.children){if(a(d),d.tag==="arcgis-nav-card"){let u=d.properties?.sections;R({sections:u||[]},t).forEach(l=>a(l))}m(d)&&d.children&&R({sections:[{children:[d]}]},t).forEach(u=>a(u))}}}return e}function Y(i){let t=g(i);return Object.keys(t.variables||{}).forEach(e=>{R(t,e).length===0&&delete t.variables?.[e]}),t}function mt(i,t){let e=g(t),s=L(e,i);if(s){let a=P(s,e);if(a){let{column:o,index:n}=a;o.children?.splice(n,1)}e=Y(e)}return e}var k=class extends M{constructor(){super(),this._messages=T({blocking:!0}),this.#t=G({context:J}),this._isNodeDirty=!1,this._layoutRef=$(),this._layoutNodeEditorRef=$(),this._handleExitEditMode=async t=>{t.stopPropagation(),this.arcgisHubLayoutEditorExit.emit()},this._handlePublishLayout=async t=>{t.stopPropagation(),this.arcgisHubLayoutPublished.emit({layout:this._layout,successCallback:()=>{this._isLayoutDirty=!1}})},this._resetLayout=async t=>{t.stopPropagation(),this._isConfirmResetDialogOpen=!0,this.hubTelemetry.emit(b.dictionary.category.interaction.action.open.label.modal.details.resetToDefault)},this._confirmResetLayout=()=>{this._hideConfirmResetDialog(),this.arcgisHubLayoutReset.emit({successCallback:()=>{this._isLayoutDirty=!0,this.hubTelemetry.emit(b.dictionary.category.interaction.action.select.label.layout.details.default)}})},this._handleCloseEditPanel=async()=>{if(this._isNodeDirty&&!this._isLayoutValid){if(!window.confirm(this._messages.invalidDirtyStateMessage))return;await this._updateLayoutNode(this._nodeBeforeEdit.id,"properties",this._nodeBeforeEdit.properties,void 0,!0)}this._isEditPanelOpen=!1,this._nodeBeforeEdit=void 0,this.hubTelemetry.emit({...b.dictionary.category.interaction.action.close.label.sidePanel,details:this._layoutNodeEditorConfig?.layoutNodeConfig?.name||"unknown"})},this._setlayoutNodeEditorRef=async t=>{await this.updateComplete,await new Promise(e=>setTimeout(e,100)),this.#t.setValue({...this._layoutContext,layoutNodeEditorRef:t})},this._isConfirmResetDialogOpen=!1,this._liveAnnouncement=void 0,this._layoutErrors=[],this._historyStack=[],this._historyIdx=-1,this._isLayoutDirty=!1,this._isLayoutValid=!0,this._isEditPanelOpen=!1,this.debug=!1,this.isEditMode=!1,this.isPublishing=!1,this.options={},this.arcgisHubLayoutChanged=v(),this.arcgisHubLayoutEditorExit=v(),this.arcgisHubLayoutPublished=v(),this.arcgisHubLayoutReset=v(),this.hubTelemetry=v(),this.listen("arcgisLayoutActivateNode",t=>{this._handleNodeActivate(t)}),this.listen("arcgisLayoutDeactivateNode",t=>{this._handleNodeDeactivate(t)}),this.listen("arcgisLayoutNodeChange",async t=>{await this._handleLayoutNodeEditorChange(t)}),this.listen("arcgisLayoutNodeVisibilityChange",async t=>{await this._handleLayoutNodeVisibilityChange(t)}),this.listen("arcgisLayoutNodeEditorOpen",t=>{this._handleLayoutNodeEditorOpen(t)}),this.listen("arcgisLayoutAddNode",async t=>{await this._handleLayoutAddNode(t)}),this.listen("arcgisLayoutNodeReposition",async t=>{await this._handleLayoutRepositionNode(t)}),this.listen("arcgisLayoutDeleteNode",async t=>await this._handleLayoutDeleteNode(t)),this.listenOn(window,"resize",this._initShell)}static{this.properties={_isConfirmResetDialogOpen:16,_liveAnnouncement:16,_processedLayout:16,_layoutErrors:16,_activatedNode:16,_layoutNodeEditorConfig:16,_historyStack:16,_historyIdx:16,_isLayoutDirty:16,_isLayoutValid:16,_isEditPanelOpen:16,layout:0,debug:7,isEditMode:7,isPublishing:5,options:0}}static{this.shadowRootOptions=D}static{this.styles=it}get _context(){return H()}get _layoutContext(){return{assetPath:I("assets/layout-container/"),messages:this._messages,layout:this._processedLayout,layoutNodeEditorRef:this.#t.value?.layoutNodeEditorRef,isLayoutValid:this._isLayoutValid,options:this.options}}#t;loaded(){this._initShell()}willUpdate(t){(t.has("layout")||t.has("options"))&&this._init(),this.hasUpdated&&t.has("isEditMode")&&(this._activatedNode=void 0,this._layoutNodeEditorConfig=void 0,this.updateEditModeAnnouncement(),this.isEditMode&&pt(this._layoutRef.value,"arcgis-hub-gallery, arcgis-hub-image").forEach(e=>{e.lazy=!1})),(!this.hasUpdated||t.has("_processedLayout")||t.has("_isLayoutValid"))&&this.#t.setValue(this._layoutContext)}_hideConfirmResetDialog(){this._isConfirmResetDialogOpen=!1}async _initShell(){let t=this.el;t.style.setProperty("--offset-top",`${t.offsetTop}px`)}async _init(){let t=await dt(this.layout);this._layout=g(t),this._processedLayout=await this._validateAndProcess(this._layout,this.options),this._historyStack=[this._processedLayout],this._historyIdx=0}async getUpdateComplete(){let t=await super.getUpdateComplete();return await this._layoutRef.value?.updateComplete,await new Promise(e=>setTimeout(e,150)),t}async updateEditModeAnnouncement(){this._liveAnnouncement="";let t=this.isEditMode?this._messages.editModeActivatedLiveRegion:this._messages.editModeDeactivatedLiveRegion;await this.updateComplete,this._liveAnnouncement=t}async _updateLayoutNode(t,e,s,a,o,n){let r=g(this._layout),d=L(r,t);d&&(z(e,s,d),a&&(r.variables={...r.variables,...a}),r=Y(r),this._layout=r,this._processedLayout=await this._validateAndProcess(r,this.options),this._activatedNode=L(this._processedLayout,t),this._historyIdx<this._historyStack.length-1&&(this._historyStack=this._historyStack.slice(0,this._historyIdx+1)),this._historyStack.push(this._processedLayout),this._historyIdx=this._historyStack.length-1,this._isLayoutValid=o,this._isNodeDirty=!0,this._isLayoutDirty=!0,n&&n())}_handleNodeActivate(t){let{node:e}=t.detail;this._activatedNode=e}_handleNodeDeactivate(t){t.detail.node.id===this._activatedNode?.id&&(this._activatedNode=void 0)}async _handleLayoutNodeEditorChange(t){let{layoutNodeConfig:e,id:s,values:a,valid:o}=t.detail,n=L(this._layout,s);if(n){let r=(j(e,"editor.valuesOutCallback")||(l=>l))(a,{nodeId:s,valid:o}),d=r.variables;delete r.variables;let u=n.properties||{};n.properties=q(u,r),await this._updateLayoutNode(s,"properties",n.properties,d,o,()=>{this.arcgisHubLayoutChanged.emit()})}}async _handleLayoutNodeVisibilityChange(t){let{id:e}=t.detail,s=L(this._layout,e);s&&(s.visibility||(s.visibility={kind:"static",isHidden:!1}),s.visibility.kind==="static"&&await this._updateLayoutNode(e,"visibility",{...s.visibility,isHidden:!s.visibility.isHidden},void 0,!0,()=>{this.arcgisHubLayoutChanged.emit()}))}async _validateAndProcess(t,e){let s=ot(t);return this._layoutErrors=s,s.length>0&&!this.debug&&_.error("Layout validation errors:",s),await F(t,{...e},this._context)}_handleLayoutNodeEditorOpen(t){let{node:e,element:s}=t.detail;this.openLayoutNodeEditor(s,e)}openLayoutNodeEditor(t,e){this._isEditPanelOpen=!0;let s=K(t.tagName.toLowerCase(),this._layoutContext,this._context);s&&(s=Q(this._messages,s)),this._layoutNodeEditorConfig={layoutNodeConfig:g(s),layoutNode:g(e)},this._nodeBeforeEdit=g(this._activatedNode)}async _handleLayoutAddNode(t){_.debug("Add node event:",t.detail.config.tag);let e=g(this._layout),{column:s,index:a}=P(t.detail.adjacentNode,e);_.debug("Found column and index:",s,a);let o={id:U(),tag:t.detail.config.tag,properties:t.detail.config.defaults};s.children?.splice(a+1,0,o),this._layout=e,this._processedLayout=await this._validateAndProcess(e,this.options),await this.updateComplete,this._activatedNode=o;let n=await this._layoutRef.value?.getCardEl(o.id);this.openLayoutNodeEditor(n,this._activatedNode),this._historyIdx<this._historyStack.length-1&&(this._historyStack=this._historyStack.slice(0,this._historyIdx+1)),this._historyStack.push(this._processedLayout),this._historyIdx=this._historyStack.length-1,this._isLayoutDirty=!0,this.arcgisHubLayoutChanged.emit(),this.hubTelemetry.emit({...b.dictionary.category.interaction.action.select.label.layoutNode,details:t.detail.config.name})}async _handleLayoutRepositionNode(t){_.debug("Reposition node event:",t.detail.node.id,t.detail.direction),this._activatedNode=void 0,t.detail.direction==="up"?(_.debug("Moving node up..."),this._layout=yt(t.detail.node,this._layout)):(_.debug("Moving node down..."),this._layout=gt(t.detail.node,this._layout)),this._processedLayout=await this._validateAndProcess(this._layout,this.options),await this.updateComplete,this._activatedNode=t.detail.node,(await this._layoutRef.value?.getCardEl(t.detail.node.id))?.scrollIntoView({behavior:"smooth",block:"nearest"}),this._historyIdx<this._historyStack.length-1&&(this._historyStack=this._historyStack.slice(0,this._historyIdx+1)),this._historyStack.push(this._processedLayout),this._historyIdx=this._historyStack.length-1,this._isLayoutDirty=!0,this.arcgisHubLayoutChanged.emit()}async _handleLayoutDeleteNode(t){_.debug("Delete node event:",t.detail.id);let{id:e}=t.detail,s=mt(e,this._layout);this._layout=s,this._processedLayout=await this._validateAndProcess(s,this.options),this._activatedNode=void 0,this._handleCloseEditPanel(),this._historyIdx<this._historyStack.length-1&&(this._historyStack=this._historyStack.slice(0,this._historyIdx+1)),this._historyStack.push(this._processedLayout),this._historyIdx=this._historyStack.length-1,this._isLayoutDirty=!0,this.arcgisHubLayoutChanged.emit()}renderEditToolbar(){let t;return this.isEditMode&&(t=f`<arcgis-layout-editor-toolbar .exitEditMode=${this._handleExitEditMode} .isLayoutDirty=${this._isLayoutDirty} .isLayoutValid=${this._isLayoutValid} .isPublishing=${this.isPublishing} .publishLayout=${this._handlePublishLayout} .resetLayout=${this._resetLayout} slot=header></arcgis-layout-editor-toolbar>`),t}renderEditor(){let t;if(this.isEditMode){let e=this._layoutNodeEditorConfig;t=f`<calcite-shell-panel .collapsed=${!this._isEditPanelOpen} position=end slot=panel-end><calcite-panel .heading=${B(e||{},"layoutNodeConfig.i18n.label",this._messages.configurableNodes.default.label)} id=editor-panel ${C(this._setlayoutNodeEditorRef)}>${e?.layoutNodeConfig?.editor&&f`<calcite-action class="panel-close" icon=x @click=${this._handleCloseEditPanel} slot=header-actions-end .text=${this._messages.close}></calcite-action>${w(e.layoutNode.id,f`<arcgis-layout-node-editor .layoutNodeConfig=${e.layoutNodeConfig} .node=${e.layoutNode}></arcgis-layout-node-editor>`)}`||""}</calcite-panel></calcite-shell-panel>`}return t}renderConfirmResetDialog(){return f`<calcite-dialog .heading=${this._messages.resetLayout.heading} modal @calciteDialogClose=${this._hideConfirmResetDialog} .open=${this._isConfirmResetDialogOpen} scale=s slot=dialogs><div>${this._messages.resetLayout.message}</div><calcite-button appearance=outline @click=${this._hideConfirmResetDialog} round slot=footer-end>${this._messages.resetLayout.cancelButton}</calcite-button><calcite-button @click=${this._confirmResetLayout} round slot=footer-end>${this._messages.resetLayout.confirmButton}</calcite-button></calcite-dialog>`}render(){return f`<calcite-shell>${w("aria-live-region",f`<div aria-atomic=true aria-live=polite id=arcgis-layout-container-edit-mode-live-region>${this._liveAnnouncement}</div>`)}${this.renderEditToolbar()}${this.renderEditor()}<arcgis-layout .activatedNode=${this._activatedNode} .debug=${this.debug} .isEditMode=${this.isEditMode} .layout=${this._processedLayout} .options=${this.options} ${C(this._layoutRef)}></arcgis-layout>${this.renderConfirmResetDialog()}</calcite-shell>`}};O("arcgis-layout-container",k);return k},a,b,c,d)

package/dist/cdn/G3DW5HI6.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/0.37/LICENSE.txt */
-import{a as f}from"./YHO7A5RX.js";import{a as $,b as N,c as x}from"./DIAOUTLA.js";import{b,c as y}from"./DEVEFEZB.js";import j from"./XX3BCLUI.js";import g from"./MAKNOF2E.js";import{b as l,c as m}from"./W5FA4IWP.js";import"./ALUW2GDJ.js";import"./DCLYV35L.js";import"./SDXNFZ6Q.js";import"./XLV625TR.js";import"./NFD3QJ6J.js";import"./Q4GV7FFJ.js";import"./HWUCFNAD.js";import"./LLGS7DKU.js";import"./TO5XR7VA.js";import"./DJ3H7LZE.js";import"./PJFE4OSA.js";import"./25TYOHZS.js";import"./XZDHV5BV.js";import"./L6IQ6LTS.js";import"./DCXY72PD.js";import"./YBDFIKTN.js";import"./QA5B2Y37.js";import"./HUVYHMSC.js";import"./FY3KPATI.js";import"./DH2QF3YA.js";import"./UOAJQR2X.js";import"./PM6CSPJD.js";import"./JG22JJ4C.js";import"./6M5DP7YF.js";import"./HM2SQ34E.js";import"./HF75SET4.js";import"./O247GUBF.js";import"./EIMMNTTE.js";import"./YMX7NNEY.js";import"./M5TH54YS.js";import"./HH5PXKUQ.js";import"./WL6CGZLR.js";import"./K4VVZ2OR.js";import"./THLIDOGM.js";import"./FZNKGW4A.js";import"./LK454DSU.js";import"./AYFB34A7.js";import"./53V23CCM.js";import"./SNSHV52T.js";import"./HITR5JF7.js";import"./E2RL5I2B.js";import"./4ZRQCNU2.js";import"./YLRR2XFD.js";import"./LEVMADAS.js";import"./U7SPPU37.js";import"./JSOZV4HA.js";import"./VXJI546E.js";import"./ZQPTNYU6.js";import"./UCUSWPVC.js";import"./HTYDCXX6.js";import"./LDJN5446.js";import"./6LDEVQEO.js";import"./ZUFDLSS7.js";import"./2NJPYBHN.js";import"./635V3Q2N.js";import"./3MGFA2AN.js";import"./2WQEISGF.js";import"./CBIG4EMI.js";import"./IXINH2FU.js";import"./UJKN7G7W.js";import"./K3HMF5GC.js";import"./NPWIO5CS.js";import"./B6CP7FIT.js";import"./XP6ZXTST.js";import"./ZVGAVULD.js";import"./V3U3RRL7.js";import"./LVCMKKG7.js";import"./UTQMJRMF.js";import"./AEPE3IDB.js";import"./UR5INQGU.js";import"./HV466M4A.js";import"./GJINUBO7.js";import"./5GNQYAFV.js";import"./BHYFMWFH.js";import"./47ZOSUE6.js";import"./JI5AIZ2W.js";import"./SVAOM6PB.js";import"./WTJOWA2D.js";import"./II3OUQDN.js";import{a as E}from"./GSGLH4CM.js";import"./6VA6IJMP.js";import{a as v}from"./L3H4QXUA.js";import{B as u,C as c,F as s,H as p,a as h,b as i,m as a}from"./RIMWN7PN.js";import"./BMRPHSYL.js";import"./FMBEHWFY.js";import"./3WN3ZWUP.js";import"./AM4QVJ44.js";import"./GVF26EON.js";import"./K672BF4Z.js";import"./HSFPILSC.js";import"./2W2UGJLH.js";import"./XI72UBIK.js";import"./H3CSIYXV.js";import"./46NFE3O2.js";import"./MUN2QI43.js";import"./U2H7HOIC.js";import"./IEDSJLNB.js";import"./NR4ANSZX.js";import"./I3LGHXIN.js";import"./S2TL4ARK.js";import"./WBUC7HJI.js";import"./SD326B2E.js";import"./HZHPBMYE.js";import"./MYXIS5RQ.js";import"./PWESAKVV.js";import e from"./K5O2OVOP.js";import"./Y7N6UKCC.js";import"./H2V2RZ6M.js";import"./CU2TSBCT.js";import"./OQOFL4GS.js";import"./KUB4GMLQ.js";import"./FDDXGLRF.js";import"./RGKBSVQD.js";import"./FZ7ZK37I.js";import"./FLC2JTMP.js";import"./RL2IUUBA.js";import"./4QEFMWHF.js";import"./J2P53GWU.js";import d from"./BU6RNCBS.js";import"./ZM3EAORZ.js";import"./YCEXTCZD.js";import"./5V53QYYF.js";import"./A36IL72A.js";import"./P7D42LBQ.js";import"./ZFP6AZG7.js";import"./NE7SMAEP.js";import"./2B6D4MGZ.js";import"./HEPYE6RX.js";import"./7GTUV67W.js";import"./USNX342T.js";import"./DKMYTCOT.js";import{c as w}from"./IONZ3SDQ.js";export default $arcgis.t(([,,,{a:g}])=>{var _=w(E(),1);var C=h`#card-label{position:fixed;position-anchor:--highlight-anchor;inset-block-end:calc(anchor(top) + 3px);inset-inline-start:calc(anchor(left) - 3px);background-color:#fff;border:solid 1px var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius);font-size:var(--calcite-font-size--2);line-height:var(--calcite-font-line-height-fixed-sm);font-weight:var(--calcite-font-weight-normal);padding-inline:var(--calcite-spacing-sm);padding-block:var(--calcite-spacing-sm);color:var(--calcite-color-text-3);box-shadow:0 0 16px #00000029}#aria-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#overlay{position:absolute;position-anchor:--highlight-anchor;position-area:center;width:anchor-size(width);height:anchor-size(height);display:flex;justify-content:center;align-items:center}#overlay.hidden{background-color:#fff6;outline:1.5px dashed var(--calcite-color-border-1);calcite-chip{opacity:1}}#add-button{position:fixed;position-anchor:--highlight-anchor;justify-self:anchor-center;inset-block-start:calc(anchor(bottom) - 15px);z-index:2}.slot-container{display:flex;flex:1;min-width:0;anchor-name:--highlight-anchor}:host{--calcite-popover-border-color: #dedede;--calcite-popover-corner-radius: 4px;#card-label,calcite-button{opacity:0}display:flex}::slotted(*){flex:1;min-width:0}#overlay:focus-visible{outline:none}:host([is-edit-mode]):has(.is-focused){#card-label{opacity:1}}:host([is-edit-mode]:not([activated],[has-nav-card]):hover),:host([is-edit-mode]:not([activated],[has-nav-card]):focus){--calcite-internal-color-focus: var(--calcite-color-brand);cursor:pointer;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-width:var(--calcite-border-width-sm);#card-label,calcite-button{opacity:1}}:host([is-edit-mode][activated]:not([has-nav-card])){--calcite-internal-color-focus: var(--calcite-color-brand-hover);cursor:pointer;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-width:var(--calcite-border-width-md)}.popover-content{max-height:19.3rem;overflow-y:auto;border-radius:var(--calcite-popover-corner-radius)}calcite-list-item{--calcite-list-border-color: transparent}`;function L(d={},e){let t=$(d);return Object.values(t).filter(o=>!o.hideAdd)}var n=class extends u{constructor(){super(),this.#e=b({context:y}),this.isPopoverOpen=!1,this.isFocused=!1,this.isEditMode=!1,this.arcgisLayoutActivateNode=a(),this.arcgisLayoutAddNode=a(),this.hubTelemetry=a(),this.listen("calcitePopoverBeforeOpen",this.loadConfig),this.listen("calcitePopoverOpen",e=>{this.isPopoverOpen=!0}),this.listen("calcitePopoverClose",e=>{this.isPopoverOpen=!1}),this.listen("arcgisLayoutNodeFocus",this._handleNodeFocus)}static{this.properties={layoutElement:16,config:16,isPopoverOpen:16,isFocused:16,node:0,activatedNode:0,isEditMode:7}}static{this.styles=C}#e;get _messages(){return this.#e.value.messages}get _layoutNodeConfig(){if(!this.layoutElement||!this.node)return;let e=N(this.layoutElement.tagName.toLowerCase(),this.#e.value,this._context);return e&&(e=x(this._messages,e)),m(e)}get ariaCardDescription(){let e="";if(this.layoutElement){let t=this.layoutElement.ariaCardDescription;t?e=t:this.layoutElement.shadowRoot?e=this.layoutElement.shadowRoot.textContent||"":e=this.layoutElement.textContent||""}return e}get isNodeVisible(){let e=!0;return this.isEditMode&&!f(this.node)&&(e=!1),e}get _context(){return g()}updated(e){(e.has("activatedNode")||e.has("node"))&&(this.node?.id===this.activatedNode?.id?this.el.setAttribute("activated","true"):this.el.removeAttribute("activated")),e.has("node")&&(this.node?.tag==="arcgis-nav-card"?this.el.setAttribute("has-nav-card","true"):this.el.removeAttribute("has-nav-card"))}_handleSlotChange(e){this.layoutElement=v(e)[0]}_handlePopoverOpen(){this.hubTelemetry.emit(_.dictionary.category.interaction.action.open.label.dialog.details.addLayoutNode)}loadConfig(){this.config||(this.config=L(this.#e.value,this._context))}_handleNodeFocus(e){this.isFocused=e.detail}_handleNodeClick(e){e.stopPropagation(),e.preventDefault(),this.node&&this.arcgisLayoutActivateNode.emit({node:this.node})}_handleNodeKeyDown(e){(e.key==="Enter"||e.key===" ")&&this._handleNodeClick(e)}async _handleListItemSelect(e){let t=e.target.dataset.tag,o=this.config?.find(r=>r.tag===t);if(this.node&&o){let r={adjacentNode:this.node,position:"after",config:o};this.arcgisLayoutAddNode.emit(r)}this.isPopoverOpen=!1}renderLabel(){let e;if(this.isEditMode&&this.node){let t=l(this._layoutNodeConfig??{},"i18n.label",this._messages.configurableNodes.default.label);e=i`<span id=card-label aria-hidden=true>${t}</span>`}return e}renderOverlay(){let e;if(this.isEditMode&&this.node&&this.node.tag!=="arcgis-nav-card"){let t=this._messages.layoutNodeHidden,o=l(this._layoutNodeConfig??{},"i18n.ariaLabel",this._messages.configurableNodes.default.ariaLabel);e=i`<div aria-describedby=aria-description aria-label=${o??s} id=overlay class=${c({hidden:!this.isNodeVisible})} @click=${this._handleNodeClick} @keydown=${this._handleNodeKeyDown} role=button tabindex=0><span id=aria-description>${this.ariaCardDescription}</span>${this.isNodeVisible?null:i`<calcite-chip appearance=solid icon=view-hide .label=${t}>${t}</calcite-chip>`}</div>`}return e}renderNodeControls(){let e;return this.isEditMode&&this.node&&(e=i`<arcgis-layout-node-controls .activatedNode=${this.activatedNode} .isEditMode=${this.isEditMode} .isLayoutValid=${this.#e.value.isLayoutValid} .layout=${this.#e.value.layout} .layoutNodeConfig=${this._layoutNodeConfig} .messages=${this._messages} .node=${this.node} .layoutElement=${this.layoutElement} style="position: absolute;"></arcgis-layout-node-controls>`),e}renderAddButton(){let e;return this.isEditMode&&this.node&&this.node.tag!=="arcgis-nav-card"&&(e=i`<calcite-button icon-start=plus id=add-button .label=${this._messages.addButtonLabel} round></calcite-button>`),e}renderAddPopover(){let e;return this.isEditMode&&this.node&&this.node.tag!=="arcgis-nav-card"&&(e=i`<calcite-popover auto-close .heading=${this._messages.addElementPopoverHeading} .label=${this._messages.addElementPopoverLabel} @calcitePopoverOpen=${this._handlePopoverOpen} .open=${this.isPopoverOpen} reference-element=add-button top-layer-disabled><div class="popover-content"><calcite-list .label=${this._messages.addElementListLabel}>${this.config?.map(t=>i`<calcite-list-item data-tag=${t.tag??s} .disabled=${t.disableAdd} icon-start=${t.icon??s} .label=${t.i18n.label} @calciteListItemSelect=${this._handleListItemSelect}></calcite-list-item>`)}</calcite-list></div></calcite-popover>`),e}render(){return i`${this.renderLabel()}<div class=${c({"slot-container":!0,"is-focused":this.isFocused})}><slot @slotchange=${this._handleSlotChange}></slot></div>${this.renderOverlay()}${this.renderAddButton()}${this.renderAddPopover()}${this.renderNodeControls()}`}};p("arcgis-layout-node-wrapper",n);return n},d,e,g,j)

package/dist/cdn/MTV6GBRX.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/0.37/LICENSE.txt */
-import{a as y}from"./YHO7A5RX.js";import{a as l}from"./LNVYZ53G.js";import"./X5GRVXSY.js";import{b as m,c as b}from"./DEVEFEZB.js";import{a as s,b as o}from"./W5FA4IWP.js";import{a as C}from"./GSGLH4CM.js";import"./6VA6IJMP.js";import{B as p,H as g,a as c,b as u,m as i,o as h}from"./RIMWN7PN.js";import"./BMRPHSYL.js";import{c as N}from"./IONZ3SDQ.js";var a=N(C(),1);var v=c`@layer{layout-node-controls{position:absolute}layout-node-controls .delete-popover-content{padding:0 1rem 1rem;margin:0}}`,n=class extends p{constructor(){super(),this.#t=m({context:b,subscribe:!0}),this.isEditMode=!1,this.isLayoutValid=!0,this.arcgisLayoutDeactivateNode=i(),this.arcgisLayoutDeleteNode=i(),this.arcgisLayoutNodeEditorOpen=i(),this.arcgisLayoutNodeReposition=i(),this.arcgisLayoutNodeVisibilityChange=i(),this.hubTelemetry=i(),this.listen("calcitePopoverOpen",t=>{t.stopPropagation()}),this.listen("calcitePopoverClose",t=>{t.stopPropagation(),this.arcgisLayoutDeactivateNode.emit({node:this.node})})}static{this.properties={isEditMode:5,isLayoutValid:5,node:0,activatedNode:0,layoutElement:0,messages:0,layoutNodeConfig:0}}static{this.styles=v}static{this.shadowRootOptions=h}#t;get#e(){let t=this.layoutNodeConfig?this.layoutNodeConfig.disableMove:!1,e=!1;return this.node&&this.layout&&(e=!!l(this.node,this.layout)?.isFirstInColumn),!t&&!e}get#o(){let t=this.layoutNodeConfig?this.layoutNodeConfig.disableMove:!1,e=!1;return this.node&&this.layout&&(e=!!l(this.node,this.layout)?.isLastInColumn),!t&&!e}get _isNodeVisible(){return y(this.node)}get layoutNodeEditorRef(){return this.#t.value.layoutNodeEditorRef}get layout(){return this.#t.value.layout}get moveUpTooltipText(){let t="";return this.#e||(t=this.messages.layoutNodeControls.repositionUpDisabledTooltip),t}get moveDownTooltipText(){let t="";return this.#o||(t=this.messages.layoutNodeControls.repositionDownDisabledTooltip),t}get deleteTooltipText(){let t="";return this.layoutNodeConfig?.disableDelete?t=this.messages.layoutNodeControls.deletePremiumOnlyTooltip:this.node?.readOnly&&(t=this.messages.layoutNodeControls.readOnlyTooltip),t}_onOpenEditorButtonClick(){this.arcgisLayoutNodeEditorOpen.emit({node:this.node,element:this.layoutElement}),this.hubTelemetry.emit({...a.dictionary.category.interaction.action.open.label.sidePanel,details:this.layoutNodeConfig.name})}_onToggleVisibilityClick(){this.arcgisLayoutNodeVisibilityChange.emit({id:this.node.id,valid:!0,layoutNodeConfig:this.layoutNodeConfig});let t=this._isNodeVisible?"disable":"enable";this.hubTelemetry.emit({...a.dictionary.category.interaction.action[t].label.visibility,details:this.layoutNodeConfig.name})}_onMoveUpButtonClick(){this.arcgisLayoutNodeReposition.emit({node:this.node,direction:"up"})}_onMoveDownButtonClick(){this.arcgisLayoutNodeReposition.emit({node:this.node,direction:"down"})}_onDeleteButtonClick(){this.hubTelemetry.emit({...a.dictionary.category.interaction.action.open.label.popover,details:`Delete ${this.layoutNodeConfig.name}`})}_onDeleteConfirmButtonClick(){this.arcgisLayoutDeleteNode.emit({id:this.node.id}),this.hubTelemetry.emit({...a.dictionary.category.content.action.delete.label.layoutNode,details:this.layoutNodeConfig.name})}renderControls(){let t,e=this.layoutNodeConfig;if(this.isEditMode&&this.node&&e&&this.layoutElement){let f=this.messages.layoutNodeControls.a11yLabel||"",d="overlay";this.node.tag==="arcgis-nav-card"&&(d=this.layoutElement.querySelector("calcite-tab-nav"));let r=this.layoutNodeEditorRef?{initialFocus:this.layoutNodeEditorRef,extraContainers:[this.layoutNodeEditorRef]}:void 0;t=u`<calcite-popover .focusTrapOptions=${r} offset-distance=1 offset-skidding=-4 .label=${f} .open=${this.node.id===this.activatedNode?.id} overlay-positioning=fixed placement=top-start pointer-disabled .referenceElement=${d} top-layer-disabled trigger-disabled><calcite-action-bar expand-disabled floating layout=horizontal overflow-actions-disabled overlay-positioning=absolute><calcite-action-group><calcite-action .text=${o(e,"i18n.label",this.messages.configurableNodes.default.label)} text-enabled></calcite-action></calcite-action-group><calcite-action-group><calcite-action .disabled=${e.disableAdjustVisibility} .icon=${this._isNodeVisible?"view-visible":"view-hide"} @click=${this._onToggleVisibilityClick} .text=${this._isNodeVisible?o(e,"i18n.hideLabel",this.messages.configurableNodes.default.hide):o(e,"i18n.showLabel",this.messages.configurableNodes.default.show)}></calcite-action><arcgis-ref-tooltip .text=${this.moveUpTooltipText}><calcite-action .disabled=${!this.#e} icon=arrow-up @click=${this._onMoveUpButtonClick} .text=${o(e,"i18n.repositionUpLabel",this.messages.configurableNodes.default.up)}></calcite-action></arcgis-ref-tooltip><arcgis-ref-tooltip .text=${this.moveDownTooltipText}><calcite-action .disabled=${!this.#o} icon=arrow-down @click=${this._onMoveDownButtonClick} .text=${o(e,"i18n.repositionDownLabel",this.messages.configurableNodes.default.down)}></calcite-action></arcgis-ref-tooltip><arcgis-ref-tooltip .text=${this.node.readOnly?"Metadata must be updated in the workspace":""}><calcite-action .disabled=${this.node.readOnly||e.disableEdit||!this.isLayoutValid} icon=pencil @click=${this._onOpenEditorButtonClick} .text=${o(e,"i18n.edit",this.messages.configurableNodes.default.edit)}></calcite-action></arcgis-ref-tooltip><arcgis-ref-tooltip .text=${this.deleteTooltipText}><calcite-action .disabled=${this.node.readOnly||e.disableDelete} icon=trash id=delete-button @click=${this._onDeleteButtonClick} .text=${o(e,"i18n.delete",this.messages.configurableNodes.default.delete)}></calcite-action></arcgis-ref-tooltip><calcite-popover .focusTrapOptions=${r} .heading=${s(this.messages,"layoutNodeControls.deletePopover.heading")} .label=${s(this.messages,"layoutNodeControls.deletePopover.heading")} offset-distance=2 overlay-positioning=fixed placement=bottom-start pointer-disabled reference-element=delete-button><div class="delete-popover-content"><p>${s(this.messages,"layoutNodeControls.deletePopover.body")}</p><calcite-button alignment=center appearance=outline-fill kind=danger @click=${this._onDeleteConfirmButtonClick} round width=full>${s(this.messages,"layoutNodeControls.deletePopover.button")}</calcite-button></div></calcite-popover></calcite-action-group></calcite-action-bar></calcite-popover>`}return t}render(){return this.renderControls()}};g("arcgis-layout-node-controls",n);export{n as ArcgisLayoutNodeControls};