@arcgis/lumina 5.1.0-next.87 → 5.1.0-next.89

package/dist/controllers/index.d.ts

@@ -12,6 +12,7 @@ export { useWatchAttributes } from './useWatchAttributes.ts';
 export { load } from './load.ts';
 export { proxyExports } from './proxyExports.ts';
 export { toFunction } from './toFunction.ts';
+export { useSlottableRequest } from './useSlottableRequest.ts';
 export * from './types.ts';
 export { useMedia } from './useMedia.ts';
 export { useDirection } from './useDirection.ts';

package/dist/controllers/index.js

@@ -1,4 +1,4 @@
-import { C as Controller, t as trackKey, a as createEventFactory, p as propertyTrackResolve } from "../Controller-Cer_6Z29.js";
+import { C as Controller, c as createEvent, t as trackKey, a as createEventFactory, p as propertyTrackResolve } from "../Controller-Cer_6Z29.js";
 import { G, b, d } from "../Controller-Cer_6Z29.js";
 import { a as setAmbientComponent, i as isPromise, b as setParentController, d as retrieveParentControllers, r as retrieveComponent } from "../ControllerInternals-CeDntN3G.js";
 import { e, c, g, f } from "../ControllerInternals-CeDntN3G.js";
@@ -101,6 +101,53 @@ const toFunction = (Class) => (...args) => {
   setParentController(ambientControllers.at(-1));
   return instance;
 };
+const useSlottableRequest = (component, watch, getDetailsBySlotName) => makeController((_component, controller) => {
+  const watchedProps = watch;
+  const slottableRequestController = createEvent({ bubbles: false, composed: false });
+  controller.onUpdated((changes) => {
+    if (!watchedProps.some((prop) => changes.has(prop))) {
+      return;
+    }
+    const previousDetails = getDetailsBySlotName(getWatchedProps(component, watchedProps, changes));
+    const currentDetails = getDetailsBySlotName(getWatchedProps(component, watchedProps));
+    previousDetails.forEach((previousDetail, slotName) => {
+      if (!currentDetails.has(slotName)) {
+        slottableRequestController.emit({ ...previousDetail, data: void 0 });
+      }
+    });
+    currentDetails.forEach((currentDetail, slotName) => {
+      const previousDetail = previousDetails.get(slotName);
+      if (!previousDetail || !isEqualValue(previousDetail, currentDetail)) {
+        slottableRequestController.emit(currentDetail);
+      }
+    });
+  });
+  return slottableRequestController;
+});
+function getWatchedProps(component, watchedProps, changes) {
+  const values = {};
+  watchedProps.forEach((prop) => {
+    values[prop] = changes?.has(prop) ? changes.get(prop) : component[prop];
+  });
+  return values;
+}
+function isEqualValue(previous, current) {
+  if (previous === current) {
+    return true;
+  }
+  if (!previous || !current || typeof previous !== "object" || typeof current !== "object") {
+    return false;
+  }
+  if (Array.isArray(previous) || Array.isArray(current)) {
+    return false;
+  }
+  const previousEntries = Object.entries(previous);
+  const currentEntries = Object.entries(current);
+  if (previousEntries.length !== currentEntries.length) {
+    return false;
+  }
+  return previousEntries.every(([key, value]) => isEqualValue(value, current[key]));
+}
 const useMedia = (query) => makeController((_component, controller) => {
   const media = globalThis.matchMedia(query);
   const changed = () => {
@@ -278,5 +325,6 @@ export {
   useDirection,
   useMedia,
   usePropertyChange,
+  useSlottableRequest,
   useWatchAttributes
 };

package/dist/controllers/useSlottableRequest.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../createEvent.ts';
+import { LitElement } from '../LitElement.ts';
+type SlottableRequestDetail = {
+    name: string;
+    slotName: string;
+    data: unknown;
+};
+type WatchedProps<Component extends LitElement, ToWatch extends readonly (keyof Component)[]> = Pick<Component, ToWatch[number]>;
+/**
+ * Watches host properties and emits slottable request details when the
+ * requested slot details are added, removed, or changed.
+ *
+ * @example
+ * ```ts
+ * const slottableRequest = useSlottableRequest(this, ["item"], ({ item }) => {
+ *  const details = new Map<string, Detail>();
+ *  details.set("item-slot", { name: "item", slotName: "item-slot", data: item });
+ *  return details;
+ * });
+ */
+export declare const useSlottableRequest: <Component extends LitElement, const ToWatch extends readonly (keyof Component)[], Detail extends SlottableRequestDetail>(component: Component, watch: ToWatch, getDetailsBySlotName: (component: WatchedProps<Component, ToWatch>) => ReadonlyMap<string, Detail>) => EventEmitter<Detail>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/lumina",
-  "version": "5.1.0-next.87",
+  "version": "5.1.0-next.89",
   "description": "Runtime for WebGIS SDK web components",
   "sideEffects": false,
   "type": "module",
@@ -32,7 +32,7 @@
   "dependencies": {
     "csstype": "^3.1.3",
     "tslib": "^2.8.1",
-    "@arcgis/toolkit": "~5.1.0-next.87"
+    "@arcgis/toolkit": "~5.1.0-next.89"
   },
   "peerDependencies": {
     "@lit/context": "^1.1.6",