@websolutespa/bom-mixer-ui 1.2.2 → 1.4.0

package/dist/esm/accessibility/index.js

@@ -0,0 +1,13 @@
+import { __awaiter } from '../node_modules/tslib/tslib.es6.js';
+import { isDevelopment, isBrowser } from '@websolutespa/bom-core';
+
+const accessibility = (App, config) => __awaiter(void 0, void 0, void 0, function* () {
+  if (isDevelopment && isBrowser) {
+    const axe = yield import('@axe-core/react');
+    const ReactDOM = yield import('react-dom');
+    axe.default(App, ReactDOM, 1000, config);
+  }
+});
+
+export { accessibility };
+//# sourceMappingURL=index.js.map

package/dist/esm/accessibility/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/accessibility/index.ts"],"sourcesContent":["import { __awaiter } from \"tslib\";\nimport { isBrowser, isDevelopment } from '@websolutespa/bom-core';\nexport const accessibility = (App, config) => __awaiter(void 0, void 0, void 0, function* () {\n    if (isDevelopment && isBrowser) {\n        const axe = yield import('@axe-core/react');\n        const ReactDOM = yield import('react-dom');\n        axe.default(App, ReactDOM, 1000, config);\n    }\n});\n//# sourceMappingURL=index.js.map"],"names":["accessibility","App","config","__awaiter","isDevelopment","isBrowser","axe","ReactDOM","default"],"mappings":";;;MAEaA,aAAa,GAAGA,CAACC,GAAG,EAAEC,MAAM,KAAKC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,aAAa;EACzF,IAAIC,aAAa,IAAIC,SAAS,EAAE;AAC5B,IAAA,MAAMC,GAAG,GAAG,MAAM,OAAO,iBAAiB,CAAC,CAAA;AAC3C,IAAA,MAAMC,QAAQ,GAAG,MAAM,OAAO,WAAW,CAAC,CAAA;IAC1CD,GAAG,CAACE,OAAO,CAACP,GAAG,EAAEM,QAAQ,EAAE,IAAI,EAAEL,MAAM,CAAC,CAAA;AAC5C,GAAA;AACJ,CAAC;;;;"}

package/dist/esm/components/breakpoint/breakpoint.js

@@ -36,7 +36,8 @@ const Breakpoint = props => {
       exit: {
         opacity: 0,
         y: '100%'
-      }
+      },
+      "aria-hidden": "true"
     }, props, {
       children: [breakpoint.key, " (", breakpoint.min, "/", breakpoint.max < 50000 ? breakpoint.max : '∞', ")"]
     }), "breakpoint")

