@getflip/swirl-components 0.482.0 → 0.483.0-beta-20260424085849

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-04-23T15:09:30",
+  "timestamp": "2026-04-24T08:58:04",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.1",
@@ -494,12 +494,16 @@
       ],
       "states": [],
       "dependents": [
-        "swirl-pdf-reader"
+        "swirl-pdf-reader",
+        "swirl-thumbnail"
       ],
       "dependencies": [],
       "dependencyGraph": {
         "swirl-pdf-reader": [
           "swirl-action-list"
+        ],
+        "swirl-thumbnail": [
+          "swirl-action-list"
         ]
       }
     },
@@ -860,7 +864,8 @@
       "states": [],
       "dependents": [
         "swirl-menu-item",
-        "swirl-pdf-reader"
+        "swirl-pdf-reader",
+        "swirl-thumbnail"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -869,6 +874,9 @@
         ],
         "swirl-pdf-reader": [
           "swirl-action-list-item"
+        ],
+        "swirl-thumbnail": [
+          "swirl-action-list-item"
         ]
       }
     },
@@ -40461,9 +40469,15 @@
         }
       ],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "swirl-thumbnail"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-thumbnail": [
+          "swirl-icon-more-horizontal"
+        ]
+      }
     },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-more-vertikal.tsx",
@@ -63830,7 +63844,8 @@
         "swirl-color-input",
         "swirl-date-input",
         "swirl-pdf-reader",
-        "swirl-select"
+        "swirl-select",
+        "swirl-thumbnail"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -63845,6 +63860,9 @@
         ],
         "swirl-select": [
           "swirl-popover"
+        ],
+        "swirl-thumbnail": [
+          "swirl-popover"
         ]
       }
     },
@@ -64108,7 +64126,8 @@
         "swirl-date-input",
         "swirl-pdf-reader",
         "swirl-resource-list-item",
-        "swirl-select"
+        "swirl-select",
+        "swirl-thumbnail"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -64126,6 +64145,9 @@
         ],
         "swirl-select": [
           "swirl-popover-trigger"
+        ],
+        "swirl-thumbnail": [
+          "swirl-popover-trigger"
         ]
       }
     },
@@ -83944,6 +83966,183 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "cursor",
+          "type": "\"alias\" | \"all-scroll\" | \"auto\" | \"cell\" | \"col-resize\" | \"context-menu\" | \"copy\" | \"crosshair\" | \"default\" | \"e-resize\" | \"ew-resize\" | \"grab\" | \"grabbing\" | \"help\" | \"move\" | \"n-resize\" | \"ne-resize\" | \"nesw-resize\" | \"no-drop\" | \"none\" | \"not-allowed\" | \"ns-resize\" | \"nw-resize\" | \"nwse-resize\" | \"pointer\" | \"progress\" | \"row-resize\" | \"s-resize\" | \"se-resize\" | \"sw-resize\" | \"text\" | \"vertical-text\" | \"w-resize\" | \"wait\" | \"zoom-in\" | \"zoom-out\"",
+          "complexType": {
+            "original": "SwirlCursor",
+            "resolved": "\"alias\" | \"all-scroll\" | \"auto\" | \"cell\" | \"col-resize\" | \"context-menu\" | \"copy\" | \"crosshair\" | \"default\" | \"e-resize\" | \"ew-resize\" | \"grab\" | \"grabbing\" | \"help\" | \"move\" | \"n-resize\" | \"ne-resize\" | \"nesw-resize\" | \"no-drop\" | \"none\" | \"not-allowed\" | \"ns-resize\" | \"nw-resize\" | \"nwse-resize\" | \"pointer\" | \"progress\" | \"row-resize\" | \"s-resize\" | \"se-resize\" | \"sw-resize\" | \"text\" | \"vertical-text\" | \"w-resize\" | \"wait\" | \"zoom-in\" | \"zoom-out\"",
+            "references": {
+              "SwirlCursor": {
+                "location": "import",
+                "path": "../../utils",
+                "id": "src/utils.ts::SwirlCursor",
+                "referenceLocation": "SwirlCursor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "cursor",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"pointer\""
+            }
+          ],
+          "default": "\"pointer\"",
+          "values": [
+            {
+              "value": "alias",
+              "type": "string"
+            },
+            {
+              "value": "all-scroll",
+              "type": "string"
+            },
+            {
+              "value": "auto",
+              "type": "string"
+            },
+            {
+              "value": "cell",
+              "type": "string"
+            },
+            {
+              "value": "col-resize",
+              "type": "string"
+            },
+            {
+              "value": "context-menu",
+              "type": "string"
+            },
+            {
+              "value": "copy",
+              "type": "string"
+            },
+            {
+              "value": "crosshair",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "e-resize",
+              "type": "string"
+            },
+            {
+              "value": "ew-resize",
+              "type": "string"
+            },
+            {
+              "value": "grab",
+              "type": "string"
+            },
+            {
+              "value": "grabbing",
+              "type": "string"
+            },
+            {
+              "value": "help",
+              "type": "string"
+            },
+            {
+              "value": "move",
+              "type": "string"
+            },
+            {
+              "value": "n-resize",
+              "type": "string"
+            },
+            {
+              "value": "ne-resize",
+              "type": "string"
+            },
+            {
+              "value": "nesw-resize",
+              "type": "string"
+            },
+            {
+              "value": "no-drop",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            },
+            {
+              "value": "not-allowed",
+              "type": "string"
+            },
+            {
+              "value": "ns-resize",
+              "type": "string"
+            },
+            {
+              "value": "nw-resize",
+              "type": "string"
+            },
+            {
+              "value": "nwse-resize",
+              "type": "string"
+            },
+            {
+              "value": "pointer",
+              "type": "string"
+            },
+            {
+              "value": "progress",
+              "type": "string"
+            },
+            {
+              "value": "row-resize",
+              "type": "string"
+            },
+            {
+              "value": "s-resize",
+              "type": "string"
+            },
+            {
+              "value": "se-resize",
+              "type": "string"
+            },
+            {
+              "value": "sw-resize",
+              "type": "string"
+            },
+            {
+              "value": "text",
+              "type": "string"
+            },
+            {
+              "value": "vertical-text",
+              "type": "string"
+            },
+            {
+              "value": "w-resize",
+              "type": "string"
+            },
+            {
+              "value": "wait",
+              "type": "string"
+            },
+            {
+              "value": "zoom-in",
+              "type": "string"
+            },
+            {
+              "value": "zoom-out",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "editButtonIcon",
           "type": "string",
@@ -84069,6 +84268,93 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "menuButtonLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "menu-button-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"More actions\""
+            }
+          ],
+          "default": "\"More actions\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "openButtonIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "open-button-icon",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"<swirl-icon-visibility></swirl-icon-visibility>\""
+            }
+          ],
+          "default": "\"<swirl-icon-visibility></swirl-icon-visibility>\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "openButtonLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "open-button-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"Open\""
+            }
+          ],
+          "default": "\"Open\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "progress",
           "type": "number",
