@crystaldesign/media-upload 24.13.0-beta.2 → 24.13.0-beta.21
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/cjs/index.js +446 -178
- package/build/esm/index.js +446 -178
- package/build/types/media-upload/src/DivaFile.d.ts +11 -2
- package/build/types/media-upload/src/DivaFile.d.ts.map +1 -1
- package/build/types/media-upload/src/index.d.ts.map +1 -1
- package/build/types/media-upload/src/types.d.ts +4 -2
- package/build/types/media-upload/src/types.d.ts.map +1 -1
- package/build/umd/266.media-upload.umd.min.js +1 -1
- package/build/umd/721.media-upload.umd.min.js +5 -5
- package/build/umd/944.media-upload.umd.min.js +1 -1
- package/build/umd/media-upload.umd.min.js +1 -1
- package/build/umd/report.html +4 -5
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FunctionType, IDivaFile, MediaType, UploadConfig, UploadParams } from './types';
|
|
1
|
+
import { FunctionType, IDivaFile, MediaItem, MediaItemRef, MediaType, UploadConfig, UploadParams } from './types';
|
|
2
2
|
import { FileObject } from 'material-ui-dropzone';
|
|
3
3
|
export declare class DivaFile implements IDivaFile {
|
|
4
4
|
private config;
|
|
@@ -26,6 +26,10 @@ export declare class DivaFile implements IDivaFile {
|
|
|
26
26
|
set description(description: string | undefined);
|
|
27
27
|
get description(): string | undefined;
|
|
28
28
|
get borderPercentage(): number | undefined;
|
|
29
|
+
setMediaItemAndRef({ item, ref }: {
|
|
30
|
+
item: MediaItem;
|
|
31
|
+
ref: MediaItemRef;
|
|
32
|
+
}): void;
|
|
29
33
|
set borderPercentage(borderPercentage: number | undefined);
|
|
30
34
|
set fileName(fileName: string);
|
|
31
35
|
get fileName(): string;
|
|
@@ -38,11 +42,16 @@ export declare class DivaFile implements IDivaFile {
|
|
|
38
42
|
get state(): "SAVED" | "CHANGED" | "NEW";
|
|
39
43
|
get ref(): string | undefined;
|
|
40
44
|
get mediaType(): MediaType | undefined;
|
|
41
|
-
save(params?: UploadParams): Promise<
|
|
45
|
+
save(params?: UploadParams): Promise<string[]>;
|
|
42
46
|
load(params?: UploadParams): Promise<void>;
|
|
47
|
+
loadMany(params: UploadParams): Promise<{
|
|
48
|
+
mediaItem: MediaItem;
|
|
49
|
+
refs: MediaItemRef[];
|
|
50
|
+
}>;
|
|
43
51
|
clone(): DivaFile;
|
|
44
52
|
private getMediaItem;
|
|
45
53
|
private getMediaItemRef;
|
|
54
|
+
private getMediaItemRefs;
|
|
46
55
|
private getMediaTypeFromFile;
|
|
47
56
|
private getDefaultFunctionType;
|
|
48
57
|
private isExternalVid;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DivaFile.d.ts","sourceRoot":"","sources":["../../../../src/DivaFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"DivaFile.d.ts","sourceRoot":"","sources":["../../../../src/DivaFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAClH,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,qBAAa,QAAS,YAAW,SAAS;IAsBtC,OAAO,CAAC,MAAM;IAEd,OAAO,CAAC,SAAS;IAvBnB,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;IA2C1E,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,IAqBmB,MAAM,GAAG,SAAS,CAnBxD;IAEM,kBAAkB,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,GAAG,EAAE,YAAY,CAAA;KAAE;IAiB/E,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,MAAM,EAAE,CAAC;IAqN9C,IAAI,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IA+B1C,QAAQ,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAAC;QAAE,SAAS,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,YAAY,EAAE,CAAA;KAAE,CAAC;IAe7F,KAAK,IAAI,QAAQ;YAIH,YAAY;YAsBZ,eAAe;YAsBf,gBAAgB;IAqB9B,OAAO,CAAC,oBAAoB;IA+B5B,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,aAAa;CAGtB"}
|
|
@@ -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,
|
|
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,qBAkSnB;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,6 +1,6 @@
|
|
|
1
1
|
import { FileObject } from 'material-ui-dropzone';
|
|
2
2
|
export type MediaType = 'PCT' | 'PDF' | 'AR' | 'SPIN' | 'VID' | 'SVG' | 'RDL';
|
|
3
|
-
export type FunctionType = 'SHO' | 'P2D' | 'P3D' | 'INF' | 'OPV' | 'LOG' | 'PROD';
|
|
3
|
+
export type FunctionType = 'SHO' | 'P2D' | 'P3D' | 'INF' | 'OPV' | 'LOG' | 'PROD' | 'ART';
|
|
4
4
|
export interface IDivaFile {
|
|
5
5
|
organizationId?: string;
|
|
6
6
|
functionType?: FunctionType;
|
|
@@ -13,13 +13,15 @@ export interface IDivaFile {
|
|
|
13
13
|
position?: number;
|
|
14
14
|
fileName: string;
|
|
15
15
|
ref?: string;
|
|
16
|
-
save?: (args: UploadParams) => Promise<
|
|
16
|
+
save?: (args: UploadParams) => Promise<string[]>;
|
|
17
17
|
clone: () => IDivaFile;
|
|
18
18
|
readonly fileObject?: FileObject;
|
|
19
19
|
state: 'SAVED' | 'CHANGED' | 'NEW';
|
|
20
20
|
}
|
|
21
21
|
export interface UploadParams {
|
|
22
22
|
organizationId?: string;
|
|
23
|
+
refCount?: number;
|
|
24
|
+
refIds?: string[];
|
|
23
25
|
}
|
|
24
26
|
export interface MediaItemRef {
|
|
25
27
|
_id: string;
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 266.media-upload.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignMediaUpload=self.webpackChunkCrystaldesignMediaUpload||[]).push([[266,28],{6028:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(4988),a=i(7363),r=i(9319),o=i(3379),s=i.n(o),d=i(7795),I=i.n(d),l=i(569),g=i.n(l),c=i(3565),M=i.n(c),m=i(9216),u=i.n(m),A=i(4589),D=i.n(A),v=i(8195),p={};p.styleTagTransform=D(),p.setAttributes=M(),p.insert=g().bind(null,"head"),p.domAPI=I(),p.insertStyleElement=u();s()(v.ZP,p);v.ZP&&v.ZP.locals&&v.ZP.locals;var x=i(2182),w=i(7514);window.customElements.get("model-viewer")||i.e(721).then(i.bind(i,7721));const h=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.Vr)().state,A=u.isFirefox,D=u.isMobile,p=(0,r.$G)().t,h=(0,a.useState)(0),C=(0,t.Z)(h,2),N=C[0],T=C[1],y=(0,a.useState)(!D),b=(0,t.Z)(y,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.GY,children:[(0,w.jsx)(x.ZP,{value:I,className:v.Vf}),(0,w.jsx)("div",{className:v.ze,children:p("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.zJ,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[N].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[N].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[N].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[N].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[N].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":A?"":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)}))})]})}},6266:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(4658),a=i(4988),r=i(747),o=i.n(r),s=i(9319),d=i(7363),I=i.n(d),l=i(3379),g=i.n(l),c=i(7795),M=i.n(c),m=i(569),u=i.n(m),A=i(3565),D=i.n(A),v=i(9216),p=i.n(v),x=i(4589),w=i.n(x),h=i(8727),C={};C.styleTagTransform=w(),C.setAttributes=D(),C.insert=u().bind(null,"head"),C.domAPI=M(),C.insertStyleElement=p();g()(h.ZP,C);h.ZP&&h.ZP.locals&&h.ZP.locals;var N=i(5515),T=i.n(N),y=i(6028),b=i(7514),z=function(){var e=(0,t.Z)(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=f(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?(d.searchParams.append("crop.type","trim"),d.searchParams.append("crop.pad.x","10%"),d.searchParams.append("crop.pad.y","10%"),(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())):(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)(y.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,{})},f=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:h.fW})}):void 0};const j=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.jl)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.Z)(D,2),p=v[0],x=v[1],w=(0,s.$G)().t,C=o,N=(0,s.Vr)(),y=N.state,f=y.dimensions,j=f.isPortrait,L=f.isMobile,k=f.isTablet,E=f.height,O=f.width,P=y.apiConfig,Z=P.baseSirvUrls,U=P.arViewerBaseUrl,R=N.handler.mediaHandler;(0,d.useEffect)((function(){x(n)}),[n]),(0,d.useEffect)((function(){u||i.e(145).then(i.bind(i,4145))}),[]),(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:[])&&R.getMediaByIds(t).then((function(e){x(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&j&&O<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=h.AH,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})},Y=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?Y():z("zoom, spin, video",p).then((function(){Y(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var V=l;return void 0!==c&&(V+=";slide.first:"+c),!j&&L&&I&&E<500&&(V+=I),w("sirv.zoom.hint.text.click","")&&(V+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(V+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(V+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(V+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:C,className:T()(h.QH,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":V,children:null==p?void 0:p.map((function(e,n){return S(e,n,c,L&&!k,Z,U)}))},C)}},8195:(e,n,i)=>{i.d(n,{GY:()=>c,Vf:()=>M,ZP:()=>A,zJ:()=>m,ze:()=>u});var t=i(8081),a=i.n(t),r=i(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(140),i.b),l=o()(a()),g=d()(I);l.push([e.id,".index-module--PD1WN {\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--AWoJQ {\n width: 80px;\n height: 80px;\n}\n\n.index-module--sIl1Z {\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--NiigZ {\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--PD1WN",M="index-module--AWoJQ",m="index-module--sIl1Z",u="index-module--NiigZ";const A=l},8727:(e,n,i)=>{i.d(n,{AH:()=>v,QH:()=>A,ZP:()=>p,fW:()=>D});var t=i(8081),a=i.n(t),r=i(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(6354),i.b),l=new URL(i(8132),i.b),g=new URL(i(4336),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--RsTal .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--JiNAH {\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--_m700 {\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--RsTal",D="index-module--JiNAH",v="index-module--_m700";const p=c},8132:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6354:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},4336:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},140:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignMediaUpload=self.webpackChunkCrystaldesignMediaUpload||[]).push([[266,28],{6028:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(4988),a=i(7363),r=i(9319),o=i(3379),s=i.n(o),d=i(7795),I=i.n(d),l=i(569),g=i.n(l),c=i(3565),M=i.n(c),m=i(9216),u=i.n(m),A=i(4589),D=i.n(A),v=i(8195),p={};p.styleTagTransform=D(),p.setAttributes=M(),p.insert=g().bind(null,"head"),p.domAPI=I(),p.insertStyleElement=u();s()(v.ZP,p);v.ZP&&v.ZP.locals&&v.ZP.locals;var x=i(2182),w=i(7514);window.customElements.get("model-viewer")||i.e(721).then(i.bind(i,7721));const h=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.Vr)().state,A=u.isFirefox,D=u.isMobile,p=(0,r.$G)().t,h=(0,a.useState)(0),C=(0,t.Z)(h,2),N=C[0],T=C[1],y=(0,a.useState)(!D),b=(0,t.Z)(y,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.GY,children:[(0,w.jsx)(x.ZP,{value:I,className:v.Vf}),(0,w.jsx)("div",{className:v.ze,children:p("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.zJ,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[N].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[N].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[N].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[N].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[N].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":A?"":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)}))})]})}},6266:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(4658),a=i(4988),r=i(747),o=i.n(r),s=i(9319),d=i(7363),I=i.n(d),l=i(3379),g=i.n(l),c=i(7795),M=i.n(c),m=i(569),u=i.n(m),A=i(3565),D=i.n(A),v=i(9216),p=i.n(v),x=i(4589),w=i.n(x),h=i(8727),C={};C.styleTagTransform=w(),C.setAttributes=D(),C.insert=u().bind(null,"head"),C.domAPI=M(),C.insertStyleElement=p();g()(h.ZP,C);h.ZP&&h.ZP.locals&&h.ZP.locals;var N=i(5515),T=i.n(N),y=i(6028),b=i(7514),z=function(){var e=(0,t.Z)(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>4&&void 0!==arguments[4]?arguments[4]:[],o=arguments.length>5?arguments[5]:void 0,s=!!r.find((function(n){return e.url.includes(n)})),d=f(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var I=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(I.searchParams.append("scale.option","noup"),I.searchParams.append("w","3000")),s?(I.searchParams.append("crop.type","trim"),I.searchParams.append("crop.pad.x","10%"),I.searchParams.append("crop.pad.y","10%"),(0,b.jsx)("div",{"data-src":I.toString(),id:"main3dImage","data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,children:d},I.toString())):(0,b.jsx)("img",{"data-src":I.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:d},I.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)(y.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:o?o+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),d]},n)}return(0,b.jsx)(b.Fragment,{})},f=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:h.fW})}):void 0};const j=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.jl)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.Z)(D,2),p=v[0],x=v[1],w=(0,s.$G)().t,C=o,N=(0,s.Vr)(),y=N.state,f=y.dimensions,j=f.isPortrait,L=f.isMobile,k=f.isTablet,E=f.height,O=f.width,P=y.apiConfig,Z=P.baseSirvUrls,U=P.arViewerBaseUrl,R=N.handler.mediaHandler;(0,d.useEffect)((function(){x(n)}),[n]),(0,d.useEffect)((function(){u||i.e(145).then(i.bind(i,4145))}),[]),(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:[])&&R.getMediaByIds(t).then((function(e){x(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&j&&O<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=h.AH,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})},Y=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?Y():z("zoom, spin, video",p).then((function(){Y(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var V=l;return void 0!==c&&(V+=";slide.first:"+c),!j&&L&&I&&E<500&&(V+=I),w("sirv.zoom.hint.text.click","")&&(V+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(V+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(V+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(V+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:C,className:T()(h.QH,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":V,children:null==p?void 0:p.map((function(e,n){return S(e,n,c,L&&!k,Z,U)}))},C)}},8195:(e,n,i)=>{i.d(n,{GY:()=>c,Vf:()=>M,ZP:()=>A,zJ:()=>m,ze:()=>u});var t=i(8081),a=i.n(t),r=i(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(140),i.b),l=o()(a()),g=d()(I);l.push([e.id,".index-module--PD1WN {\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--AWoJQ {\n width: 80px;\n height: 80px;\n}\n\n.index-module--sIl1Z {\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--NiigZ {\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--PD1WN",M="index-module--AWoJQ",m="index-module--sIl1Z",u="index-module--NiigZ";const A=l},8727:(e,n,i)=>{i.d(n,{AH:()=>v,QH:()=>A,ZP:()=>p,fW:()=>D});var t=i(8081),a=i.n(t),r=i(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(6354),i.b),l=new URL(i(8132),i.b),g=new URL(i(4336),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--RsTal .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--JiNAH {\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--_m700 {\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--RsTal",D="index-module--JiNAH",v="index-module--_m700";const p=c},8132:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6354:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},4336:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},140:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
|