package/dist/esm/components/breakpoint/breakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoint.js","sources":["../../../../src/components/breakpoint/breakpoint.tsx"],"sourcesContent":["import { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { useBreakpoint, useIdle } from '@websolutespa/bom-mixer-hooks';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport styled from 'styled-components';\nimport { getCssResponsive } from '../../components/utils';\nconst StyledBreakpoint = styled(motion.div) `\r\n  position: fixed;\r\n  top: 6px;\r\n  left: 6px;\r\n  padding: 0.3em 0.8em;\r\n  background: var(--color-warning-500);\r\n  color: var(--color-warning-900);\r\n  border: 1px solid var(--color-warning-700);\r\n  border-radius: 0.3em;\r\n  z-index: 10000;\r\n  font-family: monospace;\r\n  font-size: 0.8rem;\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  ${props => getCssResponsive(props)}\r\n`;\nexport const Breakpoint = ((props) => {\n    const breakpoint = useBreakpoint();\n    const isIdle = useIdle(3000);\n    return breakpoint.max > 0 ? (_jsx(AnimatePresence, { children: !isIdle && (_jsxs(StyledBreakpoint, Object.assign({ initial: { opacity: 0, y: '100%' }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: '100%' } }, props, { children: [breakpoint.key, \" (\", breakpoint.min, \"/\", breakpoint.max < 50000 ? breakpoint.max : '∞', \")\"] }), \"breakpoint\")) })) : null;\n});\n//# sourceMappingURL=breakpoint.js.map"],"names":["StyledBreakpoint","styled","motion","div","props","getCssResponsive","Breakpoint","breakpoint","useBreakpoint","isIdle","useIdle","max","_jsx","AnimatePresence","children","_jsxs","Object","assign","initial","opacity","y","animate","exit","key","min"],"mappings":";;;;;;AAKA,MAAMA,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACC,GAAG,CAAG,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,KAAK,IAAIC,gBAAgB,CAACD,KAAK,CAAE,CAAA;AACrC,CAAC,CAAA;AACYE,MAAAA,UAAU,GAAKF,KAAK,IAAK;AAClC,EAAA,MAAMG,UAAU,GAAGC,aAAa,EAAE,CAAA;AAClC,EAAA,MAAMC,MAAM,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA;EAC5B,OAAOH,UAAU,CAACI,GAAG,GAAG,CAAC,GAAIC,GAAI,CAACC,eAAe,EAAE;IAAEC,QAAQ,EAAE,CAACL,MAAM,IAAKM,IAAK,CAACf,gBAAgB,EAAEgB,MAAM,CAACC,MAAM,CAAC;AAAEC,MAAAA,OAAO,EAAE;AAAEC,QAAAA,OAAO,EAAE,CAAC;AAAEC,QAAAA,CAAC,EAAE,MAAA;OAAQ;AAAEC,MAAAA,OAAO,EAAE;AAAEF,QAAAA,OAAO,EAAE,CAAC;AAAEC,QAAAA,CAAC,EAAE,CAAA;OAAG;AAAEE,MAAAA,IAAI,EAAE;AAAEH,QAAAA,OAAO,EAAE,CAAC;AAAEC,QAAAA,CAAC,EAAE,MAAA;AAAO,OAAA;KAAG,EAAEhB,KAAK,EAAE;MAAEU,QAAQ,EAAE,CAACP,UAAU,CAACgB,GAAG,EAAE,IAAI,EAAEhB,UAAU,CAACiB,GAAG,EAAE,GAAG,EAAEjB,UAAU,CAACI,GAAG,GAAG,KAAK,GAAGJ,UAAU,CAACI,GAAG,GAAG,GAAG,EAAE,GAAG,CAAA;KAAG,CAAC,EAAE,YAAY,CAAA;GAAI,CAAC,GAAI,IAAI,CAAA;AAC7W;;;;"}
+{"version":3,"file":"breakpoint.js","sources":["../../../../src/components/breakpoint/breakpoint.tsx"],"sourcesContent":["import { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { useBreakpoint, useIdle } from '@websolutespa/bom-mixer-hooks';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport styled from 'styled-components';\nimport { getCssResponsive } from '../../components/utils';\nconst StyledBreakpoint = styled(motion.div) `\r\n  position: fixed;\r\n  top: 6px;\r\n  left: 6px;\r\n  padding: 0.3em 0.8em;\r\n  background: var(--color-warning-500);\r\n  color: var(--color-warning-900);\r\n  border: 1px solid var(--color-warning-700);\r\n  border-radius: 0.3em;\r\n  z-index: 10000;\r\n  font-family: monospace;\r\n  font-size: 0.8rem;\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  ${props => getCssResponsive(props)}\r\n`;\nexport const Breakpoint = ((props) => {\n    const breakpoint = useBreakpoint();\n    const isIdle = useIdle(3000);\n    return breakpoint.max > 0 ? (_jsx(AnimatePresence, { children: !isIdle && (_jsxs(StyledBreakpoint, Object.assign({ initial: { opacity: 0, y: '100%' }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: '100%' }, \"aria-hidden\": \"true\" }, props, { children: [breakpoint.key, \" (\", breakpoint.min, \"/\", breakpoint.max < 50000 ? breakpoint.max : '∞', \")\"] }), \"breakpoint\")) })) : null;\n});\n//# sourceMappingURL=breakpoint.js.map"],"names":["StyledBreakpoint","styled","motion","div","props","getCssResponsive","Breakpoint","breakpoint","useBreakpoint","isIdle","useIdle","max","_jsx","AnimatePresence","children","_jsxs","Object","assign","initial","opacity","y","animate","exit","key","min"],"mappings":";;;;;;AAKA,MAAMA,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACC,GAAG,CAAG,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,KAAK,IAAIC,gBAAgB,CAACD,KAAK,CAAE,CAAA;AACrC,CAAC,CAAA;AACYE,MAAAA,UAAU,GAAKF,KAAK,IAAK;AAClC,EAAA,MAAMG,UAAU,GAAGC,aAAa,EAAE,CAAA;AAClC,EAAA,MAAMC,MAAM,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA;EAC5B,OAAOH,UAAU,CAACI,GAAG,GAAG,CAAC,GAAIC,GAAI,CAACC,eAAe,EAAE;IAAEC,QAAQ,EAAE,CAACL,MAAM,IAAKM,IAAK,CAACf,gBAAgB,EAAEgB,MAAM,CAACC,MAAM,CAAC;AAAEC,MAAAA,OAAO,EAAE;AAAEC,QAAAA,OAAO,EAAE,CAAC;AAAEC,QAAAA,CAAC,EAAE,MAAA;OAAQ;AAAEC,MAAAA,OAAO,EAAE;AAAEF,QAAAA,OAAO,EAAE,CAAC;AAAEC,QAAAA,CAAC,EAAE,CAAA;OAAG;AAAEE,MAAAA,IAAI,EAAE;AAAEH,QAAAA,OAAO,EAAE,CAAC;AAAEC,QAAAA,CAAC,EAAE,MAAA;OAAQ;AAAE,MAAA,aAAa,EAAE,MAAA;KAAQ,EAAEhB,KAAK,EAAE;MAAEU,QAAQ,EAAE,CAACP,UAAU,CAACgB,GAAG,EAAE,IAAI,EAAEhB,UAAU,CAACiB,GAAG,EAAE,GAAG,EAAEjB,UAAU,CAACI,GAAG,GAAG,KAAK,GAAGJ,UAAU,CAACI,GAAG,GAAG,GAAG,EAAE,GAAG,CAAA;KAAG,CAAC,EAAE,YAAY,CAAA;GAAI,CAAC,GAAI,IAAI,CAAA;AACpY;;;;"}

package/dist/esm/components/google-map/google-map-skeleton.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import '../accordion/accordion.js';
 import '../accordion/accordion-base.js';
+import '../background/background.js';
 import '../badge/badge.js';
 import '../box/box.js';
 import '../breadcrumb/breadcrumb.js';
@@ -29,6 +30,7 @@ import '../layout/layout.js';
 import '../link/link.js';
 import '../list/list.js';
 import '../loading/loading.js';
+import '../main/main.js';
 import '../media-gallery/media-gallery.js';
 import '../media/media.js';
 import '../media/media-image.js';

package/dist/esm/components/google-map/google-map-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"google-map-skeleton.js","sources":["../../../../src/components/google-map/google-map-skeleton.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Skeleton } from '../../components';\nexport const GoogleMapSkeleton = () => (_jsx(Skeleton, { height: \"Min(100vw, 600px)\", loading: true }));\n//# sourceMappingURL=google-map-skeleton.js.map"],"names":["GoogleMapSkeleton","_jsx","Skeleton","height","loading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,MAAMA,iBAAiB,GAAGA,MAAOC,GAAI,CAACC,QAAQ,EAAE;AAAEC,EAAAA,MAAM,EAAE,mBAAmB;AAAEC,EAAAA,OAAO,EAAE,IAAA;AAAK,CAAC;;;;"}
+{"version":3,"file":"google-map-skeleton.js","sources":["../../../../src/components/google-map/google-map-skeleton.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Skeleton } from '../../components';\nexport const GoogleMapSkeleton = () => (_jsx(Skeleton, { height: \"Min(100vw, 600px)\", loading: true }));\n//# sourceMappingURL=google-map-skeleton.js.map"],"names":["GoogleMapSkeleton","_jsx","Skeleton","height","loading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,MAAMA,iBAAiB,GAAGA,MAAOC,GAAI,CAACC,QAAQ,EAAE;AAAEC,EAAAA,MAAM,EAAE,mBAAmB;AAAEC,EAAAA,OAAO,EAAE,IAAA;AAAK,CAAC;;;;"}

package/dist/esm/components/layout/layout.js

@@ -1,5 +1,6 @@
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
+import { usePage } from '@websolutespa/bom-mixer-hooks';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { getCssResponsive } from '../utils.js';
@@ -13,10 +14,13 @@ const Layout = /*#__PURE__*/forwardRef((_a, ref) => {
       as = 'div'
     } = _a,
     props = __rest(_a, ["children", "as"]);
+  const page = usePage();
   return jsx(StyledLayout, Object.assign({
     ref: ref,
     as: as
   }, props, {
+    "data-template": page.template,
+    "data-id": page.id,
     children: children
   }));
 });

package/dist/esm/components/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../../../../src/components/layout/layout.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { getCssResponsive } from '../../components/utils';\nconst StyledLayout = styled.div `\r\n  ${props => getCssResponsive(props)}\r\n`;\nexport const Layout = forwardRef((_a, ref) => {\n    var { children, as = 'div' } = _a, props = __rest(_a, [\"children\", \"as\"]);\n    return (_jsx(StyledLayout, Object.assign({ ref: ref, as: as }, props, { children: children })));\n});\nLayout.displayName = 'Layout';\n//# sourceMappingURL=layout.js.map"],"names":["StyledLayout","styled","div","props","getCssResponsive","Layout","forwardRef","_a","ref","children","as","__rest","_jsx","Object","assign","displayName"],"mappings":";;;;;;AAKA,MAAMA,YAAY,GAAGC,MAAM,CAACC,GAAK,CAAA;AACjC,EAAA,EAAIC,KAAK,IAAIC,gBAAgB,CAACD,KAAK,CAAE,CAAA;AACrC,CAAC,CAAA;AACM,MAAME,MAAM,gBAAGC,UAAU,CAAC,CAACC,EAAE,EAAEC,GAAG,KAAK;EAC1C,IAAI;MAAEC,QAAQ;AAAEC,MAAAA,EAAE,GAAG,KAAA;AAAM,KAAC,GAAGH,EAAE;IAAEJ,KAAK,GAAGQ,MAAM,CAACJ,EAAE,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAA;AACzE,EAAA,OAAQK,GAAI,CAACZ,YAAY,EAAEa,MAAM,CAACC,MAAM,CAAC;AAAEN,IAAAA,GAAG,EAAEA,GAAG;AAAEE,IAAAA,EAAE,EAAEA,EAAAA;GAAI,EAAEP,KAAK,EAAE;AAAEM,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAC,CAAC,CAAC,CAAA;AAClG,CAAC,EAAC;AACFJ,MAAM,CAACU,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"layout.js","sources":["../../../../src/components/layout/layout.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { usePage } from '@websolutespa/bom-mixer-hooks';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { getCssResponsive } from '../../components/utils';\nconst StyledLayout = styled.div `\r\n  ${props => getCssResponsive(props)}\r\n`;\nexport const Layout = forwardRef((_a, ref) => {\n    var { children, as = 'div' } = _a, props = __rest(_a, [\"children\", \"as\"]);\n    const page = usePage();\n    return (_jsx(StyledLayout, Object.assign({ ref: ref, as: as }, props, { \"data-template\": page.template, \"data-id\": page.id, children: children })));\n});\nLayout.displayName = 'Layout';\n//# sourceMappingURL=layout.js.map"],"names":["StyledLayout","styled","div","props","getCssResponsive","Layout","forwardRef","_a","ref","children","as","__rest","page","usePage","_jsx","Object","assign","template","id","displayName"],"mappings":";;;;;;;AAMA,MAAMA,YAAY,GAAGC,MAAM,CAACC,GAAK,CAAA;AACjC,EAAA,EAAIC,KAAK,IAAIC,gBAAgB,CAACD,KAAK,CAAE,CAAA;AACrC,CAAC,CAAA;AACM,MAAME,MAAM,gBAAGC,UAAU,CAAC,CAACC,EAAE,EAAEC,GAAG,KAAK;EAC1C,IAAI;MAAEC,QAAQ;AAAEC,MAAAA,EAAE,GAAG,KAAA;AAAM,KAAC,GAAGH,EAAE;IAAEJ,KAAK,GAAGQ,MAAM,CAACJ,EAAE,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAA;AACzE,EAAA,MAAMK,IAAI,GAAGC,OAAO,EAAE,CAAA;AACtB,EAAA,OAAQC,GAAI,CAACd,YAAY,EAAEe,MAAM,CAACC,MAAM,CAAC;AAAER,IAAAA,GAAG,EAAEA,GAAG;AAAEE,IAAAA,EAAE,EAAEA,EAAAA;GAAI,EAAEP,KAAK,EAAE;IAAE,eAAe,EAAES,IAAI,CAACK,QAAQ;IAAE,SAAS,EAAEL,IAAI,CAACM,EAAE;AAAET,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAC,CAAC,CAAC,CAAA;AACtJ,CAAC,EAAC;AACFJ,MAAM,CAACc,WAAW,GAAG,QAAQ;;;;"}

package/dist/esm/components/main/main.js

@@ -0,0 +1,149 @@
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
+import { getClassNames } from '@websolutespa/bom-core';
+import '../accordion/accordion.js';
+import '../accordion/accordion-base.js';
+import '../background/background.js';
+import '../badge/badge.js';
+import '../box/box.js';
+import '../breadcrumb/breadcrumb.js';
+import '../breadcrumb/breadcrumb-base.js';
+import '../breakpoint/breakpoint.js';
+import '../button-group/button-group.js';
+import '../button/button.js';
+import '../button/button.variants.js';
+import '../card/card.js';
+import '../card/card-content.js';
+import '../card/card-footer.js';
+import '../code/code.js';
+import '../container/container.js';
+import '../divider/divider.js';
+import '../drawer/drawer.js';
+import '../dropdown/dropdown.js';
+import '../ellipsis/ellipsis.js';
+import '../expand/expand.js';
+import '../flex/flex.js';
+import '../flex/flex-row.js';
+import '../grid/grid.js';
+import '../grid/grid-row.js';
+import '../highlight/highlight.js';
+import '../infinite-loader/infinite-loader.js';
+import '../layout/layout.js';
+import '../link/link.js';
+import '../list/list.js';
+import '../loading/loading.js';
+import '../media-gallery/media-gallery.js';
+import '../media/media.js';
+import '../media/media-image.js';
+import '../meta/meta.js';
+import '../modal/modal.js';
+import '../nav-link/nav-link.js';
+import '../nav/nav.js';
+import '../page-nav/page-nav.js';
+import '../page/page.js';
+import '../pagination/pagination.js';
+import '../popover/popover.js';
+import '../section/section.js';
+import '../skeleton/skeleton.js';
+import '../svg/svg.js';
+import '../swiper/swiper.js';
+import '../tabs/tabs.js';
+import '../text/text.js';
+import '../tooltip/tooltip.js';
+import '../transition/transition.js';
+import { getCssResponsive } from '../utils.js';
+import '@websolutespa/bom-mixer-forms';
+import '@websolutespa/bom-mixer-hooks';
+import { forwardRef } from 'react';
+import '../../forms/autocomplete/autocomplete.js';
+import '../../forms/autocomplete/autocomplete.variants.js';
+import '../../forms/checkbox/checkbox.js';
+import '../../forms/checkbox/checkbox.variants.js';
+import '../../forms/custom-select/custom-select.js';
+import '../../forms/field/field.js';
+import '../../forms/field/field.variants.js';
+import '../../forms/form-error/form-error.js';
+import '../../forms/form-error/form-error.variants.js';
+import '../../forms/form-tester/form-tester.js';
+import '../../forms/form-tester/form-tester.variants.js';
+import '../../forms/form-tester/useFormTester.js';
+import '../../forms/form/form.js';
+import '../../forms/input-group/input-group.js';
+import '../../forms/input/input.js';
+import '../../forms/input/input.variants.js';
+import '../../forms/label/label.js';
+import '../../forms/label/label.variants.js';
+import '../../forms/radio-card/radio-card.js';
+import '../../forms/radio-card/radio-card-base.js';
+import '../../forms/radio-card/radio-card.variants.js';
+import '../../forms/radio-color/radio-color.js';
+import '../../forms/radio-color/radio-color-base.js';
+import '../../forms/radio-color/radio-color.variants.js';
+import '../../forms/radio-option/radio-option.js';
+import '../../forms/radio-option/radio-option-base.js';
+import '../../forms/radio-option/radio-option.variants.js';
+import '../../forms/radio/radio.js';
+import '../../forms/radio/radio-base.js';
+import '../../forms/radio/radio.variants.js';
+import '../../forms/rating/rating.js';
+import '../../forms/rating/rating.variants.js';
+import '../../forms/select/select.js';
+import '../../forms/select/select.variants.js';
+import '../../forms/textarea/textarea.js';
+import '../../forms/textarea/textarea.variants.js';
+import '../../forms/utils/utils.js';
+import '../../fields/field-error.js';
+import '../../fields/field-collection.js';
+import '../../fields/field-error.variants.js';
+import '@websolutespa/bom-mixer-icons';
+import 'framer-motion';
+import '../../sections/auth/auth-form.js';
+import '../../sections/auth/useAuth.js';
+import '../../sections/checkout/checkout-wizard.js';
+import styled from 'styled-components';
+import '../../sections/footer/footer.js';
+import '../../sections/header/header.js';
+import '../../sections/magazine-related/magazine-related.js';
+import '../../sections/product-overview/product-overview.js';
+import '../../sections/products-detail-download/products-detail-download.js';
+import '../../sections/products-detail-related/products-detail-related.js';
+import '../../sections/products-detail-size-color/products-detail-size-color.js';
+import '../../sections/products-search/products-search-card.js';
+import 'next/router';
+import '../../sections/shop-detail-related/shop-detail-related.js';
+import '../../sections/store-locator/store-locator-search.js';
+import '../../sections/swiper-hero/swiper-hero.js';
+import '../../lazy/lazy.js';
+import '../../theme/global.style.js';
+import '../../theme/global.vars.js';
+import '../../theme/styles/base.js';
+import '../../theme/styles/debug.js';
+import '../../theme/styles/print.js';
+import '../../theme/styles/reset.js';
+import '../../theme/styles/scrollbar.js';
+import '../../theme/styles/swiper.js';
+import '../../theme/styles/typography.js';
+import '../../variants/useVariants.js';
+
+const Wrapper = styled.main`
+  ${props => getCssResponsive(props)}
+`;
+const Main = /*#__PURE__*/forwardRef((_a, ref) => {
+  var {
+      className,
+      children
+    } = _a,
+    props = __rest(_a, ["className", "children"]);
+  const classNames = getClassNames('main', className);
+  return jsx(Wrapper, Object.assign({
+    ref: ref,
+    className: classNames,
+    role: "main"
+  }, props, {
+    children: children
+  }));
+});
+Main.displayName = 'Main';
+
+export { Main };
+//# sourceMappingURL=main.js.map

package/dist/esm/components/main/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sources":["../../../../src/components/main/main.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { getClassNames } from '@websolutespa/bom-core';\nimport { getCssResponsive } from '@websolutespa/bom-mixer-ui';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nconst Wrapper = styled.main `\r\n  ${props => getCssResponsive(props)}\r\n`;\nexport const Main = forwardRef((_a, ref) => {\n    var { className, children } = _a, props = __rest(_a, [\"className\", \"children\"]);\n    const classNames = getClassNames('main', className);\n    return (_jsx(Wrapper, Object.assign({ ref: ref, className: classNames, role: \"main\" }, props, { children: children })));\n});\nMain.displayName = 'Main';\n//# sourceMappingURL=main.js.map"],"names":["Wrapper","styled","main","props","getCssResponsive","Main","forwardRef","_a","ref","className","children","__rest","classNames","getClassNames","_jsx","Object","assign","role","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,OAAO,GAAGC,MAAM,CAACC,IAAM,CAAA;AAC7B,EAAA,EAAIC,KAAK,IAAIC,gBAAgB,CAACD,KAAK,CAAE,CAAA;AACrC,CAAC,CAAA;AACM,MAAME,IAAI,gBAAGC,UAAU,CAAC,CAACC,EAAE,EAAEC,GAAG,KAAK;EACxC,IAAI;MAAEC,SAAS;AAAEC,MAAAA,QAAAA;AAAS,KAAC,GAAGH,EAAE;IAAEJ,KAAK,GAAGQ,MAAM,CAACJ,EAAE,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAA;AAC/E,EAAA,MAAMK,UAAU,GAAGC,aAAa,CAAC,MAAM,EAAEJ,SAAS,CAAC,CAAA;AACnD,EAAA,OAAQK,GAAI,CAACd,OAAO,EAAEe,MAAM,CAACC,MAAM,CAAC;AAAER,IAAAA,GAAG,EAAEA,GAAG;AAAEC,IAAAA,SAAS,EAAEG,UAAU;AAAEK,IAAAA,IAAI,EAAE,MAAA;GAAQ,EAAEd,KAAK,EAAE;AAAEO,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAC,CAAC,CAAC,CAAA;AAC1H,CAAC,EAAC;AACFL,IAAI,CAACa,WAAW,GAAG,MAAM;;;;"}

package/dist/esm/components/media/media-image.js

@@ -19,19 +19,18 @@ const StyledMediaImage = styled.img`
 `;
 const MediaImage = _a => {
   var {
-      alt = '',
       className,
-      type
+      type,
+      loading = 'lazy'
     } = _a,
-    props = __rest(_a, ["alt", "className", "type"]);
+    props = __rest(_a, ["className", "type", "loading"]);
   const classNames = getClassNames(className, 'image', {
     'image-svg': isSVG(props.src)
   });
   const imageProps = getImageProps(props);
   return jsx(StyledMediaImage, Object.assign({
     className: classNames,
-    alt: alt,
-    loading: "lazy"
+    loading: loading
   }, imageProps));
 };
 function getImageProps(_a) {
@@ -40,9 +39,9 @@ function getImageProps(_a) {
     } = _a,
     props = __rest(_a, ["src"]);
   if (IMAGE_STRATEGY === ImageStrategy.None || isSVG(src)) {
-    return {
+    return Object.assign({
       src
-    };
+    }, props);
   }
   const ratio = props.width && props.height ? parseInt(props.width.toString()) / parseInt(props.height.toString()) : 0;
   const sizes = IMAGE_SIZES;

package/dist/esm/components/media/media-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-image.js","sources":["../../../../src/components/media/media-image.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { getClassNames } from '@websolutespa/bom-core';\nimport styled from 'styled-components';\nexport var ImageStrategy;\n(function (ImageStrategy) {\n    ImageStrategy[\"None\"] = \"none\";\n    ImageStrategy[\"Next\"] = \"next\";\n    ImageStrategy[\"Custom\"] = \"custom\";\n})(ImageStrategy || (ImageStrategy = {}));\nconst IMAGE_QUALITY = process.env.IMAGE_QUALITY ?\n    parseInt(process.env.IMAGE_QUALITY) :\n    80;\nconst IMAGE_SIZES = process.env.IMAGE_SIZES ?\n    process.env.IMAGE_SIZES.split(',').map(x => parseInt(x)) :\n    [640, 828, 1080, 1200, 1920];\nconst IMAGE_STRATEGY = process.env.IMAGE_STRATEGY ?\n    process.env.IMAGE_STRATEGY :\n    ImageStrategy.Next;\nconst StyledMediaImage = styled.img `\r\n  max-width: 100%;\r\n  // height: auto;\r\n  user-select: none;\r\n`;\nexport const MediaImage = (_a) => {\n    var { alt = '', className, type } = _a, props = __rest(_a, [\"alt\", \"className\", \"type\"]);\n    const classNames = getClassNames(className, 'image', { 'image-svg': isSVG(props.src) });\n    const imageProps = getImageProps(props);\n    return (_jsx(StyledMediaImage, Object.assign({ className: classNames, alt: alt, loading: \"lazy\" }, imageProps)));\n};\nfunction getImageProps(_a) {\n    var { src } = _a, props = __rest(_a, [\"src\"]);\n    if (IMAGE_STRATEGY === ImageStrategy.None || isSVG(src)) {\n        return { src };\n    }\n    const ratio = props.width && props.height ? (parseInt(props.width.toString()) / parseInt(props.height.toString())) : 0;\n    const sizes = IMAGE_SIZES;\n    return Object.assign({ src: getImageSrc(src, ratio, sizes[0]), srcSet: getImageSrcset(src, ratio, sizes), sizes: ratio !== 0 ? getImageSizes(sizes) : '100vw' }, props);\n}\nfunction getImageSrc(src, ratio, width, quality = IMAGE_QUALITY) {\n    if (isSVG(src)) {\n        return src;\n    }\n    return ratio !== 0 ?\n        `/_next/image?url=${encodeURIComponent(src)}&w=${width}&h=${width / ratio}&q=${quality}` :\n        `/_next/image?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;\n}\nfunction getImageSrcset(src, ratio, widths, quality = IMAGE_QUALITY) {\n    if (isSVG(src)) {\n        return undefined;\n    }\n    return widths.map(width => getImageSrc(src, ratio, width, quality) + ` ${width}w`).join(', ');\n}\nfunction getImageSizes(widths) {\n    return widths.map((width, i) => `${i < widths.length - 1 ? `(max-width: ${width}px) ` : ''}${width}px`).join(', ');\n}\nfunction isSVG(src) {\n    return src.indexOf('.svg') !== -1;\n}\n//# sourceMappingURL=media-image.js.map"],"names":["ImageStrategy","IMAGE_QUALITY","process","env","parseInt","IMAGE_SIZES","split","map","x","IMAGE_STRATEGY","Next","StyledMediaImage","styled","img","MediaImage","_a","alt","className","type","props","__rest","classNames","getClassNames","isSVG","src","imageProps","getImageProps","_jsx","Object","assign","loading","None","ratio","width","height","toString","sizes","getImageSrc","srcSet","getImageSrcset","getImageSizes","quality","encodeURIComponent","widths","undefined","join","i","length","indexOf"],"mappings":"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"}
+{"version":3,"file":"media-image.js","sources":["../../../../src/components/media/media-image.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { getClassNames } from '@websolutespa/bom-core';\nimport styled from 'styled-components';\nexport var ImageStrategy;\n(function (ImageStrategy) {\n    ImageStrategy[\"None\"] = \"none\";\n    ImageStrategy[\"Next\"] = \"next\";\n    ImageStrategy[\"Custom\"] = \"custom\";\n})(ImageStrategy || (ImageStrategy = {}));\nconst IMAGE_QUALITY = process.env.IMAGE_QUALITY ?\n    parseInt(process.env.IMAGE_QUALITY) :\n    80;\nconst IMAGE_SIZES = process.env.IMAGE_SIZES ?\n    process.env.IMAGE_SIZES.split(',').map(x => parseInt(x)) :\n    [640, 828, 1080, 1200, 1920];\nconst IMAGE_STRATEGY = process.env.IMAGE_STRATEGY ?\n    process.env.IMAGE_STRATEGY :\n    ImageStrategy.Next;\nconst StyledMediaImage = styled.img `\r\n  max-width: 100%;\r\n  // height: auto;\r\n  user-select: none;\r\n`;\nexport const MediaImage = (_a) => {\n    var { className, type, loading = 'lazy' } = _a, props = __rest(_a, [\"className\", \"type\", \"loading\"]);\n    const classNames = getClassNames(className, 'image', { 'image-svg': isSVG(props.src) });\n    const imageProps = getImageProps(props);\n    return (_jsx(StyledMediaImage, Object.assign({ className: classNames, loading: loading }, imageProps)));\n};\nfunction getImageProps(_a) {\n    var { src } = _a, props = __rest(_a, [\"src\"]);\n    if (IMAGE_STRATEGY === ImageStrategy.None || isSVG(src)) {\n        return Object.assign({ src }, props);\n    }\n    const ratio = props.width && props.height ? (parseInt(props.width.toString()) / parseInt(props.height.toString())) : 0;\n    const sizes = IMAGE_SIZES;\n    return Object.assign({ src: getImageSrc(src, ratio, sizes[0]), srcSet: getImageSrcset(src, ratio, sizes), sizes: ratio !== 0 ? getImageSizes(sizes) : '100vw' }, props);\n}\nfunction getImageSrc(src, ratio, width, quality = IMAGE_QUALITY) {\n    if (isSVG(src)) {\n        return src;\n    }\n    return ratio !== 0 ?\n        `/_next/image?url=${encodeURIComponent(src)}&w=${width}&h=${width / ratio}&q=${quality}` :\n        `/_next/image?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;\n}\nfunction getImageSrcset(src, ratio, widths, quality = IMAGE_QUALITY) {\n    if (isSVG(src)) {\n        return undefined;\n    }\n    return widths.map(width => getImageSrc(src, ratio, width, quality) + ` ${width}w`).join(', ');\n}\nfunction getImageSizes(widths) {\n    return widths.map((width, i) => `${i < widths.length - 1 ? `(max-width: ${width}px) ` : ''}${width}px`).join(', ');\n}\nfunction isSVG(src) {\n    return src.indexOf('.svg') !== -1;\n}\n//# sourceMappingURL=media-image.js.map"],"names":["ImageStrategy","IMAGE_QUALITY","process","env","parseInt","IMAGE_SIZES","split","map","x","IMAGE_STRATEGY","Next","StyledMediaImage","styled","img","MediaImage","_a","className","type","loading","props","__rest","classNames","getClassNames","isSVG","src","imageProps","getImageProps","_jsx","Object","assign","None","ratio","width","height","toString","sizes","getImageSrc","srcSet","getImageSrcset","getImageSizes","quality","encodeURIComponent","widths","undefined","join","i","length","indexOf"],"mappings":"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"}

package/dist/esm/components/media/media.js

@@ -118,9 +118,12 @@ const MediaBase = /*#__PURE__*/forwardRef((_a, ref) => {
       item,
       onClick,
       className,
+      eager,
+      alt,
+      title,
       as = 'div'
     } = _a,
-    props = __rest(_a, ["children", "item", "onClick", "className", "as"]);
+    props = __rest(_a, ["children", "item", "onClick", "className", "eager", "alt", "title", "as"]);
   const {
     id,
     open
@@ -129,9 +132,10 @@ const MediaBase = /*#__PURE__*/forwardRef((_a, ref) => {
     'media--gallery': id
   });
   const mediaChildren = item && !children ? getMediaItems(item, {
-    aspectRatio: props.aspectRatio,
-    eager: props.eager,
+    eager,
     galleryId: id,
+    alt,
+    title,
     open
   }) : children;
   return jsx(StyledMedia, Object.assign({
@@ -162,7 +166,12 @@ function getMediaItems(itemOrItems, options) {
   });
   const hasGallery = options.galleryId != null && typeof options.open === 'function';
   const getMediaItemProps = media => {
-    const props = {};
+    const title = media.title || options.title || media.alt || options.alt;
+    const alt = media.alt || options.alt || media.title || options.title;
+    const props = {
+      title,
+      alt
+    };
     if (hasGallery) {
       props['data-gallery'] = JSON.stringify({
         galleryId: options.galleryId,
@@ -197,7 +206,6 @@ function getMediaItems(itemOrItems, options) {
       type: "video/mp4"
     })
   }), m) : jsx(MediaImage, Object.assign({}, media, {
-    alt: media.alt,
     draggable: false
   }, getMediaItemProps(media)), m));
 }

package/dist/esm/components/media/media.js.map

@@ -1 +1 @@
-{"version":3,"file":"media.js","sources":["../../../../src/components/media/media.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { getClassNames, withSchema } from '@websolutespa/bom-core';\nimport { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { getAspectResponsive, getCssResponsive } from '../../components/utils';\nimport { useMediaGalleryContext } from '../media-gallery/media-gallery-context';\nimport { MediaImage } from './media-image';\nconst StyledMediaInfo = styled.div `\r\n  position: absolute;\r\n  display: flex;\r\n  flex-direction: column;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 1;\r\n  color: var(--color-neutral-100);\r\n\r\n  ${props => getCssResponsive(props)}\r\n`;\nconst MediaInfo = (_a) => {\n    var { children, className } = _a, props = __rest(_a, [\"children\", \"className\"]);\n    const classNames = getClassNames(className, 'media-info');\n    return (_jsx(StyledMediaInfo, Object.assign({ className: classNames }, props, { children: children })));\n};\nconst StyledMedia = styled.div `\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  // color: var(--color-neutral-100);\r\n\r\n  ${props => getCssResponsive(props)}\r\n\r\n  &>:not(.media-info) {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  &>.image:not(.image-svg),\r\n  &>video,\r\n  &>.video {\r\n    object-fit: cover;\r\n    background: var(--color-neutral-200);\r\n  }\r\n\r\n  &>svg {\r\n    height: 100%;\r\n  }\r\n\r\n  &.media--gallery {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n\r\n    &>:not(.media-info) {\r\n      transition: ease-in-out 200ms;\r\n      transition-property: transform, opacity;\r\n    }\r\n\r\n    &:hover {\r\n      &>:not(.media-info) {\r\n        transform: scale(1.05);\r\n      }\r\n    }\r\n  }\r\n\r\n  ${props => props.circle ? css `\r\n      aspect-ratio: 1;\r\n      overflow: hidden;\r\n      border-radius: 50%;\r\n      &>* {\r\n        top: 0;\r\n        left: 0;\r\n        height: 100%;\r\n      }\r\n    ` : ''};\r\n\r\n    ${props => props.rounded ? css `\r\n      overflow: hidden;\r\n      border-radius: var(--border-radius);\r\n    ` : ''};\r\n\r\n  ${props => getAspectResponsive(props, props.circle ? { aspectRatio: 1 } : undefined)};\r\n\r\n  ${props => props.overlay ? (css `\r\n    position: relative;\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      ${typeof props.overlay === 'number' ?\n    (css `background: rgba(0,0,0,${props.overlay})`) :\n    (css `background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 15.9%, rgba(0, 0, 0, 0) 41.67%, rgba(0, 0, 0, 0.1) 61.79%, rgba(0, 0, 0, 0.6) 100%)`)};\r\n    }\r\n  `) : ''}\r\n`;\nconst MediaBase = forwardRef((_a, ref) => {\n    var { children, item, onClick, className, as = 'div' } = _a, props = __rest(_a, [\"children\", \"item\", \"onClick\", \"className\", \"as\"]);\n    const { id, open } = useMediaGalleryContext();\n    const classNames = getClassNames(className, 'media', { 'media--gallery': id });\n    const mediaChildren = (item && !children) ? getMediaItems(item, {\n        aspectRatio: props.aspectRatio,\n        eager: props.eager,\n        galleryId: id,\n        open,\n    }) : children;\n    return (_jsx(StyledMedia, Object.assign({ className: classNames, ref: ref, as: as }, props, { children: mediaChildren })));\n});\nMediaBase.displayName = 'Media';\nexport const Media = withSchema(MediaBase, {\n    Info: MediaInfo,\n});\nfunction getMediaItems(itemOrItems, options = {}) {\n    // !!! todo remap payloadcms media\n    const items = (Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems]).map(x => {\n        if (typeof x['media'] === 'object') {\n            x = x['media'];\n        }\n        if (typeof x.url === 'string') {\n            x.src = x.url;\n        }\n        return x;\n    });\n    const hasGallery = options.galleryId != null && typeof options.open === 'function';\n    const getMediaItemProps = (media) => {\n        const props = {};\n        if (hasGallery) {\n            props['data-gallery'] = JSON.stringify({ galleryId: options.galleryId, media });\n            props.onClick = (event) => {\n                if (options.open) {\n                    options.open(media);\n                }\n            };\n        }\n        if (media.type === 'image') {\n            const aspectRatio = typeof options.aspectRatio === 'string' ? parseFloat(options.aspectRatio) : options.aspectRatio;\n            if (aspectRatio != null) {\n                props.width = 800;\n                props.height = 800 / aspectRatio;\n            }\n            if (options.eager) {\n                props.loading = 'eager';\n            }\n        }\n        return props;\n    };\n    return (items.map((media, m) => media.type === 'video' ?\n        (_jsx(\"video\", Object.assign({ playsInline: true, autoPlay: true, muted: true, loop: true }, getMediaItemProps(media), { children: _jsx(\"source\", { src: media.src, type: \"video/mp4\" }) }), m)) :\n        (_jsx(MediaImage, Object.assign({}, media, { alt: media.alt, draggable: false }, getMediaItemProps(media)), m))));\n}\n//# sourceMappingURL=media.js.map"],"names":["StyledMediaInfo","styled","div","props","getCssResponsive","MediaInfo","_a","children","className","__rest","classNames","getClassNames","_jsx","Object","assign","StyledMedia","circle","css","rounded","getAspectResponsive","aspectRatio","undefined","overlay","MediaBase","forwardRef","ref","item","onClick","as","id","open","useMediaGalleryContext","mediaChildren","getMediaItems","eager","galleryId","displayName","Media","withSchema","Info","itemOrItems","options","items","Array","isArray","map","x","url","src","hasGallery","getMediaItemProps","media","JSON","stringify","event","type","parseFloat","width","height","loading","m","playsInline","autoPlay","muted","loop","MediaImage","alt","draggable"],"mappings":"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"}
+{"version":3,"file":"media.js","sources":["../../../../src/components/media/media.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { getClassNames, withSchema } from '@websolutespa/bom-core';\nimport { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { getAspectResponsive, getCssResponsive } from '../../components/utils';\nimport { useMediaGalleryContext } from '../media-gallery/media-gallery-context';\nimport { MediaImage } from './media-image';\nconst StyledMediaInfo = styled.div `\r\n  position: absolute;\r\n  display: flex;\r\n  flex-direction: column;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 1;\r\n  color: var(--color-neutral-100);\r\n\r\n  ${props => getCssResponsive(props)}\r\n`;\nconst MediaInfo = (_a) => {\n    var { children, className } = _a, props = __rest(_a, [\"children\", \"className\"]);\n    const classNames = getClassNames(className, 'media-info');\n    return (_jsx(StyledMediaInfo, Object.assign({ className: classNames }, props, { children: children })));\n};\nconst StyledMedia = styled.div `\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  // color: var(--color-neutral-100);\r\n\r\n  ${props => getCssResponsive(props)}\r\n\r\n  &>:not(.media-info) {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  &>.image:not(.image-svg),\r\n  &>video,\r\n  &>.video {\r\n    object-fit: cover;\r\n    background: var(--color-neutral-200);\r\n  }\r\n\r\n  &>svg {\r\n    height: 100%;\r\n  }\r\n\r\n  &.media--gallery {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n\r\n    &>:not(.media-info) {\r\n      transition: ease-in-out 200ms;\r\n      transition-property: transform, opacity;\r\n    }\r\n\r\n    &:hover {\r\n      &>:not(.media-info) {\r\n        transform: scale(1.05);\r\n      }\r\n    }\r\n  }\r\n\r\n  ${props => props.circle ? css `\r\n      aspect-ratio: 1;\r\n      overflow: hidden;\r\n      border-radius: 50%;\r\n      &>* {\r\n        top: 0;\r\n        left: 0;\r\n        height: 100%;\r\n      }\r\n    ` : ''};\r\n\r\n    ${props => props.rounded ? css `\r\n      overflow: hidden;\r\n      border-radius: var(--border-radius);\r\n    ` : ''};\r\n\r\n  ${props => getAspectResponsive(props, props.circle ? { aspectRatio: 1 } : undefined)};\r\n\r\n  ${props => props.overlay ? (css `\r\n    position: relative;\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      ${typeof props.overlay === 'number' ?\n    (css `background: rgba(0,0,0,${props.overlay})`) :\n    (css `background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 15.9%, rgba(0, 0, 0, 0) 41.67%, rgba(0, 0, 0, 0.1) 61.79%, rgba(0, 0, 0, 0.6) 100%)`)};\r\n    }\r\n  `) : ''}\r\n`;\nconst MediaBase = forwardRef((_a, ref) => {\n    var { children, item, onClick, className, eager, alt, title, as = 'div' } = _a, props = __rest(_a, [\"children\", \"item\", \"onClick\", \"className\", \"eager\", \"alt\", \"title\", \"as\"]);\n    const { id, open } = useMediaGalleryContext();\n    const classNames = getClassNames(className, 'media', { 'media--gallery': id });\n    const mediaChildren = (item && !children) ? getMediaItems(item, {\n        eager,\n        galleryId: id,\n        alt,\n        title,\n        open,\n    }) : children;\n    return (_jsx(StyledMedia, Object.assign({ className: classNames, ref: ref, as: as }, props, { children: mediaChildren })));\n});\nMediaBase.displayName = 'Media';\nexport const Media = withSchema(MediaBase, {\n    Info: MediaInfo,\n});\nfunction getMediaItems(itemOrItems, options = {}) {\n    // !!! todo remap payloadcms media\n    const items = (Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems]).map(x => {\n        if (typeof x['media'] === 'object') {\n            x = x['media'];\n        }\n        if (typeof x.url === 'string') {\n            x.src = x.url;\n        }\n        return x;\n    });\n    const hasGallery = options.galleryId != null && typeof options.open === 'function';\n    const getMediaItemProps = (media) => {\n        const title = media.title || options.title || media.alt || options.alt;\n        const alt = media.alt || options.alt || media.title || options.title;\n        const props = { title, alt };\n        if (hasGallery) {\n            props['data-gallery'] = JSON.stringify({ galleryId: options.galleryId, media });\n            props.onClick = (event) => {\n                if (options.open) {\n                    options.open(media);\n                }\n            };\n        }\n        if (media.type === 'image') {\n            const aspectRatio = typeof options.aspectRatio === 'string' ? parseFloat(options.aspectRatio) : options.aspectRatio;\n            if (aspectRatio != null) {\n                props.width = 800;\n                props.height = 800 / aspectRatio;\n            }\n            if (options.eager) {\n                props.loading = 'eager';\n            }\n        }\n        return props;\n    };\n    return (items.map((media, m) => media.type === 'video' ?\n        (_jsx(\"video\", Object.assign({ playsInline: true, autoPlay: true, muted: true, loop: true }, getMediaItemProps(media), { children: _jsx(\"source\", { src: media.src, type: \"video/mp4\" }) }), m)) :\n        (_jsx(MediaImage, Object.assign({}, media, { draggable: false }, getMediaItemProps(media)), m))));\n}\n//# sourceMappingURL=media.js.map"],"names":["StyledMediaInfo","styled","div","props","getCssResponsive","MediaInfo","_a","children","className","__rest","classNames","getClassNames","_jsx","Object","assign","StyledMedia","circle","css","rounded","getAspectResponsive","aspectRatio","undefined","overlay","MediaBase","forwardRef","ref","item","onClick","eager","alt","title","as","id","open","useMediaGalleryContext","mediaChildren","getMediaItems","galleryId","displayName","Media","withSchema","Info","itemOrItems","options","items","Array","isArray","map","x","url","src","hasGallery","getMediaItemProps","media","JSON","stringify","event","type","parseFloat","width","height","loading","m","playsInline","autoPlay","muted","loop","MediaImage","draggable"],"mappings":"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"}

package/dist/esm/components/pagination/pagination-ellipsis.js

@@ -1,6 +1,6 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { getClassNames } from '@websolutespa/bom-core';
-import { useState } from 'react';
 import styled from 'styled-components';
 import { PaginationItem } from './pagination-item.js';
 
@@ -11,38 +11,40 @@ const StyledPaginationItem = styled(PaginationItem)`
     width: 1em;
     height: 1em;
   }
-  .more.before {
-    transform: rotate(180deg);
+
+  .pagination-ellipsis__more {
+    &.before {
+      transform: rotate(180deg);
+    }
+  }
+
+  &:hover {
+    .pagination-ellipsis__ellipsis {
+      display: none;
+    }
+  }
+
+  &:not(:hover) {
+    .pagination-ellipsis__more {
+      display: none;
+    }
   }
 `;
-const PaginationEllipsis = _ref => {
-  let {
-    isBefore,
-    onClick
-  } = _ref;
-  const [showMore, setShowMore] = useState(false);
-  const moreClassNames = getClassNames('more', {
+const PaginationEllipsis = _a => {
+  var {
+      isBefore,
+      onClick
+    } = _a,
+    props = __rest(_a, ["isBefore", "onClick"]);
+  const moreClassNames = getClassNames('pagination-ellipsis__more', {
     before: isBefore
   });
-  return jsx(StyledPaginationItem, {
-    onClick: e => onClick && onClick(e),
-    onMouseEnter: () => setShowMore(true),
-    onMouseLeave: () => setShowMore(false),
-    children: showMore ? jsxs("svg", {
-      className: moreClassNames,
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      fill: "none",
-      shapeRendering: "geometricPrecision",
-      children: [jsx("path", {
-        d: "M13 17l5-5-5-5"
-      }), jsx("path", {
-        d: "M6 17l5-5-5-5"
-      })]
-    }) : jsxs("svg", {
+  return jsxs(StyledPaginationItem, {
+    className: "pagination-ellipsis",
+    "aria-label": props['aria-label'],
+    onClick: event => onClick && onClick(event),
+    children: [jsxs("svg", {
+      className: "pagination-ellipsis__ellipsis",
       viewBox: "0 0 24 24",
       strokeWidth: "1.5",
       strokeLinecap: "round",
@@ -65,7 +67,21 @@ const PaginationEllipsis = _ref => {
         r: "1",
         fill: "currentColor"
       })]
-    })
+    }), jsxs("svg", {
+      className: moreClassNames,
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none",
+      shapeRendering: "geometricPrecision",
+      children: [jsx("path", {
+        d: "M13 17l5-5-5-5"
+      }), jsx("path", {
+        d: "M6 17l5-5-5-5"
+      })]
+    })]
   });
 };
 PaginationEllipsis.displayName = 'PaginationEllipsis';

package/dist/esm/components/pagination/pagination-ellipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-ellipsis.js","sources":["../../../../src/components/pagination/pagination-ellipsis.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { getClassNames } from '@websolutespa/bom-core';\nimport { useState } from 'react';\nimport styled from 'styled-components';\nimport { PaginationItem } from './pagination-item';\nconst StyledPaginationItem = styled(PaginationItem) `\r\n  svg {\r\n    color: currentColor;\r\n    stroke: currentColor;\r\n    width: 1em;\r\n    height: 1em;\r\n  }\r\n  .more.before {\r\n    transform: rotate(180deg);\r\n  }\r\n`;\nexport const PaginationEllipsis = ({ isBefore, onClick }) => {\n    const [showMore, setShowMore] = useState(false);\n    const moreClassNames = getClassNames('more', { before: isBefore });\n    return (_jsx(StyledPaginationItem, { onClick: e => onClick && onClick(e), onMouseEnter: () => setShowMore(true), onMouseLeave: () => setShowMore(false), children: showMore ? (_jsxs(\"svg\", { className: moreClassNames, viewBox: \"0 0 24 24\", stroke: \"currentColor\", strokeWidth: \"1.5\", strokeLinecap: \"round\", strokeLinejoin: \"round\", fill: \"none\", shapeRendering: \"geometricPrecision\", children: [_jsx(\"path\", { d: \"M13 17l5-5-5-5\" }), _jsx(\"path\", { d: \"M6 17l5-5-5-5\" })] })) : (_jsxs(\"svg\", { viewBox: \"0 0 24 24\", strokeWidth: \"1.5\", strokeLinecap: \"round\", strokeLinejoin: \"round\", fill: \"none\", shapeRendering: \"geometricPrecision\", children: [_jsx(\"circle\", { cx: \"12\", cy: \"12\", r: \"1\", fill: \"currentColor\" }), _jsx(\"circle\", { cx: \"19\", cy: \"12\", r: \"1\", fill: \"currentColor\" }), _jsx(\"circle\", { cx: \"5\", cy: \"12\", r: \"1\", fill: \"currentColor\" })] })) }));\n};\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n//# sourceMappingURL=pagination-ellipsis.js.map"],"names":["StyledPaginationItem","styled","PaginationItem","PaginationEllipsis","_ref","isBefore","onClick","showMore","setShowMore","useState","moreClassNames","getClassNames","before","_jsx","e","onMouseEnter","onMouseLeave","children","_jsxs","className","viewBox","stroke","strokeWidth","strokeLinecap","strokeLinejoin","fill","shapeRendering","d","cx","cy","r","displayName"],"mappings":";;;;;;AAKA,MAAMA,oBAAoB,GAAGC,MAAM,CAACC,cAAc,CAAG,CAAA;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AACYC,MAAAA,kBAAkB,GAAGC,IAAA,IAA2B;EAAA,IAA1B;IAAEC,QAAQ;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAF,IAAA,CAAA;EACpD,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAC/C,EAAA,MAAMC,cAAc,GAAGC,aAAa,CAAC,MAAM,EAAE;AAAEC,IAAAA,MAAM,EAAEP,QAAAA;AAAS,GAAC,CAAC,CAAA;EAClE,OAAQQ,GAAI,CAACb,oBAAoB,EAAE;IAAEM,OAAO,EAAEQ,CAAC,IAAIR,OAAO,IAAIA,OAAO,CAACQ,CAAC,CAAC;AAAEC,IAAAA,YAAY,EAAEA,MAAMP,WAAW,CAAC,IAAI,CAAC;AAAEQ,IAAAA,YAAY,EAAEA,MAAMR,WAAW,CAAC,KAAK,CAAC;AAAES,IAAAA,QAAQ,EAAEV,QAAQ,GAAIW,IAAK,CAAC,KAAK,EAAE;AAAEC,MAAAA,SAAS,EAAET,cAAc;AAAEU,MAAAA,OAAO,EAAE,WAAW;AAAEC,MAAAA,MAAM,EAAE,cAAc;AAAEC,MAAAA,WAAW,EAAE,KAAK;AAAEC,MAAAA,aAAa,EAAE,OAAO;AAAEC,MAAAA,cAAc,EAAE,OAAO;AAAEC,MAAAA,IAAI,EAAE,MAAM;AAAEC,MAAAA,cAAc,EAAE,oBAAoB;AAAET,MAAAA,QAAQ,EAAE,CAACJ,GAAI,CAAC,MAAM,EAAE;AAAEc,QAAAA,CAAC,EAAE,gBAAA;AAAiB,OAAC,CAAC,EAAEd,GAAI,CAAC,MAAM,EAAE;AAAEc,QAAAA,CAAC,EAAE,eAAA;AAAgB,OAAC,CAAC,CAAA;AAAE,KAAC,CAAC,GAAKT,IAAK,CAAC,KAAK,EAAE;AAAEE,MAAAA,OAAO,EAAE,WAAW;AAAEE,MAAAA,WAAW,EAAE,KAAK;AAAEC,MAAAA,aAAa,EAAE,OAAO;AAAEC,MAAAA,cAAc,EAAE,OAAO;AAAEC,MAAAA,IAAI,EAAE,MAAM;AAAEC,MAAAA,cAAc,EAAE,oBAAoB;AAAET,MAAAA,QAAQ,EAAE,CAACJ,GAAI,CAAC,QAAQ,EAAE;AAAEe,QAAAA,EAAE,EAAE,IAAI;AAAEC,QAAAA,EAAE,EAAE,IAAI;AAAEC,QAAAA,CAAC,EAAE,GAAG;AAAEL,QAAAA,IAAI,EAAE,cAAA;AAAe,OAAC,CAAC,EAAEZ,GAAI,CAAC,QAAQ,EAAE;AAAEe,QAAAA,EAAE,EAAE,IAAI;AAAEC,QAAAA,EAAE,EAAE,IAAI;AAAEC,QAAAA,CAAC,EAAE,GAAG;AAAEL,QAAAA,IAAI,EAAE,cAAA;AAAe,OAAC,CAAC,EAAEZ,GAAI,CAAC,QAAQ,EAAE;AAAEe,QAAAA,EAAE,EAAE,GAAG;AAAEC,QAAAA,EAAE,EAAE,IAAI;AAAEC,QAAAA,CAAC,EAAE,GAAG;AAAEL,QAAAA,IAAI,EAAE,cAAA;AAAe,OAAC,CAAC,CAAA;KAAG,CAAA;AAAG,GAAC,CAAC,CAAA;AACn2B,EAAC;AACDtB,kBAAkB,CAAC4B,WAAW,GAAG,oBAAoB;;;;"}
+{"version":3,"file":"pagination-ellipsis.js","sources":["../../../../src/components/pagination/pagination-ellipsis.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { getClassNames } from '@websolutespa/bom-core';\nimport styled from 'styled-components';\nimport { PaginationItem } from './pagination-item';\nconst StyledPaginationItem = styled(PaginationItem) `\r\n  svg {\r\n    color: currentColor;\r\n    stroke: currentColor;\r\n    width: 1em;\r\n    height: 1em;\r\n  }\r\n\r\n  .pagination-ellipsis__more {\r\n    &.before {\r\n      transform: rotate(180deg);\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    .pagination-ellipsis__ellipsis {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  &:not(:hover) {\r\n    .pagination-ellipsis__more {\r\n      display: none;\r\n    }\r\n  }\r\n`;\nexport const PaginationEllipsis = (_a) => {\n    var { isBefore, onClick } = _a, props = __rest(_a, [\"isBefore\", \"onClick\"]);\n    const moreClassNames = getClassNames('pagination-ellipsis__more', { before: isBefore });\n    return (_jsxs(StyledPaginationItem, { className: \"pagination-ellipsis\", \"aria-label\": props['aria-label'], onClick: (event) => onClick && onClick(event), children: [_jsxs(\"svg\", { className: \"pagination-ellipsis__ellipsis\", viewBox: \"0 0 24 24\", strokeWidth: \"1.5\", strokeLinecap: \"round\", strokeLinejoin: \"round\", fill: \"none\", shapeRendering: \"geometricPrecision\", children: [_jsx(\"circle\", { cx: \"12\", cy: \"12\", r: \"1\", fill: \"currentColor\" }), _jsx(\"circle\", { cx: \"19\", cy: \"12\", r: \"1\", fill: \"currentColor\" }), _jsx(\"circle\", { cx: \"5\", cy: \"12\", r: \"1\", fill: \"currentColor\" })] }), _jsxs(\"svg\", { className: moreClassNames, viewBox: \"0 0 24 24\", stroke: \"currentColor\", strokeWidth: \"1.5\", strokeLinecap: \"round\", strokeLinejoin: \"round\", fill: \"none\", shapeRendering: \"geometricPrecision\", children: [_jsx(\"path\", { d: \"M13 17l5-5-5-5\" }), _jsx(\"path\", { d: \"M6 17l5-5-5-5\" })] })] }));\n};\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n//# sourceMappingURL=pagination-ellipsis.js.map"],"names":["StyledPaginationItem","styled","PaginationItem","PaginationEllipsis","_a","isBefore","onClick","props","__rest","moreClassNames","getClassNames","before","_jsxs","className","event","children","viewBox","strokeWidth","strokeLinecap","strokeLinejoin","fill","shapeRendering","_jsx","cx","cy","r","stroke","d","displayName"],"mappings":";;;;;;AAKA,MAAMA,oBAAoB,GAAGC,MAAM,CAACC,cAAc,CAAG,CAAA;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AACYC,MAAAA,kBAAkB,GAAIC,EAAE,IAAK;EACtC,IAAI;MAAEC,QAAQ;AAAEC,MAAAA,OAAAA;AAAQ,KAAC,GAAGF,EAAE;IAAEG,KAAK,GAAGC,MAAM,CAACJ,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAA;AAC3E,EAAA,MAAMK,cAAc,GAAGC,aAAa,CAAC,2BAA2B,EAAE;AAAEC,IAAAA,MAAM,EAAEN,QAAAA;AAAS,GAAC,CAAC,CAAA;EACvF,OAAQO,IAAK,CAACZ,oBAAoB,EAAE;AAAEa,IAAAA,SAAS,EAAE,qBAAqB;AAAE,IAAA,YAAY,EAAEN,KAAK,CAAC,YAAY,CAAC;IAAED,OAAO,EAAGQ,KAAK,IAAKR,OAAO,IAAIA,OAAO,CAACQ,KAAK,CAAC;AAAEC,IAAAA,QAAQ,EAAE,CAACH,IAAK,CAAC,KAAK,EAAE;AAAEC,MAAAA,SAAS,EAAE,+BAA+B;AAAEG,MAAAA,OAAO,EAAE,WAAW;AAAEC,MAAAA,WAAW,EAAE,KAAK;AAAEC,MAAAA,aAAa,EAAE,OAAO;AAAEC,MAAAA,cAAc,EAAE,OAAO;AAAEC,MAAAA,IAAI,EAAE,MAAM;AAAEC,MAAAA,cAAc,EAAE,oBAAoB;AAAEN,MAAAA,QAAQ,EAAE,CAACO,GAAI,CAAC,QAAQ,EAAE;AAAEC,QAAAA,EAAE,EAAE,IAAI;AAAEC,QAAAA,EAAE,EAAE,IAAI;AAAEC,QAAAA,CAAC,EAAE,GAAG;AAAEL,QAAAA,IAAI,EAAE,cAAA;AAAe,OAAC,CAAC,EAAEE,GAAI,CAAC,QAAQ,EAAE;AAAEC,QAAAA,EAAE,EAAE,IAAI;AAAEC,QAAAA,EAAE,EAAE,IAAI;AAAEC,QAAAA,CAAC,EAAE,GAAG;AAAEL,QAAAA,IAAI,EAAE,cAAA;AAAe,OAAC,CAAC,EAAEE,GAAI,CAAC,QAAQ,EAAE;AAAEC,QAAAA,EAAE,EAAE,GAAG;AAAEC,QAAAA,EAAE,EAAE,IAAI;AAAEC,QAAAA,CAAC,EAAE,GAAG;AAAEL,QAAAA,IAAI,EAAE,cAAA;AAAe,OAAC,CAAC,CAAA;AAAE,KAAC,CAAC,EAAER,IAAK,CAAC,KAAK,EAAE;AAAEC,MAAAA,SAAS,EAAEJ,cAAc;AAAEO,MAAAA,OAAO,EAAE,WAAW;AAAEU,MAAAA,MAAM,EAAE,cAAc;AAAET,MAAAA,WAAW,EAAE,KAAK;AAAEC,MAAAA,aAAa,EAAE,OAAO;AAAEC,MAAAA,cAAc,EAAE,OAAO;AAAEC,MAAAA,IAAI,EAAE,MAAM;AAAEC,MAAAA,cAAc,EAAE,oBAAoB;AAAEN,MAAAA,QAAQ,EAAE,CAACO,GAAI,CAAC,MAAM,EAAE;AAAEK,QAAAA,CAAC,EAAE,gBAAA;AAAiB,OAAC,CAAC,EAAEL,GAAI,CAAC,MAAM,EAAE;AAAEK,QAAAA,CAAC,EAAE,eAAA;AAAgB,OAAC,CAAC,CAAA;AAAE,KAAC,CAAC,CAAA;AAAE,GAAC,CAAC,CAAA;AACl4B,EAAC;AACDxB,kBAAkB,CAACyB,WAAW,GAAG,oBAAoB;;;;"}