Latest Contributions by ReneRubalcava

The reactiveUtils only work against the SDK classes, not native objects and arrays, so we can't watch for changes on `globalThis`. The root object in the watchExpression needs to be an SDK class.

‎04-24-2026

Maybe it's a settings somewhere. I used our create CLI to make this angular app and I can get the ready state. Here is a github repo, maybe something in the angular.json can help? I'm not an Angular expert, so can't say for sure. https://github.com/odoe/arcgis-angular-lifecycle/blob/main/src/app/app.html

‎04-21-2026

As Anne mentioned, if you can provide feedback on what your level of customization is, that would help us with our planned work. On knowing when things are done, it gets a little tricky component to component. componentOnReady promise lets you know the component has been initialized and rendered once, fully loaded. This doesn't mean it's done loading though. A component like TimeSlider is still gathering info from the layers and map and could update again. It's useful to know when default values are assigned or when you can use methods on a component. arcgisReady event lets you know that the component has a reference to the underlying view rendering the map. Meaning it can now communicate with the map. But again, it doesn't mean that the component is done working and could update its UI. One option is to listen for the arcgisPropertyChange event and check for when the state property changes to ready. You can try this to see if it has done rendering with all the data that it needs. timeSlider.addEventListener("arcgisPropertyChange", (event) => { // Check for state change if (event.detail.name === "state") { console.log("Property change name: ", event.detail.name); console.log("Property change value: ", event.target[event.detail.name]); // if state is "ready", try checking for UI changes } }); Demo: https://codepen.io/odoe/pen/NPRVxzO?editors=1000

‎03-10-2026

This will depend on how you are building your app. They key is to set this up before the map-components load or added to the DOM. One good way is to set them on the global esriConfig object. https://codepen.io/odoe/pen/LYaveKr <head> <script> // use the global esriConfig variable to initialize properties var esriConfig = { // No map will load with fake portal portalUrl: "https://myHostName.esri.com/arcgis" }; </script> <script type="module" src="https://js.arcgis.com/5.0/"></script> </head> <body> <arcgis-map item-id="d5dda743788a4b0688fe48f43ae7beb9"> <arcgis-expand slot="top-right"> <arcgis-search></arcgis-search> </arcgis-expand> <arcgis-legend slot="bottom-left"></arcgis-legend> </arcgis-map> </body> You can also use a script tag in the <head> to set this up. Then you can write your app code in a script tag in the last element of the body. https://developers.arcgis.com/javascript/latest/programming-patterns/#set-the-portalurl-in-a-cdn-application Another way is to create the WebMap yourself and assign it to the map component. https://developers.arcgis.com/javascript/latest/programming-patterns/#using-webmap-or-webscene https://developers.arcgis.com/javascript/latest/programming-patterns/#set-the-portalurl-in-an-esm-application

‎03-05-2026

The equivalent to manual would be the default slot, basically don't name a slot and it goes into the default location. https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#slot-default Here's a demo: https://codepen.io/odoe/pen/ZYpWjXQ?editors=1000

‎03-03-2026

You hit the nail on the head with the casting. This is how you can get the action typings you are looking for. We can look at this further and see if we can infer this in a future release, but that is the current solution.

‎02-27-2026

This might be related the webpack build. When looking at what is shipped in npm, the `,:` syntax is not there. https://www.npmjs.com/package/@arcgis/core?activeTab=code

‎01-13-2026

I have not used this (and haven't seen it mentioned before), but looks interesting. I can try and take a crack at it though. Seems to simplify some regex I would probably would have done, lol.

‎12-31-2025

You should be able to accomplish this with CIMSymbol. Here is an older blog post that walks through the process of converting SVG to CIM using the CIMSymbolBuilder. https://www.esri.com/arcgis-blog/products/js-api-arcgis/developers/upload-symbols-from-svg-in-the-updated-cim-symbol-builder CIMSymbolBuilder Samples

‎12-26-2025

Do you have a sample on how you are taking the screenshot? I'm guessing you are writing your own screenshot code or using a third-party lib? The takeScreenshot method doesn't include UI elements.

‎12-09-2025

This is a current limitation of the Popup widget in map-components. We do have a beta Popup component you can try in some cases (does not work with Search component yet). https://developers.arcgis.com/javascript/latest/release-notes/#popup-component-beta I did a video recently on the Popup component

‎11-20-2025

This is the current behavior that we are looking to fix in 5.0. If you want to try the beta Popup component, it will show up above other components, except the Popup opened by search, that is still the widget Popup. https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-popup/

‎11-19-2025

Ah, I see. Yeah, the legend needs to wait for the map to load before it hydrates all children components. In this case, it's more appropriate to wait for mapElement.viewOnReady() or listen for the map elements arcgisViewReadyChange event. The components arcgisReady event just let's you know it now has a view, not that the view is ready.

‎11-17-2025

See this answer here: https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/componentonready-of-legend-map-componenet-was-not/m-p/1666543/highlight/true#M87887 You can review the components patterns guide for more assistance. https://developers.arcgis.com/javascript/latest/programming-patterns/

‎11-17-2025

With components, you should not be adding elements to the `view.ui`. You can add them directly to the map component. In 4.33, you can use the placement component to help with this. let arcgisMap = document.querySelector('arcgis-map'); let infoPanel = document.createElement('DIV'); let widget = document.createElement('arcgis-search'); let placement = document.createElement('arcgis-placement'); placement.position = "top-right"; infoPanel.className = 'infoPanel border'; infoPanel.innerHTML = 'Info Panel'; infoPanel.style.borderWidth = '1px'; infoPanel.style.borderColor = 'blue'; infoPanel.style.borderStyle = 'solid'; infoPanel.appendChild(widget); placement.appendChild(infoPanel); arcgisMap.appendChild(placement); https://codepen.io/odoe/pen/YPqVQOp?editors=1001 In 4.34, you can set the `infoPanel.slot ="top-right"` and `arcgisMap.appendChild(infoPanel)`

Online Status	Offline
Date Last Visited	yesterday

My Ideas

Latest Contributions by ReneRubalcava

Re: Trouble Using Reactive Utils On Initially Undefined Variable

Re: Custom Component Shadow DOM not fully loaded on "componentOnReady" promise / "arcgisReady" event

Re: Custom Component Shadow DOM not fully loaded on "componentOnReady" promise / "arcgisReady" event

Re: ArcGIS JS API Map-Componets: Load-Portal-Item not using correct PortalUrl or ProxyUrl

Re: Custom Component Slots - slot="manual"

Re: Draw / DrawAction event typing issue on 5.x

Re: syntax error in SceneView.js

Re: Has anyone ever used Grit to convert standard JavaScript imports to CDN $arcgis.import function calls?

Re: Create a graphic with an embedded shape inside and a custom color fill

Re: Does MapView.takeScreenshot include the scalebar? (using the Scalebar web component)

Re: Popups not visible over Custom div

Re: Popups Appearing Behind Components in the Map Component Slots

Re: componentOnReady() of Legend map componenet was not observed in v4.33 and 4.34

Re: DOM element can not be queried by querySelector after added into to MapView.ui

Re: Component would not be rendered in a DOM element that is added to MapView.ui in V4.33

Re: Trouble Using Reactive Utils On Initially Unde...

Re: Custom Component Shadow DOM not fully loaded o...

Re: Custom Component Shadow DOM not fully loaded o...

Re: syntax error in SceneView.js

Re: Has anyone ever used Grit to convert standard ...