@pine-ds/core 4.3.0 → 4.4.0

package/dist/collection/components/pds-toast/pds-toast.js

@@ -121,13 +121,13 @@ export class PdsToast {
         return this.icon && h("pds-icon", { name: this.icon, class: "pds-toast__icon" });
     }
     render() {
-        return (h(Host, { key: 'a1ec97158a6665aa25b58b1954b4b5c622590615', hidden: !this.isVisible }, h("div", { key: 'd9b01164364c76512852a260cede50000b73a563', class: {
+        return (h(Host, { key: '250f871e3dfe412a11e8fe4c0e43c5ef7d886e9b', hidden: !this.isVisible }, h("div", { key: '8c9d995cd597544a3c6ded08d18e09ff4619b364', class: {
                 'pds-toast': true,
                 [`pds-toast--${this.type}`]: this.type !== 'default',
                 'pds-toast--animating-out': this.isAnimatingOut
-            }, role: "alert", "aria-live": "polite" }, this.renderIcon(), h("span", { key: '1f581c7c29ea3fc795dfca061d3575c5a9895b3c', class: "pds-toast__message" }, h("slot", { key: '645b31eae3be23de63ab2562234caf0be2510645' })), this.dismissible && (h("button", { key: '44a62b304468c0fca0b8d490ad9c8b5932176ac9', type: "button", part: "dismiss", class: "pds-toast__button", onClick: () => {
+            }, role: "alert", "aria-live": "polite" }, this.renderIcon(), h("span", { key: '83c4cad9b619ca0ad77721b7472e240719459290', class: "pds-toast__message" }, h("slot", { key: 'c2420b955c89eb8e32dd4a1aa8d89bbbbf1b9ca9' })), this.dismissible && (h("button", { key: '940bb9f1d235d7c31a334bec9aefdfdbd1c5ccfd', type: "button", part: "dismiss", class: "pds-toast__button", onClick: () => {
                 this.dismiss();
-            }, "aria-label": this.dismissLabel }, h("pds-icon", { key: 'fde63f279f696d9f02875cc1beee3542c97f0c7e', name: "remove" }))))));
+            }, "aria-label": this.dismissLabel }, h("pds-icon", { key: 'f6b68f4cf9df23b367ade351dd4f00fc6f6e6442', name: "remove" }))))));
     }
     static get is() { return "pds-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pds-tooltip/pds-tooltip.js

@@ -342,9 +342,9 @@ export class PdsTooltip {
     }
     render() {
         const hostId = this.componentId || undefined;
-        return (h(Host, { key: 'a4f25d10de27757ab2551af0e5b8a53336bf8cb4', id: hostId, class: { 'pds-tooltip--is-open': this.opened } }, h("span", { key: '5e9f9afbecbb335ad68b02edf999d2ec62f31a8e', class: "pds-tooltip__trigger", onMouseEnter: this.handleShow, onMouseLeave: this.handleHide,
+        return (h(Host, { key: 'd63b6632a084fbaebd2004a569fb96e0fff91f41', id: hostId, class: { 'pds-tooltip--is-open': this.opened } }, h("span", { key: '79b8b9c2bb9fc2afaf8cbb06dbc102d18c060362', class: "pds-tooltip__trigger", onMouseEnter: this.handleShow, onMouseLeave: this.handleHide,
             /* focusin/out bubble; ensure keyboard users see tooltips */
-            onFocusin: this.handleShow, onFocusout: this.handleHide, ref: el => this.triggerEl = el }, h("slot", { key: 'e142f4f09406b7bd3d1ce9005f624b91cf7ec176' })), h("div", { key: 'ebe0faae0af623477486dbba56c24bc3e0a6bc66', class: "pds-tooltip__content-slot-wrapper", hidden: true }, h("slot", { key: '833d31509ba48f10cd0b5eb2f5e8dc509854c25e', name: "content" }))));
+            onFocusin: this.handleShow, onFocusout: this.handleHide, ref: el => this.triggerEl = el }, h("slot", { key: '9e12d130ac5f392d966f442d91673c3864962b01' })), h("div", { key: '5b83f093b2cbb2b22af0c440278ee318c456087a', class: "pds-tooltip__content-slot-wrapper", hidden: true }, h("slot", { key: 'c0243ad0a833326e8daf799d41b1bf8048c6dee9', name: "content" }))));
     }
     static get is() { return "pds-tooltip"; }
     static get originalStyleUrls() {

package/dist/collection/utils/closest.js

@@ -5,3 +5,11 @@ export const closest = (selector, el) => {
         (('closest' in el && el.closest(selector)) ||
             closest(selector, el.getRootNode().host)));
 };
+/** Whether `node` is `ancestor` or inside it, crossing shadow roots, which `Node.contains` doesn't. */
+export const containsComposed = (ancestor, node) => {
+    for (let current = node; current; current = current instanceof ShadowRoot ? current.host : current.parentNode) {
+        if (current === ancestor)
+            return true;
+    }
+    return false;
+};

package/dist/collection/utils/utils.js

@@ -3,17 +3,46 @@ export const hasShadowDom = (el) => {
 };
 export const debounceEvent = (event, wait) => {
     const original = event._original || event;
+    const emit = debounce(original.emit.bind(original), wait);
     return {
-        _original: event,
-        emit: debounce(original.emit.bind(original), wait),
+        _original: original,
+        emit,
+        cancel: emit.cancel,
+        flush: emit.flush,
     };
 };
+/** Drops an emit still waiting on a `debounceEvent` delay. A no-op on an undebounced emitter. */
+export const cancelDebouncedEvent = (event) => {
+    var _a;
+    (_a = event === null || event === void 0 ? void 0 : event.cancel) === null || _a === void 0 ? void 0 : _a.call(event);
+};
+/** Sends an emit still waiting on a `debounceEvent` delay right away. A no-op on an undebounced emitter. */
+export const flushDebouncedEvent = (event) => {
+    var _a;
+    (_a = event === null || event === void 0 ? void 0 : event.flush) === null || _a === void 0 ? void 0 : _a.call(event);
+};
 export const debounce = (func, wait = 0) => {
     let timer;
-    return (...args) => {
+    let pending;
+    const debounced = (...args) => {
         clearTimeout(timer);
-        timer = setTimeout(func, wait, ...args);
+        pending = args;
+        timer = setTimeout(() => {
+            pending = undefined;
+            func(...args);
+        }, wait);
+    };
+    debounced.cancel = () => {
+        clearTimeout(timer);
+        pending = undefined;
+    };
+    debounced.flush = () => {
+        const args = pending;
+        debounced.cancel();
+        if (args)
+            func(...args);
     };
+    return debounced;
 };
 /**
  * Normalizes color values to ensure consistent CSS variable usage.