@crystaldesign/diva-seller 24.12.0-beta.21 → 24.12.0-beta.22
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/build/esm/index.js
CHANGED
|
@@ -72,6 +72,11 @@ import Carousel from 'react-material-ui-carousel';
|
|
|
72
72
|
import Toolbar from '@material-ui/core/Toolbar';
|
|
73
73
|
import { Swiper, SwiperSlide } from 'swiper/react';
|
|
74
74
|
import { Autoplay, Thumbs, Pagination, FreeMode } from 'swiper/modules';
|
|
75
|
+
import 'swiper/css';
|
|
76
|
+
import 'swiper/css/pagination';
|
|
77
|
+
import 'swiper/css/autoplay';
|
|
78
|
+
import 'swiper/css/thumbs';
|
|
79
|
+
import 'swiper/css/free-mode';
|
|
75
80
|
import '@babel/runtime/helpers/objectDestructuringEmpty';
|
|
76
81
|
import PropTypes from 'prop-types';
|
|
77
82
|
import ProductsComponent, { useProductState as useProductState$1 } from '@crystaldesign/products-component';
|
|
@@ -6235,8 +6240,8 @@ function styleInject(css, ref) {
|
|
|
6235
6240
|
}
|
|
6236
6241
|
|
|
6237
6242
|
var variantsTable = "variants-table-vIkjW";
|
|
6238
|
-
var css_248z$
|
|
6239
|
-
styleInject(css_248z$
|
|
6243
|
+
var css_248z$e = ".variants-table-vIkjW {\n border-right: 1px solid rgb(224, 224, 224);\n overflow: auto;\n flex: 0 0 400px;\n}\n";
|
|
6244
|
+
styleInject(css_248z$e);
|
|
6240
6245
|
|
|
6241
6246
|
function VariantSelector (_ref) {
|
|
6242
6247
|
var variantData = _ref.variantData,
|
|
@@ -6300,8 +6305,8 @@ var clickable = "clickable-lAXv5";
|
|
|
6300
6305
|
var hover = "hover-9MJo5";
|
|
6301
6306
|
var overlay = "overlay-TnuQb";
|
|
6302
6307
|
var buttons = "buttons-w-i7W";
|
|
6303
|
-
var css_248z$
|
|
6304
|
-
styleInject(css_248z$
|
|
6308
|
+
var css_248z$d = ".detail-wrapper-ZaJ9i {\n display: flex;\n flex-direction: column;\n width: calc(100% - 10px);\n margin: 5px;\n padding: 25px;\n gap: 25px;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: white;\n z-index: 10;\n box-sizing: border-box;\n transition: transform 0.3s ease-in-out;\n transform: translateX(100%);\n overflow: auto;\n}\n\n.detail-wrapper-ZaJ9i.active-38NMv {\n transform: translateX(0);\n}\n\n.package-list--Q1qI {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n}\n\n.single-package-gsVlm {\n width: 110px;\n height: 110px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background-color: #f2f2f2;\n}\n\n.single-package-gsVlm.selectable-8EkQV:hover {\n background-color: #dee0e4;\n cursor: pointer;\n}\n\n.single-package-gsVlm.selected-OUbog {\n background-color: var(--diva-theme-palette-primary-light);\n border: solid 1px var(--diva-theme-palette-primary-main);\n}\n\n.single-package-gsVlm.selectable-8EkQV.selected-OUbog:hover {\n background-color: var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-secondary-contrast-text);\n}\n\n.single-package-gsVlm span {\n text-align: center;\n font-style: normal;\n font-weight: 500;\n font-size: 10px;\n line-height: 12px;\n max-width: 80%;\n min-height: 25px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.single-package-gsVlm img {\n height: 50px;\n}\n\n.package-description-Io9dZ {\n margin: 10px;\n width: 440px;\n background: #f8f8f8;\n border-radius: 3px;\n display: flex;\n align-items: center;\n}\n\n.package-description-Io9dZ span {\n margin: 30px;\n font-style: normal;\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n}\n\n.form-wrapper-sQf4D {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.text-field-rkPSE {\n width: 400px;\n}\n\n.element-title-nfKUg {\n font-style: normal;\n font-weight: 300;\n font-size: 22px;\n}\n\n.preview-list-Uu0Gx {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.preview-box-2K6lV {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 110px;\n background: #f2f2f2;\n border-radius: 4px;\n}\n\n.preview-box-2K6lV.clickable-lAXv5:hover {\n cursor: pointer;\n box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n}\n\n.preview-box-2K6lV img {\n height: 100px;\n margin: 5px auto;\n padding: 0 5px;\n}\n\n.preview-box-2K6lV span {\n font-style: normal;\n font-weight: 500;\n font-size: 12px;\n line-height: 14px;\n text-align: center;\n margin: 5px;\n}\n\n.preview-box-2K6lV button {\n margin: 5px;\n height: 25px;\n font-size: 12px;\n}\n\n.preview-box-2K6lV .MuiButton-containedPrimary.hover-9MJo5 {\n background-color: var(--diva-theme-palette-primary-dark);\n text-decoration: none;\n}\n\n.preview-box-2K6lV .MuiButton-containedSecondary.hover-9MJo5 {\n background-color: var(--diva-theme-palette-secondary-dark);\n text-decoration: none;\n}\n\n.preview-box-2K6lV .overlay-TnuQb {\n position: absolute;\n top: 5px;\n right: 5px;\n left: 5px;\n height: 100px;\n background: rgba(250, 250, 250, 0.6);\n display: flex;\n justify-content: center;\n align-items: center;\n float: right;\n}\n\n.buttons-w-i7W {\n display: flex;\n gap: 10px;\n justify-content: flex-end;\n margin: auto 20px 5px;\n}\n\n.buttons-w-i7W button {\n width: 400px;\n}\n";
|
|
6309
|
+
styleInject(css_248z$d);
|
|
6305
6310
|
|
|
6306
6311
|
function DetailPage(_ref) {
|
|
6307
6312
|
var isActive = _ref.isActive,
|
|
@@ -7885,8 +7890,8 @@ function logError(e, t, onError) {
|
|
|
7885
7890
|
|
|
7886
7891
|
var wrapper$8 = "wrapper-7n8yS";
|
|
7887
7892
|
var dataTable$1 = "data-table-oVyKo";
|
|
7888
|
-
var css_248z$
|
|
7889
|
-
styleInject(css_248z$
|
|
7893
|
+
var css_248z$c = ".wrapper-7n8yS {\n display: flex;\n height: 100%;\n border-bottom: 1px solid rgb(224, 224, 224);\n}\n\n.data-table-oVyKo {\n position: relative;\n height: 100%;\n flex-grow: 1;\n overflow: hidden;\n}\n";
|
|
7894
|
+
styleInject(css_248z$c);
|
|
7890
7895
|
|
|
7891
7896
|
function RenderJobTable (props) {
|
|
7892
7897
|
var _useRenderjobs = useRenderjobs$1(props),
|
|
@@ -8018,8 +8023,8 @@ var paperContainer = "paperContainer-9grpT";
|
|
|
8018
8023
|
var hqMediaHeaderContainer = "hqMediaHeaderContainer-PlXdo";
|
|
8019
8024
|
var hqmediaContainer = "hqmediaContainer-sBjym";
|
|
8020
8025
|
var hqMediaTitle = "hqMediaTitle-ugda8";
|
|
8021
|
-
var css_248z$
|
|
8022
|
-
styleInject(css_248z$
|
|
8026
|
+
var css_248z$b = ".paperContainer-9grpT {\n height: 68vh;\n margin-left: 50px;\n margin-right: 50px;\n margin-top: 10px;\n}\n\n.hqMediaHeaderContainer-PlXdo {\n display: flex;\n justify-content: space-between;\n padding-left: 15px;\n}\n\n.hqmediaContainer-sBjym {\n height: 90%;\n border: 1px solid rgb(224, 224, 224);\n}\n.hqMediaTitle-ugda8 {\n font-size: 20px;\n font-weight: normal;\n color: #333;\n padding: 10px 0;\n}\n";
|
|
8027
|
+
styleInject(css_248z$b);
|
|
8023
8028
|
|
|
8024
8029
|
function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
8025
8030
|
function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -9637,8 +9642,8 @@ var descriptionContainer$1 = "description-container-k1vLT";
|
|
|
9637
9642
|
var modelTitle = "model-title-Sgm-0";
|
|
9638
9643
|
var description = "description-GyPZq";
|
|
9639
9644
|
var pdf = "pdf-oNnao";
|
|
9640
|
-
var css_248z$
|
|
9641
|
-
styleInject(css_248z$
|
|
9645
|
+
var css_248z$a = ".wrapper-fSL18 {\n display: flex;\n flex-direction: column;\n padding: 0 12px;\n max-height: calc(100% - 42px);\n}\n\n.title-iTDPA {\n padding: 16px 8px;\n font-size: 36px;\n}\n\n.subTitle-4-0PW {\n padding: 12px 18px;\n font-size: 28px;\n}\n\n.description-container-k1vLT {\n display: flex;\n flex-direction: column;\n background-color: #f8f8f8;\n padding: 18px;\n gap: 12px;\n height: calc(100% - 164px);\n}\n\n.model-title-Sgm-0 {\n font-size: 24px;\n font-weight: 600;\n}\n.description-GyPZq {\n font-size: 16px;\n overflow: auto;\n flex-grow: 3;\n}\n\n.pdf-oNnao {\n display: 'flex';\n flex: 1 1 10px;\n}\n\n.pdf-oNnao svg {\n margin-right: 10px;\n}\n";
|
|
9646
|
+
styleInject(css_248z$a);
|
|
9642
9647
|
|
|
9643
9648
|
var _excluded$7 = ["data", "text"];
|
|
9644
9649
|
function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -9694,8 +9699,8 @@ var button = "button-NXyWV";
|
|
|
9694
9699
|
var navBack = "nav-back-AzU6X";
|
|
9695
9700
|
var icon$1 = "icon-0h-39";
|
|
9696
9701
|
var text = "text-55Zpw";
|
|
9697
|
-
var css_248z$
|
|
9698
|
-
styleInject(css_248z$
|
|
9702
|
+
var css_248z$9 = ".wrapper-oUrTP {\n right: 10px;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n z-index: 500;\n background-color: #fff;\n position: absolute;\n bottom: 0;\n width: 83%;\n}\n\n.container-Sr3pC {\n display: flex;\n gap: 12px;\n width: 50%;\n justify-content: flex-end;\n padding: 8px;\n}\n\n.button-NXyWV {\n height: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 2px;\n border-color: var(--diva-theme-palette-primary-main);\n border-style: solid;\n border-width: 1.5px;\n flex-grow: 1;\n cursor: pointer;\n}\n\n.nav-back-AzU6X {\n width: 50px;\n height: 50px;\n border-radius: 2px;\n border-color: var(--diva-theme-palette-primary-main);\n border-style: solid;\n border-width: 1.5px;\n background-color: #fff;\n background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2218%22 viewBox%3D%220 0 10 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9 1L1 9L9 17%22 stroke%3D%22%23713434%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n background-size: 27%;\n background-repeat: no-repeat;\n background-position: center center;\n cursor: pointer;\n}\n\n.icon-0h-39 {\n width: 24px;\n height: 24px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n}\n\n.text-55Zpw {\n text-align: center;\n /* flex-basis: 100%; */\n color: white;\n}\n";
|
|
9703
|
+
styleInject(css_248z$9);
|
|
9699
9704
|
|
|
9700
9705
|
var _excluded$6 = ["navigateBack", "buttons"];
|
|
9701
9706
|
function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -9744,10 +9749,7 @@ var favPlanning = "fav-planning-R8cxS";
|
|
|
9744
9749
|
var setPlanning = "set-planning-1AQNC";
|
|
9745
9750
|
var articleList = "article-list-uOn26";
|
|
9746
9751
|
var analyticsIcon = "analytics-icon-kCv53";
|
|
9747
|
-
var css_248z$
|
|
9748
|
-
styleInject(css_248z$9);
|
|
9749
|
-
|
|
9750
|
-
var css_248z$8 = "#diva-catalog-images .swiper {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n /* Fix of Webkit flickering */\n z-index: 1;\n display: block;\n}\n#diva-catalog-images .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n#diva-catalog-images .swiper-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n transition-timing-function: initial;\n transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);\n box-sizing: content-box;\n}\n#diva-catalog-images .swiper-android .swiper-slide,\n#diva-catalog-images .swiper-ios .swiper-slide,\n#diva-catalog-images .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n#diva-catalog-images .swiper-horizontal {\n touch-action: pan-y;\n}\n#diva-catalog-images .swiper-vertical {\n touch-action: pan-x;\n}\n#diva-catalog-images .swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n display: block;\n}\n#diva-catalog-images .swiper-slide-invisible-blank {\n visibility: hidden;\n}\n/* Auto Height */\n#diva-catalog-images .swiper-autoheight,\n#diva-catalog-images .swiper-autoheight .swiper-slide {\n height: auto;\n}\n#diva-catalog-images .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n#diva-catalog-images .swiper-backface-hidden .swiper-slide {\n transform: translateZ(0);\n backface-visibility: hidden;\n}\n/* 3D Effects */\n#diva-catalog-images .swiper-3d.swiper-css-mode .swiper-wrapper {\n perspective: 1200px;\n}\n#diva-catalog-images .swiper-3d .swiper-wrapper {\n transform-style: preserve-3d;\n}\n#diva-catalog-images .swiper-3d {\n perspective: 1200px;\n}\n#diva-catalog-images .swiper-3d .swiper-slide,\n#diva-catalog-images .swiper-3d .swiper-cube-shadow {\n transform-style: preserve-3d;\n}\n/* CSS Mode */\n#diva-catalog-images .swiper-css-mode > .swiper-wrapper {\n overflow: auto;\n scrollbar-width: none;\n /* For Firefox */\n -ms-overflow-style: none;\n /* For Internet Explorer and Edge */\n}\n#diva-catalog-images .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n display: none;\n}\n#diva-catalog-images .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n}\n#diva-catalog-images .swiper-css-mode.swiper-horizontal > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n}\n#diva-catalog-images .swiper-css-mode.swiper-vertical > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n}\n#diva-catalog-images .swiper-css-mode.swiper-free-mode > .swiper-wrapper {\n scroll-snap-type: none;\n}\n#diva-catalog-images .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: none;\n}\n#diva-catalog-images .swiper-css-mode.swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n}\n#diva-catalog-images .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n scroll-snap-stop: always;\n}\n[dir=\"ltr\"] #diva-catalog-images .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] #diva-catalog-images .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-right: var(--swiper-centered-offset-before);\n}\n#diva-catalog-images .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n height: 100%;\n min-height: 1px;\n width: var(--swiper-centered-offset-after);\n}\n#diva-catalog-images .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-top: var(--swiper-centered-offset-before);\n}\n#diva-catalog-images .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {\n width: 100%;\n min-width: 1px;\n height: var(--swiper-centered-offset-after);\n}\n/* Slide styles start */\n/* 3D Shadows */\n#diva-catalog-images .swiper-3d .swiper-slide-shadow,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-left,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-right,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-top,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-bottom,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-left,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-right,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-top,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-bottom {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 10;\n}\n#diva-catalog-images .swiper-3d .swiper-slide-shadow {\n background: rgba(0, 0, 0, 0.15);\n}\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-left {\n background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-right {\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-top {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-bottom {\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-catalog-images .swiper-lazy-preloader {\n width: 42px;\n height: 42px;\n position: absolute;\n left: 50%;\n top: 50%;\n margin-left: -21px;\n margin-top: -21px;\n z-index: 10;\n transform-origin: 50%;\n box-sizing: border-box;\n border: 4px solid var(--swiper-theme-color);\n border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n border-radius: 50%;\n border-top-color: transparent;\n}\n#diva-catalog-images .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n#diva-catalog-images .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {\n animation: swiper-preloader-spin 1s infinite linear;\n}\n#diva-catalog-images .swiper-lazy-preloader-white {\n --swiper-preloader-color: #fff;\n}\n#diva-catalog-images .swiper-lazy-preloader-black {\n --swiper-preloader-color: #000;\n}\n@keyframes swiper-preloader-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n/* Slide styles end */\n\n/* Pagination */\n\n#diva-catalog-images .swiper-pagination {\n position: absolute;\n text-align: center;\n transition: 300ms opacity;\n transform: translate3d(0, 0, 0);\n z-index: 10;\n}\n#diva-catalog-images .swiper-pagination.swiper-pagination-hidden {\n opacity: 0;\n}\n#diva-catalog-images .swiper-pagination-disabled > .swiper-pagination,\n#diva-catalog-images .swiper-pagination.swiper-pagination-disabled {\n display: none !important;\n}\n/* Common Styles */\n#diva-catalog-images .swiper-pagination-fraction,\n#diva-catalog-images .swiper-pagination-custom,\n#diva-catalog-images .swiper-horizontal > .swiper-pagination-bullets,\n#diva-catalog-images .swiper-pagination-bullets.swiper-pagination-horizontal {\n bottom: 8px;\n bottom: var(--swiper-pagination-bottom, 8px);\n top: auto;\n top: var(--swiper-pagination-top, auto);\n left: 0;\n width: 100%;\n}\n/* Bullets */\n#diva-catalog-images .swiper-pagination-bullets-dynamic {\n overflow: hidden;\n font-size: 0;\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transform: scale(0.33);\n position: relative;\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n transform: scale(1);\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n transform: scale(1);\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n transform: scale(0.66);\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n transform: scale(0.33);\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n transform: scale(0.66);\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n transform: scale(0.33);\n}\n#diva-catalog-images .swiper-pagination-bullet {\n width: 8px;\n width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n height: 8px;\n height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n display: inline-block;\n border-radius: 50%;\n border-radius: var(--swiper-pagination-bullet-border-radius, 50%);\n background: #000;\n background: var(--swiper-pagination-bullet-inactive-color, #000);\n opacity: 0.2;\n opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\n}\n#diva-catalog-images button.swiper-pagination-bullet {\n border: none;\n margin: 0;\n padding: 0;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n#diva-catalog-images .swiper-pagination-clickable .swiper-pagination-bullet {\n cursor: pointer;\n}\n#diva-catalog-images .swiper-pagination-bullet:only-child {\n display: none !important;\n}\n#diva-catalog-images .swiper-pagination-bullet-active {\n opacity: 1;\n opacity: var(--swiper-pagination-bullet-opacity, 1);\n background: var(--swiper-theme-color);\n background: var(--swiper-pagination-color, var(--swiper-theme-color));\n}\n#diva-catalog-images .swiper-vertical > .swiper-pagination-bullets,\n#diva-catalog-images .swiper-pagination-vertical.swiper-pagination-bullets {\n right: 8px;\n right: var(--swiper-pagination-right, 8px);\n left: auto;\n left: var(--swiper-pagination-left, auto);\n top: 50%;\n transform: translate3d(0px, -50%, 0);\n}\n#diva-catalog-images .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,\n#diva-catalog-images .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {\n margin: 6px 0;\n margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n display: block;\n}\n#diva-catalog-images .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n#diva-catalog-images .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n}\n#diva-catalog-images .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n#diva-catalog-images .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n display: inline-block;\n transition: 200ms transform, 200ms top;\n}\n#diva-catalog-images .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\n#diva-catalog-images .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n margin: 0 4px;\n margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\n}\n#diva-catalog-images .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n#diva-catalog-images .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n left: 50%;\n transform: translateX(-50%);\n white-space: nowrap;\n}\n#diva-catalog-images .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n#diva-catalog-images .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transition: 200ms transform, 200ms left;\n}\n#diva-catalog-images .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transition: 200ms transform, 200ms right;\n}\n/* Fraction */\n#diva-catalog-images .swiper-pagination-fraction {\n color: inherit;\n color: var(--swiper-pagination-fraction-color, inherit);\n}\n/* Progress */\n#diva-catalog-images .swiper-pagination-progressbar {\n background: rgba(0, 0, 0, 0.25);\n background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));\n position: absolute;\n}\n#diva-catalog-images .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n background: var(--swiper-theme-color);\n background: var(--swiper-pagination-color, var(--swiper-theme-color));\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n transform: scale(0);\n transform-origin: left top;\n}\n#diva-catalog-images .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n transform-origin: right top;\n}\n#diva-catalog-images .swiper-horizontal > .swiper-pagination-progressbar,\n#diva-catalog-images .swiper-pagination-progressbar.swiper-pagination-horizontal,\n#diva-catalog-images .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n#diva-catalog-images .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {\n width: 100%;\n height: 4px;\n height: var(--swiper-pagination-progressbar-size, 4px);\n left: 0;\n top: 0;\n}\n#diva-catalog-images .swiper-vertical > .swiper-pagination-progressbar,\n#diva-catalog-images .swiper-pagination-progressbar.swiper-pagination-vertical,\n#diva-catalog-images .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n#diva-catalog-images .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {\n width: 4px;\n width: var(--swiper-pagination-progressbar-size, 4px);\n height: 100%;\n left: 0;\n top: 0;\n}\n#diva-catalog-images .swiper-pagination-lock {\n display: none;\n}\n\n/* Free Mode */\n\n#diva-catalog-images .swiper-free-mode > .swiper-wrapper {\n transition-timing-function: ease-out;\n margin: 0 auto;\n}\n";
|
|
9752
|
+
var css_248z$8 = ".layout-NhUpB {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-template-rows: repeat(10, 1fr);\n grid-column-gap: 0px;\n grid-row-gap: 0px;\n overflow: auto;\n height: 100%;\n}\n\n.info-9St01 {\n grid-area: 1 / 1 / 11 / 3;\n z-index: 100;\n}\n\n.right-side-64-Yz {\n grid-area: 1 / 3 / 11 / 13;\n width: 100%;\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.scroller-container-TAsAz {\n overflow: auto;\n height: calc(100% - 70px);\n}\n\n.catalog-images-jJGqW {\n padding: 12px 12px 0 12px;\n height: calc(50% - 12px);\n}\n.products-hidden-T6mTt .catalog-images-jJGqW {\n height: calc(100% - 12px);\n}\n.products-QxoIf {\n height: 50%;\n}\n.footer-1ONIt {\n bottom: 0;\n right: 8px;\n}\n\n.empty-planning-BZTrr {\n background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4 16L3.57574 15.5757C3.46321 15.6883 3.4 15.8409 3.4 16H4ZM17 3L17.4243 2.57574C17.1899 2.34142 16.8101 2.34142 16.5757 2.57574L17 3ZM21 7L21.4243 7.42426C21.6586 7.18995 21.6586 6.81005 21.4243 6.57574L21 7ZM8 20V20.6C8.15913 20.6 8.31174 20.5368 8.42426 20.4243L8 20ZM4 20H3.4C3.4 20.3314 3.66863 20.6 4 20.6V20ZM12 19.4C11.6686 19.4 11.4 19.6686 11.4 20C11.4 20.3314 11.6686 20.6 12 20.6V19.4ZM20.5 20.6C20.8314 20.6 21.1 20.3314 21.1 20C21.1 19.6686 20.8314 19.4 20.5 19.4V20.6ZM4.42426 16.4243L17.4243 3.42426L16.5757 2.57574L3.57574 15.5757L4.42426 16.4243ZM16.5757 3.42426L20.5757 7.42426L21.4243 6.57574L17.4243 2.57574L16.5757 3.42426ZM20.5757 6.57574L7.57574 19.5757L8.42426 20.4243L21.4243 7.42426L20.5757 6.57574ZM8 19.4H4V20.6H8V19.4ZM4.6 20V16H3.4V20H4.6ZM13.5757 6.42426L17.5757 10.4243L18.4243 9.57574L14.4243 5.57574L13.5757 6.42426ZM12 20.6H20.5V19.4H12V20.6Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.fav-planning-R8cxS {\n background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.3314 12.0474L12 20L19.6686 12.0474C20.5211 11.1633 21 9.96429 21 8.71405C21 6.11055 18.9648 4 16.4543 4C15.2487 4 14.0925 4.49666 13.24 5.38071L12 6.66667L10.76 5.38071C9.90749 4.49666 8.75128 4 7.54569 4C5.03517 4 3 6.11055 3 8.71405C3 9.96429 3.47892 11.1633 4.3314 12.0474Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.set-planning-1AQNC {\n background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M7.11164 16.5938L3.8061 18.9095C3.46519 19.1412 3 18.9011 3 18.4934V5.5064C3 5.12726 3.4083 4.88294 3.75042 5.05738L7.1021 6.77004M12.1193 16.7346V9.76989C12.1193 9.49058 12.3494 9.26416 12.6332 9.26416H16.1086C16.3924 9.26416 16.6225 9.49058 16.6225 9.76989V16.7346M7.46741 16.7346H19.486C19.7699 16.7346 20 16.5081 20 16.2288V7.12577C20 6.84647 19.7699 6.62004 19.486 6.62004H7.46741C7.18356 6.62004 6.95346 6.84647 6.95346 7.12577V16.2288C6.95346 16.5081 7.18356 16.7346 7.46741 16.7346Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.article-list-uOn26 {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 %3E %3Cpath fill%3D%22white%22 d%3D%22M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.analytics-icon-kCv53 {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 stroke%3D%22%23fff%22 fill%3D%22%23fff%22 stroke-width%3D%222px%22 height%3D%2248%22 width%3D%2248%22%3E%3Cpath d%3D%22M7.3 40.7v-2.1l1.1-1.1v3.2Zm8.1 0V30.6l1.1-1.1v11.2Zm8.05 0V29.5l1.1 1.15V40.7Zm8.1 0V30.65l1.1-1.1V40.7Zm8.05 0V22.6l1.1-1.1v19.2ZM7.3 28.05v-1.5L20 13.85l8 8 12.7-12.7v1.55L28 23.4l-8-8Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
|
|
9751
9753
|
styleInject(css_248z$8);
|
|
9752
9754
|
|
|
9753
9755
|
var wrapper$5 = "wrapper-D5Cmc";
|
|
@@ -9778,9 +9780,9 @@ var CatalogImages = function CatalogImages(_ref) {
|
|
|
9778
9780
|
},
|
|
9779
9781
|
modules: [Autoplay, Thumbs, Pagination],
|
|
9780
9782
|
spaceBetween: 10,
|
|
9781
|
-
thumbs:
|
|
9782
|
-
swiper: thumbsSwiper
|
|
9783
|
-
}
|
|
9783
|
+
thumbs: {
|
|
9784
|
+
swiper: thumbsSwiper && !thumbsSwiper.destroyed ? thumbsSwiper : null
|
|
9785
|
+
},
|
|
9784
9786
|
style: {
|
|
9785
9787
|
height: '100%',
|
|
9786
9788
|
width: '90%'
|
|
@@ -9799,9 +9801,7 @@ var CatalogImages = function CatalogImages(_ref) {
|
|
|
9799
9801
|
}, index);
|
|
9800
9802
|
})
|
|
9801
9803
|
}), /*#__PURE__*/jsx(Swiper, {
|
|
9802
|
-
onSwiper:
|
|
9803
|
-
return setThumbsSwiper(swiper);
|
|
9804
|
-
},
|
|
9804
|
+
onSwiper: setThumbsSwiper,
|
|
9805
9805
|
spaceBetween: 10,
|
|
9806
9806
|
slidesPerView: props.showProducts ? 4 : 10,
|
|
9807
9807
|
freeMode: true,
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { CatalogInfoData } from '../../../types';
|
|
2
2
|
import React, { ComponentProps } from 'react';
|
|
3
|
-
import '
|
|
3
|
+
import 'swiper/css';
|
|
4
|
+
import 'swiper/css/pagination';
|
|
5
|
+
import 'swiper/css/autoplay';
|
|
6
|
+
import 'swiper/css/thumbs';
|
|
7
|
+
import 'swiper/css/free-mode';
|
|
4
8
|
interface Props extends ComponentProps<'div'> {
|
|
5
9
|
data: CatalogInfoData;
|
|
6
10
|
showProducts?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/InfoWithProducts/CatalogImages/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,cAAc,EAAoB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/InfoWithProducts/CatalogImages/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,cAAc,EAAoB,MAAM,OAAO,CAAC;AAMhE,OAAO,YAAY,CAAC;AACpB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,sBAAsB,CAAC;AAK9B,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3C,IAAI,EAAE,eAAe,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,aAAa,uBAAwB,KAAK,sBAuD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@crystaldesign/diva-seller",
|
|
3
|
-
"version": "24.12.0-beta.
|
|
3
|
+
"version": "24.12.0-beta.22",
|
|
4
4
|
"description": "",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"test": "echo \"Error: no test specified\" && exit 1"
|
|
@@ -29,16 +29,17 @@
|
|
|
29
29
|
"react-dom": "^18.3.1"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@crystaldesign/analytics": "24.12.0-beta.
|
|
33
|
-
"@crystaldesign/products-component": "24.12.0-beta.
|
|
34
|
-
"@crystaldesign/real-time-viewer": "24.12.0-beta.
|
|
32
|
+
"@crystaldesign/analytics": "24.12.0-beta.22",
|
|
33
|
+
"@crystaldesign/products-component": "24.12.0-beta.22",
|
|
34
|
+
"@crystaldesign/real-time-viewer": "24.12.0-beta.22",
|
|
35
35
|
"@material-ui/core": "^4.12.4",
|
|
36
36
|
"@material-ui/icons": "^4.11.2",
|
|
37
37
|
"react-error-boundary": "^4.0.13",
|
|
38
38
|
"react-material-ui-carousel": "^2.1.1",
|
|
39
|
-
"react-number-format": "^5.4.2"
|
|
39
|
+
"react-number-format": "^5.4.2",
|
|
40
|
+
"swiper": "^11.1.12"
|
|
40
41
|
},
|
|
41
42
|
"types": "./build/types/seller/src/index.d.ts",
|
|
42
43
|
"module": "build/esm/index.js",
|
|
43
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "3b29cb0b9543b71b95f32d3f652c4ead2ec8945b"
|
|
44
45
|
}
|