@crystaldesign/media-upload 24.11.0 → 24.12.0-beta.10

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.
Files changed (11) hide show
  1. package/build/cjs/index.js +74 -38
  2. package/build/esm/index.js +74 -38
  3. package/build/types/media-upload/src/DivaFile.d.ts +3 -0
  4. package/build/types/media-upload/src/DivaFile.d.ts.map +1 -1
  5. package/build/types/media-upload/src/index.d.ts.map +1 -1
  6. package/build/types/media-upload/src/types.d.ts +2 -0
  7. package/build/types/media-upload/src/types.d.ts.map +1 -1
  8. package/build/umd/40.media-upload.umd.min.js +1 -1
  9. package/build/umd/media-upload.umd.min.js +1 -1
  10. package/build/umd/report.html +1 -1
  11. package/package.json +2 -2
package/build/cjs/index.js CHANGED
@@ -130,6 +130,7 @@ var DivaFile = /*#__PURE__*/function () {
130
130
  _defineProperty__default["default"](this, "_url", void 0);
131
131
  _defineProperty__default["default"](this, "_mediaType", void 0);
132
132
  _defineProperty__default["default"](this, "_description", void 0);
133
+ _defineProperty__default["default"](this, "_borderPercentage", void 0);
133
134
  _defineProperty__default["default"](this, "_fileName", void 0);
134
135
  _defineProperty__default["default"](this, "_ref", void 0);
135
136
  _defineProperty__default["default"](this, "_state", void 0);
@@ -167,6 +168,7 @@ var DivaFile = /*#__PURE__*/function () {
167
168
  this._thumbnail = _object.thumbnail;
168
169
  this._mediaType = _object.mediaType;
169
170
  this._description = _object.description;
171
+ this._borderPercentage = _object.borderPercentage;
170
172
  this._fileName = _object.fileName;
171
173
  this._ref = _object.ref;
172
174
  this._state = _object.state;
@@ -190,6 +192,17 @@ var DivaFile = /*#__PURE__*/function () {
190
192
  this._state = 'CHANGED';
191
193
  }
192
194
  }
195
+ }, {
196
+ key: "borderPercentage",
197
+ get: function get() {
198
+ return this._borderPercentage;
199
+ },
200
+ set: function set(borderPercentage) {
201
+ this._borderPercentage = borderPercentage;
202
+ if (this._state == 'SAVED') {
203
+ this._state = 'CHANGED';
204
+ }
205
+ }
193
206
  }, {
194
207
  key: "fileName",
195
208
  get: function get() {
@@ -294,7 +307,7 @@ var DivaFile = /*#__PURE__*/function () {
294
307
  return this.getMediaItem(this.itemRef.url, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
295
308
  case 15:
296
309
  if (!(this._state == 'NEW' && !this.isExternalVid(this._url))) {
297
- _context3.next = 62;
310
+ _context3.next = 63;
298
311
  break;
299
312
  }
300
313
  // create the mediaItem
@@ -349,8 +362,11 @@ var DivaFile = /*#__PURE__*/function () {
349
362
  if (this._description) {
350
363
  mediaitem.description = this._description;
351
364
  }
365
+ if (this._borderPercentage) {
366
+ mediaitem.borderPercentage = this._borderPercentage;
367
+ }
352
368
  if (!this._spinFiles) {
353
- _context3.next = 43;
369
+ _context3.next = 44;
354
370
  break;
355
371
  }
356
372
  formData.append('mediaItems', JSON.stringify(mediaitem));
@@ -365,11 +381,11 @@ var DivaFile = /*#__PURE__*/function () {
365
381
  formData.append('mediaItemRefs', JSON.stringify(mediaitemref));
366
382
  _url2 = _url2 + '&ref=true';
367
383
  }
368
- _context3.next = 51;
384
+ _context3.next = 52;
369
385
  break;
370
- case 43:
386
+ case 44:
371
387
  if (!_file2) {
372
- _context3.next = 50;
388
+ _context3.next = 51;
373
389
  break;
374
390
  }
375
391
  formData.append('mediaItem', JSON.stringify(mediaitem));
@@ -382,12 +398,12 @@ var DivaFile = /*#__PURE__*/function () {
382
398
  formData.append('mediaItemRef', JSON.stringify(_mediaitemref));
383
399
  _url2 = _url2 + '?ref=true';
384
400
  }
385
- _context3.next = 51;
401
+ _context3.next = 52;
386
402
  break;
387
- case 50:
388
- throw new Error('Either file or url must be specified');
389
403
  case 51:
390
- _context3.next = 53;
404
+ throw new Error('Either file or url must be specified');
405
+ case 52:
406
+ _context3.next = 54;
391
407
  return fetch(_url2, {
392
408
  method: 'POST',
393
409
  body: formData,
@@ -430,7 +446,7 @@ var DivaFile = /*#__PURE__*/function () {
430
446
  return _ref.apply(this, arguments);
431
447
  };
432
448
  }());
433
- case 53:
449
+ case 54:
434
450
  data = _context3.sent;
435
451
  if (this._spinFiles) {
436
452
  media = data.success[0];
@@ -443,14 +459,14 @@ var DivaFile = /*#__PURE__*/function () {
443
459
  this.itemRef = ref;
444
460
  this._ref = (_this$itemRef = this.itemRef) === null || _this$itemRef === void 0 ? void 0 : _this$itemRef._id;
445
461
  this._url = (_this$itemRef$url = (_this$itemRef2 = this.itemRef) === null || _this$itemRef2 === void 0 ? void 0 : _this$itemRef2.url) !== null && _this$itemRef$url !== void 0 ? _this$itemRef$url : this.item.url;
446
- _context3.next = 66;
462
+ _context3.next = 67;
447
463
  break;
448
- case 62:
464
+ case 63:
449
465
  if (!(this._state == 'CHANGED')) {
450
- _context3.next = 66;
466
+ _context3.next = 67;
451
467
  break;
452
468
  }
453
- _context3.next = 65;
469
+ _context3.next = 66;
454
470
  return fetch("".concat(this.config.url, "/v1/mediaitems/").concat((_this$item = this.item) === null || _this$item === void 0 ? void 0 : _this$item._id), {
455
471
  method: 'PATCH',
456
472
  body: JSON.stringify({
@@ -466,6 +482,10 @@ var DivaFile = /*#__PURE__*/function () {
466
482
  op: 'replace',
467
483
  path: '/fileName',
468
484
  value: this.fileName
485
+ }, {
486
+ op: 'replace',
487
+ path: '/borderPixel',
488
+ value: this.borderPercentage
469
489
  }]
470
490
  }),
471
491
  headers: _objectSpread$1({
@@ -509,9 +529,9 @@ var DivaFile = /*#__PURE__*/function () {
509
529
  return _ref2.apply(this, arguments);
510
530
  };
511
531
  }());
512
- case 65:
513
- this.item = _context3.sent;
514
532
  case 66:
533
+ this.item = _context3.sent;
534
+ case 67:
515
535
  case "end":
516
536
  return _context3.stop();
517
537
  }
@@ -565,9 +585,10 @@ var DivaFile = /*#__PURE__*/function () {
565
585
  return this.getMediaItem(mediaItemRef.url, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
566
586
  case 19:
567
587
  this._description = this.item.description;
588
+ this._borderPercentage = this.item.borderPercentage;
568
589
  this._fileName = this.item.fileName;
569
590
  this._classes = this.item.classes;
570
- case 22:
591
+ case 23:
571
592
  case "end":
572
593
  return _context4.stop();
573
594
  }
@@ -763,34 +784,38 @@ function index (_ref) {
763
784
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
764
785
  description = _useState6[0],
765
786
  setDescription = _useState6[1];
766
- var _useState7 = react.useState(defaultFunctionType),
787
+ var _useState7 = react.useState(),
767
788
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
768
- functionType = _useState8[0],
769
- setFunctionType = _useState8[1];
770
- var _useState9 = react.useState([]),
789
+ borderPercentage = _useState8[0],
790
+ setBorderPercentage = _useState8[1];
791
+ var _useState9 = react.useState(defaultFunctionType),
771
792
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
772
- classes = _useState10[0],
773
- setClasses = _useState10[1];
774
- var _useState11 = react.useState(false),
793
+ functionType = _useState10[0],
794
+ setFunctionType = _useState10[1];
795
+ var _useState11 = react.useState([]),
775
796
  _useState12 = _slicedToArray__default["default"](_useState11, 2),
776
- loading = _useState12[0],
777
- setLoading = _useState12[1];
797
+ classes = _useState12[0],
798
+ setClasses = _useState12[1];
778
799
  var _useState13 = react.useState(false),
779
800
  _useState14 = _slicedToArray__default["default"](_useState13, 2),
780
- imageUpload = _useState14[0],
781
- setImageUpload = _useState14[1];
782
- var _useState15 = react.useState(),
801
+ loading = _useState14[0],
802
+ setLoading = _useState14[1];
803
+ var _useState15 = react.useState(false),
783
804
  _useState16 = _slicedToArray__default["default"](_useState15, 2),
784
- error = _useState16[0],
785
- setError = _useState16[1];
786
- var _useState17 = react.useState('standard'),
805
+ imageUpload = _useState16[0],
806
+ setImageUpload = _useState16[1];
807
+ var _useState17 = react.useState(),
787
808
  _useState18 = _slicedToArray__default["default"](_useState17, 2),
788
- type = _useState18[0],
789
- setType = _useState18[1];
790
- var _useState19 = react.useState([]),
809
+ error = _useState18[0],
810
+ setError = _useState18[1];
811
+ var _useState19 = react.useState('standard'),
791
812
  _useState20 = _slicedToArray__default["default"](_useState19, 2),
792
- fileObjects = _useState20[0],
793
- setFileObjects = _useState20[1];
813
+ type = _useState20[0],
814
+ setType = _useState20[1];
815
+ var _useState21 = react.useState([]),
816
+ _useState22 = _slicedToArray__default["default"](_useState21, 2),
817
+ fileObjects = _useState22[0],
818
+ setFileObjects = _useState22[1];
794
819
  var initState = /*#__PURE__*/function () {
795
820
  var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(data) {
796
821
  var _newState$0$classes;
@@ -838,11 +863,12 @@ function index (_ref) {
838
863
  setFileName(newState[0].fileName.substring(0, fileEndingIndex));
839
864
  }
840
865
  setDescription(newState[0].description);
866
+ setBorderPercentage(newState[0].borderPercentage);
841
867
  setFunctionType(newState[0].functionType);
842
868
  setClasses((_newState$0$classes = newState[0].classes) !== null && _newState$0$classes !== void 0 ? _newState$0$classes : []);
843
869
  setType(newState[0].mediaType == 'SPIN' ? 'spin' : 'standard');
844
870
  setLoading(false);
845
- case 24:
871
+ case 25:
846
872
  case "end":
847
873
  return _context.stop();
848
874
  }
@@ -930,6 +956,7 @@ function index (_ref) {
930
956
  var fileEnding = s.fileName.substring(fileEndingIndex + 1, s.fileName.length);
931
957
  s.fileName = "".concat(fileName, ".").concat(fileEnding);
932
958
  s.description = description;
959
+ s.borderPercentage = borderPercentage;
933
960
  s.functionType = functionType;
934
961
  s.classes = classes;
935
962
  });
@@ -1074,6 +1101,15 @@ function index (_ref) {
1074
1101
  onChange: function onChange(e) {
1075
1102
  return setDescription(e.target.value);
1076
1103
  }
1104
+ }), /*#__PURE__*/jsxRuntime.jsx(TextField__default["default"], {
1105
+ label: t('asseteditor.form.borderPercentage'),
1106
+ id: "borderPercentage",
1107
+ fullWidth: true,
1108
+ value: borderPercentage || '',
1109
+ type: 'number',
1110
+ onChange: function onChange(e) {
1111
+ return setBorderPercentage(Number(e.target.value));
1112
+ }
1077
1113
  }), createRef && /*#__PURE__*/jsxRuntime.jsxs(FormControl__default["default"], {
1078
1114
  fullWidth: true,
1079
1115
  children: [/*#__PURE__*/jsxRuntime.jsx(InputLabel__default["default"], {
package/build/esm/index.js CHANGED
@@ -106,6 +106,7 @@ var DivaFile = /*#__PURE__*/function () {
106
106
  _defineProperty(this, "_url", void 0);
107
107
  _defineProperty(this, "_mediaType", void 0);
108
108
  _defineProperty(this, "_description", void 0);
109
+ _defineProperty(this, "_borderPercentage", void 0);
109
110
  _defineProperty(this, "_fileName", void 0);
110
111
  _defineProperty(this, "_ref", void 0);
111
112
  _defineProperty(this, "_state", void 0);
@@ -143,6 +144,7 @@ var DivaFile = /*#__PURE__*/function () {
143
144
  this._thumbnail = _object.thumbnail;
144
145
  this._mediaType = _object.mediaType;
145
146
  this._description = _object.description;
147
+ this._borderPercentage = _object.borderPercentage;
146
148
  this._fileName = _object.fileName;
147
149
  this._ref = _object.ref;
148
150
  this._state = _object.state;
@@ -166,6 +168,17 @@ var DivaFile = /*#__PURE__*/function () {
166
168
  this._state = 'CHANGED';
167
169
  }
168
170
  }
171
+ }, {
172
+ key: "borderPercentage",
173
+ get: function get() {
174
+ return this._borderPercentage;
175
+ },
176
+ set: function set(borderPercentage) {
177
+ this._borderPercentage = borderPercentage;
178
+ if (this._state == 'SAVED') {
179
+ this._state = 'CHANGED';
180
+ }
181
+ }
169
182
  }, {
170
183
  key: "fileName",
171
184
  get: function get() {
@@ -270,7 +283,7 @@ var DivaFile = /*#__PURE__*/function () {
270
283
  return this.getMediaItem(this.itemRef.url, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
271
284
  case 15:
272
285
  if (!(this._state == 'NEW' && !this.isExternalVid(this._url))) {
273
- _context3.next = 62;
286
+ _context3.next = 63;
274
287
  break;
275
288
  }
276
289
  // create the mediaItem
@@ -325,8 +338,11 @@ var DivaFile = /*#__PURE__*/function () {
325
338
  if (this._description) {
326
339
  mediaitem.description = this._description;
327
340
  }
341
+ if (this._borderPercentage) {
342
+ mediaitem.borderPercentage = this._borderPercentage;
343
+ }
328
344
  if (!this._spinFiles) {
329
- _context3.next = 43;
345
+ _context3.next = 44;
330
346
  break;
331
347
  }
332
348
  formData.append('mediaItems', JSON.stringify(mediaitem));
@@ -341,11 +357,11 @@ var DivaFile = /*#__PURE__*/function () {
341
357
  formData.append('mediaItemRefs', JSON.stringify(mediaitemref));
342
358
  _url2 = _url2 + '&ref=true';
343
359
  }
344
- _context3.next = 51;
360
+ _context3.next = 52;
345
361
  break;
346
- case 43:
362
+ case 44:
347
363
  if (!_file2) {
348
- _context3.next = 50;
364
+ _context3.next = 51;
349
365
  break;
350
366
  }
351
367
  formData.append('mediaItem', JSON.stringify(mediaitem));
@@ -358,12 +374,12 @@ var DivaFile = /*#__PURE__*/function () {
358
374
  formData.append('mediaItemRef', JSON.stringify(_mediaitemref));
359
375
  _url2 = _url2 + '?ref=true';
360
376
  }
361
- _context3.next = 51;
377
+ _context3.next = 52;
362
378
  break;
363
- case 50:
364
- throw new Error('Either file or url must be specified');
365
379
  case 51:
366
- _context3.next = 53;
380
+ throw new Error('Either file or url must be specified');
381
+ case 52:
382
+ _context3.next = 54;
367
383
  return fetch(_url2, {
368
384
  method: 'POST',
369
385
  body: formData,
@@ -406,7 +422,7 @@ var DivaFile = /*#__PURE__*/function () {
406
422
  return _ref.apply(this, arguments);
407
423
  };
408
424
  }());
409
- case 53:
425
+ case 54:
410
426
  data = _context3.sent;
411
427
  if (this._spinFiles) {
412
428
  media = data.success[0];
@@ -419,14 +435,14 @@ var DivaFile = /*#__PURE__*/function () {
419
435
  this.itemRef = ref;
420
436
  this._ref = (_this$itemRef = this.itemRef) === null || _this$itemRef === void 0 ? void 0 : _this$itemRef._id;
421
437
  this._url = (_this$itemRef$url = (_this$itemRef2 = this.itemRef) === null || _this$itemRef2 === void 0 ? void 0 : _this$itemRef2.url) !== null && _this$itemRef$url !== void 0 ? _this$itemRef$url : this.item.url;
422
- _context3.next = 66;
438
+ _context3.next = 67;
423
439
  break;
424
- case 62:
440
+ case 63:
425
441
  if (!(this._state == 'CHANGED')) {
426
- _context3.next = 66;
442
+ _context3.next = 67;
427
443
  break;
428
444
  }
429
- _context3.next = 65;
445
+ _context3.next = 66;
430
446
  return fetch("".concat(this.config.url, "/v1/mediaitems/").concat((_this$item = this.item) === null || _this$item === void 0 ? void 0 : _this$item._id), {
431
447
  method: 'PATCH',
432
448
  body: JSON.stringify({
@@ -442,6 +458,10 @@ var DivaFile = /*#__PURE__*/function () {
442
458
  op: 'replace',
443
459
  path: '/fileName',
444
460
  value: this.fileName
461
+ }, {
462
+ op: 'replace',
463
+ path: '/borderPixel',
464
+ value: this.borderPercentage
445
465
  }]
446
466
  }),
447
467
  headers: _objectSpread$1({
@@ -485,9 +505,9 @@ var DivaFile = /*#__PURE__*/function () {
485
505
  return _ref2.apply(this, arguments);
486
506
  };
487
507
  }());
488
- case 65:
489
- this.item = _context3.sent;
490
508
  case 66:
509
+ this.item = _context3.sent;
510
+ case 67:
491
511
  case "end":
492
512
  return _context3.stop();
493
513
  }
@@ -541,9 +561,10 @@ var DivaFile = /*#__PURE__*/function () {
541
561
  return this.getMediaItem(mediaItemRef.url, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
542
562
  case 19:
543
563
  this._description = this.item.description;
564
+ this._borderPercentage = this.item.borderPercentage;
544
565
  this._fileName = this.item.fileName;
545
566
  this._classes = this.item.classes;
546
- case 22:
567
+ case 23:
547
568
  case "end":
548
569
  return _context4.stop();
549
570
  }
@@ -739,34 +760,38 @@ function index (_ref) {
739
760
  _useState6 = _slicedToArray(_useState5, 2),
740
761
  description = _useState6[0],
741
762
  setDescription = _useState6[1];
742
- var _useState7 = useState(defaultFunctionType),
763
+ var _useState7 = useState(),
743
764
  _useState8 = _slicedToArray(_useState7, 2),
744
- functionType = _useState8[0],
745
- setFunctionType = _useState8[1];
746
- var _useState9 = useState([]),
765
+ borderPercentage = _useState8[0],
766
+ setBorderPercentage = _useState8[1];
767
+ var _useState9 = useState(defaultFunctionType),
747
768
  _useState10 = _slicedToArray(_useState9, 2),
748
- classes = _useState10[0],
749
- setClasses = _useState10[1];
750
- var _useState11 = useState(false),
769
+ functionType = _useState10[0],
770
+ setFunctionType = _useState10[1];
771
+ var _useState11 = useState([]),
751
772
  _useState12 = _slicedToArray(_useState11, 2),
752
- loading = _useState12[0],
753
- setLoading = _useState12[1];
773
+ classes = _useState12[0],
774
+ setClasses = _useState12[1];
754
775
  var _useState13 = useState(false),
755
776
  _useState14 = _slicedToArray(_useState13, 2),
756
- imageUpload = _useState14[0],
757
- setImageUpload = _useState14[1];
758
- var _useState15 = useState(),
777
+ loading = _useState14[0],
778
+ setLoading = _useState14[1];
779
+ var _useState15 = useState(false),
759
780
  _useState16 = _slicedToArray(_useState15, 2),
760
- error = _useState16[0],
761
- setError = _useState16[1];
762
- var _useState17 = useState('standard'),
781
+ imageUpload = _useState16[0],
782
+ setImageUpload = _useState16[1];
783
+ var _useState17 = useState(),
763
784
  _useState18 = _slicedToArray(_useState17, 2),
764
- type = _useState18[0],
765
- setType = _useState18[1];
766
- var _useState19 = useState([]),
785
+ error = _useState18[0],
786
+ setError = _useState18[1];
787
+ var _useState19 = useState('standard'),
767
788
  _useState20 = _slicedToArray(_useState19, 2),
768
- fileObjects = _useState20[0],
769
- setFileObjects = _useState20[1];
789
+ type = _useState20[0],
790
+ setType = _useState20[1];
791
+ var _useState21 = useState([]),
792
+ _useState22 = _slicedToArray(_useState21, 2),
793
+ fileObjects = _useState22[0],
794
+ setFileObjects = _useState22[1];
770
795
  var initState = /*#__PURE__*/function () {
771
796
  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
772
797
  var _newState$0$classes;
@@ -814,11 +839,12 @@ function index (_ref) {
814
839
  setFileName(newState[0].fileName.substring(0, fileEndingIndex));
815
840
  }
816
841
  setDescription(newState[0].description);
842
+ setBorderPercentage(newState[0].borderPercentage);
817
843
  setFunctionType(newState[0].functionType);
818
844
  setClasses((_newState$0$classes = newState[0].classes) !== null && _newState$0$classes !== void 0 ? _newState$0$classes : []);
819
845
  setType(newState[0].mediaType == 'SPIN' ? 'spin' : 'standard');
820
846
  setLoading(false);
821
- case 24:
847
+ case 25:
822
848
  case "end":
823
849
  return _context.stop();
824
850
  }
@@ -906,6 +932,7 @@ function index (_ref) {
906
932
  var fileEnding = s.fileName.substring(fileEndingIndex + 1, s.fileName.length);
907
933
  s.fileName = "".concat(fileName, ".").concat(fileEnding);
908
934
  s.description = description;
935
+ s.borderPercentage = borderPercentage;
909
936
  s.functionType = functionType;
910
937
  s.classes = classes;
911
938
  });
@@ -1050,6 +1077,15 @@ function index (_ref) {
1050
1077
  onChange: function onChange(e) {
1051
1078
  return setDescription(e.target.value);
1052
1079
  }
1080
+ }), /*#__PURE__*/jsx(TextField, {
1081
+ label: t('asseteditor.form.borderPercentage'),
1082
+ id: "borderPercentage",
1083
+ fullWidth: true,
1084
+ value: borderPercentage || '',
1085
+ type: 'number',
1086
+ onChange: function onChange(e) {
1087
+ return setBorderPercentage(Number(e.target.value));
1088
+ }
1053
1089
  }), createRef && /*#__PURE__*/jsxs(FormControl, {
1054
1090
  fullWidth: true,
1055
1091
  children: [/*#__PURE__*/jsx(InputLabel, {
package/build/types/media-upload/src/DivaFile.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare class DivaFile implements IDivaFile {
8
8
  private _url?;
9
9
  private _mediaType?;
10
10
  private _description?;
11
+ private _borderPercentage?;
11
12
  private _fileName;
12
13
  private _ref?;
13
14
  private _state;
@@ -24,6 +25,8 @@ export declare class DivaFile implements IDivaFile {
24
25
  get fileObject(): FileObject | undefined;
25
26
  set description(description: string | undefined);
26
27
  get description(): string | undefined;
28
+ get borderPercentage(): number | undefined;
29
+ set borderPercentage(borderPercentage: number | undefined);
27
30
  set fileName(fileName: string);
28
31
  get fileName(): string;
29
32
  set functionType(functionType: FunctionType | undefined);
package/build/types/media-upload/src/DivaFile.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DivaFile.d.ts","sourceRoot":"","sources":["../../../../src/DivaFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAA2B,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAClH,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,qBAAa,QAAS,YAAW,SAAS;IAoB5B,OAAO,CAAC,MAAM;IAA8E,OAAO,CAAC,SAAS;IAnBzH,OAAO,CAAC,eAAe,CAAC,CAAS;IACjC,OAAO,CAAC,aAAa,CAAC,CAAe;IACrC,OAAO,CAAC,IAAI,CAAC,CAAS;IACtB,OAAO,CAAC,UAAU,CAAC,CAAY;IAC/B,OAAO,CAAC,YAAY,CAAC,CAAS;IAC9B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,IAAI,CAAC,CAAS;IACtB,OAAO,CAAC,MAAM,CAA8B;IAC5C,OAAO,CAAC,QAAQ,CAAC,CAAW;IAC5B,OAAO,CAAC,OAAO,CAAC,CAAe;IAC/B,OAAO,CAAC,IAAI,CAAC,CAAY;IACzB,OAAO,CAAC,KAAK,CAAC,CAAa;IAC3B,OAAO,CAAC,UAAU,CAAC,CAAe;IAClC,OAAO,CAAC,UAAU,CAAC,CAAS;gBAEhB,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EAAE,OAAO;gBACrE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,EAAE,OAAO;gBAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO;gBACtD,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,SAAS,CAAC,EAAE,OAAO;IAsC1E,IAAI,UAAU,IAAI,UAAU,GAAG,SAAS,CAEvC;IAED,IAAI,WAAW,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,EAK9C;IACD,IAAI,WAAW,IANc,MAAM,GAAG,SAAS,CAQ9C;IAED,IAAI,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAK5B;IAED,IAAI,QAAQ,IAPW,MAAM,CAS5B;IACD,IAAI,YAAY,CAAC,YAAY,EAAE,YAAY,GAAG,SAAS,EAKtD;IAED,IAAI,YAAY,IAPe,YAAY,GAAG,SAAS,CAStD;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,EAKxC;IAED,IAAI,OAAO,IAPU,MAAM,EAAE,GAAG,SAAS,CASxC;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,IAAI,SAAS,uBAEZ;IAED,IAAI,KAAK,gCAER;IAED,IAAI,GAAG,uBAEN;IAED,IAAI,SAAS,0BAEZ;IAEK,IAAI,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAgJ1C,IAAI,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IA4BhD,KAAK,IAAI,QAAQ;YAIH,YAAY;YAsBZ,eAAe;IAgC7B,OAAO,CAAC,oBAAoB;IA+B5B,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,aAAa;CAGtB"}
1
+ {"version":3,"file":"DivaFile.d.ts","sourceRoot":"","sources":["../../../../src/DivaFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAA2B,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAClH,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,qBAAa,QAAS,YAAW,SAAS;IAqB5B,OAAO,CAAC,MAAM;IAA8E,OAAO,CAAC,SAAS;IApBzH,OAAO,CAAC,eAAe,CAAC,CAAS;IACjC,OAAO,CAAC,aAAa,CAAC,CAAe;IACrC,OAAO,CAAC,IAAI,CAAC,CAAS;IACtB,OAAO,CAAC,UAAU,CAAC,CAAY;IAC/B,OAAO,CAAC,YAAY,CAAC,CAAS;IAC9B,OAAO,CAAC,iBAAiB,CAAC,CAAS;IACnC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,IAAI,CAAC,CAAS;IACtB,OAAO,CAAC,MAAM,CAA8B;IAC5C,OAAO,CAAC,QAAQ,CAAC,CAAW;IAC5B,OAAO,CAAC,OAAO,CAAC,CAAe;IAC/B,OAAO,CAAC,IAAI,CAAC,CAAY;IACzB,OAAO,CAAC,KAAK,CAAC,CAAa;IAC3B,OAAO,CAAC,UAAU,CAAC,CAAe;IAClC,OAAO,CAAC,UAAU,CAAC,CAAS;gBAEhB,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EAAE,OAAO;gBACrE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,EAAE,OAAO;gBAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO;gBACtD,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,SAAS,CAAC,EAAE,OAAO;IAuC1E,IAAI,UAAU,IAAI,UAAU,GAAG,SAAS,CAEvC;IAED,IAAI,WAAW,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,EAK9C;IAED,IAAI,WAAW,IAPc,MAAM,GAAG,SAAS,CAS9C;IAED,IAAI,gBAAgB,IAImB,MAAM,GAAG,SAAS,CAFxD;IAED,IAAI,gBAAgB,CAAC,gBAAgB,EAAE,MAAM,GAAG,SAAS,EAKxD;IACD,IAAI,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAK5B;IAED,IAAI,QAAQ,IAPW,MAAM,CAS5B;IACD,IAAI,YAAY,CAAC,YAAY,EAAE,YAAY,GAAG,SAAS,EAKtD;IAED,IAAI,YAAY,IAPe,YAAY,GAAG,SAAS,CAStD;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,EAKxC;IAED,IAAI,OAAO,IAPU,MAAM,EAAE,GAAG,SAAS,CASxC;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,IAAI,SAAS,uBAEZ;IAED,IAAI,KAAK,gCAER;IAED,IAAI,GAAG,uBAEN;IAED,IAAI,SAAS,0BAEZ;IAEK,IAAI,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAoJ1C,IAAI,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IA6BhD,KAAK,IAAI,QAAQ;YAIH,YAAY;YAsBZ,eAAe;IAgC7B,OAAO,CAAC,oBAAoB;IA+B5B,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,aAAa;CAGtB"}
package/build/types/media-upload/src/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIlD,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC,MAAM,CAAC,OAAO,WAAW,EACvB,SAAS,EACT,QAAQ,EACR,cAAc,EACd,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EACR,MAAM,EACN,SAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,OAAkB,GACnB,EAAE,iBAAiB,eAmQnB;AACD,UAAU,YAAY;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,UAAU,YAAY;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,iBAAkB,SAAQ,YAAY;IAC9C,SAAS,EAAE,UAAU,GAAG,WAAW,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,EAAE,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;IACrD,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;IACpD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIlD,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC,MAAM,CAAC,OAAO,WAAW,EACvB,SAAS,EACT,QAAQ,EACR,cAAc,EACd,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EACR,MAAM,EACN,SAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,OAAkB,GACnB,EAAE,iBAAiB,eA8QnB;AACD,UAAU,YAAY;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,UAAU,YAAY;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,iBAAkB,SAAQ,YAAY;IAC9C,SAAS,EAAE,UAAU,GAAG,WAAW,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,EAAE,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;IACrD,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;IACpD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}
package/build/types/media-upload/src/types.d.ts CHANGED
@@ -8,6 +8,7 @@ export interface IDivaFile {
8
8
  thumbnail?: string;
9
9
  mediaType?: MediaType;
10
10
  description?: string;
11
+ borderPercentage?: number;
11
12
  classes?: string[];
12
13
  position?: number;
13
14
  fileName: string;
@@ -53,6 +54,7 @@ export interface MediaItem {
53
54
  name?: string;
54
55
  description?: string;
55
56
  classes?: string[];
57
+ borderPercentage?: number;
56
58
  creationDate: number;
57
59
  lastUpdate: number;
58
60
  spinImages?: string[];
package/build/types/media-upload/src/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAC9E,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAElF,MAAM,WAAW,SAAS;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,KAAK,EAAE,MAAM,SAAS,CAAC;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IACjC,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,KAAK,CAAC;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,YAAY,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAC9E,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAElF,MAAM,WAAW,SAAS;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,KAAK,EAAE,MAAM,SAAS,CAAC;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IACjC,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,KAAK,CAAC;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,YAAY,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd"}
package/build/umd/40.media-upload.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 40.media-upload.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignMediaUpload=self.webpackChunkCrystaldesignMediaUpload||[]).push([[40,319],{319:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(8742),a=i(1594),r=i(8882),o=i(5835),s=i.n(o),d=i(9120),I=i.n(d),l=i(1148),g=i.n(l),c=i(3035),M=i.n(c),m=i(4959),u=i.n(m),A=i(5004),D=i.n(A),v=i(5622),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=g().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.Ay,x);v.Ay&&v.Ay.locals&&v.Ay.locals;var p=i(2216),w=i(2246);window.customElements.get("model-viewer")||i.e(781).then(i.bind(i,4162));const C=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,l=e.cameraArButton,g=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.pi)().state,A=u.isMobile,D=u.isFirefox,x=(0,r.Bd)().t,C=(0,a.useState)(0),h=(0,t.A)(C,2),y=h[0],T=h[1],N=(0,a.useState)(!A),b=(0,t.A)(N,2),z=b[0],S=b[1];return l&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[z&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.j3,children:[(0,w.jsx)(p.A,{value:I,className:v.JB}),(0,w.jsx)("div",{className:v.DU,children:x("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.L$,id:"arThumbnailImg",onClick:function onClick(){return S(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[y].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[y].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[y].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[y].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[y].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":D?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:g}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){T(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},40:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var t=i(6557),a=i(8742),r=i(725),o=i.n(r),s=i(8882),d=i(1594),I=i.n(d),l=i(5835),g=i.n(l),c=i(9120),M=i.n(c),m=i(1148),u=i.n(m),A=i(3035),D=i.n(A),v=i(4959),x=i.n(v),p=i(5004),w=i.n(p),C=i(5715),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=x();g()(C.Ay,h);C.Ay&&C.Ay.locals&&C.Ay.locals;var y=i(2919),T=i.n(y),N=i(319),b=i(2246),z=function(){var e=(0,t.A)(o().mark((function _callee(e,n){return o().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise((function(n){var i=document.createElement("script");i.src="https://scripts.sirv.com/sirvjs/v3/sirv.js",i.type="text/javascript",i.async=!0,i.dataset.components=e,i.onload=n,document.body.appendChild(i)})));case 1:case"end":return n.stop()}}),_callee)})));return function loadSirv(n,i){return e.apply(this,arguments)}}(),S=function getMediaItem(e,n,i,t){var a,r=arguments.length>5?arguments[5]:void 0,o=!!(arguments.length>4&&void 0!==arguments[4]?arguments[4]:[]).find((function(n){return e.url.includes(n)})),s=j(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var d=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(d.searchParams.append("scale.option","noup"),d.searchParams.append("w","3000")),o?(0,b.jsx)("div",{"data-src":d.toString(),"data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,id:"main3dImage",children:s},e.url):(0,b.jsx)("img",{"data-src":d.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:s},e.url)}catch(e){return(0,b.jsx)("div",{children:"Invalid Url"})}case"AR":return(0,b.jsxs)("div",{"data-swipe-disabled":!0,children:[(0,b.jsx)(N.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:r?r+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),s]},n)}return(0,b.jsx)(b.Fragment,{})},j=function getThumb(e){var n=e.thumb;return"string"==typeof n?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:n},n)}):I().isValidElement(n)?(0,b.jsx)("smv-thumbnail",{children:n}):"AR"===e.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:C.zI})}):void 0};const f=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,l=e.defaultDataOptions,g=e.currentItem,c=void 0===g?0:g,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=(0,d.useMemo)((function(){return(0,s.tZ)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.A)(D,2),x=v[0],p=v[1],w=(0,s.Bd)().t,h=o,y=(0,s.pi)(),N=y.state,j=N.dimensions,f=j.isPortrait,L=j.isMobile,k=j.isTablet,E=j.height,O=j.width,U=N.apiConfig,R=U.baseSirvUrls,Y=U.arViewerBaseUrl,P=y.handler.mediaHandler;(0,d.useEffect)((function(){p(n)}),[n]),(0,d.useEffect)((function(){u||i.e(546).then(i.bind(i,1546))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==x?void 0:x.map((function(e){return e._id})))&&void 0!==e?e:[])&&P.getMediaByIds(t).then((function(e){p(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&f&&O<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.eH,e.appendChild(n)}}},H=function onSpinReady(e){null==m||m(e.index);var n=null==x?void 0:x[e.index];void 0!==e.index&&n&&A.successTransaction("ON_SHOW_MEDIA",{functionType:n.functionType,mediaType:n.mediaType,mediaName:n.name,url:n.url})},Z=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",H),e.on("viewer:fullscreenIn",Q)};(0,d.useEffect)((function(){var e=window;return A.startTransaction({event:"onShowMedia",message:"Show Media ".concat(x),eventId:"ON_SHOW_MEDIA"}),e.Sirv?Z():z("zoom, spin, video",x).then((function(){Z(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var B=l;return void 0!==c&&(B+=";slide.first:"+c),!f&&L&&I&&E<500&&(B+=I),w("sirv.zoom.hint.text.click","")&&(B+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(B+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(B+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(B+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:h,className:T()(C.qn,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":B,children:null==x?void 0:x.map((function(e,n){return S(e,n,c,L&&!k,R,Y)}))},h)}},5622:(e,n,i)=>{i.d(n,{Ay:()=>A,DU:()=>u,JB:()=>M,L$:()=>m,j3:()=>c});var t=i(8634),a=i.n(t),r=i(2083),o=i.n(r),s=i(1946),d=i.n(s),I=new URL(i(4091),i.b),l=o()(a()),g=d()(I);l.push([e.id,`.index-module--aCm9Y {\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.index-module--xiYqj {\n width: 80px;\n height: 80px;\n}\n\n.index-module--tDj6i {\n position: absolute;\n cursor: pointer;\n top: 7px;\n right: 7px;\n width: 12px;\n height: 12px;\n background-image: url(${g});\n background-repeat: no-repeat;\n z-index: 1;\n}\n\n.index-module--vtOFS {\n width: 250px;\n height: 80px;\n word-wrap: break-word;\n font-family: var(--diva-typography-font-family);\n}\n`,""]);var c="index-module--aCm9Y",M="index-module--xiYqj",m="index-module--tDj6i",u="index-module--vtOFS";const A=l},5715:(e,n,i)=>{i.d(n,{Ay:()=>x,eH:()=>v,qn:()=>A,zI:()=>D});var t=i(8634),a=i.n(t),r=i(2083),o=i.n(r),s=i(1946),d=i.n(s),I=new URL(i(6835),i.b),l=new URL(i(8892),i.b),g=new URL(i(8702),i.b),c=o()(a()),M=d()(I),m=d()(l),u=d()(g);c.push([e.id,`.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-image: url(${M}) !important;\n mask-image: url(${M}) !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.index-module--SURNO .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.index-module--MUCjv {\n height: 100%;\n width: 100%;\n background-size: contain;\n background-position: center;\n width: 70px;\n height: 70px;\n background-image: url(${m});\n}\n\n.index-module--KcJr3 {\n position: absolute;\n top: 0;\n left: 0;\n width: 30px;\n height: 30px;\n background: center / contain no-repeat url(${u});\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`,""]);var A="index-module--SURNO",D="index-module--MUCjv",v="index-module--KcJr3";const x=c},8892:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6835:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},8702:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},4091:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignMediaUpload=self.webpackChunkCrystaldesignMediaUpload||[]).push([[40,319],{319:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(8742),a=i(1594),r=i(8882),o=i(5835),s=i.n(o),d=i(9120),I=i.n(d),l=i(1148),g=i.n(l),c=i(3035),M=i.n(c),m=i(4959),u=i.n(m),A=i(5004),D=i.n(A),v=i(5622),p={};p.styleTagTransform=D(),p.setAttributes=M(),p.insert=g().bind(null,"head"),p.domAPI=I(),p.insertStyleElement=u();s()(v.Ay,p);v.Ay&&v.Ay.locals&&v.Ay.locals;var x=i(2216),w=i(2246);window.customElements.get("model-viewer")||i.e(781).then(i.bind(i,4162));const C=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,l=e.cameraArButton,g=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.pi)().state,A=u.isMobile,D=u.isFirefox,p=(0,r.Bd)().t,C=(0,a.useState)(0),h=(0,t.A)(C,2),y=h[0],T=h[1],N=(0,a.useState)(!A),b=(0,t.A)(N,2),z=b[0],S=b[1];return l&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[z&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.j3,children:[(0,w.jsx)(x.A,{value:I,className:v.JB}),(0,w.jsx)("div",{className:v.DU,children:p("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.L$,id:"arThumbnailImg",onClick:function onClick(){return S(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[y].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[y].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[y].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[y].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[y].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":D?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:g}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){T(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},40:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var t=i(6557),a=i(8742),r=i(725),o=i.n(r),s=i(8882),d=i(1594),I=i.n(d),l=i(5835),g=i.n(l),c=i(9120),M=i.n(c),m=i(1148),u=i.n(m),A=i(3035),D=i.n(A),v=i(4959),p=i.n(v),x=i(5004),w=i.n(x),C=i(5715),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=p();g()(C.Ay,h);C.Ay&&C.Ay.locals&&C.Ay.locals;var y=i(2919),T=i.n(y),N=i(319),b=i(2246),z=function(){var e=(0,t.A)(o().mark((function _callee(e,n){return o().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise((function(n){var i=document.createElement("script");i.src="https://scripts.sirv.com/sirvjs/v3/sirv.js",i.type="text/javascript",i.async=!0,i.dataset.components=e,i.onload=n,document.body.appendChild(i)})));case 1:case"end":return n.stop()}}),_callee)})));return function loadSirv(n,i){return e.apply(this,arguments)}}(),S=function getMediaItem(e,n,i,t){var a,r=arguments.length>5?arguments[5]:void 0,o=!!(arguments.length>4&&void 0!==arguments[4]?arguments[4]:[]).find((function(n){return e.url.includes(n)})),s=j(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var d=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(d.searchParams.append("scale.option","noup"),d.searchParams.append("w","3000")),o?(0,b.jsx)("div",{"data-src":d.toString(),id:"main3dImage","data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,children:s},d.toString()):(d.searchParams.append("crop.type","trim"),d.searchParams.append("crop.pad.x","10%"),d.searchParams.append("crop.pad.y","10%"),(0,b.jsx)("img",{"data-src":d.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:s},d.toString()))}catch(e){return(0,b.jsx)("div",{children:"Invalid Url"})}case"AR":return(0,b.jsxs)("div",{"data-swipe-disabled":!0,children:[(0,b.jsx)(N.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:r?r+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),s]},n)}return(0,b.jsx)(b.Fragment,{})},j=function getThumb(e){var n=e.thumb;return"string"==typeof n?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:n},n)}):I().isValidElement(n)?(0,b.jsx)("smv-thumbnail",{children:n}):"AR"===e.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:C.zI})}):void 0};const f=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,l=e.defaultDataOptions,g=e.currentItem,c=void 0===g?0:g,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=(0,d.useMemo)((function(){return(0,s.tZ)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.A)(D,2),p=v[0],x=v[1],w=(0,s.Bd)().t,h=o,y=(0,s.pi)(),N=y.state,j=N.dimensions,f=j.isPortrait,L=j.isMobile,k=j.isTablet,E=j.height,O=j.width,U=N.apiConfig,R=U.baseSirvUrls,P=U.arViewerBaseUrl,Y=y.handler.mediaHandler;(0,d.useEffect)((function(){x(n)}),[n]),(0,d.useEffect)((function(){u||i.e(546).then(i.bind(i,1546))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==p?void 0:p.map((function(e){return e._id})))&&void 0!==e?e:[])&&Y.getMediaByIds(t).then((function(e){x(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&f&&O<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.eH,e.appendChild(n)}}},H=function onSpinReady(e){null==m||m(e.index);var n=null==p?void 0:p[e.index];void 0!==e.index&&n&&A.successTransaction("ON_SHOW_MEDIA",{functionType:n.functionType,mediaType:n.mediaType,mediaName:n.name,url:n.url})},Z=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",H),e.on("viewer:fullscreenIn",Q)};(0,d.useEffect)((function(){var e=window;return A.startTransaction({event:"onShowMedia",message:"Show Media ".concat(p),eventId:"ON_SHOW_MEDIA"}),e.Sirv?Z():z("zoom, spin, video",p).then((function(){Z(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var B=l;return void 0!==c&&(B+=";slide.first:"+c),!f&&L&&I&&E<500&&(B+=I),w("sirv.zoom.hint.text.click","")&&(B+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(B+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(B+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(B+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:h,className:T()(C.qn,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":B,children:null==p?void 0:p.map((function(e,n){return S(e,n,c,L&&!k,R,P)}))},h)}},5622:(e,n,i)=>{i.d(n,{Ay:()=>A,DU:()=>u,JB:()=>M,L$:()=>m,j3:()=>c});var t=i(8634),a=i.n(t),r=i(2083),o=i.n(r),s=i(1946),d=i.n(s),I=new URL(i(4091),i.b),l=o()(a()),g=d()(I);l.push([e.id,`.index-module--aCm9Y {\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.index-module--xiYqj {\n width: 80px;\n height: 80px;\n}\n\n.index-module--tDj6i {\n position: absolute;\n cursor: pointer;\n top: 7px;\n right: 7px;\n width: 12px;\n height: 12px;\n background-image: url(${g});\n background-repeat: no-repeat;\n z-index: 1;\n}\n\n.index-module--vtOFS {\n width: 250px;\n height: 80px;\n word-wrap: break-word;\n font-family: var(--diva-typography-font-family);\n}\n`,""]);var c="index-module--aCm9Y",M="index-module--xiYqj",m="index-module--tDj6i",u="index-module--vtOFS";const A=l},5715:(e,n,i)=>{i.d(n,{Ay:()=>p,eH:()=>v,qn:()=>A,zI:()=>D});var t=i(8634),a=i.n(t),r=i(2083),o=i.n(r),s=i(1946),d=i.n(s),I=new URL(i(6835),i.b),l=new URL(i(8892),i.b),g=new URL(i(8702),i.b),c=o()(a()),M=d()(I),m=d()(l),u=d()(g);c.push([e.id,`.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-image: url(${M}) !important;\n mask-image: url(${M}) !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.index-module--SURNO .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.index-module--MUCjv {\n height: 100%;\n width: 100%;\n background-size: contain;\n background-position: center;\n width: 70px;\n height: 70px;\n background-image: url(${m});\n}\n\n.index-module--KcJr3 {\n position: absolute;\n top: 0;\n left: 0;\n width: 30px;\n height: 30px;\n background: center / contain no-repeat url(${u});\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`,""]);var A="index-module--SURNO",D="index-module--MUCjv",v="index-module--KcJr3";const p=c},8892:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6835:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},8702:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},4091:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);