@story-telling-reporter/react-embed-code-generator
Version:
## Installation `yarn install`
1 lines • 27.7 kB
JavaScript
;(self.webpackChunk_story_telling_reporter_react_embed_code_generator=self.webpackChunk_story_telling_reporter_react_embed_code_generator||[]).push([[170],{954:(e,t,n)=>{var r=["name"];function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e,t,n){return(t=function(e){var t=function(e){if("object"!=c(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==c(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e,t)||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 l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollableImageForKeystoneEditorCMS=function(e){var t=e.name,n=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,r),l=a((0,u.useState)(!0),2),c=l[0],s=l[1],p=a((0,u.useState)(!1),2),m=p[0],b=p[1];return(0,u.useEffect)((function(){b(!0);var e=document.location.hostname;"keystone-editor.twreporter.org"!==e&&"staging-keystone-editor.twreporter.org"!==e&&s(!1)}),[]),m?c?(0,f.jsxs)("div",{style:{backgroundColor:"rgba(0,0,0,0.5)",color:"white",padding:"30px"},children:["「橫著滾吧！」元件：",t,"（編輯模式，不載入元件）"]}):(0,f.jsx)(d.ScrollableImage,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},n)):null};var u=function(e){if("function"==typeof WeakMap){var t=new WeakMap;new WeakMap}return function(e){if(e&&e.__esModule)return e;var n,r,o={__proto__:null,default:e};if(null===e||"object"!=c(e)&&"function"!=typeof e)return o;if(n=t){if(n.has(e))return n.get(e);n.set(e,o)}for(var i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((r=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,i))&&(r.get||r.set)?n(o,i,r):o[i]=e[i]);return o}(e)}(n(4041)),d=n(6187),f=n(1085)},2543:(e,t,n)=>{var r,o,i;function a(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}Object.defineProperty(t,"__esModule",{value:!0}),t.ImageLink=function(e){var t=e.className,n=void 0===t?"":t,r=e.data||{},o=r.desc,i=r.url;return(0,c.jsxs)(d,{className:n,children:[(0,c.jsx)(s,{alt:o,src:i}),o&&(0,c.jsx)(f,{className:"draft-image-desc",children:o})]})},u(n(4041));var l=u(n(4970)),c=n(1085);function u(e){return e&&e.__esModule?e:{default:e}}var d=l.default.figure(r||(r=a(["\n /* clear browser default styles */\n margin: 0;\n\n width: 100%;\n"]))),f=l.default.figcaption(o||(o=a(["\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(e){return e.theme.darkMode?"#f1f1f1":"#666"})),s=l.default.img(i||(i=a(["\n width: 100%;\n"])))},2595:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.blockRenderers=void 0;var r=n(6963),o=n(8018),i=n(2543);t.blockRenderers={EmbeddedCodeBlock:r.EmbeddedCodeBlock,ImageBlock:o.ImageBlock,ImageLink:i.ImageLink}},2722:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.atomicBlockRenderer=function(e){return"atomic"===e.getType()?{component:l,editable:!1}:null};var r=n(2595).blockRenderers,o=r.ImageBlock,i=r.ImageLink,a=r.EmbeddedCodeBlock,l=function(e){var t=e.contentState.getEntity(e.block.getEntityAt(0)),n=t.getType(),r=t.getData();switch(n){case"IMAGE":return o({data:r});case"IMAGE_LINK":return i({data:r});case"EMBEDDEDCODE":return a({data:r})}return null}},2907:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"annotationDecorator",{enumerable:!0,get:function(){return o.annotationDecorator}}),t.decorator=void 0,Object.defineProperty(t,"linkDecorator",{enumerable:!0,get:function(){return i.linkDecorator}});var r=n(9224),o=n(4990),i=n(5295);t.decorator=new r.CompositeDecorator([o.annotationDecorator,i.linkDecorator])},3395:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"annotationBlockRenderMap",{enumerable:!0,get:function(){return r.blockRenderMap}}),Object.defineProperty(t,"blockRenderMap",{enumerable:!0,get:function(){return o.blockRenderMap}});var r=n(4718),o=n(4470)},3778:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.blockStyleFn=void 0,t.blockStyleFn=function(e){var t="",n=e.getData().get("textAlign");return"right"===n?t+="text-align-right":"center"===n&&(t+="text-align-center"),t}},4447:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.mediaQuery=t.breakpoints=void 0;var n=t.breakpoints={mobile:375,tablet:768,desktop:1024,hd:1440};t.mediaQuery={mobileOnly:"@media (max-width: ".concat(n.tablet-1,"px)"),tabletOnly:"@media (min-width: ".concat(n.tablet,"px) and (max-width: ").concat(n.desktop-1,"px)"),tabletAbove:"@media (min-width: ".concat(n.tablet,"px)"),desktopBelow:"@media (max-width: ".concat(n.desktop-1,"px)"),desktopOnly:"@media (min-width: ".concat(n.desktop,"px) and (max-width: ").concat(n.hd-1,"px)"),desktopAbove:"@media (min-width: ".concat(n.desktop,"px)"),hdBelow:"@media (max-width: ".concat(n.hd-1,"px)"),hdOnly:"@media (min-width: ".concat(n.hd,"px)")}},4470:(e,t,n)=>{var r,o,i,a,l;function c(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}Object.defineProperty(t,"__esModule",{value:!0}),t.blockRenderMap=t.Paragraph=t.List=t.Heading=t.Blockquote=t.Atomic=void 0;var u=m(n(8979)),d=(m(n(4041)),m(n(4970))),f=n(9224),s=n(4447),p=n(1085);function m(e){return e&&e.__esModule?e:{default:e}}var b="\n .text-align-center {\n text-align: center;\n }\n\n .text-align-right {\n text-align: right;\n }\n",y=t.Blockquote=d.default.div(r||(r=c(["\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(e){return e.theme.darkMode?"#e2e2e2":"#808080"})),g=t.Paragraph=d.default.div(o||(o=c(["\n width: 100%;\n margin-bottom: 16px;\n &:last-child {\n margin-bottom: 0px;\n }\n\n font-size: ",";\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(e){return e.theme.paragraphFontSize||"16px"}),(function(e){return e.theme.darkMode?"#fff":"#404040"}),b),h=t.Heading=d.default.div(i||(i=c(["\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(e){return e.theme.darkMode?"#fff":"#404040"}),s.mediaQuery.mobileOnly,b),v=t.List=d.default.ol(a||(a=c(["\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(e){return e.theme.darkMode?"#fff":"#404040"})),w=t.Atomic=d.default.div(l||(l=c(["\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"]))),j=u.default.Map({atomic:{element:"figure",wrapper:(0,p.jsx)(w,{})},blockquote:{element:"blockquote",wrapper:(0,p.jsx)(y,{className:"draft-blockquote"})},"header-two":{element:"h2",wrapper:(0,p.jsx)(h,{className:"draft-header-two"})},"header-three":{element:"h3",wrapper:(0,p.jsx)(h,{className:"draft-header-three"})},"ordered-list-item":{element:"li",wrapper:(0,p.jsx)(v,{className:"draft-ordered-list"})},"unordered-list-item":{element:"li",wrapper:(0,p.jsx)(v,{className:"draft-unordered-list",as:"ul"})},unstyled:{element:"div",wrapper:(0,p.jsx)(g,{className:"draft-paragraph"})}});t.blockRenderMap=f.DefaultDraftBlockRenderMap.merge(j)},4718:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.blockRenderMap=void 0;var r=l(n(8979)),o=(l(n(4041)),n(9224)),i=n(4470),a=n(1085);function l(e){return e&&e.__esModule?e:{default:e}}var c=r.default.Map({atomic:{element:"figure",wrapper:(0,a.jsx)(i.Atomic,{})},"ordered-list-item":{element:"li",wrapper:(0,a.jsx)(i.List,{})},"unordered-list-item":{element:"li",wrapper:(0,a.jsx)(i.List,{as:"ul"})},unstyled:{element:"div",wrapper:(0,a.jsx)(i.Paragraph,{})}});t.blockRenderMap=o.DefaultDraftBlockRenderMap.merge(c)},4970:(e,t,n)=>{function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ThemeProvider",{enumerable:!0,get:function(){return o.ThemeProvider}}),Object.defineProperty(t,"css",{enumerable:!0,get:function(){return o.css}}),t.default=void 0,Object.defineProperty(t,"keyframes",{enumerable:!0,get:function(){return o.keyframes}});var o=function(e){if("function"==typeof WeakMap){var t=new WeakMap;new WeakMap}return function(e){if(e&&e.__esModule)return e;var n,o,i={__proto__:null,default:e};if(null===e||"object"!=r(e)&&"function"!=typeof e)return i;if(n=t){if(n.has(e))return n.get(e);n.set(e,i)}for(var a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((o=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,a))&&(o.get||o.set)?n(i,a,o):i[a]=e[a]);return i}(e)}(n(9716));t.default=o.default.default||o.default},4990:(e,t,n)=>{var r,o,i;function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e,t)||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 l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function c(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.annotationDecorator=void 0;var d,f=function(e){if("function"==typeof WeakMap){var t=new WeakMap;new WeakMap}return function(e){if(e&&e.__esModule)return e;var n,r,o={__proto__:null,default:e};if(null===e||"object"!=u(e)&&"function"!=typeof e)return o;if(n=t){if(n.has(e))return n.get(e);n.set(e,o)}for(var i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((r=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,i))&&(r.get||r.set)?n(o,i,r):o[i]=e[i]);return o}(e)}(n(4041)),s=(d=n(4970))&&d.__esModule?d:{default:d},p=n(9224),m=n(3395),b=n(2907),y=n(6963),g=n(1085),h=s.default.span(r||(r=c(["\n display: inline;\n cursor: pointer;\n color: ",";\n"])),(function(e){return e.theme.darkMode?"#F0D5BE":"#9F7544"})),v=s.default.div(o||(o=c(["\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(e){return e.theme.darkMode?"rgba(0, 0, 0, 0.5)":"rgba(255, 255, 255, 0.5)"})),w=s.default.span(i||(i=c(["\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(e){return e.theme.darkMode?"#F0D5BE":"#9F7544"}),(function(e){return e.$showContent?"rotate(-45deg)":"rotate(45deg)"}),(function(e){return e.theme.darkMode?"#F0D5BE":"#9F7544"}),(function(e){return e.$showContent?"rotate(45deg)":"rotate(-45deg)"})),j=function(e){var t=e.contentState.getEntity(e.block.getEntityAt(0)),n=t.getData();return"EMBEDDEDCODE"===t.getType()?(0,y.EmbeddedCodeBlock)({data:n}):null},x=function(e){return"atomic"===e.getType()?{component:j,editable:!1,props:{}}:null};t.annotationDecorator={strategy:function(e,t,n){e.findEntityRanges((function(e){var t=e.getEntity();return null!==t&&"ANNOTATION"===n.getEntity(t).getType()}),t)},component:function(e){var t=e.children,n=a((0,f.useState)(!1),2),r=n[0],o=n[1],i=e.contentState.getEntity(e.entityKey).getData().rawContentState,l=(0,p.convertFromRaw)(i),c=p.EditorState.createWithContent(l,b.decorator),u=a((0,f.useState)(i),2),d=u[0],s=u[1];return d!==i&&(s(i),o(!1)),(0,g.jsxs)(f.default.Fragment,{children:[(0,g.jsxs)(h,{className:"annotation-wrapper",onClick:function(e){e.preventDefault(),o(!r)},children:[(0,g.jsx)("span",{className:"annotation-title",children:t}),(0,g.jsx)(w,{className:"arrow",$showContent:r})]}),r?(0,g.jsx)(v,{className:"annotation-body",children:(0,g.jsx)(p.Editor,{editorState:c,blockRenderMap:m.annotationBlockRenderMap,blockRendererFn:x,readOnly:!0,onChange:function(){}})}):null]})}}},5295:(e,t,n)=>{var r;Object.defineProperty(t,"__esModule",{value:!0}),t.linkDecorator=void 0,a(n(4041));var o=a(n(4970)),i=n(1085);function a(e){return e&&e.__esModule?e:{default:e}}var l,c,u=o.default.a(r||(l=["\n &:link,\n &:visited,\n &:active {\n color: ",";\n text-decoration: none;\n }\n"],c||(c=l.slice(0)),r=Object.freeze(Object.defineProperties(l,{raw:{value:Object.freeze(c)}}))),(function(e){return e.theme.darkMode?"#F0D5BE":"#9f7544"}));t.linkDecorator={strategy:function(e,t,n){e.findEntityRanges((function(e){var t=e.getEntity();return null!==t&&"LINK"===n.getEntity(t).getType()}),t)},component:function(e){var t=e.contentState.getEntity(e.entityKey).getData().url;return(0,i.jsx)(u,{href:t,target:"_blank",className:"draft-link",children:e.children})}}},6110:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.fontColorPrefix=t.default=t.customStyleFn=t.bgColorPrefix=void 0;var n=t.bgColorPrefix="BACKGROUND_COLOR_",r=t.fontColorPrefix="FONT_COLOR_",o=function(e){return e.reduce((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return null!=t&&t.startsWith(n)&&(e.backgroundColor=t.split(n)[1]),null!=t&&t.startsWith(r)&&(e.color=t.split(r)[1]),e}),{})};t.customStyleFn=o,t.default=o},6187:(e,t,n)=>{var r,o,i,a,l,c;function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){return(t=function(e){var t=function(e){if("object"!=b(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==b(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}(e,t)||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 p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function m(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollableImage=function(e){var t=e.className,n=e.imgObjs,r=e.captions,o=void 0===r?[]:r,i=e.minHeight,a=void 0===i?"":i,l=e.height,c=void 0===l?"100vh":l,u=e.maxHeight,f=void 0===u?"":u,p=e.darkMode,m=void 0!==p&&p,b=e.scrollerRef,y=e.fontToImgRatio,h=s((0,g.useState)(0),2),v=h[0],_=h[1],z=(0,g.useRef)(null),B=(0,g.useRef)(null),N=(0,g.useRef)(null),F=s((0,g.useState)(!1),2),I=F[0],W=F[1],T=s((0,g.useState)(A+"px"),2),L=T[0],q=T[1];return(0,x.useGSAP)((function(){if(B.current&&0!==v)return z.current&&z.current.kill(),z.current=j.ScrollTrigger.create({markers:I,trigger:B.current,start:"top 0%",end:"bottom 100%",scroller:(null==b?void 0:b.current)||window,onUpdate:function(e){var t,n=e.progress,r=null===(t=B.current)||void 0===t?void 0:t.offsetHeight;if(r){var o=Number((n*r).toFixed(2)),i=N.current;i&&(i.style.transform="translateX(-".concat(o,"px)"))}}}),function(){z.current&&z.current.kill()}}),{scope:B,dependencies:[I,v]}),(0,g.useEffect)((function(){new URLSearchParams(window.location.search).has("debug")&&W(!0)}),[]),(0,g.useEffect)((function(){if(N.current){var e=N.current.querySelectorAll("img"),t=0;e.forEach((function(e){e.complete?r():e.onload=function(){return r()}}));var n=S.debounce((function(){if(t===e.length){var n,r=null===(n=N.current)||void 0===n?void 0:n.offsetWidth;r&&_(r-window.innerWidth)}}),300);return window.addEventListener("resize",n),function(){window.removeEventListener("resize",n)}}function r(){if(++t===e.length){var n,r=null===(n=N.current)||void 0===n?void 0:n.offsetWidth;r&&_(r-window.innerWidth)}}}),[]),(0,g.useEffect)((function(){var e=function(){var e=N.current;if(e&&y){var t=e.clientHeight;q(t*y+"px")}};return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[N,y]),(0,k.jsx)(w.ThemeProvider,{theme:{darkMode:m,paragraphFontSize:L},children:(0,k.jsxs)(M,{className:t,"data-twreporter-story-telling":!0,"data-react-scrollable-image":!0,children:[(0,k.jsx)(P,{children:(0,k.jsxs)(E,{ref:N,style:{height:c,maxHeight:f,minHeight:a},children:[n.map((function(e,t){return(0,k.jsx)(D,{src:e.url},t)})),o.map((function(e,t){return(0,k.jsx)(C,{style:d(d({},e.position),{},{width:e.width,height:e.height}),children:(0,k.jsx)(O.DraftRenderer,{rawContentState:e.rawContentState})},t)}))]})}),(0,k.jsx)(R,{ref:B,style:{height:v}})]})})};var y,g=_(n(4041)),h=(y=n(2784))&&y.__esModule?y:{default:y},v=n(8667),w=_(n(4970)),j=n(4957),x=n(2360),O=n(8872),k=n(1085);function _(e,t){if("function"==typeof WeakMap)var n=new WeakMap,r=new WeakMap;return(_=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,a={__proto__:null,default:e};if(null===e||"object"!=b(e)&&"function"!=typeof e)return a;if(o=t?r:n){if(o.has(e))return o.get(e);o.set(e,a)}for(var l in e)"default"!==l&&{}.hasOwnProperty.call(e,l)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,l))&&(i.get||i.set)?o(a,l,i):a[l]=e[l]);return a})(e,t)}var S={debounce:h.default};v.gsap.registerPlugin(j.ScrollTrigger);var M=w.default.div(r||(r=m([""]))),P=w.default.div(o||(o=m(["\n width: 100vw;\n height: 100vh;\n overflow: hidden;\n\n position: sticky;\n top: 0;\n\n display: flex;\n align-items: center;\n\n /* @TODO background-color should be configurable */\n background-color: transparent;\n"]))),E=w.default.div(i||(i=m(["\n position: relative;\n width: fit-content;\n height: 100%;\n\n display: flex;\n flex-wrap: nowrap;\n margin: auto;\n"]))),D=w.default.img(a||(a=m(["\n vertical-align: middle;\n height: 100%;\n border: none;\n user-select: none;\n max-width: none;\n"]))),C=w.default.div(l||(l=m(["\n position: absolute;\n color: ",";\n"])),(function(e){return e.theme.darkMode?"#fff":"#000"})),R=w.default.div(c||(c=m(["\n margin-top: -100vh;\n"]))),A=16},6963:(e,t,n)=>{var r,o;function i(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.EmbeddedCodeBlock=t.Caption=t.Block=void 0;var l,c=function(e){if("function"==typeof WeakMap){var t=new WeakMap;new WeakMap}return function(e){if(e&&e.__esModule)return e;var n,r,o={__proto__:null,default:e};if(null===e||"object"!=a(e)&&"function"!=typeof e)return o;if(n=t){if(n.has(e))return n.get(e);n.set(e,o)}for(var i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((r=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,i))&&(r.get||r.set)?n(o,i,r):o[i]=e[i]);return o}(e)}(n(4041)),u=(l=n(4970))&&l.__esModule?l:{default:l},d=n(1085),f=t.Block=u.default.div(r||(r=i(["\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"]))),s=t.Caption=u.default.div(o||(o=i(["\n font-size: 14px;\n line-height: 1.43;\n letter-spacing: 0.4px;\n color: #808080;\n padding: 15px 15px 0 15px;\n"])));t.EmbeddedCodeBlock=function(e){var t=e.className,n=e.data,r=n.caption,o=n.embeddedCode,i=(0,c.useRef)(null);return(0,c.useEffect)((function(){if(i.current){var e=i.current,t=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(e){t.appendChild(e)})),r.forEach((function(e){for(var n=document.createElement("script"),r=e.attributes,o=0;o<r.length;o++)n.setAttribute(r[o].name,r[o].value);n.text=e.text||"",t.appendChild(n)})),e.appendChild(t)}}),[o]),(0,d.jsxs)("div",{className:t,children:[(0,d.jsx)("input",{hidden:!0,disabled:!0}),(0,d.jsx)(f,{ref:i}),r&&(0,d.jsx)(s,{children:r})]})}},8018:(e,t,n)=>{var r,o,i;function a(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}Object.defineProperty(t,"__esModule",{value:!0}),t.ImageBlock=function(e){var t=e.className,n=void 0===t?"":t,r=e.data||{},o=r.desc,i=r.imageFile,a=r.resized,l=[];return null!=a&&a.small&&l.push("".concat(a.small," 800w")),null!=a&&a.medium&&l.push("".concat(a.medium," 1200w")),(0,c.jsxs)(d,{className:n,children:[(0,c.jsx)(s,{alt:o,src:null==i?void 0:i.url,srcSet:l.join(","),sizes:"(min-width: 768px) 700px, 75vw"}),o&&(0,c.jsx)(f,{className:"draft-image-desc",children:o})]})},u(n(4041));var l=u(n(4970)),c=n(1085);function u(e){return e&&e.__esModule?e:{default:e}}var d=l.default.figure(r||(r=a(["\n /* clear browser default styles */\n margin: 0;\n\n width: 100%;\n"]))),f=l.default.figcaption(o||(o=a(["\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(e){return e.theme.darkMode?"#f1f1f1":"#666"})),s=l.default.img(i||(i=a(["\n width: 100%;\n"])))},8872:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.DraftRenderer=function(e){var t=e.rawContentState,n=t.blocks.filter((function(e){return"unstyled"!==e.type||""!==e.text})),r=(0,a.convertFromRaw)({blocks:n,entityMap:t.entityMap}),l=a.EditorState.createWithContent(r,u.decorator);return(0,d.jsx)(a.Editor,{editorState:l,blockRenderMap:o.blockRenderMap,blockRendererFn:f,blockStyleFn:i.blockStyleFn,customStyleFn:c.customStyleFn,readOnly:!0,onChange:function(){}})},(r=n(4041))&&r.__esModule;var r,o=n(3395),i=n(3778),a=n(9224),l=n(2722),c=n(6110),u=n(2907),d=n(1085),f=function(e){return(0,l.atomicBlockRenderer)(e)}}}]);