Latest Contributions by ReneRubalcava

I know it can seem a little odd. There are checks in Accessor for when properties are set where we do something like this; target instanceof Clazz. When the origin of the modules is different, this is false and fails. It's part of the internal API. One solution would be to treat shared libs from the shell like workers. You can't pass class instances to workers, only data objects, like objects, arrays, buffers, etc. So you could use some of the toJSON() and fromJSON() methods of classes to pass data back and forth. But, I'll try to keep a mental note for this thread as we do more research in federated modules. Thanks! ... View more

Ah you're right. I was able to pan around and stuff, but the Locate breaks things. I still think it's weird that it breaks like in the shared lib, even though it's not instantiating classes in the main app. As to the why... This boils own the prototype chain. Most classes in the API are subclasses of the Accessor. So what happens in the case of federated modules, if the shell app creates a Graphic instance, and passes that to the shared lib, the Accessor in the chain is a different origin, which causes the error. Federation is working as expected, the shared lib has a build of the API, the shell has its own build, but the two don't share the same prototype chain. My recommendations so far when using federated modules is to create a shared lib that exposes factory methods to do the API specific work, exposes components with the API, and the shell doesn't need to worry about instantiating API stuff. We are currently doing some internal testing in the area, but nothing concrete at the moment. ... View more

There's a pending PR here, but being the end of the year, I'm guessing the maintainer is on vacation.  It doesn't really need the PR though, you can configure esri-loader a couple of ways to the version you want. https://github.com/Esri/esri-loader#configuring-esri-loader ... View more

Clustering isn't supported in GraphicsLayer. You can add your features to a client-side FeatureLayer with featureReduction.   Here's a sample https://codepen.io/odoe/pen/vYepwwR?editors=1000 ... View more

This is odd. That error means the instance of the SpatialReference is not from the same install of the API as the rest of the classes. This can happen when you mix CDN API classes with local ESM API classes for instance. I'm able to build your app and see the error, but in my case, the map and buttons still all work. You don't seem to use arcgis/core in the shell, just the component stuff. This error could happen if your shared component, at host :3001 uses the API, then your app at host :3002 use the API. Even though these are the same version of the API, they come from different sources via the ports, so they don't match up. I've done some work with webpack module federation before, but not with Angulars tooling for it. If you are not loading API code from your main app shell, and only the component, it might be with the angular/webpack tooling. I made a vanilla version of your map service and home button here. https://github.com/odoe/arcgis-jsapi-federated I don't see the same error though. ... View more

If you only want the individual layers, is there a reason you don't add them as FeatureLayers? Doing multiple layers from the same map service means multiple image requests instead of one, so would be less efficient. ... View more

Since you're already using the API, urlUtils would probably be the simplest route. ... View more

If you need multiple lines, you can add a "<br>" or "<p>" tags. ... View more

You can do this with a custom source where you override the "getSuggestions()" method. https://codepen.io/odoe/pen/oNGGZpY?editors=1000 return results.data.features.map((feature) => { return { key: "name", // HTML in return text text: `<span class="my-suggest"><i>${feature.properties.label}</i></span>`, sourceIndex: params.sourceIndex }; }); ... View more

I don't think there's a setting for this. You can add some CSS to accomplish this. .esri-search_container { flex-direction: row-reverse; } This moves the arrow when there are multiple sources too, so keep that in mind. ... View more