@depict-ai/ui 3.0.25 → 3.0.26

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.
package/ES10/index.cjs CHANGED
@@ -83,7 +83,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
83
83
  $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
84
84
  $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
85
85
  /*! Depict.ai search and product listing SDK */
86
- const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.25";
86
+ const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.26";
87
87
  const $9d19451330d04c3c$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
88
88
  function $9d19451330d04c3c$export$8be2714ec7f169ee() {
89
89
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -2179,7 +2179,7 @@ function $28535bb7671c63d1$export$e4b984597b71e989(props) {
2179
2179
  $52FdA$depictaiutilishared.queueMacroTask(() => setCurrentImageSize(undefined)); // unset the size accessor next event loop iteration, so that all onCleanup's have time to run, since the effects run more aggressively and can create a size accessor with a cleaned up owner otherwise
2180
2180
  });
2181
2181
 
2182
- $52FdA$solidjsweb.insert(container, $52FdA$solidjsweb.createComponent((0, $858fdcf73148519f$export$6e5611bc7e57e477), {
2182
+ $52FdA$solidjsweb.insert(container, $52FdA$solidjsweb.createComponent((0, $858fdcf73148519f$export$6e5611bc7e57e477), $52FdA$solidjsweb.mergeProps({
2183
2183
  style: "width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0;",
2184
2184
  get size() {
2185
2185
  return $52FdA$solidjs.createMemo(() => {
@@ -2189,11 +2189,8 @@ function $28535bb7671c63d1$export$e4b984597b71e989(props) {
2189
2189
  },
2190
2190
  get src() {
2191
2191
  return props.src;
2192
- },
2193
- get alt() {
2194
- return props.alt;
2195
2192
  }
2196
- }));
2193
+ }, () => props.imgProps)));
2197
2194
  return container;
2198
2195
  }
2199
2196
 
package/ES10/index.d.ts CHANGED
@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
10
10
  import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
11
11
  import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
12
12
  import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
13
- export const version = "3.0.25";
13
+ export const version = "3.0.26";
14
14
  export type SDKColsAtSize = [number, number?][];
15
15
  /**
16
16
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -559,12 +559,13 @@ export const shopifyContainedImageContextSymbol: unique symbol;
559
559
  * @property aspectRatio aspect ratio of the image
560
560
  * @property class extra class to add to the container
561
561
  * @property alt alt text for the image
562
+ * @property imgProps props to pass to ShopifyResponsiveImg to add to the <img> element
562
563
  */
563
564
  export function ShopifyContainedImage(props: {
564
565
  src: string;
565
566
  aspectRatio: number;
566
567
  class?: string;
567
- alt?: string;
568
+ imgProps?: Omit<Parameters<typeof ShopifyResponsiveImg>[0], "size" | "src">;
568
569
  }): HTMLDivElement;
569
570
  /**
570
571
  * Returns accessor with the size of the provided element, including padding and border (I think)
package/ES10/index.js CHANGED
@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
10
10
  /*! Depict.ai search and product listing SDK */
11
11
  import { register_es_version } from "../multi_import_deduplicator.mjs";
12
12
  register_es_version("ui", "ES10");
13
- const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.25";
13
+ const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.26";
14
14
  const $ca6ab5f08bd28bca$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
15
15
  function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
16
16
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -2106,7 +2106,7 @@ function $4df489344a0f97c7$export$e4b984597b71e989(props) {
2106
2106
  $8tj43$queueMacroTask(() => setCurrentImageSize(undefined)); // unset the size accessor next event loop iteration, so that all onCleanup's have time to run, since the effects run more aggressively and can create a size accessor with a cleaned up owner otherwise
2107
2107
  });
2108
2108
 
2109
- $8tj43$insert(container, $8tj43$createComponent((0, $56047603f9d212b6$export$6e5611bc7e57e477), {
2109
+ $8tj43$insert(container, $8tj43$createComponent((0, $56047603f9d212b6$export$6e5611bc7e57e477), $8tj43$mergeProps({
2110
2110
  style: "width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0;",
2111
2111
  get size() {
2112
2112
  return $8tj43$createMemo(() => {
@@ -2116,11 +2116,8 @@ function $4df489344a0f97c7$export$e4b984597b71e989(props) {
2116
2116
  },
2117
2117
  get src() {
2118
2118
  return props.src;
2119
- },
2120
- get alt() {
2121
- return props.alt;
2122
2119
  }
2123
- }));
2120
+ }, () => props.imgProps)));
2124
2121
  return container;
2125
2122
  }
2126
2123
 
package/latest/index.cjs CHANGED
@@ -77,7 +77,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
77
77
  $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
78
78
  $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
79
79
  /*! Depict.ai search and product listing SDK */
80
- const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.25";
80
+ const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.26";
81
81
  const $0f313083912e447a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
82
82
  function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
83
83
  return (() => {
@@ -2072,18 +2072,15 @@ function $a33065cfed827fc0$export$e4b984597b71e989(props) {
2072
2072
  $gVhhF$depictaiutilishared.queueMacroTask(() => setCurrentImageSize(undefined)); // unset the size accessor next event loop iteration, so that all onCleanup's have time to run, since the effects run more aggressively and can create a size accessor with a cleaned up owner otherwise
2073
2073
  });
2074
2074
 
2075
- $gVhhF$solidjsweb.insert(container, $gVhhF$solidjsweb.createComponent((0, $19950faaac026e09$export$6e5611bc7e57e477), {
2075
+ $gVhhF$solidjsweb.insert(container, $gVhhF$solidjsweb.createComponent((0, $19950faaac026e09$export$6e5611bc7e57e477), $gVhhF$solidjsweb.mergeProps({
2076
2076
  style: "width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0;",
2077
2077
  get size() {
2078
2078
  return $gVhhF$solidjs.createMemo(() => currentImageSize()?.() || 0);
2079
2079
  },
2080
2080
  get src() {
2081
2081
  return props.src;
2082
- },
2083
- get alt() {
2084
- return props.alt;
2085
2082
  }
2086
- }));
2083
+ }, () => props.imgProps)));
2087
2084
  return container;
2088
2085
  }
2089
2086
 
package/latest/index.d.ts CHANGED
@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
10
10
  import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
11
11
  import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
12
12
  import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
13
- export const version = "3.0.25";
13
+ export const version = "3.0.26";
14
14
  export type SDKColsAtSize = [number, number?][];
15
15
  /**
16
16
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -559,12 +559,13 @@ export const shopifyContainedImageContextSymbol: unique symbol;
559
559
  * @property aspectRatio aspect ratio of the image
560
560
  * @property class extra class to add to the container
561
561
  * @property alt alt text for the image
562
+ * @property imgProps props to pass to ShopifyResponsiveImg to add to the <img> element
562
563
  */
563
564
  export function ShopifyContainedImage(props: {
564
565
  src: string;
565
566
  aspectRatio: number;
566
567
  class?: string;
567
- alt?: string;
568
+ imgProps?: Omit<Parameters<typeof ShopifyResponsiveImg>[0], "size" | "src">;
568
569
  }): HTMLDivElement;
569
570
  /**
570
571
  * Returns accessor with the size of the provided element, including padding and border (I think)
package/latest/index.js CHANGED
@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
7
7
  /*! Depict.ai search and product listing SDK */
8
8
  import { register_es_version } from "../multi_import_deduplicator.mjs";
9
9
  register_es_version("ui", "latest");
10
- const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.25";
10
+ const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.26";
11
11
  const $fbbadcb080ad1d4a$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
12
12
  function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
13
13
  return (() => {
@@ -2002,18 +2002,15 @@ function $660070e2a394b3c3$export$e4b984597b71e989(props) {
2002
2002
  $9HbP8$queueMacroTask(() => setCurrentImageSize(undefined)); // unset the size accessor next event loop iteration, so that all onCleanup's have time to run, since the effects run more aggressively and can create a size accessor with a cleaned up owner otherwise
2003
2003
  });
2004
2004
 
2005
- $9HbP8$insert(container, $9HbP8$createComponent((0, $e8ffe11ed01df0fe$export$6e5611bc7e57e477), {
2005
+ $9HbP8$insert(container, $9HbP8$createComponent((0, $e8ffe11ed01df0fe$export$6e5611bc7e57e477), $9HbP8$mergeProps({
2006
2006
  style: "width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0;",
2007
2007
  get size() {
2008
2008
  return $9HbP8$createMemo(() => currentImageSize()?.() || 0);
2009
2009
  },
2010
2010
  get src() {
2011
2011
  return props.src;
2012
- },
2013
- get alt() {
2014
- return props.alt;
2015
2012
  }
2016
- }));
2013
+ }, () => props.imgProps)));
2017
2014
  return container;
2018
2015
  }
2019
2016
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@depict-ai/ui",
3
- "version": "3.0.25",
3
+ "version": "3.0.26",
4
4
  "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
5
5
  "packageManager": "yarn@3.2.2",
6
6
  "sass": "styles.scss",
@@ -83,7 +83,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
83
83
  $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
84
84
  $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
85
85
  /*! Depict.ai search and product listing SDK */
86
- const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.25";
86
+ const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.26";
87
87
  const $9d19451330d04c3c$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
88
88
  function $9d19451330d04c3c$export$8be2714ec7f169ee() {
89
89
  var _$escape2, _$escape3;
@@ -1926,7 +1926,7 @@ function $28535bb7671c63d1$export$e4b984597b71e989(props) {
1926
1926
  $3hooq$depictaiutilishared.queueMacroTask(() => setCurrentImageSize(undefined)); // unset the size accessor next event loop iteration, so that all onCleanup's have time to run, since the effects run more aggressively and can create a size accessor with a cleaned up owner otherwise
1927
1927
  });
1928
1928
 
1929
- $3hooq$solidjsweb.insert(container, $3hooq$solidjsweb.createComponent((0, $858fdcf73148519f$export$6e5611bc7e57e477), {
1929
+ $3hooq$solidjsweb.insert(container, $3hooq$solidjsweb.createComponent((0, $858fdcf73148519f$export$6e5611bc7e57e477), $3hooq$solidjsweb.mergeProps({
1930
1930
  style: "width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0;",
1931
1931
  get size() {
1932
1932
  return $3hooq$solidjs.createMemo(() => {
@@ -1936,11 +1936,8 @@ function $28535bb7671c63d1$export$e4b984597b71e989(props) {
1936
1936
  },
1937
1937
  get src() {
1938
1938
  return props.src;
1939
- },
1940
- get alt() {
1941
- return props.alt;
1942
1939
  }
1943
- }));
1940
+ }, () => props.imgProps)));
1944
1941
  return container;
1945
1942
  }
1946
1943
 
@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
10
10
  import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
11
11
  import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
12
12
  import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
13
- export const version = "3.0.25";
13
+ export const version = "3.0.26";
14
14
  export type SDKColsAtSize = [number, number?][];
15
15
  /**
16
16
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -559,12 +559,13 @@ export const shopifyContainedImageContextSymbol: unique symbol;
559
559
  * @property aspectRatio aspect ratio of the image
560
560
  * @property class extra class to add to the container
561
561
  * @property alt alt text for the image
562
+ * @property imgProps props to pass to ShopifyResponsiveImg to add to the <img> element
562
563
  */
563
564
  export function ShopifyContainedImage(props: {
564
565
  src: string;
565
566
  aspectRatio: number;
566
567
  class?: string;
567
- alt?: string;
568
+ imgProps?: Omit<Parameters<typeof ShopifyResponsiveImg>[0], "size" | "src">;
568
569
  }): HTMLDivElement;
569
570
  /**
570
571
  * Returns accessor with the size of the provided element, including padding and border (I think)
@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from
10
10
  /*! Depict.ai search and product listing SDK */
11
11
  import { register_es_version } from "../../multi_import_deduplicator.mjs";
12
12
  register_es_version("ui", "ES10");
13
- const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.25";
13
+ const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.26";
14
14
  const $ca6ab5f08bd28bca$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
15
15
  function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
16
16
  var _$escape2, _$escape3;
@@ -1853,7 +1853,7 @@ function $4df489344a0f97c7$export$e4b984597b71e989(props) {
1853
1853
  $b8hua$queueMacroTask(() => setCurrentImageSize(undefined)); // unset the size accessor next event loop iteration, so that all onCleanup's have time to run, since the effects run more aggressively and can create a size accessor with a cleaned up owner otherwise
1854
1854
  });
1855
1855
 
1856
- $b8hua$insert(container, $b8hua$createComponent((0, $56047603f9d212b6$export$6e5611bc7e57e477), {
1856
+ $b8hua$insert(container, $b8hua$createComponent((0, $56047603f9d212b6$export$6e5611bc7e57e477), $b8hua$mergeProps({
1857
1857
  style: "width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0;",
1858
1858
  get size() {
1859
1859
  return $b8hua$createMemo(() => {
@@ -1863,11 +1863,8 @@ function $4df489344a0f97c7$export$e4b984597b71e989(props) {
1863
1863
  },
1864
1864
  get src() {
1865
1865
  return props.src;
1866
- },
1867
- get alt() {
1868
- return props.alt;
1869
1866
  }
1870
- }));
1867
+ }, () => props.imgProps)));
1871
1868
  return container;
1872
1869
  }
1873
1870
 
@@ -77,7 +77,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
77
77
  $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
78
78
  $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
79
79
  /*! Depict.ai search and product listing SDK */
80
- const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.25";
80
+ const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.26";
81
81
  const $0f313083912e447a$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
82
82
  function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
83
83
  return $5vyXB$solidjsweb.ssr($0f313083912e447a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("width", $5vyXB$solidjsweb.escape(props.width_, true) ?? 14, false) + $5vyXB$solidjsweb.ssrAttribute("height", $5vyXB$solidjsweb.escape(props.height_, true) ?? 26, false));
@@ -1834,18 +1834,15 @@ function $a33065cfed827fc0$export$e4b984597b71e989(props) {
1834
1834
  $5vyXB$depictaiutilishared.queueMacroTask(() => setCurrentImageSize(undefined)); // unset the size accessor next event loop iteration, so that all onCleanup's have time to run, since the effects run more aggressively and can create a size accessor with a cleaned up owner otherwise
1835
1835
  });
1836
1836
 
1837
- $5vyXB$solidjsweb.insert(container, $5vyXB$solidjsweb.createComponent((0, $19950faaac026e09$export$6e5611bc7e57e477), {
1837
+ $5vyXB$solidjsweb.insert(container, $5vyXB$solidjsweb.createComponent((0, $19950faaac026e09$export$6e5611bc7e57e477), $5vyXB$solidjsweb.mergeProps({
1838
1838
  style: "width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0;",
1839
1839
  get size() {
1840
1840
  return $5vyXB$solidjs.createMemo(() => currentImageSize()?.() || 0);
1841
1841
  },
1842
1842
  get src() {
1843
1843
  return props.src;
1844
- },
1845
- get alt() {
1846
- return props.alt;
1847
1844
  }
1848
- }));
1845
+ }, () => props.imgProps)));
1849
1846
  return container;
1850
1847
  }
1851
1848
 
@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
10
10
  import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
11
11
  import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
12
12
  import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
13
- export const version = "3.0.25";
13
+ export const version = "3.0.26";
14
14
  export type SDKColsAtSize = [number, number?][];
15
15
  /**
16
16
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -559,12 +559,13 @@ export const shopifyContainedImageContextSymbol: unique symbol;
559
559
  * @property aspectRatio aspect ratio of the image
560
560
  * @property class extra class to add to the container
561
561
  * @property alt alt text for the image
562
+ * @property imgProps props to pass to ShopifyResponsiveImg to add to the <img> element
562
563
  */
563
564
  export function ShopifyContainedImage(props: {
564
565
  src: string;
565
566
  aspectRatio: number;
566
567
  class?: string;
567
- alt?: string;
568
+ imgProps?: Omit<Parameters<typeof ShopifyResponsiveImg>[0], "size" | "src">;
568
569
  }): HTMLDivElement;
569
570
  /**
570
571
  * Returns accessor with the size of the provided element, including padding and border (I think)
@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from
7
7
  /*! Depict.ai search and product listing SDK */
8
8
  import { register_es_version } from "../../multi_import_deduplicator.mjs";
9
9
  register_es_version("ui", "latest");
10
- const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.25";
10
+ const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.26";
11
11
  const $fbbadcb080ad1d4a$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
12
12
  function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
13
13
  return $i7OB2$ssr($fbbadcb080ad1d4a$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("width", $i7OB2$escape(props.width_, true) ?? 14, false) + $i7OB2$ssrAttribute("height", $i7OB2$escape(props.height_, true) ?? 26, false));
@@ -1764,18 +1764,15 @@ function $660070e2a394b3c3$export$e4b984597b71e989(props) {
1764
1764
  $i7OB2$queueMacroTask(() => setCurrentImageSize(undefined)); // unset the size accessor next event loop iteration, so that all onCleanup's have time to run, since the effects run more aggressively and can create a size accessor with a cleaned up owner otherwise
1765
1765
  });
1766
1766
 
1767
- $i7OB2$insert(container, $i7OB2$createComponent((0, $e8ffe11ed01df0fe$export$6e5611bc7e57e477), {
1767
+ $i7OB2$insert(container, $i7OB2$createComponent((0, $e8ffe11ed01df0fe$export$6e5611bc7e57e477), $i7OB2$mergeProps({
1768
1768
  style: "width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0;",
1769
1769
  get size() {
1770
1770
  return $i7OB2$createMemo(() => currentImageSize()?.() || 0);
1771
1771
  },
1772
1772
  get src() {
1773
1773
  return props.src;
1774
- },
1775
- get alt() {
1776
- return props.alt;
1777
1774
  }
1778
- }));
1775
+ }, () => props.imgProps)));
1779
1776
  return container;
1780
1777
  }
1781
1778