@odx/websites-react 1.2.30 → 1.2.31
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/dist/components/actions/autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/actions/autocomplete/Autocomplete.js +1 -1
- package/dist/components/actions/autocomplete/Autocomplete.js.map +1 -1
- package/dist/components/actions/button/Button.d.ts +1 -1
- package/dist/components/actions/button/Button.d.ts.map +1 -1
- package/dist/components/actions/button/Button.js +5 -2
- package/dist/components/actions/button/Button.js.map +1 -1
- package/dist/components/images-icons/video/Video.d.ts +3 -1
- package/dist/components/images-icons/video/Video.d.ts.map +1 -1
- package/dist/components/images-icons/video/Video.js +6 -4
- package/dist/components/images-icons/video/Video.js.map +1 -1
- package/dist/components/layout/mediaGallery/MediaGallery.d.ts +8 -3
- package/dist/components/layout/mediaGallery/MediaGallery.d.ts.map +1 -1
- package/dist/components/layout/mediaGallery/MediaGallery.js +8 -6
- package/dist/components/layout/mediaGallery/MediaGallery.js.map +1 -1
- package/dist/components/layout/mediaGallery/MediaGalleryModal.d.ts +15 -0
- package/dist/components/layout/mediaGallery/MediaGalleryModal.d.ts.map +1 -0
- package/dist/components/layout/mediaGallery/MediaGalleryModal.js +37 -0
- package/dist/components/layout/mediaGallery/MediaGalleryModal.js.map +1 -0
- package/dist/components/layout/screenOverlay/ScreenOverlay.d.ts +3 -2
- package/dist/components/layout/screenOverlay/ScreenOverlay.d.ts.map +1 -1
- package/dist/components/layout/screenOverlay/ScreenOverlay.js +10 -17
- package/dist/components/layout/screenOverlay/ScreenOverlay.js.map +1 -1
- package/dist/components/navigation/flyout/FlyoutMobile.js +1 -1
- package/dist/components/navigation/flyout/FlyoutMobile.js.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.d.ts.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
- package/dist/hooks/emblaCarousel/useEmblaCarouselWithThumbnails.d.ts +23 -0
- package/dist/hooks/emblaCarousel/useEmblaCarouselWithThumbnails.d.ts.map +1 -0
- package/dist/hooks/emblaCarousel/useEmblaCarouselWithThumbnails.js +79 -0
- package/dist/hooks/emblaCarousel/useEmblaCarouselWithThumbnails.js.map +1 -0
- package/dist/web/product/productStage/ProductStageContainerThumbnail.d.ts +1 -0
- package/dist/web/product/productStage/ProductStageContainerThumbnail.d.ts.map +1 -1
- package/dist/web/product/productStage/ProductStageContainerThumbnail.js +7 -56
- package/dist/web/product/productStage/ProductStageContainerThumbnail.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAStB,OAAO,EAEL,cAAc,EAGf,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,qBACf,SAAQ,wBAAwB,EAAE,SAAS;IAC3C,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,qBAAqB,EACrB,gBAAgB,GAAG,kBAAkB,CACtC;CAAG;AAEJ,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,qBAAqB,EACrB,gBAAgB,GAAG,kBAAkB,CACtC;CAAG;
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAStB,OAAO,EAEL,cAAc,EAGf,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,qBACf,SAAQ,wBAAwB,EAAE,SAAS;IAC3C,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,qBAAqB,EACrB,gBAAgB,GAAG,kBAAkB,CACtC;CAAG;AAEJ,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,qBAAqB,EACrB,gBAAgB,GAAG,kBAAkB,CACtC;CAAG;AA6YJ,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAE7C,CAAC;AACF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAErC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -120,7 +120,7 @@ const AutocompleteBase = ({ options, optionsLimit, selected, onChange, disabled,
|
|
|
120
120
|
const inputFieldClasses = cn(showSearchIcon && 'pl-16', showToggleButton && inputValue && invalid && 'pr-32', showToggleButton && inputValue && !invalid && 'pr-24', showToggleButton && !inputValue && invalid && 'pr-[88px]', showToggleButton && !inputValue && !invalid && 'pr-14', !showToggleButton && inputValue && invalid && 'pr-[88px]', !showToggleButton && inputValue && !invalid && 'pr-14', !showToggleButton && !inputValue && invalid && 'pr-14', !showToggleButton && !inputValue && !invalid && 'pr-6');
|
|
121
121
|
return (_jsxs("div", { className: cn('relative font-text w-full', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { ...getLabelProps(), label: label, disabled: disabled, required: required })), _jsxs(Popover.Root, { open: isOpen, modal: false, children: [_jsx(Popover.Anchor, { className: "group", children: _jsxs("div", { className: "relative inline-block w-full", children: [typeahead && completionText && (_jsx(BodyText, { variant: 'small', className: cn(inputFieldClasses,
|
|
122
122
|
// top spacing workaround for fonts correct alignment
|
|
123
|
-
'absolute left-0 w-full h-full pointer-events-none top-[0.25px]', !showSearchIcon && 'pl-6'), textColor: "none", children: _jsxs("div", { className: "flex items-center h-full overflow-hidden whitespace-pre", children: [_jsx("span", { className: "text-transparent", children: inputValue }), _jsx("span", { className: "text-draeger-cool-gray-500", children: completionText })] }) })), _jsx(FormFieldWrapper, { size: size, invalid: invalid, className: "text-draeger-dark-gray", children: _jsx("input", { placeholder: placeholder, required: required, className: inputFieldClasses, ...inputProps, "aria-labelledby": label ? inputProps['aria-labelledby'] : undefined, "aria-describedby": helperText ? `${inputProps.id}-helper-text` : undefined, disabled: disabled, onBlur: e => {
|
|
123
|
+
'absolute left-0 w-full h-full pointer-events-none top-[0.25px]', !showSearchIcon && 'pl-6'), textColor: "none", children: _jsxs("div", { className: "flex items-center h-full overflow-hidden whitespace-pre", children: [_jsx("span", { className: "text-transparent", children: inputValue }), _jsx("span", { className: "text-draeger-cool-gray-500", children: completionText })] }) })), _jsx(FormFieldWrapper, { size: size, invalid: invalid, className: "text-draeger-dark-gray", children: _jsx("input", { placeholder: placeholder, required: required, className: inputFieldClasses, ...inputProps, "aria-labelledby": label ? inputProps['aria-labelledby'] : undefined, "aria-describedby": helperText ? `${inputProps.id}-helper-text` : undefined, inputMode: "search", disabled: disabled, onBlur: e => {
|
|
124
124
|
const isInFocus = document.hasFocus();
|
|
125
125
|
if (!isInFocus) {
|
|
126
126
|
e.preventDefault();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AACtC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAE3D,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,gBAAgB,GAGjB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,aAAa,EACb,cAAc,EACd,iCAAiC,EACjC,aAAa,EACb,mBAAmB,GACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAGL,cAAc,EACd,eAAe,GAChB,MAAM,aAAa,CAAC;AAyCrB,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAIzC,CACE,EAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,KAAK,EAAC,EACpE,GAAG,EACH,EAAE;IACF,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,MAAM,CAAC;IAEjC,OAAO,CACL,iBACM,KAAK,EACT,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,cAAc,CAAC;YACb,IAAI;YACJ,QAAQ;YACR,KAAK,EAAE,WAAW;YAClB,QAAQ;SACT,CAAC,EACF,iBAAiB,CAClB,aAED,MAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,SAAS,aAClE,YAAY;wBACX,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,CAAC,EAC/D,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,KAAC,SAAS,IAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,EAAE,GAAI,CACnD,CAAC,CAAC,CAAC,CACF,KAAK,CACN,IACQ,EACV,QAAQ,IAAI,KAAC,aAAa,IAAC,SAAS,EAAC,UAAU,GAAG,IAChD,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,gBAAgB,GAAoC,CAAC,EACzD,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,OAAO,GAAG,KAAK,EACf,WAAW,EACX,IAAI,EACJ,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,GAAG,KAAK,EAC7B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,cAAc,GAAG,IAAI,EACrB,gBAAgB,GAAG,IAAI,EACvB,MAAM,GAAG,KAAK,EACd,OAAO,EACP,SAAS,GAAG,KAAK,GAClB,EAAE,EAAE;IACH,MAAM,qBAAqB,GAAG,qBAAqB,IAAI,CAAC,CAAC,KAAK,CAAC;IAE/D,MAAM,aAAa,GACjB,OAAO,YAAY,KAAK,WAAW;QACjC,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;IAErC,MAAM,mBAAmB,GAAG,qBAAqB;QAC/C,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,EAAE,GAAG,aAAa,CAAC;QAClD,CAAC,CAAC,aAAa,CAAC;IAElB,MAAM,EACJ,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,UAAU,EACV,YAAY,EACZ,gBAAgB,GACjB,GAAG,WAAW,CAAC;QACd,cAAc,CAAC,IAAI;YACjB,OAAO,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC;QACjC,CAAC;QACD,UAAU,EAAE,KAAK;QACjB,iBAAiB,EAAE,KAAK;QACxB,KAAK,EAAE,mBAAmB;QAC1B,oBAAoB,EAAE,CAAC,EAAC,YAAY,EAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC;QAChE,kBAAkB,EAAE,CAAC,EAAC,UAAU,EAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC;QAC1D,YAAY,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAAE;YACxC,MAAM,EAAC,IAAI,EAAE,OAAO,EAAC,GAAG,gBAAgB,CAAC;YAEzC,IACE,qBAAqB;gBACrB,IAAI,KAAK,WAAW,CAAC,gBAAgB,CAAC,iBAAiB;gBACvD,OAAO,CAAC,gBAAgB,KAAK,CAAC,CAAC,EAC/B,CAAC;gBACD,OAAO;oBACL,GAAG,OAAO;oBACV,YAAY,EAAE,OAAO,CAAC,UAAU;wBAC9B,CAAC,CAAE;4BACC,KAAK,EAAE,OAAO,CAAC,UAAU;4BACzB,KAAK,EAAE,OAAO,CAAC,UAAU;yBACP;wBACtB,CAAC,CAAC,IAAI;iBACT,CAAC;YACJ,CAAC;YAED,IAAI,IAAI,KAAK,WAAW,CAAC,gBAAgB,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;gBACrE,OAAO,EAAC,GAAG,OAAO,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC;YACpC,CAAC;YAED,IAAI,IAAI,KAAK,WAAW,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC;gBACxD,UAAU,CAAC,GAAG,EAAE;oBACd,QAAQ,CAAC,EAAE,CAAC,CAAC;oBACb,QAAQ,CAAC,IAAI,CAAC,CAAC;oBACf,OAAO,EAAE,EAAE,CAAC;gBACd,CAAC,EAAE,CAAC,CAAC,CAAC;gBAEN,OAAO,EAAC,GAAG,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAC,CAAC;YAC1D,CAAC;YAED,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,YAAY,EAAE,QAAQ;QACtB,YAAY,CAAC,IAAI;YACf,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAChC,CAAC;KACF,CAAC,CAAC;IAEH,+CAA+C;IAC/C,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,IAAI,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC;YAChD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAC3B,IAAI,MAAM,CAAC,QAAQ;gBAAE,OAAO,KAAK,CAAC;YAClC,MAAM,KAAK,GAAG,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YACnE,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,IAAI,cAAc,IAAI,KAAK,EAAE,CAAC;YAC5B,mBAAmB,CACjB,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAClE,CAAC;QACJ,CAAC;aAAM,IAAI,CAAC,KAAK,EAAE,CAAC;YAClB,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,IACE,CAAC,SAAS;YACV,CAAC,cAAc;YACf,CAAC,KAAK;YACN,OAAO,cAAc,CAAC,KAAK,KAAK,QAAQ;YAExC,OAAO;QAET,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC;QACvC,OAAO,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvC,wDAAwD;IACxD,MAAM,aAAa,GAAG,CAAC,CAAwC,EAAE,EAAE;QACjE,IAAI,SAAS,IAAI,cAAc,IAAI,KAAK,IAAI,cAAc,EAAE,CAAC;YAC3D,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;gBACpB,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBAC/B,QAAQ,CAAC,cAAc,CAAC,CAAC;YAC3B,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE,CAAC;gBAClC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAAC,KAAK,IAAI,qBAAqB,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,SAAS,EAAE,aAAa;KACzB,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,EAAE,CAC1B,cAAc,IAAI,OAAO,EACzB,gBAAgB,IAAI,UAAU,IAAI,OAAO,IAAI,OAAO,EACpD,gBAAgB,IAAI,UAAU,IAAI,CAAC,OAAO,IAAI,OAAO,EACrD,gBAAgB,IAAI,CAAC,UAAU,IAAI,OAAO,IAAI,WAAW,EACzD,gBAAgB,IAAI,CAAC,UAAU,IAAI,CAAC,OAAO,IAAI,OAAO,EACtD,CAAC,gBAAgB,IAAI,UAAU,IAAI,OAAO,IAAI,WAAW,EACzD,CAAC,gBAAgB,IAAI,UAAU,IAAI,CAAC,OAAO,IAAI,OAAO,EACtD,CAAC,gBAAgB,IAAI,CAAC,UAAU,IAAI,OAAO,IAAI,OAAO,EACtD,CAAC,gBAAgB,IAAI,CAAC,UAAU,IAAI,CAAC,OAAO,IAAI,MAAM,CACvD,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,MAAM,IAAI,QAAQ,EAClB,gBAAgB,CACjB,aAEA,KAAK,IAAI,CACR,KAAC,cAAc,OACT,aAAa,EAAE,EACnB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACD,MAAC,OAAO,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,aACtC,KAAC,OAAO,CAAC,MAAM,IAAC,SAAS,EAAC,OAAO,YAC/B,eAAK,SAAS,EAAC,8BAA8B,aAC1C,SAAS,IAAI,cAAc,IAAI,CAC9B,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,iBAAiB;oCACjB,qDAAqD;oCACrD,gEAAgE,EAChE,CAAC,cAAc,IAAI,MAAM,CAC1B,EACD,SAAS,EAAC,MAAM,YAEhB,eAAK,SAAS,EAAC,yDAAyD,aAEtE,eAAM,SAAS,EAAC,kBAAkB,YAAE,UAAU,GAAQ,EAEtD,eAAM,SAAS,EAAC,4BAA4B,YACzC,cAAc,GACV,IACH,GACG,CACZ,EACD,KAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,wBAAwB,YAElC,gBACE,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,iBAAiB,KACxB,UAAU,qBAEZ,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,sBAGjD,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,EAEzD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAC,CAAC,EAAE;4CACV,MAAM,SAAS,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;4CACtC,IAAI,CAAC,SAAS,EAAE,CAAC;gDACf,CAAC,CAAC,cAAc,EAAE,CAAC;gDACnB,CAAC,CAAC,eAAe,EAAE,CAAC;4CACtB,CAAC;iDAAM,CAAC;gDACN,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;4CACzB,CAAC;wCACH,CAAC,EACD,cAAc,EAAE,OAAO,GACvB,GACe,EAClB,cAAc,IAAI,CACjB,KAAC,uBAAuB,IAAC,KAAK,EAAE,MAAM,YACpC,KAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EACpC,IAAI,EAAE,KAAC,cAAc,KAAG,EACxB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,GACxC,GACsB,CAC3B,EAED,MAAC,uBAAuB,IAAC,QAAQ,EAAE,QAAQ,aACxC,OAAO,IAAI,CACV,KAAC,aAAa,IACZ,SAAS,EAAC,wCAAwC,EAClD,IAAI,EAAE,KAAC,iCAAiC,KAAG,GAC3C,CACH,EACA,UAAU,IAAI,CACb,8BACE,KAAC,aAAa,IACZ,IAAI,EAAE,KAAC,aAAa,KAAG,EACvB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EAC1C,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;wDACZ,KAAK,EAAE,CAAC;wDACR,QAAQ,EAAE,CAAC;oDACb,CAAC,GACD,EACD,gBAAgB,IAAI,CACnB,eAAM,SAAS,EAAE,sCAAsC,GAAI,CAC5D,IACA,CACJ,EACA,gBAAgB,IAAI,CACnB,+BACa,QAAQ,EACnB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,MAAM,KACZ,oBAAoB,EAAE,YAE1B,KAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CACX,6BAA6B,EAC7B,MAAM,IAAI,YAAY,CACvB,EACD,IAAI,EAAE,KAAC,mBAAmB,KAAG,EAC7B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,GAC1C,GACK,CACV,IACuB,IACtB,GACS,EACjB,KAAC,OAAO,CAAC,MAAM,cACb,KAAC,OAAO,CAAC,OAAO,IACd,UAAU,QACV,OAAO,QACP,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,YAGxC,gBACM,YAAY,CAAC,EAAE,EAAE,EAAC,gBAAgB,EAAE,IAAI,EAAC,CAAC,EAC9C,KAAK,EAAE;oCACL,KAAK,EAAE,kCAAkC;oCACzC,eAAe,EACb,+CAA+C;iCAClD,EACD,SAAS,EAAE,EAAE,CACX,eAAe,CAAC,EAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAC,CAAC,EACnD,UAAU,IAAI,+CAA+C,EAC7D,kGAAkG,CACnG,YAEA,mBAAmB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oCACzC,MAAM,YAAY,GAChB,kBAAkB,IAAI,KAAK,KAAK,CAAC;wCAC/B,CAAC,CAAC,mBAAmB;wCACrB,CAAC,CAAC,SAAS,CAAC;oCAChB,OAAO,CACL,KAAC,kBAAkB,IACjB,YAAY,EAAE,YAAY,EAE1B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,gBAAgB,KAAK,KAAK,EACvC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,KAAK,MAAM,KAC7B,YAAY,CAAC;4CACf,IAAI,EAAE,MAAM;4CACZ,KAAK;yCACN,CAAC,IARG,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,EAAE,CAS/C,CACH,CAAC;gCACJ,CAAC,CAAC,GACC,GACW,GACH,IACJ,EACf,KAAC,mBAAmB,IAClB,EAAE,EAAE,GAAG,UAAU,CAAC,EAAE,cAAc,EAClC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAgC,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CAChE,KAAC,gBAAgB,IAAC,cAAc,QAAC,gBAAgB,EAAE,KAAK,KAAM,KAAK,GAAI,CACxE,CAAC;AACF,MAAM,QAAQ,GAA4B,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACxD,KAAC,gBAAgB,IAAC,cAAc,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,KAAM,KAAK,GAAI,CAC/E,CAAC;AAEF,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { LinkComponent, LinkComponentProps } from '../../../utils';
|
|
|
4
4
|
type IconButtonStyleType = 'brand' | 'primary';
|
|
5
5
|
type ButtonTheme = 'light' | 'dark';
|
|
6
6
|
declare const getButtonVariants: (theme: ButtonTheme, style: IconButtonStyleType) => (props?: ({
|
|
7
|
-
variant?: "primary" | "secondary" | "ghost" | null | undefined;
|
|
7
|
+
variant?: "primary" | "secondary" | "secondaryFilled" | "ghost" | null | undefined;
|
|
8
8
|
size?: "xs" | "sm" | "lg" | "md" | null | undefined;
|
|
9
9
|
iconSize?: "xs" | "sm" | "lg" | "md" | null | undefined;
|
|
10
10
|
inheritColor?: boolean | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,aAAa,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,aAAa,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAsCrE,KAAK,mBAAmB,GAAG,OAAO,GAAG,SAAS,CAAC;AAC/C,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAQpC,QAAA,MAAM,iBAAiB,GAAI,OAAO,WAAW,EAAE,OAAO,mBAAmB;;;;;;8EA6BrE,CAAC;AAiCL,MAAM,MAAM,eAAe,GACvB;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEN,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EACrC,OAAO,CACR,GACC,YAAY,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,GAClD,eAAe,GAAG;IAChB,MAAM,EAAE,IAAI,CAAC;IACb,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;CAClC,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,OAAO,CACR,GACC,YAAY,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,GAClD,eAAe,GAAG;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAAC;AAEJ,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,GAAG,eAAe,CA0DnD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,aAAa,GACb,YAAY,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,GAClD,eAAe,CAAC;AAElB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoCzC,CAAC;AAwBF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,CAAC"}
|
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
|
-
const buttonBaseClasses = 'font-text text-button-text-large whitespace-normal break-words inline-flex items-center font-medium transition-colors focus:outline-none
|
|
4
|
+
const buttonBaseClasses = 'font-text text-button-text-large whitespace-normal break-words inline-flex items-center font-medium transition-colors focus:outline-none rounded-sm outline-1 focus:outline-2';
|
|
5
5
|
const lightButtonVariants = {
|
|
6
6
|
primary: 'bg-interactions-primary text-text-invert -outline-offset-[3px] outline-border-secondary focus:outline hover:bg-interactions-primary-hover active:bg-interactions-brand-visited disabled:bg-interactions-primary-disabled',
|
|
7
7
|
secondary: 'bg-transparent text-text-accent outline -outline-offset-1 outline-text-accent focus:outline focus:outline-border-primary hover:bg-surface-tertiary active:bg-draeger-light-blue-150 disabled:outline-interactions-primary-disabled disabled:text-interactions-primary-disabled',
|
|
8
|
+
secondaryFilled: 'bg-surface-primary text-text-accent outline -outline-offset-1 outline-text-accent focus:outline focus:outline-border-primary hover:bg-surface-tertiary active:bg-draeger-light-blue-150 disabled:outline-interactions-primary-disabled disabled:text-interactions-primary-disabled',
|
|
8
9
|
ghost: 'bg-transparent text-text-accent -outline-offset-1 focus:outline focus:outline-surface-accent hover:bg-surface-tertiary active:bg-draeger-light-blue-150 disabled:text-draeger-cool-gray-150',
|
|
9
10
|
};
|
|
10
11
|
const lightBrandStyledButtonVariants = {
|
|
11
|
-
primary: 'bg-interactions-brand text-text-invert -outline-offset-[3px outline-border-secondary focus:outline hover:bg-interactions-brand-hover active:bg-interactions-brand-active disabled:bg-interactions-brand-disabled',
|
|
12
|
+
primary: 'bg-interactions-brand text-text-invert -outline-offset-[3px] outline-border-secondary focus:outline hover:bg-interactions-brand-hover active:bg-interactions-brand-active disabled:bg-interactions-brand-disabled',
|
|
12
13
|
secondary: 'bg-transparent text-interactions-brand outline -outline-offset-1 outline-border-primary focus:outline focus:outline-border-accent hover:bg-surface-tertiary active:bg-draeger-light-blue-150 disabled:outline-interactions-brand-disabled disabled:text-interactions-primary-disabled',
|
|
14
|
+
secondaryFilled: 'bg-surface-primary text-interactions-brand outline -outline-offset-1 outline-border-primary focus:outline focus:outline-border-accent hover:bg-surface-tertiary active:bg-draeger-light-blue-150 disabled:outline-interactions-brand-disabled disabled:text-interactions-primary-disabled',
|
|
13
15
|
ghost: 'bg-transparent text-interactions-brand -outline-offset-1 focus:outline focus:outline-border-primary hover:bg-surface-tertiary active:bg-draeger-light-blue-150 disabled:text-interactions-brand-disabled',
|
|
14
16
|
};
|
|
15
17
|
const darkButtonVariants = {
|
|
16
18
|
primary: 'bg-interactions-primary text-text-invert -outline-offset-2 outline-border-secondary focus:outline hover:bg-interactions-primary-hover active:bg-surface-accent-click disabled:bg-interactions-primary-disabled',
|
|
17
19
|
secondary: 'bg-transparent text-text-invert outline -outline-offset-1 outline-text-accent outline-border-secondary focus:outline focus:outline-border-accent hover:bg-surface-accent-hover active:bg-surface-accent-click disabled:outline-interactions-secondary-disabled disabled:text-interactions-secondary-disabled',
|
|
20
|
+
secondaryFilled: 'bg-surface-brand text-text-invert outline -outline-offset-1 outline-text-accent outline-border-secondary focus:outline focus:outline-border-accent hover:bg-surface-accent-hover active:bg-surface-accent-click disabled:outline-interactions-secondary-disabled disabled:text-interactions-secondary-disabled',
|
|
18
21
|
ghost: 'bg-transparent text-text-invert -outline-offset-1 outline-text-accent outline-border-secondary focus:outline focus:outline-border-accent hover:bg-surface-accent-hover active:bg-surface-accent-click disabled:text-interactions-secondary-disabled',
|
|
19
22
|
};
|
|
20
23
|
const getButtonThemes = (style) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAoC,MAAM,gBAAgB,CAAC;AAErE,MAAM,iBAAiB,GACrB,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,8 @@ export interface VideoProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
13
13
|
open: boolean;
|
|
14
14
|
modalProps?: ModalProps;
|
|
15
15
|
}
|
|
16
|
+
declare const SizedIframeVideoWrapper: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare const VideoPlayButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
18
|
declare const Video: React.FC<VideoProps>;
|
|
17
|
-
export { Video };
|
|
19
|
+
export { Video, SizedIframeVideoWrapper, VideoPlayButton };
|
|
18
20
|
//# sourceMappingURL=Video.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAE9D,OAAO,EAAmB,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,EAAE,WAAW,GAAG;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAE9D,OAAO,EAAmB,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,EAAE,WAAW,GAAG;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,QAAA,MAAM,uBAAuB,GAAI,mCAI9B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAUtC,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,OAAO,WAAW,4CAQ1C,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6C/B,CAAC;AAEF,OAAO,EAAC,KAAK,EAAE,uBAAuB,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -5,14 +5,16 @@ import { cn } from '../../../utils';
|
|
|
5
5
|
import { Modal, ModalBody } from '../../layout/modal';
|
|
6
6
|
import { useBreakpoint } from '../../../hooks';
|
|
7
7
|
import { Image } from '../../images-icons/image';
|
|
8
|
+
const SizedIframeVideoWrapper = ({ children, className, ...props }) => (_jsx("div", { className: cn('[&_iframe]:aspect-16/9 [&_iframe]:h-full [&_iframe]:w-full', className), ...props, children: children }));
|
|
9
|
+
const VideoPlayButton = (props) => (_jsx(Button, { ...props, className: cn('absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2', props.className) }));
|
|
8
10
|
const Video = ({ previewImage, videoElement, buttonProps, className, setOpen, open, modalProps, ...props }) => {
|
|
9
11
|
const isMobile = useBreakpoint('lg');
|
|
10
|
-
const sizedVideoElement = (_jsx(
|
|
12
|
+
const sizedVideoElement = (_jsx(SizedIframeVideoWrapper, { children: videoElement }));
|
|
11
13
|
const isOpenedMobile = open && isMobile;
|
|
12
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn('relative font-text', className), ...props, children: [isOpenedMobile && sizedVideoElement, !isOpenedMobile && previewImage && _jsx(Image, { ...previewImage }), !open && (_jsx(
|
|
14
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn('relative font-text', className), ...props, children: [isOpenedMobile && sizedVideoElement, !isOpenedMobile && previewImage && _jsx(Image, { ...previewImage }), !open && (_jsx(VideoPlayButton, { ...buttonProps, onClick: e => {
|
|
13
15
|
setOpen(true);
|
|
14
16
|
buttonProps?.onClick?.(e);
|
|
15
|
-
} }))] }), !isMobile && (_jsx(Modal, { open: open, canClose: true, onOpenChange:
|
|
17
|
+
} }))] }), !isMobile && (_jsx(Modal, { open: open, canClose: true, onOpenChange: setOpen, size: 'xl', ...modalProps, children: _jsx(ModalBody, { children: sizedVideoElement }) }))] }));
|
|
16
18
|
};
|
|
17
|
-
export { Video };
|
|
19
|
+
export { Video, SizedIframeVideoWrapper, VideoPlayButton };
|
|
18
20
|
//# sourceMappingURL=Video.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAmB,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAYhE,MAAM,KAAK,GAAyB,CAAC,EACnC,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,iBAAiB,GAAG,CACxB,
|
|
1
|
+
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAmB,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAYhE,MAAM,uBAAuB,GAAG,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE,CAAC,CAC1C,cACE,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC9C,KAAC,MAAM,OACD,KAAK,EACT,SAAS,EAAE,EAAE,CACX,6DAA6D,EAC7D,KAAK,CAAC,SAAS,CAChB,GACD,CACH,CAAC;AAEF,MAAM,KAAK,GAAyB,CAAC,EACnC,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,iBAAiB,GAAG,CACxB,KAAC,uBAAuB,cAAE,YAAY,GAA2B,CAClE,CAAC;IACF,MAAM,cAAc,GAAG,IAAI,IAAI,QAAQ,CAAC;IAExC,OAAO,CACL,8BACE,eAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KAAM,KAAK,aAC3D,cAAc,IAAI,iBAAiB,EACnC,CAAC,cAAc,IAAI,YAAY,IAAI,KAAC,KAAK,OAAK,YAAY,GAAI,EAC9D,CAAC,IAAI,IAAI,CACR,KAAC,eAAe,OACV,WAAW,EACf,OAAO,EAAE,CAAC,CAAC,EAAE;4BACX,OAAO,CAAC,IAAI,CAAC,CAAC;4BACd,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;wBAC5B,CAAC,GACD,CACH,IACG,EACL,CAAC,QAAQ,IAAI,CACZ,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,QAAQ,QACR,YAAY,EAAE,OAAO,EACrB,IAAI,EAAE,IAAI,KACN,UAAU,YAEd,KAAC,SAAS,cAAE,iBAAiB,GAAa,GACpC,CACT,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,KAAK,EAAE,uBAAuB,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -3,10 +3,9 @@ import { HeadlineProps } from '../../typography/headline/Headline';
|
|
|
3
3
|
import { type ImageProps } from '../../images-icons/image';
|
|
4
4
|
import { type VideoProps } from '../../images-icons/video';
|
|
5
5
|
import { type NavigationButtonsAriaLabels } from '../../../utils/types';
|
|
6
|
-
export interface MediaGalleryProps extends React.HTMLAttributes<HTMLDivElement>, NavigationButtonsAriaLabels {
|
|
7
|
-
children: React.ReactNode[];
|
|
6
|
+
export interface MediaGalleryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, NavigationButtonsAriaLabels {
|
|
8
7
|
}
|
|
9
|
-
export
|
|
8
|
+
export type MediaGalleryItemType = {
|
|
10
9
|
image?: Omit<ImageProps, 'ratio'>;
|
|
11
10
|
headline: string;
|
|
12
11
|
copy: string;
|
|
@@ -14,6 +13,12 @@ export interface MediaGalleryItemProps extends React.HTMLAttributes<HTMLDivEleme
|
|
|
14
13
|
video?: Omit<VideoProps, 'previewImage'> & {
|
|
15
14
|
previewImage?: Omit<ImageProps, 'ratio'>;
|
|
16
15
|
};
|
|
16
|
+
};
|
|
17
|
+
export interface MediaGalleryItemProps extends MediaGalleryItemType, React.HTMLAttributes<HTMLDivElement> {
|
|
18
|
+
onExpand?: () => void;
|
|
19
|
+
}
|
|
20
|
+
export interface MediaGalleryProps extends React.HTMLAttributes<HTMLDivElement>, NavigationButtonsAriaLabels {
|
|
21
|
+
items: MediaGalleryItemType[];
|
|
17
22
|
}
|
|
18
23
|
declare const MediaGalleryItem: React.FC<MediaGalleryItemProps>;
|
|
19
24
|
declare const MediaGallery: React.FC<MediaGalleryProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAK3E,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAK3E,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAOhE,OAAO,EAAC,KAAK,2BAA2B,EAAC,MAAM,sBAAsB,CAAC;AAGtE,MAAM,WAAW,iBACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACtD,2BAA2B;CAAG;AAElC,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG;QACzC,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;KAC1C,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,oBAAoB,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,2BAA2B;IACzE,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B;AAQD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoDrD,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoG7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAC,CAAC"}
|
|
@@ -9,25 +9,27 @@ import { Button } from '../../actions/button';
|
|
|
9
9
|
import { Controls, ControlsItem } from '../../navigation/controls';
|
|
10
10
|
import { Image } from '../../images-icons/image';
|
|
11
11
|
import { Video } from '../../images-icons/video';
|
|
12
|
-
import { IconCoreChevronLeft, IconCoreChevronRight } from '../../icon';
|
|
12
|
+
import { IconCoreChevronLeft, IconCoreChevronRight, IconCoreZoomIn, } from '../../icon';
|
|
13
|
+
import { MediaGalleryModal } from './MediaGalleryModal';
|
|
13
14
|
const mediaGalleryItemClasses = `
|
|
14
15
|
w-full h-full bg-surface-secondary
|
|
15
16
|
flex-[0_0] only:basis-full basis-[93%] md:basis-[62%] lg:basis-[88%] xl:basis-[80%]
|
|
16
17
|
last:mr-[7%] md:last:mr-[38%] lg:last:mr-[12%] xl:last:mr-[20%]
|
|
17
18
|
`;
|
|
18
|
-
const MediaGalleryItem = ({ image, video, headline, copy, className, headlineActAs, ...props }) => {
|
|
19
|
+
const MediaGalleryItem = ({ image, video, headline, copy, className, headlineActAs, onExpand, ...props }) => {
|
|
19
20
|
if (image && video) {
|
|
20
21
|
throw new Error('Cannot have both image and video');
|
|
21
22
|
}
|
|
22
23
|
const hasDescription = headline || copy;
|
|
23
|
-
return (_jsxs("div", { ...props, className: cn(mediaGalleryItemClasses, className), children: [_jsxs("div", { className: "relative
|
|
24
|
+
return (_jsxs("div", { ...props, className: cn(mediaGalleryItemClasses, className), children: [_jsxs("div", { className: "relative", children: [image && _jsx(Image, { ratio: '3/2', ...image }), image && (_jsx(Button, { iconLeft: _jsx(IconCoreZoomIn, {}), size: 'sm', variant: 'secondaryFilled', iconButtonStyle: 'brand', className: "absolute right-4 bottom-4", onClick: onExpand })), video && (_jsx(Video, { ...video, className: "static", previewImage: {
|
|
24
25
|
...video.previewImage,
|
|
25
26
|
ratio: '3/2',
|
|
26
27
|
className: 'aspect-3/2',
|
|
27
28
|
} }))] }), hasDescription && (_jsxs("div", { className: "p-4 pt-3", children: [headline && (_jsx(Headline, { headingLevel: "h6", actAs: headlineActAs, children: headline })), _jsx(SlimRichText, { variant: "small", text: copy })] }))] }));
|
|
28
29
|
};
|
|
29
|
-
const MediaGallery = ({
|
|
30
|
-
const hasMultipleItems =
|
|
30
|
+
const MediaGallery = ({ className, items, nextButtonAriaLabel, previousButtonAriaLabel, ...props }) => {
|
|
31
|
+
const hasMultipleItems = items.length > 1;
|
|
32
|
+
const [modalOpen, setModalOpen] = React.useState(false);
|
|
31
33
|
const [emblaRef, emblaApi] = useEmblaCarousel({
|
|
32
34
|
align: 'start',
|
|
33
35
|
containScroll: 'keepSnaps',
|
|
@@ -52,7 +54,7 @@ const MediaGallery = ({ children, className, nextButtonAriaLabel, previousButton
|
|
|
52
54
|
setScrollSnaps(emblaApi.scrollSnapList());
|
|
53
55
|
emblaApi.on('select', onSelect);
|
|
54
56
|
}, [emblaApi]);
|
|
55
|
-
return (_jsxs("div", { className: cn('relative font-text', className), ...props, children: [_jsx("div", { className: 'overflow-hidden', ref: emblaRef, children: _jsx("div", { className: "flex gap-x-3", children:
|
|
57
|
+
return (_jsxs("div", { className: cn('relative font-text', className), ...props, children: [_jsx("div", { className: 'overflow-hidden', ref: emblaRef, children: _jsx("div", { className: "flex gap-x-3", children: items.map((item, index) => (_jsx(MediaGalleryItem, { onExpand: () => setModalOpen(true), ...item }, `${item.headline}_${index}`))) }) }), scrollSnaps.length > 1 && (_jsxs("div", { className: "absolute top-0 left-0", children: [_jsx(Button, { onClick: scrollPrev, disabled: activeIndex === 0, iconLeft: _jsx(IconCoreChevronLeft, {}), size: "md", className: "rounded-r-none", "aria-label": previousButtonAriaLabel }), _jsx(Button, { onClick: scrollNext, disabled: activeIndex === scrollSnaps.length - 1, iconLeft: _jsx(IconCoreChevronRight, {}), size: "md", className: "rounded-l-none", "aria-label": nextButtonAriaLabel })] })), scrollSnaps.length > 1 && (_jsx(Controls, { children: scrollSnaps.map((_, index) => (_jsx(ControlsItem, { active: activeIndex === index, onClick: () => scrollTo(index), index: index }, index))) })), _jsx(MediaGalleryModal, { items: items, show: modalOpen, activeIndex: activeIndex, onClose: () => setModalOpen(false) })] }));
|
|
56
58
|
};
|
|
57
59
|
export { MediaGallery, MediaGalleryItem };
|
|
58
60
|
//# sourceMappingURL=MediaGallery.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAgB,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AACrC,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,
|
|
1
|
+
{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { MediaGalleryItemType } from './MediaGallery';
|
|
3
|
+
export interface MediaGalleryModalImageProps extends Pick<MediaGalleryItemType, 'image'>, React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
}
|
|
5
|
+
export interface MediaGalleryModalVideoProps extends Pick<MediaGalleryItemType, 'video'>, React.HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
}
|
|
7
|
+
interface MediaGalleryModalProps {
|
|
8
|
+
items: MediaGalleryItemType[];
|
|
9
|
+
show: boolean;
|
|
10
|
+
onClose: () => void;
|
|
11
|
+
activeIndex: number;
|
|
12
|
+
}
|
|
13
|
+
declare const MediaGalleryModal: ({ show, items, onClose, activeIndex, }: MediaGalleryModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export { MediaGalleryModal };
|
|
15
|
+
//# sourceMappingURL=MediaGalleryModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaGalleryModal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGalleryModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AAGpD,MAAM,WAAW,2BACf,SACE,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,EACnC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,MAAM,WAAW,2BACf,SACE,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,EACnC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AA+D3C,UAAU,sBAAsB;IAC9B,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,iBAAiB,GAAI,wCAKxB,sBAAsB,4CA0FxB,CAAC;AAEF,OAAO,EAAC,iBAAiB,EAAC,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { cn } from '../../../utils';
|
|
5
|
+
import { Image } from '../../images-icons/image';
|
|
6
|
+
import { SizedIframeVideoWrapper, VideoPlayButton, } from '../../images-icons/video';
|
|
7
|
+
import { Button } from '../../actions/button';
|
|
8
|
+
import { IconCoreArrowLeft, IconCoreArrowRight, IconCoreClose } from '../../icon';
|
|
9
|
+
import { ScreenOverlay } from '../screenOverlay';
|
|
10
|
+
import { MediaThumbnail } from '../../../web/product/productStage';
|
|
11
|
+
import { useEmblaCarouselWithThumbnails } from '../../../hooks/emblaCarousel/useEmblaCarouselWithThumbnails';
|
|
12
|
+
const mediaGalleryModalImageClasses = 'w-full h-full grow-0 shrink-0 basis-full';
|
|
13
|
+
const MediaGalleryModalImage = ({ image, ...props }) => {
|
|
14
|
+
return (_jsx("div", { ...props, className: cn(mediaGalleryModalImageClasses, props.className), children: _jsx(Image, { ratio: '3/2', className: "h-full", ...image }) }));
|
|
15
|
+
};
|
|
16
|
+
const MediaGalleryModalVideo = ({ video, ...props }) => {
|
|
17
|
+
const [open, setOpen] = React.useState(false);
|
|
18
|
+
if (!video)
|
|
19
|
+
return;
|
|
20
|
+
const sizedVideoElement = (_jsx(SizedIframeVideoWrapper, { className: 'h-full', children: video.videoElement }));
|
|
21
|
+
return (_jsx("div", { ...props, className: cn(mediaGalleryModalImageClasses, props.className, 'relative flex items-center justify-center'), children: _jsxs("div", { className: 'w-full h-full max-w-[976px]', children: [open && sizedVideoElement, !open && video.previewImage && (_jsx(Image, { ...video.previewImage, className: cn(video.previewImage.className, 'h-full') })), !open && (_jsx(VideoPlayButton, { ...video.buttonProps, onClick: e => {
|
|
22
|
+
setOpen(true);
|
|
23
|
+
video.buttonProps.onClick?.(e);
|
|
24
|
+
} }))] }) }));
|
|
25
|
+
};
|
|
26
|
+
const MediaGalleryModal = ({ show, items, onClose, activeIndex, }) => {
|
|
27
|
+
const { mainCarousel: { emblaMainRef, emblaMainApi, canScrollPrev, canScrollNext }, thumbsCarousel: { emblaThumbsRef }, selectedIndex, onThumbClick, } = useEmblaCarouselWithThumbnails({
|
|
28
|
+
mainCarouselOptions: {
|
|
29
|
+
align: 'start',
|
|
30
|
+
containScroll: 'keepSnaps',
|
|
31
|
+
startIndex: activeIndex,
|
|
32
|
+
},
|
|
33
|
+
});
|
|
34
|
+
return (_jsx(ScreenOverlay, { show: show, className: "px-2 py-2 lg:px-4 lg:pt-4 bg-surface-secondary", children: _jsxs("div", { className: "flex flex-col gap-2 justify-between h-full min-h-0 relative", children: [_jsxs("div", { className: "relative h-full w-full min-h-0", children: [_jsx(Button, { className: "absolute left-4 top-1/2 -translate-y-1/2 z-10", size: 'md', variant: 'secondaryFilled', iconButtonStyle: 'brand', iconLeft: _jsx(IconCoreArrowLeft, {}), disabled: !canScrollPrev, onClick: () => emblaMainApi?.scrollPrev() }), _jsx(Button, { className: "absolute right-4 top-1/2 -translate-y-1/2 z-10", size: 'md', variant: 'secondaryFilled', iconButtonStyle: 'brand', iconLeft: _jsx(IconCoreArrowRight, {}), disabled: !canScrollNext, onClick: () => emblaMainApi?.scrollNext() }), _jsx("div", { className: "flex overflow-hidden relative flex-1 justify-center items-center h-full", ref: emblaMainRef, children: _jsx("div", { className: "flex gap-x-2 h-full", children: items?.map((item, index) => item.image ? (_jsx(MediaGalleryModalImage, { image: item.image }, index)) : item.video ? (_jsx(MediaGalleryModalVideo, { video: item.video }, index)) : null) }) })] }), _jsx("div", { className: "hidden overflow-hidden relative self-center lg:block lg:h-auto shrink-0 py-1 w-full", ref: emblaThumbsRef, children: _jsx("div", { className: "flex gap-2 select-none justify-self-center min-w-0 w-full", children: items?.map((item, index) => (_jsx(MediaThumbnail, { isActive: selectedIndex === index, onClick: () => onThumbClick(index), isVideo: !!item.video, children: _jsx(Image, { fit: "cover", ratio: '1/1', className: "mix-blend-darken", ...(item.video ? item.video.previewImage : item.image) }) }, index))) }) }), _jsx(Button, { className: 'ml-auto absolute right-0 top-0', variant: 'secondaryFilled', iconButtonStyle: 'brand', size: 'sm', "aria-label": 'Close', onClick: () => onClose(), iconLeft: _jsx(IconCoreClose, { color: 'primary' }) })] }) }));
|
|
35
|
+
};
|
|
36
|
+
export { MediaGalleryModal };
|
|
37
|
+
//# sourceMappingURL=MediaGalleryModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaGalleryModal.js","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGalleryModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
interface ScreenOverlayProps {
|
|
3
3
|
show: boolean;
|
|
4
|
-
children
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
className?: string;
|
|
5
6
|
}
|
|
6
7
|
declare const ScreenOverlay: React.FC<ScreenOverlayProps>;
|
|
7
|
-
export interface ScreenOverlayControlsProps {
|
|
8
|
+
export interface ScreenOverlayControlsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
9
|
canGoBack?: boolean;
|
|
9
10
|
backLabel?: string;
|
|
10
11
|
onBack?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/screenOverlay/ScreenOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ScreenOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/screenOverlay/ScreenOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,kBAAkB;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwC/C,CAAC;AAEF,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA6CtE,CAAC;AAEF,OAAO,EAAC,aAAa,EAAC,CAAC"}
|
|
@@ -1,24 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from 'react';
|
|
3
2
|
import { Transition } from '@headlessui/react';
|
|
4
3
|
import { Button } from '../../actions/button';
|
|
5
4
|
import { IconCoreChevronLeft, IconCoreClose } from '../../icon';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return;
|
|
16
|
-
if (!overlayRef.current.contains(e.relatedTarget)) {
|
|
17
|
-
e.preventDefault();
|
|
18
|
-
e.target.focus();
|
|
19
|
-
}
|
|
20
|
-
}, children: children }) }));
|
|
5
|
+
import { FloatingFocusManager, useFloating, useMergeRefs, } from '@floating-ui/react';
|
|
6
|
+
import { cn } from '../../../utils';
|
|
7
|
+
const ScreenOverlay = ({ children, className, show, }) => {
|
|
8
|
+
const { context, refs } = useFloating({ open: show });
|
|
9
|
+
const overlayFloatingRef = useMergeRefs([
|
|
10
|
+
refs.setFloating,
|
|
11
|
+
refs.setReference,
|
|
12
|
+
]);
|
|
13
|
+
return (_jsx(Transition, { show: show, enter: "duration-200 ease-in-out", enterFrom: "scale-105 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-in-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-105 opacity-0", children: _jsx("div", { className: cn('fixed top-0 left-0 w-full max-h-screen h-svh bg-draeger-white z-overlay', className), children: _jsx(FloatingFocusManager, { context: context, disabled: !show, initialFocus: 0, children: _jsx("div", { className: "h-full min-h-0", ref: overlayFloatingRef, children: children }) }) }) }));
|
|
21
14
|
};
|
|
22
|
-
export const ScreenOverlayControls = ({ canGoBack, onBack, onClose, backLabel, ref, }) => (_jsxs("div", { className:
|
|
15
|
+
export const ScreenOverlayControls = ({ canGoBack, onBack, onClose, backLabel, ref, className, ...props }) => (_jsxs("div", { className: cn('flex items-center bg-draeger-white', className), ref: ref, ...props, children: [backLabel && (_jsx(Transition, { as: 'div', show: canGoBack, enter: "duration-100 ease-in-out", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "duration-100 ease-in-out", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx(Button, { variant: 'ghost', iconLeft: _jsx(IconCoreChevronLeft, { color: 'primary' }), onClick: onBack, size: 'sm', children: backLabel }) })), _jsx(Button, { className: 'ml-auto', variant: 'ghost', size: 'sm', "aria-label": 'Close navigation', onClick: onClose, iconLeft: _jsx(IconCoreClose, { color: 'primary' }) })] }));
|
|
23
16
|
export { ScreenOverlay };
|
|
24
17
|
//# sourceMappingURL=ScreenOverlay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenOverlay.js","sourceRoot":"","sources":["../../../../src/components/layout/screenOverlay/ScreenOverlay.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ScreenOverlay.js","sourceRoot":"","sources":["../../../../src/components/layout/screenOverlay/ScreenOverlay.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,mBAAmB,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAC9D,OAAO,EACL,oBAAoB,EACpB,WAAW,EACX,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,MAAM,aAAa,GAAiC,CAAC,EACnD,QAAQ,EACR,SAAS,EACT,IAAI,GACL,EAAE,EAAE;IACH,MAAM,EAAC,OAAO,EAAE,IAAI,EAAC,GAAG,WAAW,CAAC,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;IAElD,MAAM,kBAAkB,GAAG,YAAY,CAAC;QACtC,IAAI,CAAC,WAAW;QAChB,IAAI,CAAC,YAAY;KAClB,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,qBAAqB,YAE7B,cACE,SAAS,EAAE,EAAE,CACX,yEAAyE,EACzE,SAAS,CACV,YAED,KAAC,oBAAoB,IACnB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,IAAI,EACf,YAAY,EAAE,CAAC,YAEf,cAAK,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAE,kBAAkB,YACpD,QAAQ,GACL,GACe,GACnB,GACK,CACd,CAAC;AACJ,CAAC,CAAC;AAUF,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,SAAS,EACT,MAAM,EACN,OAAO,EACP,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eACE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,EAC9D,GAAG,EAAE,GAAG,KACJ,KAAK,aAER,SAAS,IAAI,CACZ,KAAC,UAAU,IACT,EAAE,EAAE,KAAK,EACT,IAAI,EAAE,SAAS,EACf,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAC,mBAAmB,IAAC,KAAK,EAAE,SAAS,GAAI,EACnD,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,IAAI,YAET,SAAS,GACH,GACE,CACd,EAED,KAAC,MAAM,IACL,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,gBACE,kBAAkB,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAC,aAAa,IAAC,KAAK,EAAE,SAAS,GAAI,GAC7C,IACE,CACP,CAAC;AAEF,OAAO,EAAC,aAAa,EAAC,CAAC"}
|
|
@@ -170,7 +170,7 @@ const FlyoutMobile = ({ flyoutNavigation, initialNavPath = [], options, headerLi
|
|
|
170
170
|
}, [path]);
|
|
171
171
|
if (!isMobile)
|
|
172
172
|
return;
|
|
173
|
-
return (_jsxs("div", { className: 'xl:hidden', children: [_jsx(Button, { variant: 'ghost', "aria-label": 'Menu', onClick: () => setShow(true), size: 'md', iconLeft: _jsx(IconCoreMenu, { color: 'primary' }) }), _jsx(ScreenOverlay, { show: show, children: _jsx(MobileFlyoutItemsWrapper, { children: _jsxs(FlyoutMobileContext.Provider, { value: { path, goToNextLevel: goToNextLevel, pathChangeHandler }, children: [_jsx(ScreenOverlayControls, { ref: screenOverlayControlsRef, backLabel: backLabel, canGoBack: isNestedView, onBack: goBack, onClose: () => setShow(false) }), _jsx("div", { className: "overflow-y-auto overflow-x-hidden overscroll-contain", ref: scrollableContainerRef, children: _jsxs("div", { ref: scrollRef, className: "flex", children: [_jsxs(FlyoutMobileScrollView, { active: !isNestedView, children: [_jsx(MobileFlyoutList, { children: flatPath[0]?.map((rootNavItem, index) => (_jsx(FlyoutMobileNavigationItems, { rootLevel: true, navItem: rootNavItem, LinkComponent: LinkComponent, onClick: () => goToNextLevel('nav', rootNavItem.displayName) }, index))) }), _jsx(MobileFlyoutList, { children: headerLinks }), flyoutActionsElement] }), path.nav.length > 0 &&
|
|
173
|
+
return (_jsxs("div", { className: 'xl:hidden', children: [_jsx(Button, { variant: 'ghost', "aria-label": 'Menu', onClick: () => setShow(true), size: 'md', iconLeft: _jsx(IconCoreMenu, { color: 'primary' }) }), _jsx(ScreenOverlay, { className: "pt-10 px-9 pb-9", show: show, children: _jsx(MobileFlyoutItemsWrapper, { children: _jsxs(FlyoutMobileContext.Provider, { value: { path, goToNextLevel: goToNextLevel, pathChangeHandler }, children: [_jsx(ScreenOverlayControls, { ref: screenOverlayControlsRef, backLabel: backLabel, canGoBack: isNestedView, onBack: goBack, onClose: () => setShow(false) }), _jsx("div", { className: "overflow-y-auto overflow-x-hidden overscroll-contain", ref: scrollableContainerRef, children: _jsxs("div", { ref: scrollRef, className: "flex", children: [_jsxs(FlyoutMobileScrollView, { active: !isNestedView, children: [_jsx(MobileFlyoutList, { children: flatPath[0]?.map((rootNavItem, index) => (_jsx(FlyoutMobileNavigationItems, { rootLevel: true, navItem: rootNavItem, LinkComponent: LinkComponent, onClick: () => goToNextLevel('nav', rootNavItem.displayName) }, index))) }), _jsx(MobileFlyoutList, { children: headerLinks }), flyoutActionsElement] }), path.nav.length > 0 &&
|
|
174
174
|
flatPath.length > 1 &&
|
|
175
175
|
flatPath
|
|
176
176
|
.slice(1)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlyoutMobile.js","sourceRoot":"","sources":["../../../../src/components/navigation/flyout/FlyoutMobile.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FlyoutMobile.js","sourceRoot":"","sources":["../../../../src/components/navigation/flyout/FlyoutMobile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAe,KAAK,iBAAiB,EAAC,MAAM,4BAA4B,CAAC;AAQhF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,qBAAqB,GAAG,aAAa,GAAG,SAAS,CACzE;IACC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAe,KAAK,iBAAiB,EAAC,MAAM,4BAA4B,CAAC;AAQhF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,qBAAqB,GAAG,aAAa,GAAG,SAAS,CACzE;IACC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsGlD,CAAC"}
|
|
@@ -29,6 +29,6 @@ export const SearchInput = ({ onSubmit, options = [], placeholder, freeTextSearc
|
|
|
29
29
|
return (_jsxs("div", { className: "flex flex-col items-end justify-center h-full overflow-visible font-text max-w-[315px] w-full", children: [_jsx("div", { className: "flex justify-end items-center w-full h-7 xl:hidden", children: _jsx(Button, { variant: 'ghost', size: 'md', onClick: () => setShowSearchInput(true), "aria-label": 'Search Input Toggle Button', iconLeft: showSearchInput ? (_jsx(IconCoreClose, { color: 'primary' })) : (_jsx(IconCoreSearch, { color: 'primary' })) }) }), _jsx("div", { className: "hidden items-center w-full xl:flex", children: _jsx(Autocomplete, { onChange: handleChange, placeholder: placeholder, options: options.map(option => ({
|
|
30
30
|
value: option,
|
|
31
31
|
label: option,
|
|
32
|
-
})), freeTextSearchAllowed: true, freeTextSearchLabel: freeTextSearchLabel, selected: { value: query, label: query }, query: query, setQuery: setQuery, onReset: onReset, fullHeight: true }) }), _jsx(ScreenOverlay, { show: isMobile && showSearchInput, children: _jsxs("div", { className: "flex flex-col gap-16 max-h-full h-svh", children: [_jsx(ScreenOverlayControls, { canGoBack: false, onClose: () => setShowSearchInput(false) }), _jsxs("div", { className: "flex overflow-hidden flex-col gap-8", children: [_jsx(Search, { placeholder: placeholder, onSearch: onSearch, onChange: setQuery, value: query }), _jsx(LoadingOverlay, { show: isLoading, loadingSpinner: _jsx(LoadingSpinner, { size: 'md' }), minHeight: 100, children: _jsx("div", { className: "flex overflow-auto overscroll-contain flex-col gap-4 px-7 max-h-full", children: options.map(option => (_jsx(BodyText, { className: "cursor-pointer pt-1 pb-0.5", onClick: () => onSearch(option), children: _jsx(Highlight, { text: option, highlight: query }) }, option))) }) })] })] }) })] }));
|
|
32
|
+
})), freeTextSearchAllowed: true, freeTextSearchLabel: freeTextSearchLabel, selected: { value: query, label: query }, query: query, setQuery: setQuery, onReset: onReset, fullHeight: true }) }), _jsx(ScreenOverlay, { className: "pt-10 px-9 pb-9", show: isMobile && showSearchInput, children: _jsxs("div", { className: "flex flex-col gap-16 max-h-full h-svh", children: [_jsx(ScreenOverlayControls, { canGoBack: false, onClose: () => setShowSearchInput(false) }), _jsxs("div", { className: "flex overflow-hidden flex-col gap-8", children: [_jsx(Search, { placeholder: placeholder, onSearch: onSearch, onChange: setQuery, value: query }), _jsx(LoadingOverlay, { show: isLoading, loadingSpinner: _jsx(LoadingSpinner, { size: 'md' }), minHeight: 100, children: _jsx("div", { className: "flex overflow-auto overscroll-contain flex-col gap-4 px-7 max-h-full", children: options.map(option => (_jsx(BodyText, { className: "cursor-pointer pt-1 pb-0.5", onClick: () => onSearch(option), children: _jsx(Highlight, { text: option, highlight: query }) }, option))) }) })] })] }) })] }));
|
|
33
33
|
};
|
|
34
34
|
//# sourceMappingURL=SearchInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,YAAY,EAAyB,MAAM,4BAA4B,CAAC;AAEhF,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,YAAY,CAAC;AACzD,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAC,aAAa,EAAE,qBAAqB,EAAC,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAC,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAU3D,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,OAAO,GACR,EAAE,EAAE;IACH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7E,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,kBAAkB,GAAG,eAAe,IAAI,QAAQ,CAAC;QACvD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;IACxE,CAAC,EAAE,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhC,MAAM,YAAY,GAAG,CAAC,cAAqC,EAAE,EAAE;QAC7D,IAAI,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,+FAA+F,aAC5G,cAAK,SAAS,EAAC,oDAAoD,YACjE,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,gBAC3B,4BAA4B,EACxC,QAAQ,EACN,eAAe,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IAAC,KAAK,EAAE,SAAS,GAAI,CACpC,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IAAC,KAAK,EAAE,SAAS,GAAI,CACrC,GAEH,GACE,EAEN,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,YAAY,IACX,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;wBAC9B,KAAK,EAAE,MAAM;wBACb,KAAK,EAAE,MAAM;qBACd,CAAC,CAAC,EACH,qBAAqB,QACrB,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,EACtC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,SACV,GACE,EACN,KAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { EmblaOptionsType } from 'embla-carousel';
|
|
2
|
+
export declare const useEmblaCarouselWithThumbnails: ({ mainCarouselOptions, thumbsCarouselOptions, onSelect, }: {
|
|
3
|
+
mainCarouselOptions?: EmblaOptionsType;
|
|
4
|
+
thumbsCarouselOptions?: EmblaOptionsType;
|
|
5
|
+
onSelect?: (index: number) => void;
|
|
6
|
+
}) => {
|
|
7
|
+
mainCarousel: {
|
|
8
|
+
emblaMainRef: import("embla-carousel-react").EmblaViewportRefType;
|
|
9
|
+
emblaMainApi: import("embla-carousel").EmblaCarouselType | undefined;
|
|
10
|
+
canScrollPrev: boolean;
|
|
11
|
+
canScrollNext: boolean;
|
|
12
|
+
};
|
|
13
|
+
thumbsCarousel: {
|
|
14
|
+
emblaThumbsRef: import("embla-carousel-react").EmblaViewportRefType;
|
|
15
|
+
emblaThumbsApi: import("embla-carousel").EmblaCarouselType | undefined;
|
|
16
|
+
canScrollThumbsNext: boolean;
|
|
17
|
+
canScrollThumbsPrev: boolean;
|
|
18
|
+
};
|
|
19
|
+
scrollSnaps: number[];
|
|
20
|
+
selectedIndex: number;
|
|
21
|
+
onThumbClick: (index: number) => void;
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=useEmblaCarouselWithThumbnails.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useEmblaCarouselWithThumbnails.d.ts","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/useEmblaCarouselWithThumbnails.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAGhD,eAAO,MAAM,8BAA8B,GAAI,2DAI5C;IACD,mBAAmB,CAAC,EAAE,gBAAgB,CAAC;IACvC,qBAAqB,CAAC,EAAE,gBAAgB,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;;;;;;;;;;;;;;;0BAmBW,MAAM;CAwEjB,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import useEmblaCarousel from 'embla-carousel-react';
|
|
3
|
+
import { throttle } from '../../utils';
|
|
4
|
+
export const useEmblaCarouselWithThumbnails = ({ mainCarouselOptions, thumbsCarouselOptions, onSelect, }) => {
|
|
5
|
+
const [emblaMainRef, emblaMainApi] = useEmblaCarousel(mainCarouselOptions);
|
|
6
|
+
const [emblaThumbsRef, emblaThumbsApi] = useEmblaCarousel({
|
|
7
|
+
align: () => 32,
|
|
8
|
+
containScroll: 'trimSnaps',
|
|
9
|
+
dragFree: true,
|
|
10
|
+
...thumbsCarouselOptions,
|
|
11
|
+
});
|
|
12
|
+
const [scrollSnaps, setScrollSnaps] = React.useState([]);
|
|
13
|
+
const [selectedIndex, setSelectedIndex] = React.useState(0);
|
|
14
|
+
const [canScrollNext, setCanScrollNext] = React.useState(false);
|
|
15
|
+
const [canScrollPrev, setCanScrollPrev] = React.useState(false);
|
|
16
|
+
const [canScrollThumbsNext, setCanScrollThumbsNext] = React.useState(false);
|
|
17
|
+
const [canScrollThumbsPrev, setCanScrollThumbsPrev] = React.useState(false);
|
|
18
|
+
const onThumbClick = React.useCallback((index) => {
|
|
19
|
+
onSelect?.(index);
|
|
20
|
+
if (!emblaMainApi || !emblaThumbsApi)
|
|
21
|
+
return;
|
|
22
|
+
emblaMainApi.scrollTo(index);
|
|
23
|
+
}, [emblaMainApi, emblaThumbsApi]);
|
|
24
|
+
const onSelectHandler = React.useCallback(() => {
|
|
25
|
+
if (!emblaMainApi || !emblaThumbsApi)
|
|
26
|
+
return;
|
|
27
|
+
const selectedIndex = emblaMainApi.selectedScrollSnap();
|
|
28
|
+
setScrollSnaps(emblaMainApi.scrollSnapList());
|
|
29
|
+
setSelectedIndex(selectedIndex);
|
|
30
|
+
setCanScrollNext(emblaMainApi.canScrollNext());
|
|
31
|
+
setCanScrollPrev(emblaMainApi.canScrollPrev());
|
|
32
|
+
emblaThumbsApi.scrollTo(selectedIndex);
|
|
33
|
+
}, [emblaMainApi, emblaThumbsApi, setSelectedIndex]);
|
|
34
|
+
React.useEffect(() => {
|
|
35
|
+
if (!emblaMainApi || !emblaThumbsApi)
|
|
36
|
+
return;
|
|
37
|
+
onSelectHandler();
|
|
38
|
+
const [thumbnailScrollHandler, cancelThumbnailScrollHandler] = throttle(() => {
|
|
39
|
+
if (!emblaThumbsApi)
|
|
40
|
+
return;
|
|
41
|
+
setCanScrollThumbsNext(emblaThumbsApi.canScrollNext());
|
|
42
|
+
setCanScrollThumbsPrev(emblaThumbsApi.canScrollPrev());
|
|
43
|
+
}, 50);
|
|
44
|
+
thumbnailScrollHandler();
|
|
45
|
+
emblaMainApi.on('select', onSelectHandler).on('reInit', onSelectHandler);
|
|
46
|
+
emblaThumbsApi
|
|
47
|
+
.on('scroll', thumbnailScrollHandler)
|
|
48
|
+
.on('reInit', thumbnailScrollHandler);
|
|
49
|
+
return () => {
|
|
50
|
+
cancelThumbnailScrollHandler();
|
|
51
|
+
emblaMainApi
|
|
52
|
+
.off('select', onSelectHandler)
|
|
53
|
+
.off('reInit', onSelectHandler);
|
|
54
|
+
emblaThumbsApi
|
|
55
|
+
.off('scroll', thumbnailScrollHandler)
|
|
56
|
+
.off('reInit', thumbnailScrollHandler);
|
|
57
|
+
};
|
|
58
|
+
}, [emblaMainApi, onSelectHandler]);
|
|
59
|
+
const mainCarousel = {
|
|
60
|
+
emblaMainRef,
|
|
61
|
+
emblaMainApi,
|
|
62
|
+
canScrollPrev,
|
|
63
|
+
canScrollNext,
|
|
64
|
+
};
|
|
65
|
+
const thumbsCarousel = {
|
|
66
|
+
emblaThumbsRef,
|
|
67
|
+
emblaThumbsApi,
|
|
68
|
+
canScrollThumbsNext,
|
|
69
|
+
canScrollThumbsPrev,
|
|
70
|
+
};
|
|
71
|
+
return {
|
|
72
|
+
mainCarousel,
|
|
73
|
+
thumbsCarousel,
|
|
74
|
+
scrollSnaps,
|
|
75
|
+
selectedIndex,
|
|
76
|
+
onThumbClick,
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
//# sourceMappingURL=useEmblaCarouselWithThumbnails.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useEmblaCarouselWithThumbnails.js","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/useEmblaCarouselWithThumbnails.ts"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,7 @@ export interface MediaThumbnailProps extends React.HTMLAttributes<HTMLButtonElem
|
|
|
13
13
|
isActive: boolean;
|
|
14
14
|
isVideo?: boolean;
|
|
15
15
|
}
|
|
16
|
+
export declare const MediaThumbnail: React.FC<MediaThumbnailProps>;
|
|
16
17
|
export interface ImageMediaType {
|
|
17
18
|
thumbnailImage: Omit<ImageProps, 'ratio'>;
|
|
18
19
|
image: Omit<ImageProps, 'ratio'>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductStageContainerThumbnail.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductStageContainerThumbnail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAOhE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,wCAAwC,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductStageContainerThumbnail.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductStageContainerThumbnail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAOhE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,wCAAwC,CAAC;AAK9E,QAAA,MAAM,qBAAqB;;8EAU1B,CAAC;AAEF,MAAM,WAAW,kBACf,SACE,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAC1C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAqBD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAClF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAOD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4BxD,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC1C,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC1C,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG;QACxC,YAAY,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;KACzC,CAAC;CACH;AAED,MAAM,MAAM,gBAAgB,GACxB,CAAC;IACC,IAAI,EAAE,OAAO,CAAC;CACf,GAAG,cAAc,CAAC,GACnB,CAAC;IACC,IAAI,EAAE,OAAO,CAAC;CACf,GAAG,cAAc,CAAC,CAAC;AAExB,MAAM,WAAW,mCAAmC;IAClD,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CACnD,mCAAmC,CAmGpC,CAAC"}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import useEmblaCarousel from 'embla-carousel-react';
|
|
5
3
|
import { cva } from 'class-variance-authority';
|
|
6
4
|
import { Controls, ControlsItem } from '../../../components/navigation/controls';
|
|
7
5
|
import { IconCoreChevronLeft, IconCoreChevronRight, IconCoreMediaPlay, } from '../../../components/icon';
|
|
8
6
|
import { Image } from '../../../components/images-icons/image';
|
|
9
7
|
import { Video } from '../../../components/images-icons/video';
|
|
10
|
-
import { cn
|
|
8
|
+
import { cn } from '../../../utils';
|
|
11
9
|
import { IconPropsWrapper } from '../../../components/icon';
|
|
10
|
+
import { useEmblaCarouselWithThumbnails } from '../../../hooks/emblaCarousel/useEmblaCarouselWithThumbnails';
|
|
12
11
|
const controlButtonVariants = cva('hidden select-none absolute top-0 md:flex items-center h-full cursor-pointer w-12 from-surface-secondary via-45% via-surface-secondary to-white', {
|
|
13
12
|
variants: {
|
|
14
13
|
position: {
|
|
@@ -23,67 +22,19 @@ const ControlButton = ({ onClick, icon, position, ...props }) => (_jsx("div", {
|
|
|
23
22
|
e.stopPropagation();
|
|
24
23
|
}, onClick: onClick, ...props, children: _jsx(IconPropsWrapper, { color: 'accent', children: icon }) }));
|
|
25
24
|
const mediaThumbnailClasses = `
|
|
26
|
-
group relative overflow-hidden transition-all rounded-md outline-none cursor-pointer md:size-20
|
|
25
|
+
group relative overflow-hidden transition-all rounded-md outline-none cursor-pointer md:size-20 shrink-0
|
|
27
26
|
md:border-2 border-border-contrast active:border-border-primary focus:border-border-accent hover:border-border-primary
|
|
28
27
|
`;
|
|
29
|
-
const MediaThumbnail = ({ children, isActive, isVideo, className, ...props }) => {
|
|
30
|
-
return (_jsxs("button", { tabIndex: 0, className: cn(mediaThumbnailClasses, isActive && 'border-border-primary', className), ...props, children: [isVideo && (_jsx(IconCoreMediaPlay, { size: 'lg', color: 'accent', className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" }))
|
|
28
|
+
export const MediaThumbnail = ({ children, isActive, isVideo, className, ...props }) => {
|
|
29
|
+
return (_jsxs("button", { tabIndex: 0, className: cn(mediaThumbnailClasses, isActive && 'border-border-primary', className), ...props, children: [children, _jsx("div", { className: "transition-all absolute top-0 right-0 bottom-0 left-0 bg-[#000000] opacity-0 group-hover:opacity-30 pointer-events-none" }), isVideo && (_jsx(IconCoreMediaPlay, { size: 'lg', color: 'accent', className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" }))] }));
|
|
31
30
|
};
|
|
32
31
|
export const ProductStageContainerThumbnail = ({ mediaElements, onSelect }) => {
|
|
33
|
-
const
|
|
34
|
-
const [emblaThumbsRef, emblaThumbsApi] = useEmblaCarousel({
|
|
35
|
-
align: () => 32,
|
|
36
|
-
containScroll: 'trimSnaps',
|
|
37
|
-
dragFree: true,
|
|
38
|
-
});
|
|
39
|
-
const [scrollSnaps, setScrollSnaps] = React.useState([]);
|
|
40
|
-
const [selectedIndex, setSelectedIndex] = React.useState(0);
|
|
41
|
-
const [canScrollNext, setCanScrollNext] = React.useState(false);
|
|
42
|
-
const [canScrollPrev, setCanScrollPrev] = React.useState(false);
|
|
43
|
-
const onThumbClick = React.useCallback((index) => {
|
|
44
|
-
onSelect?.(index);
|
|
45
|
-
if (!emblaMainApi || !emblaThumbsApi)
|
|
46
|
-
return;
|
|
47
|
-
emblaMainApi.scrollTo(index);
|
|
48
|
-
}, [emblaMainApi, emblaThumbsApi]);
|
|
49
|
-
const onSelectHandler = React.useCallback(() => {
|
|
50
|
-
if (!emblaMainApi || !emblaThumbsApi)
|
|
51
|
-
return;
|
|
52
|
-
const selectedIndex = emblaMainApi.selectedScrollSnap();
|
|
53
|
-
setScrollSnaps(emblaMainApi.scrollSnapList());
|
|
54
|
-
setSelectedIndex(selectedIndex);
|
|
55
|
-
emblaThumbsApi.scrollTo(selectedIndex);
|
|
56
|
-
}, [emblaMainApi, emblaThumbsApi, setSelectedIndex]);
|
|
57
|
-
React.useEffect(() => {
|
|
58
|
-
if (!emblaMainApi || !emblaThumbsApi)
|
|
59
|
-
return;
|
|
60
|
-
onSelectHandler();
|
|
61
|
-
const [thumbnailScrollHandler, cancel] = throttle(() => {
|
|
62
|
-
if (!emblaThumbsApi)
|
|
63
|
-
return;
|
|
64
|
-
setCanScrollNext(emblaThumbsApi.canScrollNext());
|
|
65
|
-
setCanScrollPrev(emblaThumbsApi.canScrollPrev());
|
|
66
|
-
}, 50);
|
|
67
|
-
thumbnailScrollHandler();
|
|
68
|
-
emblaMainApi.on('select', onSelectHandler).on('reInit', onSelectHandler);
|
|
69
|
-
emblaThumbsApi
|
|
70
|
-
.on('scroll', thumbnailScrollHandler)
|
|
71
|
-
.on('reInit', thumbnailScrollHandler);
|
|
72
|
-
return () => {
|
|
73
|
-
cancel();
|
|
74
|
-
emblaMainApi
|
|
75
|
-
.off('select', onSelectHandler)
|
|
76
|
-
.off('reInit', onSelectHandler);
|
|
77
|
-
emblaThumbsApi
|
|
78
|
-
.off('scroll', thumbnailScrollHandler)
|
|
79
|
-
.off('reInit', thumbnailScrollHandler);
|
|
80
|
-
};
|
|
81
|
-
}, [emblaMainApi, onSelectHandler]);
|
|
32
|
+
const { mainCarousel: { emblaMainRef }, thumbsCarousel: { emblaThumbsRef, emblaThumbsApi, canScrollThumbsNext, canScrollThumbsPrev, }, scrollSnaps, selectedIndex, onThumbClick, } = useEmblaCarouselWithThumbnails({ onSelect });
|
|
82
33
|
return (_jsxs("div", { className: "flex flex-col md:gap-4 font-text", children: [_jsxs("div", { className: "overflow-hidden relative", ref: emblaMainRef, children: [_jsx("div", { className: "flex gap-x-2", children: mediaElements?.map((mediaElement, index) => (_jsx("div", { className: "flex-[0_0] basis-full overflow-hidden rounded-md bg-surface-secondary", children: mediaElement.type === 'image' ? (_jsx(Image, { ratio: '4/3', className: "mix-blend-darken", ...mediaElement.image })) : (_jsx(Video, { ...mediaElement.video,
|
|
83
34
|
previewImage: {
|
|
84
35
|
...mediaElement.video.previewImage,
|
|
85
36
|
ratio: '4/3',
|
|
86
37
|
className: 'mix-blend-darken',
|
|
87
|
-
} })) }, index))) }), scrollSnaps.length > 1 && (_jsx(Controls, { className: "md:hidden", children: scrollSnaps.map((_, index) => (_jsx(ControlsItem, { index: index, active: selectedIndex === index, className: "cursor-pointer md:pointer-events-none md:cursor-default", onClick: () => onThumbClick(index) }, index))) }))] }), _jsxs("div", { className: "overflow-hidden relative invisible h-0 md:visible md:h-auto", ref: emblaThumbsRef, children: [_jsx("div", { className: "flex gap-2 select-none touch-pan-y touch-pinch-zoom", children: mediaElements?.map((mediaElement, index) => (_jsx("div", { className: "flex-[0_0] basis-full md:basis-[80px]", children: _jsx(MediaThumbnail, { isActive: selectedIndex === index, isVideo: mediaElement.type === 'video', onClick: () => onThumbClick(index), children: _jsx(Image, { fit: "cover", ratio: '1/1', className: "mix-blend-darken", ...mediaElement.thumbnailImage }) }) }, index))) }),
|
|
38
|
+
} })) }, index))) }), scrollSnaps.length > 1 && (_jsx(Controls, { className: "md:hidden", children: scrollSnaps.map((_, index) => (_jsx(ControlsItem, { index: index, active: selectedIndex === index, className: "cursor-pointer md:pointer-events-none md:cursor-default", onClick: () => onThumbClick(index) }, index))) }))] }), _jsxs("div", { className: "overflow-hidden relative invisible h-0 md:visible md:h-auto", ref: emblaThumbsRef, children: [_jsx("div", { className: "flex gap-2 select-none touch-pan-y touch-pinch-zoom", children: mediaElements?.map((mediaElement, index) => (_jsx("div", { className: "flex-[0_0] basis-full md:basis-[80px]", children: _jsx(MediaThumbnail, { isActive: selectedIndex === index, isVideo: mediaElement.type === 'video', onClick: () => onThumbClick(index), children: _jsx(Image, { fit: "cover", ratio: '1/1', className: "mix-blend-darken", ...mediaElement.thumbnailImage }) }) }, index))) }), canScrollThumbsPrev && (_jsx(ControlButton, { onClick: () => emblaThumbsApi?.scrollPrev(), position: 'left', icon: _jsx(IconCoreChevronLeft, {}) })), canScrollThumbsNext && (_jsx(ControlButton, { onClick: () => emblaThumbsApi?.scrollNext(), position: 'right', icon: _jsx(IconCoreChevronRight, {}) }))] })] }));
|
|
88
39
|
};
|
|
89
40
|
//# sourceMappingURL=ProductStageContainerThumbnail.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductStageContainerThumbnail.js","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductStageContainerThumbnail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"ProductStageContainerThumbnail.js","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductStageContainerThumbnail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAC,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAC,KAAK,EAAkB,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAC,KAAK,EAAkB,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAC,8BAA8B,EAAC,MAAM,6DAA6D,CAAC;AAE3G,MAAM,qBAAqB,GAAG,GAAG,CAC/B,iJAAiJ,EACjJ;IACE,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE,0BAA0B;YAChC,KAAK,EAAE,wCAAwC;SAChD;KACF;CACF,CACF,CAAC;AASF,MAAM,aAAa,GAAiC,CAAC,EACnD,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,EAChD,oBAAoB,EAAE,CAAC,CAAC,EAAE;QACxB,6DAA6D;QAC7D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,EACD,OAAO,EAAE,OAAO,KACZ,KAAK,YAET,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,YAAG,IAAI,GAAoB,GACxD,CACP,CAAC;AAOF,MAAM,qBAAqB,GAAG;;;CAG7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,kBACE,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,QAAQ,IAAI,uBAAuB,EACnC,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,cAAK,SAAS,EAAC,yHAAyH,GAAG,EAC1I,OAAO,IAAI,CACV,KAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,QAAQ,EACf,SAAS,EAAC,6DAA6D,GACvE,CACH,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AA4BF,MAAM,CAAC,MAAM,8BAA8B,GAEvC,CAAC,EAAC,aAAa,EAAE,QAAQ,EAAC,EAAE,EAAE;IAChC,MAAM,EACJ,YAAY,EAAE,EAAC,YAAY,EAAC,EAC5B,cAAc,EAAE,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,mBAAmB,GACpB,EACD,WAAW,EACX,aAAa,EACb,YAAY,GACb,GAAG,8BAA8B,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC;IAE/C,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAK,SAAS,EAAC,0BAA0B,EAAC,GAAG,EAAE,YAAY,aACzD,cAAK,SAAS,EAAC,cAAc,YAC1B,aAAa,EAAE,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,cAEE,SAAS,EAAC,uEAAuE,YAEhF,YAAY,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAC/B,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,kBAAkB,KACxB,YAAY,CAAC,KAAK,GACtB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IAEF,GAAG,YAAY,CAAC,KAAK;gCACrB,YAAY,EAAE;oCACZ,GAAG,YAAY,CAAC,KAAK,CAAC,YAAY;oCAClC,KAAK,EAAE,KAAK;oCACZ,SAAS,EAAE,kBAAkB;iCAC9B,GAEH,CACH,IApBI,KAAK,CAqBN,CACP,CAAC,GACE,EACL,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,YAC5B,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,KAAC,YAAY,IAEX,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,aAAa,KAAK,KAAK,EAC/B,SAAS,EAAC,yDAAyD,EACnE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,IAJ7B,KAAK,CAKV,CACH,CAAC,GACO,CACZ,IACG,EAEN,eACE,SAAS,EAAC,6DAA6D,EACvE,GAAG,EAAE,cAAc,aAEnB,cAAK,SAAS,EAAC,qDAAqD,YACjE,aAAa,EAAE,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,cAAiB,SAAS,EAAC,uCAAuC,YAChE,KAAC,cAAc,IACb,QAAQ,EAAE,aAAa,KAAK,KAAK,EACjC,OAAO,EAAE,YAAY,CAAC,IAAI,KAAK,OAAO,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,YAElC,KAAC,KAAK,IACJ,GAAG,EAAC,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,kBAAkB,KACxB,YAAY,CAAC,cAAc,GAC/B,GACa,IAZT,KAAK,CAaT,CACP,CAAC,GACE,EACL,mBAAmB,IAAI,CACtB,KAAC,aAAa,IACZ,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,EAC3C,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,KAAC,mBAAmB,KAAG,GAC7B,CACH,EACA,mBAAmB,IAAI,CACtB,KAAC,aAAa,IACZ,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,EAC3C,QAAQ,EAAE,OAAO,EACjB,IAAI,EAAE,KAAC,oBAAoB,KAAG,GAC9B,CACH,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/websites-react",
|
|
3
3
|
"author": "Drägerwerk AG & Co. KGaA",
|
|
4
|
-
"version": "1.2.
|
|
4
|
+
"version": "1.2.31",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -569,9 +569,9 @@
|
|
|
569
569
|
"ts-node": "^10.9.2",
|
|
570
570
|
"typescript": "^5.4.5",
|
|
571
571
|
"vitest": "^3.1.0-beta.1",
|
|
572
|
-
"@odx/websites
|
|
572
|
+
"@odx/eslint-config-websites": "0.0.1",
|
|
573
573
|
"@odx/websites-ui": "0.2.41",
|
|
574
|
-
"@odx/
|
|
574
|
+
"@odx/websites-tsconfig": "0.0.0"
|
|
575
575
|
},
|
|
576
576
|
"peerDependencies": {
|
|
577
577
|
"@odx/websites-ui": ">=0.2.1",
|