@crystaldesign/content-box 24.12.1 → 24.12.2-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/esm/{index-bbb54ad1.js → index-659e7dfe.js} +2 -2
- package/build/esm/{index-e0bf9b8e.js → index-860ae969.js} +4 -4
- package/build/esm/{index-66a34f6b.js → index-bf0143f3.js} +2 -2
- package/build/esm/{index-be90ba24.js → index-cddc138d.js} +2 -2
- package/build/esm/index-f58593d3.js +60 -0
- package/build/esm/{index-feb5ef8b.js → index-f801d11e.js} +3 -3
- package/build/esm/{index-8d227a57.js → index-f9a6bc5a.js} +25 -25
- package/build/esm/index.js +1 -1
- package/build/esm/{zoom.module-617dc6d7.js → zoom.module-7733ebfb.js} +3 -3
- package/build/umd/145.content-box.umd.min.js +2 -0
- package/build/umd/145.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/163.content-box.umd.min.js +2 -0
- package/build/umd/163.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/182.content-box.umd.min.js +2 -0
- package/build/umd/182.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/266.content-box.umd.min.js +2 -0
- package/build/umd/266.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/28.content-box.umd.min.js +2 -0
- package/build/umd/28.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/337.content-box.umd.min.js +2 -0
- package/build/umd/337.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/467.content-box.umd.min.js +2 -0
- package/build/umd/467.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/535.content-box.umd.min.js +2 -0
- package/build/umd/535.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/721.content-box.umd.min.js +408 -0
- package/build/umd/{745.content-box.umd.min.js.LICENSE.txt → 721.content-box.umd.min.js.LICENSE.txt} +1 -1
- package/build/umd/944.content-box.umd.min.js +2 -0
- package/build/umd/{366.content-box.umd.min.js.LICENSE.txt → 944.content-box.umd.min.js.LICENSE.txt} +1 -1
- package/build/umd/content-box.umd.min.js +1 -1
- package/build/umd/report.html +4 -5
- package/package.json +2 -2
- package/build/esm/index-aed05ec2.js +0 -60
- package/build/umd/158.content-box.umd.min.js +0 -2
- package/build/umd/158.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/231.content-box.umd.min.js +0 -2
- package/build/umd/231.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/244.content-box.umd.min.js +0 -2
- package/build/umd/244.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/36.content-box.umd.min.js +0 -2
- package/build/umd/36.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/366.content-box.umd.min.js +0 -2
- package/build/umd/495.content-box.umd.min.js +0 -2
- package/build/umd/495.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/62.content-box.umd.min.js +0 -2
- package/build/umd/62.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/630.content-box.umd.min.js +0 -2
- package/build/umd/630.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/633.content-box.umd.min.js +0 -2
- package/build/umd/633.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/745.content-box.umd.min.js +0 -408
|
@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
|
2
2
|
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
3
3
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
4
|
import _regeneratorRuntime from '@babel/runtime/regenerator';
|
|
5
|
-
import { s as styleInject, u as useApiInterface, G as Group } from './index-
|
|
5
|
+
import { s as styleInject, u as useApiInterface, G as Group } from './index-f9a6bc5a.js';
|
|
6
6
|
import { useRef, useEffect, useState } from 'react';
|
|
7
7
|
import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
|
|
8
8
|
import { createPortal } from 'react-dom';
|
|
@@ -51,7 +51,7 @@ var useDraggableInPortal = function useDraggableInPortal() {
|
|
|
51
51
|
};
|
|
52
52
|
|
|
53
53
|
var icon = "icon-E1lDK";
|
|
54
|
-
var css_248z = ".icon-E1lDK {\
|
|
54
|
+
var css_248z = ".icon-E1lDK {\n width: 100%;\n height: 20px;\n background: center / 50% no-repeat url(\"data:image/svg+xml,%3Csvg class%3D%22svg-icon%22 style%3D%22width%3A 1em%3B height%3A 1em%3Bvertical-align%3A middle%3Bfill%3A currentColor%3Boverflow%3A hidden%3B%22 viewBox%3D%220 0 1024 1024%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M219.428571 585.142857c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142858-73.142857-36.571429-73.142857-73.142858-73.142857z m585.142858-146.285714c36.571429 0 73.142857-36.571429 73.142857-73.142857s-36.571429-73.142857-73.142857-73.142857-73.142857 36.571429-73.142858 73.142857 36.571429 73.142857 73.142858 73.142857zM219.428571 292.571429c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142858-73.142857-36.571429-73.142857-73.142858-73.142857z m585.142858 292.571428c-36.571429 0-73.142857 36.571429-73.142858 73.142857s36.571429 73.142857 73.142858 73.142857 73.142857-36.571429 73.142857-73.142857-36.571429-73.142857-73.142857-73.142857zM512 292.571429c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142857-73.142857-36.571429-73.142857-73.142857-73.142857z m0 292.571428c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142857-73.142857-36.571429-73.142857-73.142857-73.142857z%22 %2F%3E%3C%2Fsvg%3E\");\n}\n";
|
|
55
55
|
styleInject(css_248z);
|
|
56
56
|
|
|
57
57
|
function ownKeys$1(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; }
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
2
2
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
3
|
import _regeneratorRuntime from '@babel/runtime/regenerator';
|
|
4
|
-
import { s as styleInject } from './index-
|
|
4
|
+
import { s as styleInject } from './index-f9a6bc5a.js';
|
|
5
5
|
import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
|
|
6
6
|
import React, { useMemo, useState, useEffect } from 'react';
|
|
7
7
|
import classNames from 'classnames';
|
|
8
|
-
import ArViewer from './index-
|
|
8
|
+
import ArViewer from './index-bf0143f3.js';
|
|
9
9
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
10
10
|
import '@babel/runtime/helpers/defineProperty';
|
|
11
11
|
import 'mobx-react-lite';
|
|
@@ -24,7 +24,7 @@ import 'react-qr-code';
|
|
|
24
24
|
var hideCloseFullscreen = "hide-close-fullscreen-LcRPK";
|
|
25
25
|
var arIcon = "ar-icon-rYTkh";
|
|
26
26
|
var rotationIcon = "rotation-icon-DvHEW";
|
|
27
|
-
var css_248z = ".diva-media-viewer .smv-button-fullscreen-open .smv-icon {\
|
|
27
|
+
var css_248z = ".diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 viewBox%3D%220 0 18 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M17 7.00002L17 1.00004L11 1.00004M0.999963 11L0.999963 17L6.99998 17%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\") !important;\n mask-image: url(\"data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 viewBox%3D%220 0 18 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M17 7.00002L17 1.00004L11 1.00004M0.999963 11L0.999963 17L6.99998 17%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\") !important;\n mask-size: 75% !important;\n -webkit-mask-size: 75% !important;\n}\n\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n background-color: #4f4f4f;\n}\n\n.hide-close-fullscreen-LcRPK .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\n display: none;\n}\n\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\n min-height: 20px !important;\n}\n\n.smv-thumbnails .smv-selector[data-type='spin']:before {\n background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\n}\n\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\n margin: 10px;\n height: calc(100% - 20px);\n}\n\n#DivaCore .smv-selectors-box {\n z-index: 50;\n}\n\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\n align-items: inherit;\n}\n.ar-icon-rYTkh {\n height: 100%;\n width: 100%;\n background-size: contain;\n background-position: center;\n width: 70px;\n height: 70px;\n background-image: url(\"data:image/svg+xml,%3Csvg version%3D%221.0%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22250.000000pt%22 height%3D%22250.000000pt%22 viewBox%3D%220 0 250.000000 250.000000%22 preserveAspectRatio%3D%22xMidYMid meet%22%3E %3Cg transform%3D%22translate(0.000000%2C250.000000) scale(0.100000%2C-0.100000)%22 fill%3D%22%23000000%22 stroke%3D%22none%22%3E %3Cpath d%3D%22M642 2047 l-32 -33 0 -765 0 -765 33 -32 33 -32 385 0 385 0 32 33 32 33 0 765 0 765 -33 32 -33 32 -385 0 -385 0 -32 -33z m136 -64 c6 -57 11 -58 282 -58 274 0 280 1 280 62 0 34 1 34 33 28 17 -4 38 -13 46 -20 26 -25 32 -202 29 -833 l-3 -634 -24 -19 c-22 -18 -43 -19 -361 -19 -318 0 -339 1 -361 19 l-24 19 -3 694 c-2 381 0 708 3 726 4 23 16 39 38 53 43 26 61 21 65 -18z%22%2F%3E %3Cpath d%3D%22M1153 1629 l-213 -121 0 -321 0 -322 97 -55 c255 -145 337 -189 345 -184 4 3 8 19 8 35 0 33 -5 37 -245 182 l-120 72 -3 248 c-1 136 0 247 2 247 2 0 74 -40 159 -90 86 -49 166 -91 179 -92 20 -3 23 1 23 31 0 33 -3 36 -157 125 -87 50 -158 94 -158 98 0 3 64 44 142 89 78 46 150 91 160 101 21 21 25 78 6 78 -7 0 -109 -55 -225 -121z%22%2F%3E %3Cpath d%3D%22M1580 1726 c0 -21 7 -43 18 -54 10 -10 83 -56 163 -102 79 -45 145 -84 147 -85 2 -1 -61 -40 -140 -85 -165 -95 -188 -114 -188 -150 0 -52 -4 -54 218 76 79 46 145 84 148 84 2 0 3 -111 2 -247 l-3 -248 -120 -72 c-240 -145 -245 -149 -245 -182 0 -16 4 -32 8 -35 8 -5 87 37 345 184 l97 55 -2 323 -3 324 -160 90 c-88 49 -188 106 -222 125 l-63 35 0 -36z%22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.rotation-icon-DvHEW {\n position: absolute;\n top: 0;\n left: 0;\n width: 30px;\n height: 30px;\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect x%3D%2219%22 y%3D%229%22 width%3D%2210%22 height%3D%2215%22 rx%3D%223%22 transform%3D%22rotate(90 19 9)%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.2%22%2F%3E%3Cpath d%3D%22M1 17.0009L1 4.00085C1 2.344 2.34315 1.00085 4 1.00085L8 1.00085C9.65685 1.00085 11 2.344 11 4.00085L11 9.00085%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M17 6.00085C17 3.79172 15.2091 2.00085 13 2.00085%22 stroke%3D%22%234F4F4F%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M15 5.00084L17 6.94617L19 5.00082%22 stroke%3D%22%234F4F4F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n z-index: 100;\n margin: 16px;\n}\n\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\n width: auto !important;\n height: auto !important;\n}\n";
|
|
28
28
|
styleInject(css_248z);
|
|
29
29
|
|
|
30
30
|
var MediaViewer = function MediaViewer(_ref) {
|
|
@@ -66,7 +66,7 @@ var MediaViewer = function MediaViewer(_ref) {
|
|
|
66
66
|
setMedias(mediasData);
|
|
67
67
|
}, [mediasData]);
|
|
68
68
|
useEffect(function () {
|
|
69
|
-
if (!keepOldZoomIcons) import('./zoom.module-
|
|
69
|
+
if (!keepOldZoomIcons) import('./zoom.module-7733ebfb.js');
|
|
70
70
|
}, []);
|
|
71
71
|
useEffect(function () {
|
|
72
72
|
var _medias$map;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import { s as styleInject } from './index-
|
|
2
|
+
import { s as styleInject } from './index-f9a6bc5a.js';
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
|
|
5
5
|
import QRCode from 'react-qr-code';
|
|
@@ -24,7 +24,7 @@ var arMessage = "ar-message-zKBdY";
|
|
|
24
24
|
var qrCode = "qr-code-TQTqE";
|
|
25
25
|
var closingIcon = "closing-icon-XDdcy";
|
|
26
26
|
var textBox = "text-box-rZjH8";
|
|
27
|
-
var css_248z = ".ar-message-zKBdY {\
|
|
27
|
+
var css_248z = ".ar-message-zKBdY {\n position: absolute;\n bottom: 10px;\n right: 0px;\n left: 0px;\n margin-left: auto;\n margin-right: auto;\n width: 361px;\n height: 90px;\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n border-radius: 0.3rem;\n padding-left: 5px;\n padding-right: 5px;\n align-items: center;\n gap: 10px;\n}\n\n.qr-code-TQTqE {\n width: 80px;\n height: 80px;\n}\n\n.closing-icon-XDdcy {\n position: absolute;\n cursor: pointer;\n top: 7px;\n right: 7px;\n width: 12px;\n height: 12px;\n background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%228%22 viewBox%3D%220 0 8 8%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M6.99998 1.13477L1 7.13475M6.99998 7.13477L1 1.13479%22 stroke%3D%22%23B6B6B7%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n background-repeat: no-repeat;\n z-index: 1;\n}\n\n.text-box-rZjH8 {\n width: 250px;\n height: 80px;\n word-wrap: break-word;\n font-family: var(--diva-typography-font-family);\n}\n";
|
|
28
28
|
styleInject(css_248z);
|
|
29
29
|
|
|
30
30
|
if (!window.customElements.get('model-viewer')) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { s as styleInject, a as usePdpState, S as STATES, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, d as buttonCenter } from './index-
|
|
1
|
+
import { s as styleInject, a as usePdpState, S as STATES, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, d as buttonCenter } from './index-f9a6bc5a.js';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { observer } from 'mobx-react-lite';
|
|
4
4
|
import 'react';
|
|
@@ -21,7 +21,7 @@ import 'swiper/modules';
|
|
|
21
21
|
|
|
22
22
|
var acceptIcon = "accept-icon-VWOzU";
|
|
23
23
|
var denyIcon = "deny-icon-DDlMJ";
|
|
24
|
-
var css_248z = ".accept-icon-VWOzU,\
|
|
24
|
+
var css_248z = ".accept-icon-VWOzU,\n.deny-icon-DDlMJ {\n min-width: 60px;\n}\n\n.deny-icon-DDlMJ {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.deny-icon-DDlMJ {\n background: center / 33% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.accept-icon-VWOzU {\n background: center / 43% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.44531 3.49126L5.625 8.09375L10.75 0.953613%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
|
|
25
25
|
styleInject(css_248z);
|
|
26
26
|
|
|
27
27
|
var CheckpointFooter = function CheckpointFooter(_ref) {
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { s as styleInject, a as usePdpState, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, e as buttonLeft, d as buttonCenter } from './index-f9a6bc5a.js';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { observer } from 'mobx-react-lite';
|
|
4
|
+
import 'react';
|
|
5
|
+
import { useTranslation } from '@crystaldesign/diva-core';
|
|
6
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
|
+
import '@babel/runtime/helpers/defineProperty';
|
|
8
|
+
import '@babel/runtime/helpers/slicedToArray';
|
|
9
|
+
import '@babel/runtime/helpers/objectWithoutProperties';
|
|
10
|
+
import '@babel/runtime/helpers/asyncToGenerator';
|
|
11
|
+
import '@babel/runtime/regenerator';
|
|
12
|
+
import '@crystaldesign/diva-utils';
|
|
13
|
+
import '@babel/runtime/helpers/classCallCheck';
|
|
14
|
+
import '@babel/runtime/helpers/createClass';
|
|
15
|
+
import 'mobx';
|
|
16
|
+
import '@babel/runtime/helpers/objectDestructuringEmpty';
|
|
17
|
+
import '@babel/runtime/helpers/toConsumableArray';
|
|
18
|
+
import 'react-dom/server';
|
|
19
|
+
import 'swiper/react';
|
|
20
|
+
import 'swiper/modules';
|
|
21
|
+
|
|
22
|
+
var plusIcon = "plus-icon-KKmk0";
|
|
23
|
+
var editIcon = "edit-icon-1jv7K";
|
|
24
|
+
var css_248z = ".accept-icon-NDcAN {\n min-width: 60px;\n}\n\n.deny-icon-05mfy {\n background: center / 33% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.plus-icon-KKmk0 {\n background: center / 60% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 fill%3D%22%23fff%22 height%3D%2248%22 viewBox%3D%220 96 960 960%22 width%3D%2248%22%3E%3Cpath d%3D%22M450 856V606H200v-60h250V296h60v250h250v60H510v250h-60Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.edit-icon-1jv7K {\n background: center / 60% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg fill%3D%22%23fff%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 50%22 width%3D%2250px%22 height%3D%2250px%22%3E%3Cpath d%3D%22M 22.199219 2 A 1.0001 1.0001 0 0 0 21.214844 2.8339844 L 20.205078 8.796875 C 19.01608 9.1476749 17.903339 9.6072866 16.835938 10.173828 L 11.875 6.6816406 A 1.0001 1.0001 0 0 0 10.59375 6.7929688 L 6.6933594 10.693359 A 1.0001 1.0001 0 0 0 6.5820312 11.974609 L 10.076172 16.939453 C 9.5032306 17.983292 9.0447681 19.109183 8.6992188 20.298828 L 2.8457031 21.212891 A 1.0001 1.0001 0 0 0 2 22.199219 L 2 27.699219 A 1.0001 1.0001 0 0 0 2.8339844 28.685547 L 8.7949219 29.693359 C 9.1451119 30.880887 9.6045402 31.990547 10.169922 33.056641 L 6.6875 37.917969 A 1.0001 1.0001 0 0 0 6.7929688 39.207031 L 10.693359 43.107422 A 1.0001 1.0001 0 0 0 11.974609 43.21875 L 16.939453 39.724609 C 17.985462 40.298683 19.114316 40.757752 20.306641 41.103516 L 21.314453 47.066406 A 1.0001 1.0001 0 0 0 22.300781 47.900391 L 27.800781 47.900391 A 1.0001 1.0001 0 0 0 28.783203 47.082031 L 29.884766 41.107422 C 31.077734 40.756262 32.193186 40.294742 33.263672 39.726562 L 38.224609 43.21875 A 1.0001 1.0001 0 0 0 39.507812 43.107422 L 43.40625 39.207031 A 1.0001 1.0001 0 0 0 43.509766 37.914062 L 39.931641 32.957031 C 40.500209 31.91951 40.957756 30.82106 41.300781 29.693359 L 47.169922 28.685547 A 1.0001 1.0001 0 0 0 48 27.699219 L 48 22.199219 A 1.0001 1.0001 0 0 0 47.166016 21.214844 L 41.199219 20.203125 C 40.855563 19.074235 40.397841 17.973827 39.828125 16.935547 L 43.318359 11.974609 A 1.0001 1.0001 0 0 0 43.207031 10.693359 L 39.306641 6.7929688 A 1.0001 1.0001 0 0 0 38.013672 6.6894531 L 33.052734 10.273438 C 32.009656 9.7017023 30.885686 9.2413677 29.697266 8.8964844 L 28.685547 2.8359375 A 1.0001 1.0001 0 0 0 27.699219 2 L 22.199219 2 z M 23.044922 4 L 26.853516 4 L 27.814453 9.7636719 A 1.0001 1.0001 0 0 0 28.556641 10.570312 C 30.07104 10.948913 31.478126 11.514935 32.675781 12.251953 A 1.0001 1.0001 0 0 0 33.785156 12.210938 L 38.494141 8.8085938 L 41.197266 11.511719 L 37.882812 16.224609 A 1.0001 1.0001 0 0 0 37.847656 17.324219 C 38.584675 18.521874 39.154586 19.937607 39.533203 21.357422 A 1.0001 1.0001 0 0 0 40.333984 22.085938 L 46 23.044922 L 46 26.857422 L 40.429688 27.814453 A 1.0001 1.0001 0 0 0 39.632812 28.542969 C 39.254196 29.962783 38.686237 31.378517 37.949219 32.576172 A 1.0001 1.0001 0 0 0 37.990234 33.685547 L 41.390625 38.394531 L 38.6875 41.097656 L 33.974609 37.78125 A 1.0001 1.0001 0 0 0 32.904297 37.732422 C 31.566632 38.496802 30.2627 39.053466 28.757812 39.429688 A 1.0001 1.0001 0 0 0 28.017578 40.21875 L 26.966797 45.900391 L 23.144531 45.900391 L 22.185547 40.232422 A 1.0001 1.0001 0 0 0 21.443359 39.429688 C 19.92896 39.051088 18.521874 38.485065 17.324219 37.748047 A 1.0001 1.0001 0 0 0 16.224609 37.78125 L 11.511719 41.097656 L 8.8066406 38.392578 L 12.113281 33.783203 A 1.0001 1.0001 0 0 0 12.167969 32.703125 C 11.403582 31.365465 10.846925 30.061529 10.470703 28.556641 A 1.0001 1.0001 0 0 0 9.6660156 27.814453 L 4 26.855469 L 4 23.056641 L 9.5546875 22.1875 A 1.0001 1.0001 0 0 0 10.371094 21.443359 C 10.749694 19.92896 11.313763 18.521874 12.050781 17.324219 A 1.0001 1.0001 0 0 0 12.017578 16.224609 L 8.7011719 11.511719 L 11.412109 8.8027344 L 16.125 12.117188 A 1.0001 1.0001 0 0 0 17.195312 12.167969 C 18.532978 11.403589 19.836909 10.846925 21.341797 10.470703 A 1.0001 1.0001 0 0 0 22.085938 9.6660156 L 23.044922 4 z M 25 17 C 20.570085 17 17 20.570085 17 25 C 17 29.429915 20.570085 33 25 33 C 29.429915 33 33 29.429915 33 25 C 33 20.570085 29.429915 17 25 17 z M 25 19 C 28.370085 19 31 21.629915 31 25 C 31 28.370085 28.370085 31 25 31 C 21.629915 31 19 28.370085 19 25 C 19 21.629915 21.629915 19 25 19 z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.accept-icon-NDcAN {\n background: center / 43% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.44531 3.49126L5.625 8.09375L10.75 0.953613%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
|
|
25
|
+
styleInject(css_248z);
|
|
26
|
+
|
|
27
|
+
var FunctionsFooter = function FunctionsFooter(_ref) {
|
|
28
|
+
var footerFixed = _ref.footerFixed;
|
|
29
|
+
var _usePdpState = usePdpState(),
|
|
30
|
+
pdpState = _usePdpState.pdpState;
|
|
31
|
+
var _useTranslation = useTranslation(),
|
|
32
|
+
t = _useTranslation.t;
|
|
33
|
+
var creatBaseproduct = !pdpState.isForcedFlat && pdpState.isFlatProduct;
|
|
34
|
+
var editBaseproduct = !pdpState.isForcedFlat && !pdpState.isFlatProduct;
|
|
35
|
+
return /*#__PURE__*/jsxs("div", {
|
|
36
|
+
className: classNames(footerWrapper, footerFixed ? posFixed : posAbsolute),
|
|
37
|
+
children: [editBaseproduct && /*#__PURE__*/jsx("div", {
|
|
38
|
+
title: t('product.edit_baseconfiguration'),
|
|
39
|
+
onClick: function onClick() {
|
|
40
|
+
return pdpState.editBaseconfiguration();
|
|
41
|
+
},
|
|
42
|
+
className: classNames(button, buttonLeft, editIcon)
|
|
43
|
+
}), creatBaseproduct && /*#__PURE__*/jsx("div", {
|
|
44
|
+
title: t('product.create_baseconfiguration'),
|
|
45
|
+
onClick: function onClick() {
|
|
46
|
+
return pdpState.creatBaseconfiguration();
|
|
47
|
+
},
|
|
48
|
+
className: classNames(button, buttonLeft, plusIcon)
|
|
49
|
+
}), /*#__PURE__*/jsx("div", {
|
|
50
|
+
className: classNames(button, buttonCenter),
|
|
51
|
+
onClick: function onClick() {
|
|
52
|
+
return pdpState.openClassification();
|
|
53
|
+
},
|
|
54
|
+
children: t('product.open_classification')
|
|
55
|
+
})]
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
var index = observer(FunctionsFooter);
|
|
59
|
+
|
|
60
|
+
export { index as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { s as styleInject, a as usePdpState } from './index-
|
|
1
|
+
import { s as styleInject, a as usePdpState } from './index-f9a6bc5a.js';
|
|
2
2
|
import { observer } from 'mobx-react-lite';
|
|
3
3
|
import 'react';
|
|
4
4
|
import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
|
|
@@ -21,13 +21,13 @@ import 'swiper/modules';
|
|
|
21
21
|
|
|
22
22
|
var wrapper$1 = "wrapper-V9rjp";
|
|
23
23
|
var navigator = "navigator-s4-5t";
|
|
24
|
-
var css_248z$1 = ".wrapper-V9rjp {\
|
|
24
|
+
var css_248z$1 = ".wrapper-V9rjp {\n width: 100%;\n padding: 12px;\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n}\n\n.navigator-s4-5t {\n display: flex;\n width: 100%;\n}\n\n.navigator-s4-5t input {\n border: grey solid 1px;\n border-radius: 2px;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n flex-grow: 2;\n height: 30px;\n background: #f8f8f8;\n font-size: 13px;\n line-height: 14px;\n padding-left: 7px;\n padding-right: 7px;\n color: #4f4f4f;\n margin-left: 12px;\n margin-right: 12px;\n}\n";
|
|
25
25
|
styleInject(css_248z$1);
|
|
26
26
|
|
|
27
27
|
var container = "container-iJzTo";
|
|
28
28
|
var wrapper = "wrapper-OX9sA";
|
|
29
29
|
var footer = "footer-Nec3A";
|
|
30
|
-
var css_248z = ".container-iJzTo {\
|
|
30
|
+
var css_248z = ".container-iJzTo {\n display: flex;\n width: 100%;\n flex-direction: column;\n height: 100%;\n overflow: auto;\n}\n\n.wrapper-OX9sA {\n display: flex;\n width: calc(100% - 20px);\n flex-direction: column;\n border: 1px lightgrey solid;\n margin-top: 12px;\n padding: 6px;\n}\n\n.footer-Nec3A {\n display: flex;\n width: 100%;\n justify-content: space-between;\n}\n";
|
|
31
31
|
styleInject(css_248z);
|
|
32
32
|
|
|
33
33
|
var History = function History(props) {
|