@arcgis/toolkit 4.34.0-next.75 → 4.34.0-next.77

package/dist/dom/index.cjs

@@ -1,5 +1,34 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function slotChangeHasContent(event) {
+  return slotChangeHasAssignedElement(event) || slotChangeHasTextContent(event);
+}
+function slotChangeGetTextContent(event) {
+  return slotChangeGetAssignedNodes(event).filter((node) => node.nodeType === Node.TEXT_NODE).map((node) => node.textContent).join("").trim();
+}
+function slotChangeHasTextContent(event) {
+  return slotChangeGetTextContent(event).length > 0;
+}
+function slotChangeHasAssignedNode(event) {
+  return slotChangeGetAssignedNodes(event).length > 0;
+}
+function slotChangeGetAssignedNodes(event) {
+  return event.currentTarget.assignedNodes({
+    flatten: true
+  });
+}
+function slotChangeHasAssignedElement(event) {
+  return slotChangeGetAssignedElements(event).length > 0;
+}
+function slotChangeGetAssignedElements(event, selector) {
+  return getSlotAssignedElements(event.target, selector);
+}
+function getSlotAssignedElements(slot, selector) {
+  const assignedElements = slot.assignedElements({
+    flatten: true
+  });
+  return selector ? assignedElements.filter((element) => element.matches(selector)) : assignedElements;
+}
 const classes = (...classes2) => {
   const effectiveClasses = [];
   for (let i = 0; i < classes2.length; i++) {
@@ -155,7 +184,15 @@ exports.classes = classes;
 exports.focusElement = focusElement;
 exports.getClosestElement = getClosestElement;
 exports.getElementAttribute = getElementAttribute;
+exports.getSlotAssignedElements = getSlotAssignedElements;
 exports.observeAncestorsMutation = observeAncestorsMutation;
 exports.setFocusOnElement = setFocusOnElement;
+exports.slotChangeGetAssignedElements = slotChangeGetAssignedElements;
+exports.slotChangeGetAssignedNodes = slotChangeGetAssignedNodes;
+exports.slotChangeGetTextContent = slotChangeGetTextContent;
+exports.slotChangeHasAssignedElement = slotChangeHasAssignedElement;
+exports.slotChangeHasAssignedNode = slotChangeHasAssignedNode;
+exports.slotChangeHasContent = slotChangeHasContent;
+exports.slotChangeHasTextContent = slotChangeHasTextContent;
 exports.unsafeGetCalciteModeName = unsafeGetCalciteModeName;
 exports.unsafeGetElementDirection = unsafeGetElementDirection;

package/dist/dom/index.d.cts

@@ -1,4 +1,5 @@
 import { nil } from '../type';
+export * from './slots';
 /**
  * Combine multiple class names into a single string.
  *

package/dist/dom/index.d.ts

@@ -1,4 +1,5 @@
 import { nil } from '../type';
+export * from './slots';
 /**
  * Combine multiple class names into a single string.
  *

package/dist/dom/index.js

@@ -1,3 +1,32 @@
+function slotChangeHasContent(event) {
+  return slotChangeHasAssignedElement(event) || slotChangeHasTextContent(event);
+}
+function slotChangeGetTextContent(event) {
+  return slotChangeGetAssignedNodes(event).filter((node) => node.nodeType === Node.TEXT_NODE).map((node) => node.textContent).join("").trim();
+}
+function slotChangeHasTextContent(event) {
+  return slotChangeGetTextContent(event).length > 0;
+}
+function slotChangeHasAssignedNode(event) {
+  return slotChangeGetAssignedNodes(event).length > 0;
+}
+function slotChangeGetAssignedNodes(event) {
+  return event.currentTarget.assignedNodes({
+    flatten: true
+  });
+}
+function slotChangeHasAssignedElement(event) {
+  return slotChangeGetAssignedElements(event).length > 0;
+}
+function slotChangeGetAssignedElements(event, selector) {
+  return getSlotAssignedElements(event.target, selector);
+}
+function getSlotAssignedElements(slot, selector) {
+  const assignedElements = slot.assignedElements({
+    flatten: true
+  });
+  return selector ? assignedElements.filter((element) => element.matches(selector)) : assignedElements;
+}
 const classes = (...classes2) => {
   const effectiveClasses = [];
   for (let i = 0; i < classes2.length; i++) {
@@ -154,8 +183,16 @@ export {
   focusElement,
   getClosestElement,
   getElementAttribute,
+  getSlotAssignedElements,
   observeAncestorsMutation,
   setFocusOnElement,
+  slotChangeGetAssignedElements,
+  slotChangeGetAssignedNodes,
+  slotChangeGetTextContent,
+  slotChangeHasAssignedElement,
+  slotChangeHasAssignedNode,
+  slotChangeHasContent,
+  slotChangeHasTextContent,
   unsafeGetCalciteModeName,
   unsafeGetElementDirection
 };

package/dist/dom/slots.d.cts

@@ -0,0 +1,93 @@
+/**
+ * Returns `true` if the target `slot` element from the `onSlotchange` event has any content (text or elements).
+ *
+ * @param event The event.
+ * @returns Whether the slot has any content.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotHasContent = slotChangeHasContent(event)} />}
+ * ```
+ */
+export declare function slotChangeHasContent(event: Event): boolean;
+/**
+ * Returns a string of textContent if the target `slot` element from the `onSlotchange` event has any text content.
+ *
+ * @param event The event.
+ * @returns {string} The slots text.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotText = slotChangeGetTextContent(event)} />}
+ * ```
+ */
+export declare function slotChangeGetTextContent(event: Event): string;
+/**
+ * Returns `true` if the target `slot` element from the `onSlotchange` event has any text content.
+ *
+ * @param event The event.
+ * @returns Whether the slot has any text content.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotHasTextContent = slotChangeHasTextContent(event)} />}
+ * ```
+ */
+export declare function slotChangeHasTextContent(event: Event): boolean;
+/**
+ * Returns `true` if the target `slot` element from the `onSlotchange` event has an assigned node.
+ *
+ * @param event The event.
+ * @returns Whether the slot has any assigned nodes.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotHasNode = slotChangeHasAssignedNode(event)} />}
+ * ```
+ */
+export declare function slotChangeHasAssignedNode(event: Event): boolean;
+/**
+ * Returns the assigned nodes on a `slot` element from the `onSlotchange` event.
+ *
+ * @param event The event.
+ * @returns Whether the slot has any assigned nodes.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotNodes = slotChangeGetAssignedNodes(event)} />}
+ * ```
+ */
+export declare function slotChangeGetAssignedNodes(event: Event): Node[];
+/**
+ * Returns `true` if the target `slot` element from the `onSlotchange` event has an assigned element.
+ *
+ * @param event The event.
+ * @returns Whether the slot has any assigned elements.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
+ * ```
+ */
+export declare function slotChangeHasAssignedElement(event: Event): boolean;
+/**
+ * Returns the assigned elements on a `slot` element from the `onSlotchange` event.
+ *
+ * @param {Event} event The event.
+ * @param {string} selector The CSS selector string to filter the returned elements by.
+ * @returns {Element[]} An array of elements.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotElements = slotChangeGetAssignedElements(event)} />}
+ * ```
+ */
+export declare function slotChangeGetAssignedElements<T extends Element>(event: Event, selector?: string): T[];
+/**
+ * Returns the assigned elements on a `slot` element, filtered by an optional css selector.
+ *
+ * @param {HTMLSlotElement} slot The slot element.
+ * @param {string} selector CSS selector string to filter the returned elements by.
+ * @returns {Element[]} An array of elements.
+ */
+export declare function getSlotAssignedElements<T extends Element>(slot: HTMLSlotElement, selector?: string): T[];

package/dist/dom/slots.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Returns `true` if the target `slot` element from the `onSlotchange` event has any content (text or elements).
+ *
+ * @param event The event.
+ * @returns Whether the slot has any content.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotHasContent = slotChangeHasContent(event)} />}
+ * ```
+ */
+export declare function slotChangeHasContent(event: Event): boolean;
+/**
+ * Returns a string of textContent if the target `slot` element from the `onSlotchange` event has any text content.
+ *
+ * @param event The event.
+ * @returns {string} The slots text.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotText = slotChangeGetTextContent(event)} />}
+ * ```
+ */
+export declare function slotChangeGetTextContent(event: Event): string;
+/**
+ * Returns `true` if the target `slot` element from the `onSlotchange` event has any text content.
+ *
+ * @param event The event.
+ * @returns Whether the slot has any text content.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotHasTextContent = slotChangeHasTextContent(event)} />}
+ * ```
+ */
+export declare function slotChangeHasTextContent(event: Event): boolean;
+/**
+ * Returns `true` if the target `slot` element from the `onSlotchange` event has an assigned node.
+ *
+ * @param event The event.
+ * @returns Whether the slot has any assigned nodes.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotHasNode = slotChangeHasAssignedNode(event)} />}
+ * ```
+ */
+export declare function slotChangeHasAssignedNode(event: Event): boolean;
+/**
+ * Returns the assigned nodes on a `slot` element from the `onSlotchange` event.
+ *
+ * @param event The event.
+ * @returns Whether the slot has any assigned nodes.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotNodes = slotChangeGetAssignedNodes(event)} />}
+ * ```
+ */
+export declare function slotChangeGetAssignedNodes(event: Event): Node[];
+/**
+ * Returns `true` if the target `slot` element from the `onSlotchange` event has an assigned element.
+ *
+ * @param event The event.
+ * @returns Whether the slot has any assigned elements.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
+ * ```
+ */
+export declare function slotChangeHasAssignedElement(event: Event): boolean;
+/**
+ * Returns the assigned elements on a `slot` element from the `onSlotchange` event.
+ *
+ * @param {Event} event The event.
+ * @param {string} selector The CSS selector string to filter the returned elements by.
+ * @returns {Element[]} An array of elements.
+ *
+ * @example
+ * ```tsx
+ * <slot onSlotchange={(event) => this.mySlotElements = slotChangeGetAssignedElements(event)} />}
+ * ```
+ */
+export declare function slotChangeGetAssignedElements<T extends Element>(event: Event, selector?: string): T[];
+/**
+ * Returns the assigned elements on a `slot` element, filtered by an optional css selector.
+ *
+ * @param {HTMLSlotElement} slot The slot element.
+ * @param {string} selector CSS selector string to filter the returned elements by.
+ * @returns {Element[]} An array of elements.
+ */
+export declare function getSlotAssignedElements<T extends Element>(slot: HTMLSlotElement, selector?: string): T[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/toolkit",
-  "version": "4.34.0-next.75",
+  "version": "4.34.0-next.77",
   "description": "Collection of common internal patterns and utilities for ArcGIS Maps SDK for JavaScript components.",
   "homepage": "https://developers.arcgis.com/javascript/latest/",
   "sideEffects": false,