@cntrl-site/components 0.1.16 → 0.1.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +1 -23
  2. package/dist/index.mjs +1 -23
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1971,19 +1971,6 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
1971
1971
  (_b = lightboxRef.current) == null ? void 0 : _b.go(dir);
1972
1972
  }
1973
1973
  };
1974
- const isClickInImagePadding = (img2, clientX, clientY) => {
1975
- const rect = img2.getBoundingClientRect();
1976
- const style = window.getComputedStyle(img2);
1977
- const paddingTop = parseFloat(style.paddingTop) || 0;
1978
- const paddingRight = parseFloat(style.paddingRight) || 0;
1979
- const paddingBottom = parseFloat(style.paddingBottom) || 0;
1980
- const paddingLeft = parseFloat(style.paddingLeft) || 0;
1981
- const contentLeft = rect.left + paddingLeft;
1982
- const contentRight = rect.right - paddingRight;
1983
- const contentTop = rect.top + paddingTop;
1984
- const contentBottom = rect.bottom - paddingBottom;
1985
- return clientX < contentLeft || clientX > contentRight || clientY < contentTop || clientY > contentBottom;
1986
- };
1987
1974
  const handleImageWrapperClick = (e) => {
1988
1975
  if (hasDraggedRef.current) {
1989
1976
  hasDraggedRef.current = false;
@@ -2029,14 +2016,6 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
2029
2016
  handleClose();
2030
2017
  }
2031
2018
  };
2032
- const onImageClick = (e) => {
2033
- e.stopPropagation();
2034
- if (isClickInImagePadding(e.currentTarget, e.clientX, e.clientY)) {
2035
- handleClose();
2036
- return;
2037
- }
2038
- handleTriggerClick(e.currentTarget, e.clientX, e.clientY);
2039
- };
2040
2019
  const handleThumbWrapperClick = (e) => {
2041
2020
  const target = e.target;
2042
2021
  if (target.classList.contains(classes.thumbsWrapper) || target.classList.contains(classes.thumbsContainer)) {
@@ -2354,7 +2333,6 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
2354
2333
  [classes.cover]: item.image.objectFit === "cover",
2355
2334
  [classes.scaleSlide]: slider.type === "scale"
2356
2335
  }),
2357
- onClick: item.image.objectFit !== "contain" ? onImageClick : void 0,
2358
2336
  src: item.image.url,
2359
2337
  alt: item.image.name ?? "",
2360
2338
  style: { ...imageStyle2, pointerEvents: item.image.objectFit === "contain" ? "none" : "auto" }
@@ -2495,7 +2473,7 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
2495
2473
  ...thumbsPositionStyles,
2496
2474
  ...slider.direction === "horiz" ? {
2497
2475
  maxWidth: "100vw",
2498
- width: "100vw",
2476
+ width: "100%",
2499
2477
  overflowX: "auto",
2500
2478
  overflowY: "hidden"
2501
2479
  } : {
package/dist/index.mjs CHANGED
@@ -1969,19 +1969,6 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
1969
1969
  (_b = lightboxRef.current) == null ? void 0 : _b.go(dir);
1970
1970
  }
1971
1971
  };
1972
- const isClickInImagePadding = (img2, clientX, clientY) => {
1973
- const rect = img2.getBoundingClientRect();
1974
- const style = window.getComputedStyle(img2);
1975
- const paddingTop = parseFloat(style.paddingTop) || 0;
1976
- const paddingRight = parseFloat(style.paddingRight) || 0;
1977
- const paddingBottom = parseFloat(style.paddingBottom) || 0;
1978
- const paddingLeft = parseFloat(style.paddingLeft) || 0;
1979
- const contentLeft = rect.left + paddingLeft;
1980
- const contentRight = rect.right - paddingRight;
1981
- const contentTop = rect.top + paddingTop;
1982
- const contentBottom = rect.bottom - paddingBottom;
1983
- return clientX < contentLeft || clientX > contentRight || clientY < contentTop || clientY > contentBottom;
1984
- };
1985
1972
  const handleImageWrapperClick = (e) => {
1986
1973
  if (hasDraggedRef.current) {
1987
1974
  hasDraggedRef.current = false;
@@ -2027,14 +2014,6 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
2027
2014
  handleClose();
2028
2015
  }
2029
2016
  };
2030
- const onImageClick = (e) => {
2031
- e.stopPropagation();
2032
- if (isClickInImagePadding(e.currentTarget, e.clientX, e.clientY)) {
2033
- handleClose();
2034
- return;
2035
- }
2036
- handleTriggerClick(e.currentTarget, e.clientX, e.clientY);
2037
- };
2038
2017
  const handleThumbWrapperClick = (e) => {
2039
2018
  const target = e.target;
2040
2019
  if (target.classList.contains(classes.thumbsWrapper) || target.classList.contains(classes.thumbsContainer)) {
@@ -2352,7 +2331,6 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
2352
2331
  [classes.cover]: item.image.objectFit === "cover",
2353
2332
  [classes.scaleSlide]: slider.type === "scale"
2354
2333
  }),
2355
- onClick: item.image.objectFit !== "contain" ? onImageClick : void 0,
2356
2334
  src: item.image.url,
2357
2335
  alt: item.image.name ?? "",
2358
2336
  style: { ...imageStyle2, pointerEvents: item.image.objectFit === "contain" ? "none" : "auto" }
@@ -2493,7 +2471,7 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
2493
2471
  ...thumbsPositionStyles,
2494
2472
  ...slider.direction === "horiz" ? {
2495
2473
  maxWidth: "100vw",
2496
- width: "100vw",
2474
+ width: "100%",
2497
2475
  overflowX: "auto",
2498
2476
  overflowY: "hidden"
2499
2477
  } : {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cntrl-site/components",
3
- "version": "0.1.16",
3
+ "version": "0.1.17",
4
4
  "description": "Custom components for control editor and public websites.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",