@pine-ds/core 3.4.3 → 3.5.1

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-08-19T17:10:57",
+  "timestamp": "2025-09-09T19:03:53",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.28.2",
@@ -2867,6 +2867,34 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "wrap",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "wrap",
+          "reflectToAttr": false,
+          "docs": "Defines whether flex items are forced onto one line or can wrap onto multiple lines.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "false"
+            }
+          ],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -2924,6 +2952,10 @@
           "name": "part",
           "text": "icon - Exposes the icon component for styling."
         },
+        {
+          "name": "part",
+          "text": "loader-svg - Exposes the loader SVG element for color customization. Appears only when loading."
+        },
         {
           "name": "slot",
           "text": "(default) - Button text."
@@ -3354,6 +3386,10 @@
         {
           "name": "icon",
           "docs": "Exposes the icon component for styling."
+        },
+        {
+          "name": "loader-svg",
+          "docs": "Exposes the loader SVG element for color customization. Appears only when loading."
         }
       ],
       "dependents": [
@@ -5623,6 +5659,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "hideLabel",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "hide-label",
+          "reflectToAttr": false,
+          "docs": "Visually hides the label text for instances where only the input should be displayed. Label remains accessible to assistive technology such as screen readers.\nNote: When true, the action slot is also hidden to maintain a minimal UI.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "invalid",
           "type": "boolean",
@@ -6343,6 +6402,10 @@
       "readme": "# pds-loader\n\n\n",
       "docs": "",
       "docsTags": [
+        {
+          "name": "part",
+          "text": "loader-svg - Exposes the spinner SVG element for color customization."
+        },
         {
           "name": "slot",
           "text": "label - Default slot for Loader label text."
@@ -6462,7 +6525,12 @@
           "docs": "Default slot for Loader label text."
         }
       ],
-      "parts": [],
+      "parts": [
+        {
+          "name": "loader-svg",
+          "docs": "Exposes the spinner SVG element for color customization."
+        }
+      ],
       "dependents": [
         "pds-button"
       ],
@@ -8040,7 +8108,7 @@
           "mutable": false,
           "attr": "hide-label",
           "reflectToAttr": false,
-          "docs": "Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.",
+          "docs": "Visually hides the label text for instances where only the select should be displayed. Label remains accessible to assistive technology such as screen readers.\nNote: When true, the action slot is also hidden to maintain a minimal UI.",
           "docsTags": [],
           "values": [
             {
@@ -9034,7 +9102,36 @@
       ],
       "styles": [],
       "slots": [],
-      "parts": [],
+      "parts": [
+        {
+          "name": "responsive-container",
+          "docs": ""
+        },
+        {
+          "name": "responsive-table",
+          "docs": ""
+        },
+        {
+          "name": "responsive-wrapper",
+          "docs": ""
+        },
+        {
+          "name": "scroll-shadow-left",
+          "docs": ""
+        },
+        {
+          "name": "scroll-shadow-right",
+          "docs": ""
+        },
+        {
+          "name": "table",
+          "docs": ""
+        },
+        {
+          "name": "table-inner",
+          "docs": ""
+        }
+      ],
       "dependents": [],
       "dependencies": [],
       "dependencyGraph": {}
@@ -9053,7 +9150,12 @@
       "listeners": [],
       "styles": [],
       "slots": [],
-      "parts": [],
+      "parts": [
+        {
+          "name": "body",
+          "docs": ""
+        }
+      ],
       "dependents": [],
       "dependencies": [],
       "dependencyGraph": {}
@@ -9067,6 +9169,42 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "cellAlign",
+          "type": "\"center\" | \"end\" | \"justify\" | \"start\"",
+          "complexType": {
+            "original": "'start' | 'center' | 'end' | 'justify'",
+            "resolved": "\"center\" | \"end\" | \"justify\" | \"start\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "cell-align",
+          "reflectToAttr": false,
+          "docs": "Sets the text alignment within the cell.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "center",
+              "type": "string"
+            },
+            {
+              "value": "end",
+              "type": "string"
+            },
+            {
+              "value": "justify",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "truncate",
           "type": "boolean",
@@ -9096,7 +9234,12 @@
       "listeners": [],
       "styles": [],
       "slots": [],
-      "parts": [],
+      "parts": [
+        {
+          "name": "cell",
+          "docs": ""
+        }
+      ],
       "dependents": [
         "pds-table-row"
       ],
@@ -9188,7 +9331,16 @@
       "listeners": [],
       "styles": [],
       "slots": [],
-      "parts": [],
+      "parts": [
+        {
+          "name": "head",
+          "docs": ""
+        },
+        {
+          "name": "select-all-checkbox",
+          "docs": ""
+        }
+      ],
       "dependents": [],
       "dependencies": [
         "pds-table-head-cell",
@@ -9216,6 +9368,42 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "cellAlign",
+          "type": "\"center\" | \"end\" | \"justify\" | \"start\"",
+          "complexType": {
+            "original": "'start' | 'center' | 'end' | 'justify'",
+            "resolved": "\"center\" | \"end\" | \"justify\" | \"start\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "cell-align",
+          "reflectToAttr": false,
+          "docs": "Sets the text alignment within the head cell.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "center",
+              "type": "string"
+            },
+            {
+              "value": "end",
+              "type": "string"
+            },
+            {
+              "value": "justify",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "sortable",
           "type": "boolean",
@@ -9260,7 +9448,16 @@
       "listeners": [],
       "styles": [],
       "slots": [],
-      "parts": [],
+      "parts": [
+        {
+          "name": "head-cell",
+          "docs": ""
+        },
+        {
+          "name": "sort-icon",
+          "docs": ""
+        }
+      ],
       "dependents": [
         "pds-table-head"
       ],
@@ -9352,7 +9549,16 @@
       "listeners": [],
       "styles": [],
       "slots": [],
-      "parts": [],
+      "parts": [
+        {
+          "name": "row",
+          "docs": ""
+        },
+        {
+          "name": "row-checkbox",
+          "docs": ""
+        }
+      ],
       "dependents": [],
       "dependencies": [
         "pds-table-cell",
@@ -10133,6 +10339,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "hideLabel",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "hide-label",
+          "reflectToAttr": false,
+          "docs": "Visually hides the label text for instances where only the textarea should be displayed. Label remains accessible to assistive technology such as screen readers.\nNote: When true, the action slot is also hidden to maintain a minimal UI.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "invalid",
           "type": "boolean",
@@ -10358,7 +10587,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the native `textarea` in the `pds-texarea`. Use this method instead of the global\n`textarea.focus()`.",
+          "docs": "Sets focus on the native `textarea` in the `pds-textarea`. Use this method instead of the global\n`textarea.focus()`.",
           "docsTags": []
         }
       ],
@@ -10760,7 +10989,7 @@
               "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -10856,9 +11085,15 @@
           "name": "placement",
           "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
           "complexType": {
-            "original": "'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'",
+            "original": "PlacementType",
             "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-            "references": {}
+            "references": {
+              "PlacementType": {
+                "location": "import",
+                "path": "@utils/types",
+                "id": "src/utils/types.ts::PlacementType"
+              }
+            }
           },
           "mutable": false,
           "attr": "placement",

package/dist/esm/{floating-ui.dom-D_FwyeSw.js → floating-ui.dom-DbQzNDdQ.js}

@@ -6,6 +6,7 @@
 const min = Math.min;
 const max = Math.max;
 const round = Math.round;
+const floor = Math.floor;
 const createCoords = v => ({
   x: v,
   y: v
@@ -773,13 +774,17 @@ function getOverflowAncestors(node, list, traverseIframes) {
   if (list === void 0) {
     list = [];
   }
+  if (traverseIframes === void 0) {
+    traverseIframes = true;
+  }
   const scrollableAncestor = getNearestOverflowAncestor(node);
   const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
   const win = getWindow(scrollableAncestor);
   if (isBody) {
-    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], []);
+    const frameElement = getFrameElement(win);
+    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
   }
-  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, []));
+  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
 function getFrameElement(win) {
   return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
@@ -1079,7 +1084,7 @@ function getClippingElementAncestors(element, cache) {
   if (cachedResult) {
     return cachedResult;
   }
-  let result = getOverflowAncestors(element, []).filter(el => isElement(el) && getNodeName(el) !== 'body');
+  let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
   let currentContainingBlockComputedStyle = null;
   const elementIsFixed = getComputedStyle(element).position === 'fixed';
   let currentNode = elementIsFixed ? getParentNode(element) : element;
@@ -1268,6 +1273,177 @@ const platform = {
   isRTL
 };
 
+function rectsAreEqual(a, b) {
+  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
+
+// https://samthor.au/2021/observing-dom/
+function observeMove(element, onMove) {
+  let io = null;
+  let timeoutId;
+  const root = getDocumentElement(element);
+  function cleanup() {
+    var _io;
+    clearTimeout(timeoutId);
+    (_io = io) == null || _io.disconnect();
+    io = null;
+  }
+  function refresh(skip, threshold) {
+    if (skip === void 0) {
+      skip = false;
+    }
+    if (threshold === void 0) {
+      threshold = 1;
+    }
+    cleanup();
+    const elementRectForRootMargin = element.getBoundingClientRect();
+    const {
+      left,
+      top,
+      width,
+      height
+    } = elementRectForRootMargin;
+    if (!skip) {
+      onMove();
+    }
+    if (!width || !height) {
+      return;
+    }
+    const insetTop = floor(top);
+    const insetRight = floor(root.clientWidth - (left + width));
+    const insetBottom = floor(root.clientHeight - (top + height));
+    const insetLeft = floor(left);
+    const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
+    const options = {
+      rootMargin,
+      threshold: max(0, min(1, threshold)) || 1
+    };
+    let isFirstUpdate = true;
+    function handleObserve(entries) {
+      const ratio = entries[0].intersectionRatio;
+      if (ratio !== threshold) {
+        if (!isFirstUpdate) {
+          return refresh();
+        }
+        if (!ratio) {
+          // If the reference is clipped, the ratio is 0. Throttle the refresh
+          // to prevent an infinite loop of updates.
+          timeoutId = setTimeout(() => {
+            refresh(false, 1e-7);
+          }, 1000);
+        } else {
+          refresh(false, ratio);
+        }
+      }
+      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+        // It's possible that even though the ratio is reported as 1, the
+        // element is not actually fully within the IntersectionObserver's root
+        // area anymore. This can happen under performance constraints. This may
+        // be a bug in the browser's IntersectionObserver implementation. To
+        // work around this, we compare the element's bounding rect now with
+        // what it was at the time we created the IntersectionObserver. If they
+        // are not equal then the element moved, so we refresh.
+        refresh();
+      }
+      isFirstUpdate = false;
+    }
+
+    // Older browsers don't support a `document` as the root and will throw an
+    // error.
+    try {
+      io = new IntersectionObserver(handleObserve, {
+        ...options,
+        // Handle <iframe>s
+        root: root.ownerDocument
+      });
+    } catch (_e) {
+      io = new IntersectionObserver(handleObserve, options);
+    }
+    io.observe(element);
+  }
+  refresh(true);
+  return cleanup;
+}
+
+/**
+ * Automatically updates the position of the floating element when necessary.
+ * Should only be called when the floating element is mounted on the DOM or
+ * visible on the screen.
+ * @returns cleanup function that should be invoked when the floating element is
+ * removed from the DOM or hidden from the screen.
+ * @see https://floating-ui.com/docs/autoUpdate
+ */
+function autoUpdate(reference, floating, update, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    ancestorScroll = true,
+    ancestorResize = true,
+    elementResize = typeof ResizeObserver === 'function',
+    layoutShift = typeof IntersectionObserver === 'function',
+    animationFrame = false
+  } = options;
+  const referenceEl = unwrapElement(reference);
+  const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...getOverflowAncestors(floating)] : [];
+  ancestors.forEach(ancestor => {
+    ancestorScroll && ancestor.addEventListener('scroll', update, {
+      passive: true
+    });
+    ancestorResize && ancestor.addEventListener('resize', update);
+  });
+  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
+  let reobserveFrame = -1;
+  let resizeObserver = null;
+  if (elementResize) {
+    resizeObserver = new ResizeObserver(_ref => {
+      let [firstEntry] = _ref;
+      if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
+        // Prevent update loops when using the `size` middleware.
+        // https://github.com/floating-ui/floating-ui/issues/1740
+        resizeObserver.unobserve(floating);
+        cancelAnimationFrame(reobserveFrame);
+        reobserveFrame = requestAnimationFrame(() => {
+          var _resizeObserver;
+          (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
+        });
+      }
+      update();
+    });
+    if (referenceEl && !animationFrame) {
+      resizeObserver.observe(referenceEl);
+    }
+    resizeObserver.observe(floating);
+  }
+  let frameId;
+  let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
+  if (animationFrame) {
+    frameLoop();
+  }
+  function frameLoop() {
+    const nextRefRect = getBoundingClientRect(reference);
+    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
+      update();
+    }
+    prevRefRect = nextRefRect;
+    frameId = requestAnimationFrame(frameLoop);
+  }
+  update();
+  return () => {
+    var _resizeObserver2;
+    ancestors.forEach(ancestor => {
+      ancestorScroll && ancestor.removeEventListener('scroll', update);
+      ancestorResize && ancestor.removeEventListener('resize', update);
+    });
+    cleanupIo == null || cleanupIo();
+    (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
+    resizeObserver = null;
+    if (animationFrame) {
+      cancelAnimationFrame(frameId);
+    }
+  };
+}
+
 /**
  * Modifies the placement by translating the floating element along the
  * specified axes.
@@ -1315,7 +1491,7 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-export { computePosition as c, flip as f, offset as o, shift as s };
-//# sourceMappingURL=floating-ui.dom-D_FwyeSw.js.map
+export { autoUpdate as a, computePosition as c, flip as f, offset as o, shift as s };
+//# sourceMappingURL=floating-ui.dom-DbQzNDdQ.js.map
 
-//# sourceMappingURL=floating-ui.dom-D_FwyeSw.js.map
+//# sourceMappingURL=floating-ui.dom-DbQzNDdQ.js.map