etudes 5.2.0 → 5.3.0

package/components/MasonryGrid.js

@@ -1,74 +1,10 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MasonryGrid = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = require("react");
-var spase_1 = require("spase");
-var useResizeEffect_1 = require("../hooks/useResizeEffect");
-var utils_1 = require("../utils");
-var BASE_MODIFIER_CLASS_PREFIX = 'base-';
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { forwardRef, useEffect, useRef, useState } from 'react';
+import { Rect, Size } from 'spase';
+import { useResizeEffect } from '../hooks/useResizeEffect.js';
+import { asClassNameDict, asStyleDict } from '../utils/index.js';
+const BASE_MODIFIER_CLASS_PREFIX = 'base-';
 /**
  * This is a React component that arranges all of its immediate children in a
  * masonry grid. Refrain from assigning CSS styles to it via `className` or
@@ -86,146 +22,102 @@ var BASE_MODIFIER_CLASS_PREFIX = 'base-';
  * rows*, whereas in a horizontally oriented grid, *number of sections* refers
  * to the *number of columns*.
  */
-exports.MasonryGrid = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.areSectionsAligned, areSectionsAligned = _b === void 0 ? false : _b, children = _a.children, className = _a.className, _c = _a.horizontalSpacing, horizontalSpacing = _c === void 0 ? 0 : _c, _d = _a.isReversed, isReversed = _d === void 0 ? false : _d, _e = _a.orientation, orientation = _e === void 0 ? 'vertical' : _e, _f = _a.sections, sections = _f === void 0 ? 3 : _f, _g = _a.verticalSpacing, verticalSpacing = _g === void 0 ? 0 : _g, props = __rest(_a, ["areSectionsAligned", "children", "className", "horizontalSpacing", "isReversed", "orientation", "sections", "verticalSpacing"]);
-    var bodyRef = (0, react_1.useRef)(null);
-    var _h = __read((0, react_1.useState)(NaN), 2), minWidth = _h[0], setMinWidth = _h[1];
-    var _j = __read((0, react_1.useState)(NaN), 2), minHeight = _j[0], setMinHeight = _j[1];
-    var _k = __read((0, react_1.useState)(NaN), 2), maxWidth = _k[0], setMaxWidth = _k[1];
-    var _l = __read((0, react_1.useState)(NaN), 2), maxHeight = _l[0], setMaxHeight = _l[1];
-    var getCurrentWidth = function () { var _a, _b; return (_b = (_a = spase_1.Rect.from(bodyRef.current)) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 0; };
-    var getCurrentHeight = function () { var _a, _b; return (_b = (_a = spase_1.Rect.from(bodyRef.current)) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : 0; };
-    var repositionChildren = function () {
-        var e_1, _a, e_2, _b, e_3, _c, e_4, _d;
-        var _e, _f, _g, _h;
-        var rootNode = bodyRef.current;
+export const MasonryGrid = forwardRef(({ areSectionsAligned = false, children, className, horizontalSpacing = 0, isReversed = false, orientation = 'vertical', sections = 3, verticalSpacing = 0, ...props }, ref) => {
+    const bodyRef = useRef(null);
+    const [minWidth, setMinWidth] = useState(NaN);
+    const [minHeight, setMinHeight] = useState(NaN);
+    const [maxWidth, setMaxWidth] = useState(NaN);
+    const [maxHeight, setMaxHeight] = useState(NaN);
+    const getCurrentWidth = () => Rect.from(bodyRef.current)?.width ?? 0;
+    const getCurrentHeight = () => Rect.from(bodyRef.current)?.height ?? 0;
+    const repositionChildren = () => {
+        const rootNode = bodyRef.current;
         if (!rootNode)
             return;
-        var nodes = rootNode.children;
-        var numSections = sections;
+        const nodes = rootNode.children;
+        const numSections = sections;
         if (numSections <= 0)
             throw new Error('You must specifiy a minimum of 1 section(s) (a.k.a. row(s) for horizontal orientation, column(s) for vertical orientation) for a MasonryGrid instance');
         if (orientation === 'vertical') {
-            var sectionHeights = __spreadArray([], __read(new Array(numSections)), false).map(function () { return 0; });
-            try {
-                for (var _j = __values(Array.from(nodes)), _k = _j.next(); !_k.done; _k = _j.next()) {
-                    var child = _k.value;
-                    if (!(child instanceof HTMLElement))
-                        continue;
-                    var base = computeBaseFromElement(child, sections);
-                    var _l = __read(computeNextAvailableSectionAndLengthByBase(sectionHeights, base), 2), colIdx = _l[0], y = _l[1];
-                    child.style.position = 'absolute';
-                    child.style.width = "calc(".concat(100 / numSections * base, "% - ").concat(horizontalSpacing * (numSections - 1) / numSections * base, "px + ").concat(horizontalSpacing * (base - 1), "px)");
-                    child.style.height = '';
-                    child.style.left = "calc(".concat(100 / numSections * colIdx, "% - ").concat(horizontalSpacing * (numSections - 1) / numSections * colIdx, "px + ").concat(horizontalSpacing * colIdx, "px)");
-                    child.style.top = "".concat(y + (y === 0 ? 0 : verticalSpacing), "px");
-                    for (var j = 0; j < base; j++) {
-                        sectionHeights[colIdx + j] = y + (y === 0 ? 0 : verticalSpacing) + ((_f = (_e = spase_1.Rect.from(child)) === null || _e === void 0 ? void 0 : _e.height) !== null && _f !== void 0 ? _f : 0);
-                    }
-                    if (areSectionsAligned && colIdx + base === numSections) {
-                        var m = computeMaxLength(sectionHeights);
-                        for (var j = 0; j < numSections; j++) {
-                            sectionHeights[j] = m;
-                        }
-                    }
+            const sectionHeights = [...new Array(numSections)].map(() => 0);
+            for (const child of Array.from(nodes)) {
+                if (!(child instanceof HTMLElement))
+                    continue;
+                const base = computeBaseFromElement(child, sections);
+                const [colIdx, y] = computeNextAvailableSectionAndLengthByBase(sectionHeights, base);
+                child.style.position = 'absolute';
+                child.style.width = `calc(${100 / numSections * base}% - ${horizontalSpacing * (numSections - 1) / numSections * base}px + ${horizontalSpacing * (base - 1)}px)`;
+                child.style.height = '';
+                child.style.left = `calc(${100 / numSections * colIdx}% - ${horizontalSpacing * (numSections - 1) / numSections * colIdx}px + ${horizontalSpacing * colIdx}px)`;
+                child.style.top = `${y + (y === 0 ? 0 : verticalSpacing)}px`;
+                for (let j = 0; j < base; j++) {
+                    sectionHeights[colIdx + j] = y + (y === 0 ? 0 : verticalSpacing) + (Rect.from(child)?.height ?? 0);
                 }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (_k && !_k.done && (_a = _j.return)) _a.call(_j);
+                if (areSectionsAligned && colIdx + base === numSections) {
+                    const m = computeMaxLength(sectionHeights);
+                    for (let j = 0; j < numSections; j++) {
+                        sectionHeights[j] = m;
+                    }
                 }
-                finally { if (e_1) throw e_1.error; }
             }
-            var w = getCurrentWidth();
-            var h = computeMaxLength(sectionHeights, numSections);
+            const w = getCurrentWidth();
+            const h = computeMaxLength(sectionHeights, numSections);
             setMinWidth(w);
             setMinHeight(h);
             if (!isNaN(h))
-                rootNode.style.height = "".concat(h, "px");
+                rootNode.style.height = `${h}px`;
             if (isReversed) {
-                try {
-                    for (var _m = __values(Array.from(nodes)), _o = _m.next(); !_o.done; _o = _m.next()) {
-                        var child = _o.value;
-                        if (!(child instanceof HTMLElement))
-                            continue;
-                        var x = parseFloat(child.style.left);
-                        child.style.left = "".concat(w - x - parseFloat(child.style.width), "px");
-                    }
-                }
-                catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                finally {
-                    try {
-                        if (_o && !_o.done && (_b = _m.return)) _b.call(_m);
-                    }
-                    finally { if (e_2) throw e_2.error; }
+                for (const child of Array.from(nodes)) {
+                    if (!(child instanceof HTMLElement))
+                        continue;
+                    const x = parseFloat(child.style.left);
+                    child.style.left = `${w - x - parseFloat(child.style.width)}px`;
                 }
             }
         }
         else {
-            var sectionWidths = __spreadArray([], __read(new Array(numSections)), false).map(function () { return 0; });
-            try {
-                for (var _p = __values(Array.from(nodes)), _q = _p.next(); !_q.done; _q = _p.next()) {
-                    var child = _q.value;
-                    if (!(child instanceof HTMLElement))
-                        continue;
-                    var base = computeBaseFromElement(child, sections);
-                    var _r = __read(computeNextAvailableSectionAndLengthByBase(sectionWidths, base), 2), rowIdx = _r[0], x = _r[1];
-                    child.style.position = 'absolute';
-                    child.style.width = '';
-                    child.style.height = "calc(".concat(100 / numSections * base, "% - ").concat(verticalSpacing * (numSections - 1) / numSections * base, "px + ").concat(verticalSpacing * (base - 1), "px)");
-                    child.style.top = "calc(".concat(100 / numSections * rowIdx, "% - ").concat(verticalSpacing * (numSections - 1) / numSections * rowIdx, "px + ").concat(verticalSpacing * rowIdx, "px)");
-                    child.style.left = "".concat(x + (x === 0 ? 0 : horizontalSpacing), "px");
-                    for (var j = 0; j < base; j++) {
-                        sectionWidths[rowIdx + j] = x + (x === 0 ? 0 : horizontalSpacing) + ((_h = (_g = spase_1.Rect.from(child)) === null || _g === void 0 ? void 0 : _g.width) !== null && _h !== void 0 ? _h : 0);
-                    }
-                    if (areSectionsAligned && rowIdx + base === numSections) {
-                        var m = computeMaxLength(sectionWidths);
-                        for (var j = 0; j < numSections; j++) {
-                            sectionWidths[j] = m;
-                        }
-                    }
+            const sectionWidths = [...new Array(numSections)].map(() => 0);
+            for (const child of Array.from(nodes)) {
+                if (!(child instanceof HTMLElement))
+                    continue;
+                const base = computeBaseFromElement(child, sections);
+                const [rowIdx, x] = computeNextAvailableSectionAndLengthByBase(sectionWidths, base);
+                child.style.position = 'absolute';
+                child.style.width = '';
+                child.style.height = `calc(${100 / numSections * base}% - ${verticalSpacing * (numSections - 1) / numSections * base}px + ${verticalSpacing * (base - 1)}px)`;
+                child.style.top = `calc(${100 / numSections * rowIdx}% - ${verticalSpacing * (numSections - 1) / numSections * rowIdx}px + ${verticalSpacing * rowIdx}px)`;
+                child.style.left = `${x + (x === 0 ? 0 : horizontalSpacing)}px`;
+                for (let j = 0; j < base; j++) {
+                    sectionWidths[rowIdx + j] = x + (x === 0 ? 0 : horizontalSpacing) + (Rect.from(child)?.width ?? 0);
                 }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (_q && !_q.done && (_c = _p.return)) _c.call(_p);
+                if (areSectionsAligned && rowIdx + base === numSections) {
+                    const m = computeMaxLength(sectionWidths);
+                    for (let j = 0; j < numSections; j++) {
+                        sectionWidths[j] = m;
+                    }
                 }
-                finally { if (e_3) throw e_3.error; }
             }
-            var h = getCurrentHeight();
-            var w = computeMaxLength(sectionWidths, numSections);
+            const h = getCurrentHeight();
+            const w = computeMaxLength(sectionWidths, numSections);
             setMinHeight(h);
             setMinWidth(w);
             if (!isNaN(w))
-                rootNode.style.width = "".concat(w, "px");
+                rootNode.style.width = `${w}px`;
             if (isReversed) {
-                try {
-                    for (var _s = __values(Array.from(nodes)), _t = _s.next(); !_t.done; _t = _s.next()) {
-                        var child = _t.value;
-                        if (!(child instanceof HTMLElement))
-                            continue;
-                        var y = parseFloat(child.style.top);
-                        child.style.top = "".concat(h - y - parseFloat(child.style.height), "px");
-                    }
-                }
-                catch (e_4_1) { e_4 = { error: e_4_1 }; }
-                finally {
-                    try {
-                        if (_t && !_t.done && (_d = _s.return)) _d.call(_s);
-                    }
-                    finally { if (e_4) throw e_4.error; }
+                for (const child of Array.from(nodes)) {
+                    if (!(child instanceof HTMLElement))
+                        continue;
+                    const y = parseFloat(child.style.top);
+                    child.style.top = `${h - y - parseFloat(child.style.height)}px`;
                 }
             }
         }
     };
-    (0, useResizeEffect_1.useResizeEffect)(bodyRef, {
-        onResize: function (element) {
-            var _a, _b;
-            var maxSize = (_b = (_a = spase_1.Rect.from(element)) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : new spase_1.Size();
-            var currWidth = getCurrentWidth();
-            var currHeight = getCurrentHeight();
+    useResizeEffect(bodyRef, {
+        onResize: element => {
+            const maxSize = Rect.from(element)?.size ?? new Size();
+            const currWidth = getCurrentWidth();
+            const currHeight = getCurrentHeight();
             if (minWidth !== currWidth || minHeight !== currHeight || maxSize.width !== maxWidth || maxSize.height !== maxHeight) {
                 repositionChildren();
                 setMaxWidth(maxSize.width);
@@ -233,37 +125,34 @@ exports.MasonryGrid = (0, react_1.forwardRef)(function (_a, ref) {
             }
         },
     }, [areSectionsAligned, horizontalSpacing, isReversed, sections, verticalSpacing]);
-    (0, react_1.useEffect)(function () {
-        var _a;
-        var imageSources = getAllImageSources((_a = bodyRef.current) === null || _a === void 0 ? void 0 : _a.innerHTML);
+    useEffect(() => {
+        const imageSources = getAllImageSources(bodyRef.current?.innerHTML);
         if (imageSources.length === 0)
             return repositionChildren();
-        var numImages = imageSources.length;
-        for (var i = 0; i < numImages; i++) {
-            var src = imageSources[i];
-            var image = new Image();
+        const numImages = imageSources.length;
+        for (let i = 0; i < numImages; i++) {
+            const src = imageSources[i];
+            const image = new Image();
             image.src = src;
-            image.onload = function () { return repositionChildren(); };
+            image.onload = () => repositionChildren();
         }
     }, [children]);
-    var fixedClassNames = getFixedClassNames({ orientation: orientation });
-    var fixedStyles = getFixedStyles({ orientation: orientation, minHeight: minHeight, minWidth: minWidth });
-    return ((0, jsx_runtime_1.jsx)("div", __assign({}, props, { ref: ref, className: (0, clsx_1.default)(className, fixedClassNames.root), "data-component": 'masonry-grid', children: (0, jsx_runtime_1.jsx)("div", { ref: bodyRef, style: fixedStyles.body, children: children }) })));
+    const fixedClassNames = getFixedClassNames({ orientation });
+    const fixedStyles = getFixedStyles({ orientation, minHeight, minWidth });
+    return (_jsx("div", { ...props, ref: ref, className: clsx(className, fixedClassNames.root), "data-component": 'masonry-grid', children: _jsx("div", { ref: bodyRef, style: fixedStyles.body, children: children }) }));
 });
-Object.defineProperty(exports.MasonryGrid, 'displayName', { value: 'MasonryGrid', writable: false });
-function getFixedClassNames(_a) {
-    var _b = _a.orientation, orientation = _b === void 0 ? 'horizontal' : _b;
-    return (0, utils_1.asClassNameDict)({
-        root: (0, clsx_1.default)(orientation),
+Object.defineProperty(MasonryGrid, 'displayName', { value: 'MasonryGrid', writable: false });
+function getFixedClassNames({ orientation = 'horizontal' }) {
+    return asClassNameDict({
+        root: clsx(orientation),
     });
 }
-function getFixedStyles(_a) {
-    var _b = _a.orientation, orientation = _b === void 0 ? 'horizontal' : _b, _c = _a.minHeight, minHeight = _c === void 0 ? NaN : _c, _d = _a.minWidth, minWidth = _d === void 0 ? NaN : _d;
-    return (0, utils_1.asStyleDict)({
+function getFixedStyles({ orientation = 'horizontal', minHeight = NaN, minWidth = NaN }) {
+    return asStyleDict({
         body: {
             height: orientation === 'horizontal' ? '100%' : 'auto',
-            minHeight: orientation === 'vertical' && !isNaN(minHeight) ? "".concat(minHeight, "px") : '',
-            minWidth: orientation === 'horizontal' && !isNaN(minWidth) ? "".concat(minWidth, "px") : '',
+            minHeight: orientation === 'vertical' && !isNaN(minHeight) ? `${minHeight}px` : '',
+            minWidth: orientation === 'horizontal' && !isNaN(minWidth) ? `${minWidth}px` : '',
             padding: '0',
             width: orientation === 'horizontal' ? 'auto' : '100%',
         },
@@ -281,22 +170,22 @@ function getFixedStyles(_a) {
  *          length if a new item were to be placed in it.
  */
 function computeNextAvailableSectionAndLengthByBase(currentSectionLengths, base) {
-    var numSections = currentSectionLengths.length;
-    var sectionIdx = NaN;
-    var minLength = Infinity;
-    for (var i = 0; i < numSections; i++) {
-        var length_1 = currentSectionLengths[i];
-        var isShorter = length_1 < minLength;
-        var isEligibleSection = i + base <= numSections;
-        var hasRoomInSubsequentSections = true;
-        for (var j = 1; j < base; j++) {
-            if (currentSectionLengths[i + j] > length_1) {
+    const numSections = currentSectionLengths.length;
+    let sectionIdx = NaN;
+    let minLength = Infinity;
+    for (let i = 0; i < numSections; i++) {
+        const length = currentSectionLengths[i];
+        const isShorter = length < minLength;
+        const isEligibleSection = i + base <= numSections;
+        let hasRoomInSubsequentSections = true;
+        for (let j = 1; j < base; j++) {
+            if (currentSectionLengths[i + j] > length) {
                 hasRoomInSubsequentSections = false;
             }
         }
         if (isShorter && isEligibleSection && hasRoomInSubsequentSections) {
             sectionIdx = i;
-            minLength = length_1;
+            minLength = length;
         }
     }
     if (isNaN(sectionIdx)) {
@@ -319,11 +208,11 @@ function computeNextAvailableSectionAndLengthByBase(currentSectionLengths, base)
  * @returns The max section length.
  */
 function computeMaxLength(currentSectionLengths, base) {
-    var arr = currentSectionLengths;
+    let arr = currentSectionLengths;
     if (base !== undefined && base !== null && !isNaN(base)) {
         arr = arr.slice(0, Math.max(1, Math.min(base, currentSectionLengths.length)));
     }
-    return arr.reduce(function (out, curr, i) { return curr > out ? curr : out; }, 0);
+    return arr.reduce((out, curr, i) => curr > out ? curr : out, 0);
 }
 /**
  * Computes the base value of an element from its classes.
@@ -335,25 +224,14 @@ function computeMaxLength(currentSectionLengths, base) {
  *          sections.
  */
 function computeBaseFromElement(element, numSections) {
-    var e_5, _a;
-    var classList = element.classList;
-    try {
-        for (var _b = __values(Array.from(classList)), _c = _b.next(); !_c.done; _c = _b.next()) {
-            var c = _c.value;
-            if (c.startsWith(BASE_MODIFIER_CLASS_PREFIX)) {
-                var base = parseFloat(c.replace(BASE_MODIFIER_CLASS_PREFIX, ''));
-                if (!isNaN(base))
-                    return Math.min(Math.max(base, 1), numSections);
-            }
+    const classList = element.classList;
+    for (const c of Array.from(classList)) {
+        if (c.startsWith(BASE_MODIFIER_CLASS_PREFIX)) {
+            const base = parseFloat(c.replace(BASE_MODIFIER_CLASS_PREFIX, ''));
+            if (!isNaN(base))
+                return Math.min(Math.max(base, 1), numSections);
         }
     }
-    catch (e_5_1) { e_5 = { error: e_5_1 }; }
-    finally {
-        try {
-            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-        }
-        finally { if (e_5) throw e_5.error; }
-    }
     return 1;
 }
 /**
@@ -364,30 +242,17 @@ function computeBaseFromElement(element, numSections) {
  * @returns The image sources.
  */
 function getAllImageSources(htmlString) {
-    var e_6, _a;
-    var _b, _c;
     if (!htmlString)
         return [];
-    var regexImg = /<img.*?src=(["'])(.*?)\1/g;
-    var regexSrc = /<img.*?src=(["'])(.*?)\1/;
-    var imageTags = (_b = regexImg.exec(htmlString)) !== null && _b !== void 0 ? _b : [];
-    var out = [];
-    try {
-        for (var imageTags_1 = __values(imageTags), imageTags_1_1 = imageTags_1.next(); !imageTags_1_1.done; imageTags_1_1 = imageTags_1.next()) {
-            var tag = imageTags_1_1.value;
-            var src = (_c = regexSrc.exec(tag)) === null || _c === void 0 ? void 0 : _c[2];
-            if (!src)
-                continue;
-            out.push(src);
-        }
-    }
-    catch (e_6_1) { e_6 = { error: e_6_1 }; }
-    finally {
-        try {
-            if (imageTags_1_1 && !imageTags_1_1.done && (_a = imageTags_1.return)) _a.call(imageTags_1);
-        }
-        finally { if (e_6) throw e_6.error; }
+    const regexImg = /<img.*?src=(["'])(.*?)\1/g;
+    const regexSrc = /<img.*?src=(["'])(.*?)\1/;
+    const imageTags = regexImg.exec(htmlString) ?? [];
+    const out = [];
+    for (const tag of imageTags) {
+        const src = regexSrc.exec(tag)?.[2];
+        if (!src)
+            continue;
+        out.push(src);
     }
     return out;
 }
-//# sourceMappingURL=MasonryGrid.js.map