@story-telling-reporter/react-embed-code-generator/dist/react-three-story-controls.js

## Installation `yarn install`

/*! For license information please see react-three-story-controls.js.LICENSE.txt */
"use strict";(self.webpackChunk_story_telling_reporter_react_embed_code_generator=self.webpackChunk_story_telling_reporter_react_embed_code_generator||[]).push([[666],{2962:(t,e,n)=>{n.r(e),n.d(e,{ScrollableThreeModel:()=>le});var r,o,a,i,c,u=n(4041),l=n(2784),s=n.n(l),f=n(9716),d=f.default.default||f.default,h=n(5062),p=n(2532),m=n(8979),g=n.n(m),v=n(9224),y=1024,w=1440,b={mobileOnly:"@media (max-width: ".concat(767,"px)"),tabletOnly:"@media (min-width: ".concat(768,"px) and (max-width: ").concat(1023,"px)"),tabletAbove:"@media (min-width: ".concat(768,"px)"),desktopBelow:"@media (max-width: ".concat(1023,"px)"),desktopOnly:"@media (min-width: ".concat(y,"px) and (max-width: ").concat(1439,"px)"),desktopAbove:"@media (min-width: ".concat(y,"px)"),hdBelow:"@media (max-width: ".concat(1439,"px)"),hdOnly:"@media (min-width: ".concat(w,"px)")};function x(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var E,O,k="\n  .text-align-center {\n    text-align: center;\n  }\n\n  .text-align-right {\n    text-align: right;\n  }\n",j=d.div(r||(r=x(["\n  width: 100%;\n  padding: 0 16px;\n  margin-bottom: 16px;\n\n  &:last-child {\n    margin-bottom: 0px;\n  }\n\n  font-size: 16px;\n  line-height: 1.75;\n  color: ",";\n\n  /* clear default margin */\n  blockquote {\n    margin: 0;\n  }\n"])),(function(t){return t.theme.darkMode?"#e2e2e2":"#808080"})),S=d.div(o||(o=x(["\n  width: 100%;\n  margin-bottom: 16px;\n  &:last-child {\n    margin-bottom: 0px;\n  }\n\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.75;\n  letter-spacing: 0.6px;\n  color: ",";\n\n  > div[data-block='true']:not(:last-child) {\n    margin-bottom: 16px;\n  }\n\n  ","\n"])),(function(t){return t.theme.darkMode?"#fff":"#404040"}),k),P=d.div(a||(a=x(["\n  width: 100%;\n  margin-bottom: 16px;\n  &:last-child {\n    margin-bottom: 0px;\n  }\n\n  font-weight: 700;\n  line-height: 1.25;\n  color: ",";\n\n  h2 {\n    font-size: 30px;\n    /* clear default styles */\n    margin: 0;\n  }\n\n  h3 {\n    font-size: 24px;\n    /* clear default styles */\n    margin: 0;\n  }\n\n  "," {\n    h2 {\n      font-size: 26px;\n    }\n    h3 {\n      font-size: 22px;\n    }\n  }\n\n  ","\n"])),(function(t){return t.theme.darkMode?"#fff":"#404040"}),b.mobileOnly,k),_=d.ol(i||(i=x(["\n  width: 100%;\n  margin: 0 0 16px 0;\n  &:last-child {\n    margin-bottom: 0px;\n  }\n  padding: 0 0 0 24px;\n\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.75;\n  letter-spacing: 0.6px;\n  color: ",";\n\n  > li {\n    /* clear default styles */\n    margin: 0;\n    padding: 0;\n  }\n"])),(function(t){return t.theme.darkMode?"#fff":"#404040"})),A=d.div(c||(c=x(["\n  /* reset browser default styles */\n  > figure {\n    margin: 0;\n  }\n\n  margin-bottom: 16px;\n\n  &:last-child {\n    margin-bottom: 0px;\n  }\n"]))),M=g().Map({atomic:{element:"figure",wrapper:u.createElement(A,null)},blockquote:{element:"blockquote",wrapper:u.createElement(j,{className:"draft-blockquote"})},"header-two":{element:"h2",wrapper:u.createElement(P,{className:"draft-header-two"})},"header-three":{element:"h3",wrapper:u.createElement(P,{className:"draft-header-three"})},"ordered-list-item":{element:"li",wrapper:u.createElement(_,{className:"draft-ordered-list"})},"unordered-list-item":{element:"li",wrapper:u.createElement(_,{className:"draft-unordered-list",as:"ul"})},unstyled:{element:"div",wrapper:u.createElement(S,{className:"draft-paragraph"})}}),z=v.DefaultDraftBlockRenderMap.merge(M),N=g().Map({atomic:{element:"figure",wrapper:u.createElement(A,null)},"ordered-list-item":{element:"li",wrapper:u.createElement(_,null)},"unordered-list-item":{element:"li",wrapper:u.createElement(_,{as:"ul"})},unstyled:{element:"div",wrapper:u.createElement(S,null)}}),C=v.DefaultDraftBlockRenderMap.merge(N),F=function(t){var e="",n=t.getData().get("textAlign");return"right"===n?e+="text-align-right":"center"===n&&(e+="text-align-center"),e};function D(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var T,I,R,G=d.div(E||(E=D(["\n  position: relative;\n  white-space: normal;\n  /* styles for image link */\n  img.img-responsive {\n    margin: 0 auto;\n    max-width: 100%;\n    height: auto;\n    display: block;\n  }\n"]))),B=d.div(O||(O=D(["\n  font-size: 14px;\n  line-height: 1.43;\n  letter-spacing: 0.4px;\n  color: #808080;\n  padding: 15px 15px 0 15px;\n"])));function W(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var H,L,q,$=d.figure(T||(T=W(["\n  /* clear browser default styles */\n  margin: 0;\n\n  width: 100%;\n"]))),K=d.figcaption(I||(I=W(["\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 150%;\n  color: ",";\n\n  /* clear browser default styles */\n  margin: 8px 0 0 0;\n"])),(function(t){return t.theme.darkMode?"#f1f1f1":"#666"})),U=d.img(R||(R=W(["\n  width: 100%;\n"])));function Y(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var X,Z,J,Q=d.figure(H||(H=Y(["\n  /* clear browser default styles */\n  margin: 0;\n\n  width: 100%;\n"]))),V=d.figcaption(L||(L=Y(["\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 150%;\n  color: ",";\n\n  /* clear browser default styles */\n  margin: 8px 0 0 0;\n"])),(function(t){return t.theme.darkMode?"#f1f1f1":"#666"})),tt=d.img(q||(q=Y(["\n  width: 100%;\n"]))),et=function(t){var e,n,r,o,a,i,c,l,s=t.contentState.getEntity(t.block.getEntityAt(0)),f=s.getType(),d=s.getData();switch(f){case"IMAGE":return n=(e={data:d}).className,r=void 0===n?"":n,o=e.data||{},a=o.desc,i=o.imageFile,c=o.resized,l=[],null!=c&&c.small&&l.push("".concat(c.small," 800w")),null!=c&&c.medium&&l.push("".concat(c.medium," 1200w")),u.createElement($,{className:r},u.createElement(U,{alt:a,src:null==i?void 0:i.url,srcSet:l.join(","),sizes:"(min-width: 768px) 700px, 75vw"}),a&&u.createElement(K,{className:"draft-image-desc"},a));case"IMAGE_LINK":return function(t){var e=t.className,n=void 0===e?"":e,r=t.data||{},o=r.desc,a=r.url;return u.createElement(Q,{className:n},u.createElement(tt,{alt:o,src:a}),o&&u.createElement(V,{className:"draft-image-desc"},o))}({data:d});case"EMBEDDEDCODE":return function(t){var e=t.className,n=t.data,r=n.caption,o=n.embeddedCode,a=(0,u.useRef)(null);return(0,u.useEffect)((function(){if(a.current){var t=a.current,e=document.createDocumentFragment(),n=(new DOMParser).parseFromString('<div id="draft-embed">'.concat(o,"</div>"),"text/html"),r=n.querySelectorAll("script");n.querySelectorAll("div#draft-embed > :not(script)").forEach((function(t){e.appendChild(t)})),r.forEach((function(t){for(var n=document.createElement("script"),r=t.attributes,o=0;o<r.length;o++)n.setAttribute(r[o].name,r[o].value);n.text=t.text||"",e.appendChild(n)})),t.appendChild(e)}}),[o]),u.createElement("div",{className:e},u.createElement("input",{hidden:!0,disabled:!0}),u.createElement(G,{ref:a}),r&&u.createElement(B,null,r))}({data:d})}return null},nt="BACKGROUND_COLOR_",rt="FONT_COLOR_",ot=function(t){return t.reduce((function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1?arguments[1]:void 0;return null!=e&&e.startsWith(nt)&&(t.backgroundColor=e.split(nt)[1]),null!=e&&e.startsWith(rt)&&(t.color=e.split(rt)[1]),t}),{})};function at(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function it(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var ct,ut,lt,st=d.span(X||(X=it(["\n  display: inline;\n  cursor: pointer;\n  color: ",";\n"])),(function(t){return t.theme.darkMode?"#F0D5BE":"#9F7544"})),ft=d.div(Z||(Z=it(["\n  border-style: solid;\n  border-color: #c09662;\n  border-width: 2px 0;\n  background-color: ",";\n  margin-bottom: 8px;\n  padding: 24px 16px 24px 16px;\n"])),(function(t){return t.theme.darkMode?"rgba(0, 0, 0, 0.5)":"rgba(255, 255, 255, 0.5)"})),dt=d.span(J||(J=it(["\n  margin-left: 2px;\n  margin-right: 2px;\n  display: inline-block;\n  vertical-align: middle;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  border-width: 1px;\n  border-style: solid;\n  position: relative;\n  top: -1px;\n\n  &::before {\n    background-color: ",";\n    content: '';\n    width: 2px;\n    height: 6.5px;\n    top: 5px;\n    right: 5px;\n    transform: ",";\n    display: block;\n    position: absolute;\n    transition: transform 200ms ease 0s;\n  }\n\n  &::after {\n    background-color: ",";\n    content: '';\n    width: 2px;\n    height: 6.5px;\n    top: 5px;\n    left: 5px;\n    transform: ",";\n    display: block;\n    position: absolute;\n    transition: transform 200ms ease 0s;\n  }\n"])),(function(t){return t.theme.darkMode?"#F0D5BE":"#9F7544"}),(function(t){return t.$showContent?"rotate(-45deg)":"rotate(45deg)"}),(function(t){return t.theme.darkMode?"#F0D5BE":"#9F7544"}),(function(t){return t.$showContent?"rotate(45deg)":"rotate(-45deg)"})),ht={strategy:function(t,e,n){t.findEntityRanges((function(t){var e=t.getEntity();return null!==e&&"ANNOTATION"===n.getEntity(e).getType()}),e)},component:function(t){var e=t.children,n=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,a,i,c=[],u=!0,l=!1;try{if(a=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(c.push(r.value),c.length!==e);u=!0);}catch(t){l=!0,o=t}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(l)throw o}}return c}}(t,e)||function(t,e){if(t){if("string"==typeof t)return at(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?at(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((0,u.useState)(!1),2),r=n[0],o=n[1],a=t.contentState.getEntity(t.entityKey).getData().rawContentState,i=(0,v.convertFromRaw)(a),c=v.EditorState.createWithContent(i,gt);return u.createElement(u.Fragment,null,u.createElement(st,{className:"annotation-wrapper",onClick:function(t){t.preventDefault(),o(!r)}},u.createElement("span",{className:"annotation-title"},e),u.createElement(dt,{className:"arrow",$showContent:r})),r?u.createElement(ft,{className:"annotation-body"},u.createElement(v.Editor,{editorState:c,blockRenderMap:C,readOnly:!0,onChange:function(){}})):null)}},pt=d.a(ct||(ut=["\n  &:link,\n  &:visited,\n  &:active {\n    color: ",";\n    text-decoration: none;\n  }\n"],lt||(lt=ut.slice(0)),ct=Object.freeze(Object.defineProperties(ut,{raw:{value:Object.freeze(lt)}}))),(function(t){return t.theme.darkMode?"#F0D5BE":"#9f7544"})),mt={strategy:function(t,e,n){t.findEntityRanges((function(t){var e=t.getEntity();return null!==e&&"LINK"===n.getEntity(e).getType()}),e)},component:function(t){var e=t.contentState.getEntity(t.entityKey).getData().url;return u.createElement(pt,{href:e,target:"_blank",className:"draft-link"},t.children)}},gt=new v.CompositeDecorator([ht,mt]),vt=function(t){var e=function(t){return"atomic"===t.getType()?{component:et,editable:!1}:null}(t);return e};function yt(t){var e=t.darkMode,n=t.rawContentState,r=n.blocks.filter((function(t){return"unstyled"!==t.type||""!==t.text})),o=(0,v.convertFromRaw)({blocks:r,entityMap:n.entityMap}),a=v.EditorState.createWithContent(o,gt);return u.createElement(f.ThemeProvider,{theme:{darkMode:e}},u.createElement(v.Editor,{editorState:a,blockRenderMap:z,blockRendererFn:vt,blockStyleFn:F,customStyleFn:ot,readOnly:!0,onChange:function(){}}))}var wt=n(1756),bt=n(9511);function xt(t){return xt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},xt(t)}function Et(){Et=function(){return e};var t,e={},n=Object.prototype,r=n.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},a=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function u(t,e,n,r){return Object.defineProperty(t,e,{value:n,enumerable:!r,configurable:!r,writable:!r})}try{u({},"")}catch(t){u=function(t,e,n){return t[e]=n}}function l(e,n,r,o){var a=n&&n.prototype instanceof d?n:d,i=Object.create(a.prototype);return u(i,"_invoke",function(e,n,r){var o=1;return function(a,i){if(3===o)throw Error("Generator is already running");if(4===o){if("throw"===a)throw i;return{value:t,done:!0}}for(r.method=a,r.arg=i;;){var c=r.delegate;if(c){var u=x(c,r);if(u){if(u===f)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(1===o)throw o=4,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);o=3;var l=s(e,n,r);if("normal"===l.type){if(o=r.done?4:2,l.arg===f)continue;return{value:l.arg,done:r.done}}"throw"===l.type&&(o=4,r.method="throw",r.arg=l.arg)}}}(e,r,new k(o||[])),!0),i}function s(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}e.wrap=l;var f={};function d(){}function h(){}function p(){}var m={};u(m,a,(function(){return this}));var g=Object.getPrototypeOf,v=g&&g(g(j([])));v&&v!==n&&r.call(v,a)&&(m=v);var y=p.prototype=d.prototype=Object.create(m);function w(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function b(t,e){function n(o,a,i,c){var u=s(t[o],t,a);if("throw"!==u.type){var l=u.arg,f=l.value;return f&&"object"==xt(f)&&r.call(f,"__await")?e.resolve(f.__await).then((function(t){n("next",t,i,c)}),(function(t){n("throw",t,i,c)})):e.resolve(f).then((function(t){l.value=t,i(l)}),(function(t){return n("throw",t,i,c)}))}c(u.arg)}var o;u(this,"_invoke",(function(t,r){function a(){return new e((function(e,o){n(t,r,e,o)}))}return o=o?o.then(a,a):a()}),!0)}function x(e,n){var r=n.method,o=e.i[r];if(o===t)return n.delegate=null,"throw"===r&&e.i.return&&(n.method="return",n.arg=t,x(e,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),f;var a=s(o,e.i,n.arg);if("throw"===a.type)return n.method="throw",n.arg=a.arg,n.delegate=null,f;var i=a.arg;return i?i.done?(n[e.r]=i.value,n.next=e.n,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,f):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,f)}function E(t){this.tryEntries.push(t)}function O(e){var n=e[4]||{};n.type="normal",n.arg=t,e[4]=n}function k(t){this.tryEntries=[[-1]],t.forEach(E,this),this.reset(!0)}function j(e){if(null!=e){var n=e[a];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function n(){for(;++o<e.length;)if(r.call(e,o))return n.value=e[o],n.done=!1,n;return n.value=t,n.done=!0,n};return i.next=i}}throw new TypeError(xt(e)+" is not iterable")}return h.prototype=p,u(y,"constructor",p),u(p,"constructor",h),h.displayName=u(p,c,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,u(t,c,"GeneratorFunction")),t.prototype=Object.create(y),t},e.awrap=function(t){return{__await:t}},w(b.prototype),u(b.prototype,i,(function(){return this})),e.AsyncIterator=b,e.async=function(t,n,r,o,a){void 0===a&&(a=Promise);var i=new b(l(t,n,r,o),a);return e.isGeneratorFunction(n)?i:i.next().then((function(t){return t.done?t.value:i.next()}))},w(y),u(y,c,"Generator"),u(y,a,(function(){return this})),u(y,"toString",(function(){return"[object Generator]"})),e.keys=function(t){var e=Object(t),n=[];for(var r in e)n.unshift(r);return function t(){for(;n.length;)if((r=n.pop())in e)return t.value=r,t.done=!1,t;return t.done=!0,t}},e.values=j,k.prototype={constructor:k,reset:function(e){if(this.prev=this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(O),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var t=this.tryEntries[0][4];if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function r(t){i.type="throw",i.arg=e,n.next=t}for(var o=n.tryEntries.length-1;o>=0;--o){var a=this.tryEntries[o],i=a[4],c=this.prev,u=a[1],l=a[2];if(-1===a[0])return r("end"),!1;if(!u&&!l)throw Error("try statement without catch or finally");if(null!=a[0]&&a[0]<=c){if(c<u)return this.method="next",this.arg=t,r(u),!0;if(c<l)return r(l),!1}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r[0]>-1&&r[0]<=this.prev&&this.prev<r[2]){var o=r;break}}o&&("break"===t||"continue"===t)&&o[0]<=e&&e<=o[2]&&(o=null);var a=o?o[4]:{};return a.type=t,a.arg=e,o?(this.method="next",this.next=o[2],f):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),f},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n[2]===t)return this.complete(n[4],n[3]),O(n),f}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n[0]===t){var r=n[4];if("throw"===r.type){var o=r.arg;O(n)}return o}}throw Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={i:j(e),r:n,n:r},"next"===this.method&&(this.arg=t),f}},e}function Ot(t,e,n,r,o,a,i){try{var c=t[a](i),u=c.value}catch(t){return void n(t)}c.done?e(u):Promise.resolve(u).then(r,o)}function kt(t){return function(){var e=this,n=arguments;return new Promise((function(r,o){var a=t.apply(e,n);function i(t){Ot(a,r,o,i,c,"next",t)}function c(t){Ot(a,r,o,i,c,"throw",t)}i(void 0)}))}}var jt=new(n(8087).Z);jt.setDecoderPath("https://cdn.jsdelivr.net/npm/three@0.165.0/examples/jsm/libs/draco/");var St=new bt.B;St.setDRACOLoader(jt);var Pt,_t,At,Mt=function(){var t=kt(Et().mark((function t(e){var n,r,o;return Et().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=0,t.prev=1,console.log("[react-three-story-controls]: load model content length. Model url is ".concat(e)),t.next=5,wt.A.head(e);case 5:if(!(r=t.sent).headers["content-length"]){t.next=9;break}return o=parseInt(r.headers["content-length"],10),t.abrupt("return",o);case 9:t.next=14;break;case 11:t.prev=11,t.t0=t.catch(1),console.log("[react-three-story-controls]: error to get gltf model file size. Error:",t.t0);case 14:return t.abrupt("return",n);case 15:case"end":return t.stop()}}),t,null,[[1,11]])})));return function(e){return t.apply(this,arguments)}}(),zt=function(){var t=kt(Et().mark((function t(e,n){var r,o;return Et().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return r=null,t.prev=1,console.log("[react-three-story-controls]: load model async. Model url is ".concat(e)),t.next=5,St.loadAsync(e,(function(t){null==n||n(t)}));case 5:return o=t.sent,t.abrupt("return",o);case 9:t.prev=9,t.t0=t.catch(1),console.log("[react-three-story-controls]: error to load gltf model. Error:",t.t0);case 12:return t.abrupt("return",r);case 13:case"end":return t.stop()}}),t,null,[[1,9]])})));return function(e,n){return t.apply(this,arguments)}}();function Nt(t){return Nt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Nt(t)}function Ct(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ft(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ct(Object(n),!0).forEach((function(e){Dt(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ct(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Dt(t,e,n){return(e=function(t){var e=function(t){if("object"!=Nt(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=Nt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Nt(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Tt(){Tt=function(){return e};var t,e={},n=Object.prototype,r=n.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},a=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function u(t,e,n,r){return Object.defineProperty(t,e,{value:n,enumerable:!r,configurable:!r,writable:!r})}try{u({},"")}catch(t){u=function(t,e,n){return t[e]=n}}function l(e,n,r,o){var a=n&&n.prototype instanceof d?n:d,i=Object.create(a.prototype);return u(i,"_invoke",function(e,n,r){var o=1;return function(a,i){if(3===o)throw Error("Generator is already running");if(4===o){if("throw"===a)throw i;return{value:t,done:!0}}for(r.method=a,r.arg=i;;){var c=r.delegate;if(c){var u=x(c,r);if(u){if(u===f)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(1===o)throw o=4,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);o=3;var l=s(e,n,r);if("normal"===l.type){if(o=r.done?4:2,l.arg===f)continue;return{value:l.arg,done:r.done}}"throw"===l.type&&(o=4,r.method="throw",r.arg=l.arg)}}}(e,r,new k(o||[])),!0),i}function s(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}e.wrap=l;var f={};function d(){}function h(){}function p(){}var m={};u(m,a,(function(){return this}));var g=Object.getPrototypeOf,v=g&&g(g(j([])));v&&v!==n&&r.call(v,a)&&(m=v);var y=p.prototype=d.prototype=Object.create(m);function w(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function b(t,e){function n(o,a,i,c){var u=s(t[o],t,a);if("throw"!==u.type){var l=u.arg,f=l.value;return f&&"object"==Nt(f)&&r.call(f,"__await")?e.resolve(f.__await).then((function(t){n("next",t,i,c)}),(function(t){n("throw",t,i,c)})):e.resolve(f).then((function(t){l.value=t,i(l)}),(function(t){return n("throw",t,i,c)}))}c(u.arg)}var o;u(this,"_invoke",(function(t,r){function a(){return new e((function(e,o){n(t,r,e,o)}))}return o=o?o.then(a,a):a()}),!0)}function x(e,n){var r=n.method,o=e.i[r];if(o===t)return n.delegate=null,"throw"===r&&e.i.return&&(n.method="return",n.arg=t,x(e,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),f;var a=s(o,e.i,n.arg);if("throw"===a.type)return n.method="throw",n.arg=a.arg,n.delegate=null,f;var i=a.arg;return i?i.done?(n[e.r]=i.value,n.next=e.n,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,f):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,f)}function E(t){this.tryEntries.push(t)}function O(e){var n=e[4]||{};n.type="normal",n.arg=t,e[4]=n}function k(t){this.tryEntries=[[-1]],t.forEach(E,this),this.reset(!0)}function j(e){if(null!=e){var n=e[a];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function n(){for(;++o<e.length;)if(r.call(e,o))return n.value=e[o],n.done=!1,n;return n.value=t,n.done=!0,n};return i.next=i}}throw new TypeError(Nt(e)+" is not iterable")}return h.prototype=p,u(y,"constructor",p),u(p,"constructor",h),h.displayName=u(p,c,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,u(t,c,"GeneratorFunction")),t.prototype=Object.create(y),t},e.awrap=function(t){return{__await:t}},w(b.prototype),u(b.prototype,i,(function(){return this})),e.AsyncIterator=b,e.async=function(t,n,r,o,a){void 0===a&&(a=Promise);var i=new b(l(t,n,r,o),a);return e.isGeneratorFunction(n)?i:i.next().then((function(t){return t.done?t.value:i.next()}))},w(y),u(y,c,"Generator"),u(y,a,(function(){return this})),u(y,"toString",(function(){return"[object Generator]"})),e.keys=function(t){var e=Object(t),n=[];for(var r in e)n.unshift(r);return function t(){for(;n.length;)if((r=n.pop())in e)return t.value=r,t.done=!1,t;return t.done=!0,t}},e.values=j,k.prototype={constructor:k,reset:function(e){if(this.prev=this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(O),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var t=this.tryEntries[0][4];if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function r(t){i.type="throw",i.arg=e,n.next=t}for(var o=n.tryEntries.length-1;o>=0;--o){var a=this.tryEntries[o],i=a[4],c=this.prev,u=a[1],l=a[2];if(-1===a[0])return r("end"),!1;if(!u&&!l)throw Error("try statement without catch or finally");if(null!=a[0]&&a[0]<=c){if(c<u)return this.method="next",this.arg=t,r(u),!0;if(c<l)return r(l),!1}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r[0]>-1&&r[0]<=this.prev&&this.prev<r[2]){var o=r;break}}o&&("break"===t||"continue"===t)&&o[0]<=e&&e<=o[2]&&(o=null);var a=o?o[4]:{};return a.type=t,a.arg=e,o?(this.method="next",this.next=o[2],f):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),f},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n[2]===t)return this.complete(n[4],n[3]),O(n),f}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n[0]===t){var r=n[4];if("throw"===r.type){var o=r.arg;O(n)}return o}}throw Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={i:j(e),r:n,n:r},"next"===this.method&&(this.arg=t),f}},e}function It(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=Wt(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,c=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return i=t.done,t},e:function(t){c=!0,a=t},f:function(){try{i||null==n.return||n.return()}finally{if(c)throw a}}}}function Rt(t,e,n,r,o,a,i){try{var c=t[a](i),u=c.value}catch(t){return void n(t)}c.done?e(u):Promise.resolve(u).then(r,o)}function Gt(t){return function(){var e=this,n=arguments;return new Promise((function(r,o){var a=t.apply(e,n);function i(t){Rt(a,r,o,i,c,"next",t)}function c(t){Rt(a,r,o,i,c,"throw",t)}i(void 0)}))}}function Bt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,a,i,c=[],u=!0,l=!1;try{if(a=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(c.push(r.value),c.length!==e);u=!0);}catch(t){l=!0,o=t}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(l)throw o}}return c}}(t,e)||Wt(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Wt(t,e){if(t){if("string"==typeof t)return Ht(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ht(t,e):void 0}}function Ht(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function Lt(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var qt,$t,Kt,Ut,Yt,Xt={debounce:s()},Zt=d.div(Pt||(Pt=Lt(["\n  text-align: center;\n  width: fit-content;\n  background-color: #f1f1f1e5;\n\n  p {\n    font-size: 16px;\n    line-height: 28px;\n    font-weight: 400;\n    width: 300px;\n    text-align: center;\n    margin: 0;\n    margin-bottom: 20px;\n  }\n\n  z-index: 2;\n"]))),Jt=d.div(_t||(_t=Lt(["\n  width: 300px;\n  height: 10px;\n\n  background-color: #fff;\n\n  position: relative;\n  overflow: hidden;\n"]))),Qt=d.div(At||(At=Lt(["\n  width: 300px;\n  height: 10px;\n\n  background-color: #404040;\n\n  position: absolute;\n  top: 0;\n  transform: translateX(-100%);\n\n  transition: transform 1s linear;\n"]))),Vt=function(t){var e=t.modelObjs,n=t.onModelsLoaded,r=Bt((0,u.useState)(0),2),o=r[0],a=r[1],i=Bt((0,u.useState)(0),2),c=i[0],l=i[1];(0,u.useEffect)((function(){var t=function(){var t=Gt(Tt().mark((function t(e){var n,r,o,a,i;return Tt().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:n=[],r=It(e);try{for(r.s();!(o=r.n()).done;)a=o.value,i=Mt(a),n.push(i)}catch(t){r.e(t)}finally{r.f()}return t.abrupt("return",Promise.allSettled(n));case 4:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}();t(e.map((function(t){return t.url}))).then((function(t){var e=0;t.forEach((function(t){"fulfilled"===t.status&&(e+=t.value)})),a(e)}))}),[e]),(0,u.useEffect)((function(){var t=function(){var t=Gt(Tt().mark((function t(e){var n,r,o,a,i;return Tt().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:n=0,r=[],o=It(e),t.prev=3,i=Tt().mark((function t(){var e,o;return Tt().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:e=a.value,o=zt(e.url,Xt.debounce((function(t){var e=t.loaded;l(n+=e)}),300)).then((function(t){return Ft(Ft({},e),{},{data:t})})),r.push(o);case 3:case"end":return t.stop()}}),t)})),o.s();case 6:if((a=o.n()).done){t.next=10;break}return t.delegateYield(i(),"t0",8);case 8:t.next=6;break;case 10:t.next=15;break;case 12:t.prev=12,t.t1=t.catch(3),o.e(t.t1);case 15:return t.prev=15,o.f(),t.finish(15);case 18:return t.abrupt("return",Promise.all(r));case 19:case"end":return t.stop()}}),t,null,[[3,12,15,18]])})));return function(e){return t.apply(this,arguments)}}();t(e).then((function(t){console.log("[react-three-story-controls] all models are loaded."),setTimeout((function(){n(t)}),300)}))}),[e,n]);var s=0!==o?100*Math.round(c/o):0;return s>100&&(s=100),u.createElement(Zt,null,u.createElement(Jt,null,u.createElement(Qt,{style:{transform:"translateX(".concat(-100+s,"%)")}})),u.createElement("p",null,"loading: ",s,"%"))},te=n(4957),ee=n(8667),ne=n(2360);function re(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,a,i,c=[],u=!0,l=!1;try{if(a=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(c.push(r.value),c.length!==e);u=!0);}catch(t){l=!0,o=t}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(l)throw o}}return c}}(t,e)||function(t,e){if(t){if("string"==typeof t)return oe(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?oe(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function oe(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function ae(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var ie={debounce:s()};function ce(t){var e=t.pois,n=t.durationPer100vh,r=t.windowObject,o=0,a=e.map((function(t,e){var a,i=t.caption;if(0===i.rawContentState.blocks.filter((function(t){return"unstyled"!==t.type||""!==t.text})).length)return null;var c=0===e?0:t.duration;o+=c;var l=Math.round(o/n*100)/100,s="".concat(l*r.innerHeight,"px"),f=!0;return u.createElement(ue,{className:"section","data-section-narrow-width":"wide"!==i.width,"data-section-dark-mode":f,"data-section-alignment":null!==(a=i.alignment)&&void 0!==a?a:"left",key:"section-".concat(e),style:{top:s}},u.createElement(yt,{darkMode:f,rawContentState:i.rawContentState}))}));return u.createElement(u.Fragment,null,a)}ee.gsap.registerPlugin(te.ScrollTrigger);var ue=d.div(qt||(qt=ae(["\n  position: absolute;\n  padding: 24px 16px;\n\n  &[data-section-dark-mode='false'] {\n    background-color: rgba(255, 255, 255, 0.5);\n  }\n\n  &[data-section-dark-mode='true'] {\n    background-color: rgba(0, 0, 0, 0.5);\n  }\n\n  "," {\n    // horizontally center\n    left: 0;\n    right: 0;\n    margin-left: auto;\n    margin-right: auto;\n\n    &[data-section-narrow-width='true'] {\n      width: 75vw;\n    }\n\n    &[data-section-narrow-width='false'] {\n      width: 100vw;\n      max-width: 720px;\n    }\n  }\n\n  "," {\n    &[data-section-narrow-width='true'] {\n      width: 320px;\n    }\n\n    &[data-section-narrow-width='false'] {\n      width: 46vw;\n      max-width: 720px;\n    }\n\n    &[data-section-alignment='left'] {\n      left: 4vw;\n    }\n    &[data-section-alignment='right'] {\n      right: 4vw;\n    }\n    &[data-section-alignment='center'] {\n      // horizontally center\n      left: 0;\n      right: 0;\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n"])),b.mobileOnly,b.tabletAbove);function le(t){var e=t.pois,n=t.animationClip,r=t.debugMode,o=t.modelObjs,a=t.scrollerRef,i=t.durationPer100vh,c=void 0===i?1:i,l=re((0,u.useState)({innerWidth:0,innerHeight:0}),2),s=l[0],f=l[1],d=(0,u.useRef)(null),m=(0,u.useRef)(null),g=re((0,u.useState)([]),2),v=g[0],y=g[1],w=re((0,u.useState)(null),2),b=w[0],x=w[1],E=(0,u.useRef)(null),O=(0,u.useMemo)((function(){return h.tz3.parse(n)}),[n]),k=(null==O?void 0:O.duration)+c,j=Math.round(k/c*100)/100,S="".concat(j*s.innerHeight,"px"),P=(0,u.useCallback)((function(t){var e=t.map((function(t){var e=t.data;return e&&t.userData&&(e.scene.userData=t.userData),e})).filter((function(t){return null!==t}));y(e)}),[]),_=0!==v.length;return(0,ne.useGSAP)((function(){if(m.current&&b&&0!==s.innerHeight){d.current&&d.current.kill();var t=b.cameraRig;return d.current=te.ScrollTrigger.create({markers:r,trigger:m.current,start:"top 50%",end:"bottom 50%",scroller:(null==a?void 0:a.current)||window,onUpdate:function(e){var n=e.progress;t.setAnimationPercentage(n)}}),function(){d.current&&d.current.kill()}}}),{scope:m,dependencies:[r,s,a,b]}),(0,u.useEffect)((function(){var t=function(t){var e=t.gltfs,n=t.canvas,r=t.animationClip,o=t.windowObject;if(!n||0===o.innerHeight)return null;var a=o.innerWidth,i=o.innerHeight,c=new h.Z58;c.background=new h.Q1f(1907997),Array.isArray(e)&&e.forEach((function(t){t.scene.traverse((function(e){e.castShadow=t.scene.userData.castShadow,e.receiveShadow=t.scene.userData.receiveShadow})),c.add(t.scene)}));var u=new h.ubm(45,a/i,.1,1e4),l=new p.kz(u,c);l.setAnimationClip(r),l.setAnimationTime(0);var s=new h.JeP({canvas:n});s.toneMapping=h.FV,s.toneMappingExposure=1,s.shadowMap.enabled=!0,s.shadowMap.type=h.Wk7,s.setSize(a,i),s.setPixelRatio(window.devicePixelRatio),s.setClearColor(0);var f=new p._x(l,{panFactor:Math.PI/10,tiltFactor:Math.PI/10,truckFactor:0,pedestalFactor:0});return f.enable(),{controls:f,scene:c,renderer:s,camera:u,cameraRig:l}}({gltfs:v,canvas:E.current,animationClip:O,windowObject:s});x(t)}),[v,O,s]),(0,u.useEffect)((function(){var t,e=function(n){if(null!==b){var r=b.controls,o=b.scene,a=b.camera,i=b.renderer;r.update(n),i.render(o,a),t=window.requestAnimationFrame(e)}};return e(Date.now()),function(){cancelAnimationFrame(t)}}),[b]),(0,u.useEffect)((function(){var t=ie.debounce((function(){var t=window.innerWidth,e=window.innerHeight;if(t!==s.innerWidth&&f({innerWidth:t,innerHeight:e}),b){var n=b.camera,r=b.renderer;n.aspect=t/e,n.updateProjectionMatrix(),r.setSize(t,e),r.setPixelRatio(Math.min(window.devicePixelRatio,2))}}),300);return window.addEventListener("resize",t),t(),function(){window.removeEventListener("resize",t)}}),[s,b]),_?u.createElement(fe,null,u.createElement(de,null,u.createElement("canvas",{ref:E})),0!==s.innerHeight&&Array.isArray(e)&&u.createElement(he,{ref:m,style:{height:S}},u.createElement(ce,{pois:e||[],durationPer100vh:c,windowObject:s}))):u.createElement(se,null,u.createElement(Vt,{modelObjs:o,onModelsLoaded:P}))}var se=d.div($t||($t=ae(["\n  width: 100vw;\n  height: 100vh;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  background-color: #f1f1f1e5;\n"]))),fe=d.div(Kt||(Kt=ae(["\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n"]))),de=d.div(Ut||(Ut=ae(["\n  width: 100vw;\n  height: 100vh;\n  position: sticky;\n  top: 0;\n  touch-action: none;\n  z-index: -1;\n"]))),he=d.div(Yt||(Yt=ae(["\n  position: relative;\n"])))}}]);