@@ -84121,6 +84407,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "removeButtonIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "remove-button-icon",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"<swirl-icon-delete></swirl-icon-delete>\""
+            }
+          ],
+          "default": "\"<swirl-icon-delete></swirl-icon-delete>\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "removeButtonLabel",
           "type": "string",
@@ -84362,15 +84677,25 @@
       "states": [],
       "dependents": [],
       "dependencies": [
+        "swirl-popover-trigger",
         "swirl-progress-indicator",
         "swirl-button-group",
-        "swirl-button"
+        "swirl-button",
+        "swirl-icon-more-horizontal",
+        "swirl-popover",
+        "swirl-action-list",
+        "swirl-action-list-item"
       ],
       "dependencyGraph": {
         "swirl-thumbnail": [
+          "swirl-popover-trigger",
           "swirl-progress-indicator",
           "swirl-button-group",
-          "swirl-button"
+          "swirl-button",
+          "swirl-icon-more-horizontal",
+          "swirl-popover",
+          "swirl-action-list",
+          "swirl-action-list-item"
         ],
         "swirl-button-group": [
           "swirl-stack"
@@ -87721,7 +88046,7 @@
       "path": "src/components/swirl-box/swirl-box.tsx"
     },
     "src/components/swirl-button/swirl-button.tsx::SwirlButtonCursor": {
-      "declaration": "export type SwirlButtonCursor =\n  | \"auto\"\n  | \"default\"\n  | \"none\"\n  | \"context-menu\"\n  | \"help\"\n  | \"pointer\"\n  | \"progress\"\n  | \"wait\"\n  | \"cell\"\n  | \"crosshair\"\n  | \"text\"\n  | \"vertical-text\"\n  | \"alias\"\n  | \"copy\"\n  | \"move\"\n  | \"no-drop\"\n  | \"not-allowed\"\n  | \"grab\"\n  | \"grabbing\"\n  | \"e-resize\"\n  | \"n-resize\"\n  | \"ne-resize\"\n  | \"nw-resize\"\n  | \"s-resize\"\n  | \"se-resize\"\n  | \"sw-resize\"\n  | \"w-resize\"\n  | \"ew-resize\"\n  | \"ns-resize\"\n  | \"nesw-resize\"\n  | \"nwse-resize\"\n  | \"col-resize\"\n  | \"row-resize\"\n  | \"all-scroll\"\n  | \"zoom-in\"\n  | \"zoom-out\";",
+      "declaration": "export type SwirlCursor =\n  | \"auto\"\n  | \"default\"\n  | \"none\"\n  | \"context-menu\"\n  | \"help\"\n  | \"pointer\"\n  | \"progress\"\n  | \"wait\"\n  | \"cell\"\n  | \"crosshair\"\n  | \"text\"\n  | \"vertical-text\"\n  | \"alias\"\n  | \"copy\"\n  | \"move\"\n  | \"no-drop\"\n  | \"not-allowed\"\n  | \"grab\"\n  | \"grabbing\"\n  | \"e-resize\"\n  | \"n-resize\"\n  | \"ne-resize\"\n  | \"nw-resize\"\n  | \"s-resize\"\n  | \"se-resize\"\n  | \"sw-resize\"\n  | \"w-resize\"\n  | \"ew-resize\"\n  | \"ns-resize\"\n  | \"nesw-resize\"\n  | \"nwse-resize\"\n  | \"col-resize\"\n  | \"row-resize\"\n  | \"all-scroll\"\n  | \"zoom-in\"\n  | \"zoom-out\";",
       "docstring": "",
       "path": "src/components/swirl-button/swirl-button.tsx"
     },
@@ -88225,6 +88550,11 @@
       "docstring": "",
       "path": "src/components/swirl-text/swirl-text.tsx"
     },
