Latest Contributions by ReneRubalcava

Yeah, any time you want to take over the Popup on click, you need to set this. Note, this only disables popup on click, it won't disable the Search popup. ... View more

Do you have a codepen for this? FeatureTable isn't really designed to be slotted into the map. Even the widget samples have it outside the map, so would be tricky to get it line up if you do. ... View more

Could you provide a use case for how you would use the value? I haven't seen this request before, but we can look at adding it if we know what the use case is. ... View more

This is an interesting one, I hadn't really though about. Making note of it though. So components have most of the same props and methods that the View does, so you can access them directly on the component.  With components, you can do a couple of things. Set properties on components before they are fully loaded. These properties will be used during component set up. Access properties/methods after component is loaded, something like map or goTo. Popup is kind of special, it is a lazy loaded property, so it's not a real popup until you click on the map. The view.popup has some magic in it to let you do the listeners on it before it's really a popup. We don't have that bit of magic on the component, not really, so need a couple of extra steps to do this. https://codepen.io/odoe/pen/wBMPEmw?editors=1000 const mapElement = document.querySelector("arcgis-map"); // Set popup actions as an empty array mapElement.popup = { actions: [] }; // Wait for the map component to fully be ready await mapElement.viewOnReady(); // The action object that defines the action. let viewRotateAction = { title: "Rotate", id: "rotate", className: "esri-icon-rotate" }; // Add the action to the pop-up actions. mapElement.popup.actions.push(viewRotateAction); // The function defining the operation. function rotateView() { // This property is on the element let rotateAngle = mapElement.rotation + 45; // This method is on the element too mapElement.goTo({ rotation: rotateAngle }); }; // Wait for the popup to be visible, just once // At this point, it's a Popup instance // and you can listen for events when( () => mapElement.popup.visible, () => { // Implement the event for the action. mapElement.popup.on("trigger-action", function(event) { console.log("Returned event: ", event) if (event.action.id === "rotate") { rotateView(); } }); }, { once: true } );   This might be easier in 4.34, so keep an eye out. Edit - Yes, this will be much easier in 4.34. ... View more

There was recently an issue on this in the calcite repo. You can view the solution here: https://github.com/Esri/calcite-design-system/issues/12931#issuecomment-3366724689 If you're angular set up is close their example app, there are couple of spots in the angular json you can update. ... View more

This is the default behavior for GraphicsLayer and Views https://codepen.io/odoe/pen/RNWdObm?editors=100 The "view.graphics" or with components, "viewElement.graphics" is a graphics layer under the hood, but is always on top. ... View more

I was finishing up for the day, but couldn't pass this up. Yes, you can do this! It's a little different today, then what I would have probably done even a year ago, but here you go. https://github.com/odoe/arcgis-ts-vite-cdn We have an $arcgis helper only available on the CDN that you can use. You need to type it yourself though and add the core typings. You'll install core, but not use it except for types. Edit - may not need this reference type, but you let me know if you can remove it, lol /// <reference types="@arcgis/core/interfaces.d.ts" /> declare global { interface Window { $arcgis: { import: <T>(modules: string | string[]) => Promise<T> }; } } export {};   Then you can do this. const [Bookmarks, Expand, MapView, WebMap] = await window.$arcgis.import< [typeof __esri.Bookmarks, typeof __esri.Expand, typeof __esri.MapView, typeof __esri.WebMap] >([ "@arcgis/core/widgets/Bookmarks.js", "@arcgis/core/widgets/Expand.js", "@arcgis/core/views/MapView.js", "@arcgis/core/WebMap.js", ]); const webmap = new WebMap({ portalItem: { id: "e691172598f04ea8881cd2a4adaa45ba", // World Topographic Map }, });   This should work. It works in this sample app, but I have never done this exact scenario until today, so take that for what it's worth. I've done lots of other TS/CDN/AMD stuff, so yeah. This is one of those things I always told myself will work, so yeah, I'm glad to see it does. ... View more