@dropins/tools 1.8.1-alpha-20260331163906 → 1.8.1-beta.0
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/CHANGELOG.md +2 -1
- package/chunks/Image.js +1 -1
- package/chunks/Image.js.map +1 -1
- package/lib/aem/assets.js +1 -1
- package/lib/aem/configs.js +1 -1
- package/package.json +1 -1
- package/types/elsie/src/components/Image/Image.d.ts +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
# @adobe-commerce/elsie
|
|
2
2
|
|
|
3
|
-
## 1.8.1-
|
|
3
|
+
## 1.8.1-beta.0
|
|
4
4
|
|
|
5
5
|
### Patch Changes
|
|
6
6
|
|
|
7
7
|
- e44f618: Fixed `srcset w` descriptors to use actual image widths instead of viewport breakpoints, preventing blurry product images.
|
|
8
|
+
- 46d57ca: Add optional `sizes` prop to the `Image` component so dropins can provide layout-aware sizing hints for more accurate srcset image source selection.
|
|
8
9
|
|
|
9
10
|
## 1.8.0
|
|
10
11
|
|
package/chunks/Image.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2026 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{jsx as
|
|
3
|
+
import{jsx as l}from"../preact-jsx-runtime.js";import{G as x,T as m,k as S,h as f}from"./icons/Add.js";import{IntlProvider as y}from"../i18n.js";import{d as r}from"./cjs.js";import{R as v,g as T,c as I}from"./vcomponent.js";const A={ExampleComponentName:{item:{label:"string"}},Pagination:{backwardButton:{ariaLabel:"Go to previous page"},forwardButton:{ariaLabel:"Go to next page"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{placeholder:"Password",floatingLabel:"Password",buttonShowTitle:"Click to show password",buttonHideTitle:"Click to hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},pricePerItem:{label:"price per item"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"},Table:{sortedAscending:"Sort {label} ascending",sortedDescending:"Sort {label} descending",sortBy:"Sort by {label}"},MultiSelect:{selectAll:"Select All",deselectAll:"Deselect All",placeholder:"Select options",noResultsText:"No options available",ariaLabel:{removed:"removed",added:"added",itemsSelected:"items selected",itemsAdded:"items added",itemsRemoved:"items removed",selectedTotal:"selected total",noResultsFor:"No results found for",optionsAvailable:"options available",dropdownExpanded:"Dropdown expanded",useArrowKeys:"Use arrow keys to navigate",removeFromSelection:"Remove",fromSelection:"from selection",selectedItem:"Selected item:",inField:" in {floatingLabel}",selectedItems:"Selected items",scrollableOptionsList:"Scrollable options list",selectOptions:"Select options",itemAction:"{label} {action}. {count} items selected.",bulkAdded:"{count} items added. {total} items selected total.",bulkRemoved:"{count} items removed. {total} items selected total.",dropdownExpandedWithOptions:"Dropdown expanded. {count} option{s} available. Use arrow keys to navigate.",selectedItemInField:"Selected item: {label} in {field}",removeFromSelectionWithText:"Remove {label} from selection. {text}",itemsSelectedDescription:"{count} item{s} selected: {labels}",noItemsSelected:"No items selected"}}},d={Dropin:A},c={default:d,en_US:d},k=e=>r(c.default,c[e]||{}),L=x({locale:"en-US"}),P=({lang:e="en_US",langDefinitions:t={},children:a})=>{const s=m(()=>{const i=r(t.default,t[e]??{});return r(k(e),i)},[e,t]),o=e.replace("_","-");return l(L.Provider,{value:{locale:o},children:l(y,{definition:s,children:l(S,{children:a})})})},B=new v(l(P,{})),F=({className:e,src:t,params:a,loading:s="lazy",srcSet:o,sizes:i,onLoad:n,...u})=>{const[p,b]=f(!1),h=m(()=>{if(o)return o;if(!(!t||!a))return T(t,{...a})},[a,t,o]),g=w=>{b(!0),n==null||n(w)};return l("img",{...u,className:I(["dropin-image",["dropin-image--loaded",p],e]),loading:s,onLoad:g,src:t,srcSet:h,sizes:i})};export{F as I,L as U,P as a,B as p};
|
|
4
4
|
//# sourceMappingURL=Image.js.map
|
package/chunks/Image.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sources":["/@dropins/tools/src/i18n/index.ts","/@dropins/tools/src/components/UIProvider/UIProvider.tsx","/@dropins/tools/src/components/Image/Image.tsx"],"sourcesContent":["/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { deepmerge } from '@adobe-commerce/elsie/lib';\nimport en_US from '@adobe-commerce/elsie/i18n/en_US.json';\n\nexport type Lang = 'en_US';\n\nexport const definition = {\n default: en_US,\n en_US,\n};\n\n// https://github.com/synacor/preact-i18n\n// eslint-disable-next-line no-restricted-imports\nexport * from 'preact-i18n';\n\nexport const getDefinitionByLanguage = (lang: Lang) => {\n return deepmerge(definition.default, definition[lang] || {});\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, createContext, useMemo } from 'preact/compat';\nimport { deepmerge, Render } from '@adobe-commerce/elsie/lib';\nimport { IntlProvider, getDefinitionByLanguage, Lang } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/UIProvider/UIProvider.css';\nimport '@adobe-commerce/elsie/components/UIProvider/normalize.css';\n\nexport const UIContext = createContext<{\n locale: string;\n}>({\n locale: 'en-US',\n});\n\ntype LangDefinitions = { [key: string]: any };\n\nexport interface UIProviderProps extends HTMLAttributes<HTMLDivElement> {\n lang?: Lang; // ... list of other supported languages\n langDefinitions?: LangDefinitions;\n}\n\nexport const UIProvider: FunctionComponent<UIProviderProps> = ({\n lang = 'en_US',\n langDefinitions = {},\n children,\n}) => {\n const definitions = useMemo(() => {\n // Merge default definition with selected definition\n const selectedDefinitions: LangDefinitions = deepmerge(\n langDefinitions.default,\n langDefinitions[lang] ?? {}\n );\n\n // Merge SDK default definitions with custom definitions\n return deepmerge(\n getDefinitionByLanguage(lang), // SDK default definitions\n selectedDefinitions // Custom definitions\n );\n }, [lang, langDefinitions]);\n\n const locale = lang.replace('_', '-');\n\n return (\n <UIContext.Provider value={{ locale }}>\n <IntlProvider definition={definitions}>\n <>{children}</>\n </IntlProvider>\n </UIContext.Provider>\n );\n};\n\nexport const provider = new Render(<UIProvider />);","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo, useState } from 'preact/compat';\nimport {\n classes,\n generateSrcset,\n ResolveImageUrlOptions,\n} from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Image/Image.css';\n\nexport interface ImageProps extends HTMLAttributes<HTMLDivElement> {\n params?: ResolveImageUrlOptions;\n src: string;\n onLoad?: (e: any) => void;\n}\nexport const Image: FunctionComponent<ImageProps> = ({\n className,\n src,\n params,\n loading = 'lazy',\n srcSet,\n onLoad,\n ...props\n}) => {\n const [loaded, setLoaded] = useState(false);\n\n const _srcSet = useMemo(() => {\n // If srcSet is provided, use it\n if (srcSet) return srcSet;\n\n // If src is not provided, return \"undefined\"\n if (!src || !params) return;\n\n // Otherwise, generate srcSet based on params\n return generateSrcset(src, { ...params });\n }, [params, src, srcSet]);\n\n // Add class at image onLoad\n const onLoadHandler = (e: any) => {\n setLoaded(true); \n onLoad?.(e);\n };\n\n return (\n <img\n {...props}\n className={classes([\n 'dropin-image',\n ['dropin-image--loaded', loaded],\n className,\n ])}\n loading={loading}\n onLoad={onLoadHandler}\n src={src}\n srcSet={_srcSet}\n />\n );\n};\n"],"names":["definition","en_US","getDefinitionByLanguage","lang","deepmerge","UIContext","createContext","UIProvider","langDefinitions","children","definitions","useMemo","selectedDefinitions","locale","jsx","IntlProvider","Fragment","provider","Render","Image","className","src","params","loading","srcSet","onLoad","props","loaded","setLoaded","useState","_srcSet","generateSrcset","onLoadHandler","e","classes"],"mappings":"wuHAcaA,EAAa,CACxB,QAASC,EACT,MAAAA,CACF,EAMaC,EAA2BC,GAC/BC,EAAUJ,EAAW,QAASA,EAAWG,CAAI,GAAK,EAAE,ECPhDE,EAAYC,EAEtB,CACD,OAAQ,OACV,CAAC,EASYC,EAAiD,CAAC,CAC7D,KAAAJ,EAAO,QACP,gBAAAK,EAAkB,CAAC,EACnB,SAAAC,CACF,IAAM,CACE,MAAAC,EAAcC,EAAQ,IAAM,CAEhC,MAAMC,EAAuCR,EAC3CI,EAAgB,QAChBA,EAAgBL,CAAI,GAAK,CAAA,CAC3B,EAGO,OAAAC,EACLF,EAAwBC,CAAI,EAC5BS,CACF,CAAA,EACC,CAACT,EAAMK,CAAe,CAAC,EAEpBK,EAASV,EAAK,QAAQ,IAAK,GAAG,EAEpC,OACGW,EAAAT,EAAU,SAAV,CAAmB,MAAO,CAAE,OAAAQ,CAAA,EAC3B,SAAAC,EAACC,GAAa,WAAYL,EACxB,SAAGI,EAAAE,EAAA,CAAA,SAAAP,CAAA,CAAS,CACd,CAAA,EACF,CAEJ,EAEaQ,EAAW,IAAIC,EAAOJ,EAACP,IAAW,CAAE,
|
|
1
|
+
{"version":3,"file":"Image.js","sources":["/@dropins/tools/src/i18n/index.ts","/@dropins/tools/src/components/UIProvider/UIProvider.tsx","/@dropins/tools/src/components/Image/Image.tsx"],"sourcesContent":["/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { deepmerge } from '@adobe-commerce/elsie/lib';\nimport en_US from '@adobe-commerce/elsie/i18n/en_US.json';\n\nexport type Lang = 'en_US';\n\nexport const definition = {\n default: en_US,\n en_US,\n};\n\n// https://github.com/synacor/preact-i18n\n// eslint-disable-next-line no-restricted-imports\nexport * from 'preact-i18n';\n\nexport const getDefinitionByLanguage = (lang: Lang) => {\n return deepmerge(definition.default, definition[lang] || {});\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, createContext, useMemo } from 'preact/compat';\nimport { deepmerge, Render } from '@adobe-commerce/elsie/lib';\nimport { IntlProvider, getDefinitionByLanguage, Lang } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/UIProvider/UIProvider.css';\nimport '@adobe-commerce/elsie/components/UIProvider/normalize.css';\n\nexport const UIContext = createContext<{\n locale: string;\n}>({\n locale: 'en-US',\n});\n\ntype LangDefinitions = { [key: string]: any };\n\nexport interface UIProviderProps extends HTMLAttributes<HTMLDivElement> {\n lang?: Lang; // ... list of other supported languages\n langDefinitions?: LangDefinitions;\n}\n\nexport const UIProvider: FunctionComponent<UIProviderProps> = ({\n lang = 'en_US',\n langDefinitions = {},\n children,\n}) => {\n const definitions = useMemo(() => {\n // Merge default definition with selected definition\n const selectedDefinitions: LangDefinitions = deepmerge(\n langDefinitions.default,\n langDefinitions[lang] ?? {}\n );\n\n // Merge SDK default definitions with custom definitions\n return deepmerge(\n getDefinitionByLanguage(lang), // SDK default definitions\n selectedDefinitions // Custom definitions\n );\n }, [lang, langDefinitions]);\n\n const locale = lang.replace('_', '-');\n\n return (\n <UIContext.Provider value={{ locale }}>\n <IntlProvider definition={definitions}>\n <>{children}</>\n </IntlProvider>\n </UIContext.Provider>\n );\n};\n\nexport const provider = new Render(<UIProvider />);","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo, useState } from 'preact/compat';\nimport {\n classes,\n generateSrcset,\n ResolveImageUrlOptions,\n} from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Image/Image.css';\n\nexport interface ImageProps extends HTMLAttributes<HTMLDivElement> {\n params?: ResolveImageUrlOptions;\n src: string;\n sizes?: string;\n onLoad?: (e: any) => void;\n}\nexport const Image: FunctionComponent<ImageProps> = ({\n className,\n src,\n params,\n loading = 'lazy',\n srcSet,\n sizes,\n onLoad,\n ...props\n}) => {\n const [loaded, setLoaded] = useState(false);\n\n const _srcSet = useMemo(() => {\n // If srcSet is provided, use it\n if (srcSet) return srcSet;\n\n // If src is not provided, return \"undefined\"\n if (!src || !params) return;\n\n // Otherwise, generate srcSet based on params\n return generateSrcset(src, { ...params });\n }, [params, src, srcSet]);\n\n // Add class at image onLoad\n const onLoadHandler = (e: any) => {\n setLoaded(true); \n onLoad?.(e);\n };\n\n return (\n <img\n {...props}\n className={classes([\n 'dropin-image',\n ['dropin-image--loaded', loaded],\n className,\n ])}\n loading={loading}\n onLoad={onLoadHandler}\n src={src}\n srcSet={_srcSet}\n sizes={sizes}\n />\n );\n};\n"],"names":["definition","en_US","getDefinitionByLanguage","lang","deepmerge","UIContext","createContext","UIProvider","langDefinitions","children","definitions","useMemo","selectedDefinitions","locale","jsx","IntlProvider","Fragment","provider","Render","Image","className","src","params","loading","srcSet","sizes","onLoad","props","loaded","setLoaded","useState","_srcSet","generateSrcset","onLoadHandler","e","classes"],"mappings":"wuHAcaA,EAAa,CACxB,QAASC,EACT,MAAAA,CACF,EAMaC,EAA2BC,GAC/BC,EAAUJ,EAAW,QAASA,EAAWG,CAAI,GAAK,EAAE,ECPhDE,EAAYC,EAEtB,CACD,OAAQ,OACV,CAAC,EASYC,EAAiD,CAAC,CAC7D,KAAAJ,EAAO,QACP,gBAAAK,EAAkB,CAAC,EACnB,SAAAC,CACF,IAAM,CACE,MAAAC,EAAcC,EAAQ,IAAM,CAEhC,MAAMC,EAAuCR,EAC3CI,EAAgB,QAChBA,EAAgBL,CAAI,GAAK,CAAA,CAC3B,EAGO,OAAAC,EACLF,EAAwBC,CAAI,EAC5BS,CACF,CAAA,EACC,CAACT,EAAMK,CAAe,CAAC,EAEpBK,EAASV,EAAK,QAAQ,IAAK,GAAG,EAEpC,OACGW,EAAAT,EAAU,SAAV,CAAmB,MAAO,CAAE,OAAAQ,CAAA,EAC3B,SAAAC,EAACC,GAAa,WAAYL,EACxB,SAAGI,EAAAE,EAAA,CAAA,SAAAP,CAAA,CAAS,CACd,CAAA,EACF,CAEJ,EAEaQ,EAAW,IAAIC,EAAOJ,EAACP,IAAW,CAAE,ECpCpCY,EAAuC,CAAC,CACnD,UAAAC,EACA,IAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,OACV,OAAAC,EACA,MAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAS,EAAK,EAEpCC,EAAUpB,EAAQ,IAAM,CAE5B,GAAIa,EAAe,OAAAA,EAGf,GAAA,GAACH,GAAO,CAACC,GAGb,OAAOU,EAAeX,EAAK,CAAE,GAAGC,EAAQ,CACvC,EAAA,CAACA,EAAQD,EAAKG,CAAM,CAAC,EAGlBS,EAAiBC,GAAW,CAChCL,EAAU,EAAI,EACdH,GAAA,MAAAA,EAASQ,EACX,EAGE,OAAApB,EAAC,MAAA,CACE,GAAGa,EACJ,UAAWQ,EAAQ,CACjB,eACA,CAAC,uBAAwBP,CAAM,EAC/BR,CAAA,CACD,EACD,QAAAG,EACA,OAAQU,EACR,IAAAZ,EACA,OAAQU,EACR,MAAAN,CAAA,CACF,CAEJ"}
|
package/lib/aem/assets.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2026 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{getConfigValue as O}from"./configs.js";import{p as f,I as g}from"../../chunks/Image.js";import"../../chunks/
|
|
3
|
+
import{getConfigValue as O}from"./configs.js";import{p as f,I as g}from"../../chunks/Image.js";import"../../chunks/cjs.js";import"../../chunks/get-path-value.js";import"../../preact-jsx-runtime.js";import"../../chunks/icons/Add.js";import"../../i18n.js";import"../../chunks/vcomponent.js";import"../../chunks/image-params-keymap.js";import"../../signals.js";const b=["gif","jpg","jpeg","png","webp"],v=[90,180,270],U=["h","v","hv"];function l(e){let t=e;if(t.startsWith("//")){const{protocol:s}=window.location;t=s+t}return t}function I(e){return U.includes(e)}function L(e){return v.includes(e)}function y(e){return b.includes(e)}function u(e,t,s){if(e!==void 0&&!t(e))throw new Error(s)}function h(){const e=O("commerce-assets-enabled");return e&&(typeof e=="string"&&e.toLowerCase()==="true"||typeof e=="boolean"&&e===!0)}function R(){return{quality:80,format:"webp"}}function A(e){return!!(typeof e=="string"?new URL(l(e)):e).pathname.startsWith("/adobe/assets/urn:aaid:aem")}function w(e,t,s={}){const r={...R(),...s},{format:i,crop:n,...o}=r;u(i,y,"Invalid format"),u(o.flip,I,"Invalid flip"),u(o.rotate,L,"Invalid rotation");const a=Object.fromEntries(Object.entries(o).map(([p,d])=>[p,String(d)])),c=new URLSearchParams(a);if(n){const[p,d]=[n.xOrigin||0,n.yOrigin||0],[P,E]=[n.width||100,n.height||100],S=`${p}p,${d}p,${P}p,${E}p`;c.set("crop",S)}return`${e}/as/${t}.${i}?${c.toString()}`}function q(e,t,s={}){if(!h())return e;const r=new URL(l(e));if(!A(r))return e;const i=r.origin+r.pathname;return w(i,t,s)}function _(e){return t=>{const{wrapper:s,alias:m,params:r,imageProps:i}=e;if(!i.src)throw new Error("An image source is required. Please provide a `src` or `imageProps.src`.");const n=s??document.createElement("div"),o=w(i.src,m,r),a={width:r.width,height:r.height,crop:void 0,fit:void 0,auto:void 0},c={...i,width:r.width,height:r.height,src:o,params:a};f.render(g,c)(n),t.replaceWith(n)}}function x(e,t){function s(){const i=t.wrapper??document.createElement("div"),{imageProps:n,params:o}=t,a={...n,width:o.width,height:o.height};f.render(g,a)(i),e.replaceWith(i)}if(!h()){s();return}if(!t.imageProps.src)throw new Error("An image source is required. Please provide a `src` or `imageProps.src`.");const r=new URL(l(t.imageProps.src));if(!A(r)){s();return}_(t)(e)}export{w as generateAemAssetsOptimizedUrl,R as getDefaultAemAssetsOptimizationParams,h as isAemAssetsEnabled,A as isAemAssetsUrl,_ as makeAemAssetsImageSlot,q as tryGenerateAemAssetsOptimizedUrl,x as tryRenderAemAssetsImage};
|
|
4
4
|
//# sourceMappingURL=assets.js.map
|
package/lib/aem/configs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2026 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{
|
|
3
|
+
import{d as c}from"../../chunks/cjs.js";import{g as s}from"../../chunks/get-path-value.js";let l=null,f=null,u=null,i=null;function z(){l=null,f=null,u=null,i=null}function g(t=l,e=f){return t?Object.keys(t==null?void 0:t.public).sort((n,r)=>{const o=n.split("/").filter(Boolean).length;return r.split("/").filter(Boolean).length-o}).find(n=>{var r;return window.location.pathname===n||(((r=e==null?void 0:e.match)==null?void 0:r.call(e,n))??window.location.pathname.startsWith(n))})??"/":(console.warn("No config found. Please call initializeConfig() first."),"/")}function h(){return l?Object.keys(l.public).filter(t=>t!=="default"&&t.startsWith("/")):(console.warn("No config found. Please call initializeConfig() first."),[])}function P(){return h().length>=1}function p(t){if(!i)throw new Error("Configuration not initialized. Call initializeConfig() first.");const e=i.headers??{};return{...e.all??{},...e[t]??{}}}function d(t,e){var n;const a=(n=t.public)==null?void 0:n.default;return e==="/"||!t.public[e]?a:c(a,t.public[e])}function v(t,e){return l=t,f=e??null,u=g(l,{match:e==null?void 0:e.match}),i=d(l,u),i}function S(t){if(!i)throw new Error("Configuration not initialized. Call initializeConfig() first.");return s(i,t)}export{S as getConfigValue,p as getHeaders,h as getListOfRootPaths,g as getRootPath,v as initializeConfig,P as isMultistore,z as resetConfig};
|
|
4
4
|
//# sourceMappingURL=configs.js.map
|
package/package.json
CHANGED
|
@@ -5,6 +5,7 @@ import { ResolveImageUrlOptions } from '../../lib';
|
|
|
5
5
|
export interface ImageProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
6
|
params?: ResolveImageUrlOptions;
|
|
7
7
|
src: string;
|
|
8
|
+
sizes?: string;
|
|
8
9
|
onLoad?: (e: any) => void;
|
|
9
10
|
}
|
|
10
11
|
export declare const Image: FunctionComponent<ImageProps>;
|