+    "src/utils.ts::SwirlCursor": {
+      "declaration": "export type SwirlCursor =\n  | \"auto\"\n  | \"default\"\n  | \"none\"\n  | \"context-menu\"\n  | \"help\"\n  | \"pointer\"\n  | \"progress\"\n  | \"wait\"\n  | \"cell\"\n  | \"crosshair\"\n  | \"text\"\n  | \"vertical-text\"\n  | \"alias\"\n  | \"copy\"\n  | \"move\"\n  | \"no-drop\"\n  | \"not-allowed\"\n  | \"grab\"\n  | \"grabbing\"\n  | \"e-resize\"\n  | \"n-resize\"\n  | \"ne-resize\"\n  | \"nw-resize\"\n  | \"s-resize\"\n  | \"se-resize\"\n  | \"sw-resize\"\n  | \"w-resize\"\n  | \"ew-resize\"\n  | \"ns-resize\"\n  | \"nesw-resize\"\n  | \"nwse-resize\"\n  | \"col-resize\"\n  | \"row-resize\"\n  | \"all-scroll\"\n  | \"zoom-in\"\n  | \"zoom-out\";",
+      "docstring": "",
+      "path": "src/utils.ts"
+    },
     "src/components/swirl-thumbnail/swirl-thumbnail.tsx::SwirlThumbnailFormat": {
       "declaration": "export type SwirlThumbnailFormat = \"portrait\" | \"landscape\" | \"square\";",
       "docstring": "",

package/dist/cjs/body-scroll-lock-DVYwmTS6.js

@@ -0,0 +1,183 @@
+'use strict';
+
+/**
+ * Body scroll lock utility.
+ *
+ * - Non-iOS: sets `overflow: hidden` on body
+ * - iOS: uses `position: fixed` + scroll position preservation
+ *   (iOS Safari ignores `overflow: hidden` on body)
+ *
+ * Uses reference counting so multiple simultaneous locks are safe.
+ */
+const locks = new Set();
+let savedBodyStyles;
+let documentListenerAdded = false;
+let initialClientY = -1;
+let iosDetected;
+function disableBodyScroll(targetElement) {
+    if (!targetElement) {
+        return;
+    }
+    if (findLockRef(targetElement)) {
+        return;
+    }
+    locks.add(new WeakRef(targetElement));
+    if (isIos()) {
+        lockBodyPosition();
+        targetElement.ontouchstart = (event) => {
+            if (event.targetTouches.length === 1) {
+                initialClientY = event.targetTouches[0].clientY;
+            }
+        };
+        targetElement.ontouchmove = (event) => {
+            if (event.targetTouches.length === 1) {
+                handleScroll(event, targetElement);
+            }
+        };
+        if (!documentListenerAdded) {
+            document.addEventListener("touchmove", preventDefault, {
+                passive: false,
+            });
+            documentListenerAdded = true;
+        }
+    }
+    else {
+        setOverflowHidden();
+    }
+}
+function enableBodyScroll(targetElement) {
+    if (!targetElement) {
+        return;
+    }
+    const ref = findLockRef(targetElement);
+    if (ref) {
+        locks.delete(ref);
+    }
+    if (isIos()) {
+        targetElement.ontouchstart = null;
+        targetElement.ontouchmove = null;
+        if (locks.size === 0) {
+            if (documentListenerAdded) {
+                document.removeEventListener("touchmove", preventDefault);
+                documentListenerAdded = false;
+            }
+            restoreBodyPosition();
+        }
+    }
+    else {
+        if (locks.size === 0) {
+            restoreOverflow();
+        }
+    }
+}
+function findLockRef(el) {
+    for (const ref of locks) {
+        if (ref.deref() === el) {
+            return ref;
+        }
+    }
+    return undefined;
+}
+function isIos() {
+    if (iosDetected !== undefined) {
+        return iosDetected;
+    }
+    if (typeof window === "undefined") {
+        iosDetected = false;
+        return false;
+    }
+    // iPhone / iPod touch
+    // iPad OS 13+ reports as macOS — detect via multi-touch capability
+    iosDetected =
+        /iP(hone|od)/.test(navigator.userAgent) ||
+            (navigator.maxTouchPoints > 1 && /Macintosh/.test(navigator.userAgent));
+    return iosDetected;
+}
+function preventDefault(event) {
+    // Allow multi-touch gestures (e.g. pinch-to-zoom)
+    if (event.touches.length > 1) {
+        return;
+    }
+    event.preventDefault();
+}
+function handleScroll(event, targetElement) {
+    const clientY = event.targetTouches[0].clientY - initialClientY;
+    if (targetElement.scrollTop === 0 && clientY > 0) {
+        // At top of scroll, swiping down — prevent pull-to-refresh / body scroll
+        preventDefault(event);
+        return;
+    }
+    const isAtBottom = targetElement.scrollHeight - targetElement.scrollTop <=
+        targetElement.clientHeight;
+    if (isAtBottom && clientY < 0) {
+        // At bottom of scroll, swiping up — prevent body scroll
+        preventDefault(event);
+        return;
+    }
+    // Allow normal scroll within target element
+    event.stopPropagation();
+}
+function lockBodyPosition() {
+    if (savedBodyStyles !== undefined) {
+        return;
+    }
+    const { scrollY, scrollX, innerHeight } = window;
+    savedBodyStyles = {
+        position: document.body.style.position,
+        top: document.body.style.top,
+        left: document.body.style.left,
+        width: document.body.style.width,
+        overflow: document.body.style.overflow,
+    };
+    document.body.style.position = "fixed";
+    document.body.style.top = `${-scrollY}px`;
+    document.body.style.left = `${-scrollX}px`;
+    document.body.style.width = "100%";
+    document.body.style.overflow = "hidden";
+    // On iOS Safari, applying position:fixed can cause the bottom toolbar to
+    // appear/disappear, changing window.innerHeight. If the user has scrolled
+    // past the first viewport, compensate so content doesn't shift.
+    setTimeout(() => requestAnimationFrame(() => {
+        const bottomBarHeight = innerHeight - window.innerHeight;
+        if (bottomBarHeight && scrollY >= innerHeight) {
+            document.body.style.top = `${-(scrollY + bottomBarHeight)}px`;
+        }
+    }), 300);
+}
+function restoreBodyPosition() {
+    if (savedBodyStyles === undefined) {
+        return;
+    }
+    const scrollY = -parseInt(document.body.style.top, 10);
+    const scrollX = -parseInt(document.body.style.left, 10);
+    document.body.style.position = savedBodyStyles.position;
+    document.body.style.top = savedBodyStyles.top;
+    document.body.style.left = savedBodyStyles.left;
+    document.body.style.width = savedBodyStyles.width;
+    document.body.style.overflow = savedBodyStyles.overflow;
+    savedBodyStyles = undefined;
+    window.scrollTo(scrollX, scrollY);
+}
+function setOverflowHidden() {
+    if (savedBodyStyles !== undefined) {
+        return;
+    }
+    savedBodyStyles = {
+        position: document.body.style.position,
+        top: document.body.style.top,
+        left: document.body.style.left,
+        width: document.body.style.width,
+        overflow: document.body.style.overflow,
+    };
+    document.body.style.overflow = "hidden";
+}
+function restoreOverflow() {
+    if (savedBodyStyles === undefined) {
+        return;
+    }
+    document.body.style.overflow = savedBodyStyles.overflow;
+    savedBodyStyles = undefined;
+}
+
+exports.disableBodyScroll = disableBodyScroll;
+exports.enableBodyScroll = enableBodyScroll;