Latest Contributions by ReneRubalcava

Great question, as this has come up a couple of times. Yes, this is expected. Lots of apps will remove and add elements to the page at runtime, and custom elements have a built in lifecycle method to handle what to do when that happens. If we didn't destroy everything, this would lead memory leaks. Every map-component has an autoDestroyDisabled property you can set to disable this behavior. This is useful to maintain maps and layers that might be used in other places in your application. Note, that this now puts the responsibility of calling the component destroy method on the developer when they are done to prevent memory leaks. Not necessarily. In the next release it should be easier to hide components via css classes if you want to avoid adding/removing them. ... View more

The `layers` property of the FeatureTable is meant as a settable property by the user. We can update this documentation to make it more clear of the purpose. It does not auto-populate with layers from the provided map that show in the dropdown. You set it to override what layers that appear in the dropdown. Here is a demo showing setting and reading `layers` when the table is used by itself. ... View more

You can currently add custom content to an expand using the `arcgis-placement` component inside expand. https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-placement/ Here is your snippet updated. <arcgis-map basemap="gray-vector" zoom="14" center="-88.1, 41.5"> <arcgis-search position="top-left"></arcgis-search> <arcgis-zoom position="top-left"></arcgis-zoom> <arcgis-home></arcgis-home> <arcgis-locate scale="5000"></arcgis-locate> <arcgis-swipe swipe-position="32"></arcgis-swipe> <arcgis-expand position="top-right"> <arcgis-layer-list></arcgis-layer-list> </arcgis-expand> <arcgis-expand expand-icon="information" position="top-right"> <arcgis-placement> <div id="infoDiv"> <h2>Helpful Vocabulary*</h2> <p><b>CD</b> Closed Depression Area-- low area of a field with no outlet that accumulates or receives runoff. In times of spring meltdown or heavy rainfall, runoff channels may form and deliver runoff water to closed depressions. </p> </div> </arcgis-placement> </arcgis-expand> </arcgis-map> https://codepen.io/odoe/pen/LEVwaqa?editors=1000   ... View more

Found it! You have the old AMD types installed too, remove those and you should be good. https://github.com/CI-CMG/pointstore-dashboard/blob/main/package.json#L21   Probably want to remove "src" from includes in the node tsconfig too https://github.com/CI-CMG/pointstore-dashboard/blob/main/tsconfig.node.json#L27 ... View more

"reference-element" is the attribute name, only to be used declaratively. "referenceElement" is the property name, which be accessed via "element.referenceElement". It would also be used in jsx syntax for various UI libraries. https://developers.arcgis.com/javascript/latest/programming-patterns/#attributes-and-properties ... View more

When working with the map-components, if a component is not a child of a map or scene component, you can use a "reference-element" attribute to associate them. Associate components with a Map or Scene component Create a mapping app (tutorial that uses reference-element) 12 Days of Map Components Day 1 (yt short on reference-element) ... View more

This is a good question! Because it highlights one of the changes and nuances of using web components and HTML in general. Documentation on boolean for reference. In HTML elements, the presence of an attribute is truthy. Even an empty string is truthy, so we don't have an attribute on the map components for `popup-enabled="false"` as that would be seen as true. Hopefully that makes sense. So what we did in the map-components is make all boolean properties false by default and we have different names for them on the components. In this case, you can just add `popup-disabled` to the element. Demo: https://codepen.io/odoe/pen/VYLErVR?editors=1000 <arcgis-map item-id="45725ba7d9fb47a0925398919b13d1fa" popup-disabled > </arcgis-map>   ... View more

You can add an arcgis-home { margin: 10px; } and it will place it correctly in the action bar. It's still has a button width/height that is different on hover, but aligns right. ... View more

For reference, the argisViewReadyChange event will fire when one of three things happens. The `item-id` is updated The `map` property is replaced The `basemap` property is replaced Without looking at how state/page loads are being handled in a React application, tough to tell when things are being updated and re-rendered. This event is driven by the View.ready property on views. If you want to maintain the state of the map component in a SPA type app, you can enable the autoDestroyDisabled property so that the component will not destroy itself if it is removed and added back to the page. ... View more

That documentation is not official. Someone downloaded the doc from the downloads page and put that up. 4.4 is about 8 years old, so there is no view.then anymore, view.when is what you want to use. ... View more