UNPKG

flex-render-react

Version:

React components for rendering LINE Flex Message

github.com/iamprompt/flex-render

32 lines (29 loc) • 23.7 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
(function(C,E){typeof exports=="object"&&typeof module<"u"?E(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],E):(C=typeof globalThis<"u"?globalThis:C||self,E(C.FlexPreview={},C.React))})(this,function(C,E){"use strict";var Vt=Object.defineProperty;var It=(C,E,k)=>E in C?Vt(C,E,{enumerable:!0,configurable:!0,writable:!0,value:k}):C[E]=k;var B=(C,E,k)=>It(C,typeof E!="symbol"?E+"":E,k);var k={exports:{}},L={};/** * @license React * react-jsx-runtime.production.js * * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */var fe;function Ge(){if(fe)return L;fe=1;var e=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function t(n,l,o){var d=null;if(o!==void 0&&(d=""+o),l.key!==void 0&&(d=""+l.key),"key"in l){o={};for(var c in l)c!=="key"&&(o[c]=l[c])}else o=l;return l=o.ref,{$$typeof:e,type:n,key:d,ref:l!==void 0?l:null,props:o}}return L.Fragment=a,L.jsx=t,L.jsxs=t,L}var Y={};/** * @license React * react-jsx-runtime.development.js * * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */var me;function qe(){return me||(me=1,process.env.NODE_ENV!=="production"&&function(){function e(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===Gt?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case re:return"Fragment";case Ht:return"Portal";case $e:return"Profiler";case ke:return"StrictMode";case ne:return"Suspense";case le:return"SuspenseList"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case Re:return(r.displayName||"Context")+".Provider";case Ae:return(r._context.displayName||"Context")+".Consumer";case ae:var s=r.render;return r=r.displayName,r||(r=s.displayName||s.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case oe:return s=r.displayName||null,s!==null?s:e(r.type)||"Memo";case se:s=r._payload,r=r._init;try{return e(r(s))}catch{}}return null}function a(r){return""+r}function t(r){try{a(r);var s=!1}catch{s=!0}if(s){s=console;var i=s.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return i.call(s,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),a(r)}}function n(){}function l(){if(H===0){Oe=console.log,Me=console.info,Pe=console.warn,Be=console.error,We=console.group,Xe=console.groupCollapsed,Le=console.groupEnd;var r={configurable:!0,enumerable:!0,value:n,writable:!0};Object.defineProperties(console,{info:r,log:r,warn:r,error:r,group:r,groupCollapsed:r,groupEnd:r})}H++}function o(){if(H--,H===0){var r={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:M({},r,{value:Oe}),info:M({},r,{value:Me}),warn:M({},r,{value:Pe}),error:M({},r,{value:Be}),group:M({},r,{value:We}),groupCollapsed:M({},r,{value:Xe}),groupEnd:M({},r,{value:Le})})}0>H&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}function d(r){if(de===void 0)try{throw Error()}catch(i){var s=i.stack.trim().match(/\n( *(at )?)/);de=s&&s[1]||"",Ye=-1<i.stack.indexOf(` at`)?" (<anonymous>)":-1<i.stack.indexOf("@")?"@unknown:0:0":""}return` `+de+r+Ye}function c(r,s){if(!r||ue)return"";var i=ce.get(r);if(i!==void 0)return i;ue=!0,i=Error.prepareStackTrace,Error.prepareStackTrace=void 0;var f=null;f=O.H,O.H=null,l();try{var p={DetermineComponentFrameRoot:function(){try{if(s){var _=function(){throw Error()};if(Object.defineProperty(_.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(_,[])}catch(A){var I=A}Reflect.construct(r,[],_)}else{try{_.call()}catch(A){I=A}r.call(_.prototype)}}else{try{throw Error()}catch(A){I=A}(_=r())&&typeof _.catch=="function"&&_.catch(function(){})}}catch(A){if(A&&I&&typeof A.stack=="string")return[A.stack,I.stack]}return[null,null]}};p.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var h=Object.getOwnPropertyDescriptor(p.DetermineComponentFrameRoot,"name");h&&h.configurable&&Object.defineProperty(p.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var u=p.DetermineComponentFrameRoot(),$=u[0],X=u[1];if($&&X){var v=$.split(` `),P=X.split(` `);for(u=h=0;h<v.length&&!v[h].includes("DetermineComponentFrameRoot");)h++;for(;u<P.length&&!P[u].includes("DetermineComponentFrameRoot");)u++;if(h===v.length||u===P.length)for(h=v.length-1,u=P.length-1;1<=h&&0<=u&&v[h]!==P[u];)u--;for(;1<=h&&0<=u;h--,u--)if(v[h]!==P[u]){if(h!==1||u!==1)do if(h--,u--,0>u||v[h]!==P[u]){var U=` `+v[h].replace(" at new "," at ");return r.displayName&&U.includes("<anonymous>")&&(U=U.replace("<anonymous>",r.displayName)),typeof r=="function"&&ce.set(r,U),U}while(1<=h&&0<=u);break}}}finally{ue=!1,O.H=f,o(),Error.prepareStackTrace=i}return v=(v=r?r.displayName||r.name:"")?d(v):"",typeof r=="function"&&ce.set(r,v),v}function b(r){if(r==null)return"";if(typeof r=="function"){var s=r.prototype;return c(r,!(!s||!s.isReactComponent))}if(typeof r=="string")return d(r);switch(r){case ne:return d("Suspense");case le:return d("SuspenseList")}if(typeof r=="object")switch(r.$$typeof){case ae:return r=c(r.render,!1),r;case oe:return b(r.type);case se:s=r._payload,r=r._init;try{return b(r(s))}catch{}}return""}function y(){var r=O.A;return r===null?null:r.getOwner()}function Q(r){if(_e.call(r,"key")){var s=Object.getOwnPropertyDescriptor(r,"key").get;if(s&&s.isReactWarning)return!1}return r.key!==void 0}function D(r,s){function i(){ze||(ze=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",s))}i.isReactWarning=!0,Object.defineProperty(r,"key",{get:i,configurable:!0})}function Lt(){var r=e(this.type);return Fe[r]||(Fe[r]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),r=this.props.ref,r!==void 0?r:null}function Yt(r,s,i,f,p,h){return i=h.ref,r={$$typeof:te,type:r,key:s,props:h,_owner:p},(i!==void 0?i:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:Lt}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function we(r,s,i,f,p,h){if(typeof r=="string"||typeof r=="function"||r===re||r===$e||r===ke||r===ne||r===le||r===Ut||typeof r=="object"&&r!==null&&(r.$$typeof===se||r.$$typeof===oe||r.$$typeof===Re||r.$$typeof===Ae||r.$$typeof===ae||r.$$typeof===qt||r.getModuleId!==void 0)){var u=s.children;if(u!==void 0)if(f)if(ie(u)){for(f=0;f<u.length;f++)Se(u[f],r);Object.freeze&&Object.freeze(u)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Se(u,r)}else u="",(r===void 0||typeof r=="object"&&r!==null&&Object.keys(r).length===0)&&(u+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),r===null?f="null":ie(r)?f="array":r!==void 0&&r.$$typeof===te?(f="<"+(e(r.type)||"Unknown")+" />",u=" Did you accidentally export a JSX literal instead of a component?"):f=typeof r,console.error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",f,u);if(_e.call(s,"key")){u=e(r);var $=Object.keys(s).filter(function(v){return v!=="key"});f=0<$.length?"{key: someKey, "+$.join(": ..., ")+": ...}":"{key: someKey}",He[u+f]||($=0<$.length?"{"+$.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX: let props = %s; <%s {...props} /> React keys must be passed directly to JSX without using spread: let props = %s; <%s key={someKey} {...props} />`,f,u,$,u),He[u+f]=!0)}if(u=null,i!==void 0&&(t(i),u=""+i),Q(s)&&(t(s.key),u=""+s.key),"key"in s){i={};for(var X in s)X!=="key"&&(i[X]=s[X])}else i=s;return u&&D(i,typeof r=="function"?r.displayName||r.name||"Unknown":r),Yt(r,u,h,p,y(),i)}function Se(r,s){if(typeof r=="object"&&r&&r.$$typeof!==Jt){if(ie(r))for(var i=0;i<r.length;i++){var f=r[i];ee(f)&&Te(f,s)}else if(ee(r))r._store&&(r._store.validated=1);else if(r===null||typeof r!="object"?i=null:(i=je&&r[je]||r["@@iterator"],i=typeof i=="function"?i:null),typeof i=="function"&&i!==r.entries&&(i=i.call(r),i!==r))for(;!(r=i.next()).done;)ee(r.value)&&Te(r.value,s)}}function ee(r){return typeof r=="object"&&r!==null&&r.$$typeof===te}function Te(r,s){if(r._store&&!r._store.validated&&r.key==null&&(r._store.validated=1,s=zt(s),!Ue[s])){Ue[s]=!0;var i="";r&&r._owner!=null&&r._owner!==y()&&(i=null,typeof r._owner.tag=="number"?i=e(r._owner.type):typeof r._owner.name=="string"&&(i=r._owner.name),i=" It was passed a child from "+i+".");var f=O.getCurrentStack;O.getCurrentStack=function(){var p=b(r.type);return f&&(p+=f()||""),p},console.error('Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',s,i),O.getCurrentStack=f}}function zt(r){var s="",i=y();return i&&(i=e(i.type))&&(s=` Check the render method of \``+i+"`."),s||(r=e(r))&&(s=` Check the top-level render call using <`+r+">."),s}var Ft=E,te=Symbol.for("react.transitional.element"),Ht=Symbol.for("react.portal"),re=Symbol.for("react.fragment"),ke=Symbol.for("react.strict_mode"),$e=Symbol.for("react.profiler"),Ae=Symbol.for("react.consumer"),Re=Symbol.for("react.context"),ae=Symbol.for("react.forward_ref"),ne=Symbol.for("react.suspense"),le=Symbol.for("react.suspense_list"),oe=Symbol.for("react.memo"),se=Symbol.for("react.lazy"),Ut=Symbol.for("react.offscreen"),je=Symbol.iterator,Gt=Symbol.for("react.client.reference"),O=Ft.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,_e=Object.prototype.hasOwnProperty,M=Object.assign,qt=Symbol.for("react.client.reference"),ie=Array.isArray,H=0,Oe,Me,Pe,Be,We,Xe,Le;n.__reactDisabledLog=!0;var de,Ye,ue=!1,ce=new(typeof WeakMap=="function"?WeakMap:Map),Jt=Symbol.for("react.client.reference"),ze,Fe={},He={},Ue={};Y.Fragment=re,Y.jsx=function(r,s,i,f,p){return we(r,s,i,!1,f,p)},Y.jsxs=function(r,s,i,f,p){return we(r,s,i,!0,f,p)}}()),Y}var he;function Je(){return he||(he=1,process.env.NODE_ENV==="production"?k.exports=Ge():k.exports=qe()),k.exports}var Ve=Je(),Ie={giga:"LyGi",mega:"LyMe",kilo:"LyKi",hecto:"LyHe",deca:"LyDe",micro:"LyMi",nano:"LyNa"},Ze={ltr:"fxLTR",rtl:"fxRTL"},pe={header:"t1Header",hero:"t1Hero",body:"t1Body",footer:"t1Footer"},S={box:"MdBx",text:"MdTxt",icon:"MdIco",button:"MdBtn",separator:"MdSep",image:"MdImg",filler:"mdBxFiller",span:"MdSpn",video:"MdVid",spacer:"mdBxSpacer"},Ke={vertical:"vr",horizontal:"hr",baseline:"hr bl"},Qe={relative:"",absolute:"ExAbs"},De={none:"",xs:"spcXs",sm:"spcSm",md:"spcMd",lg:"spcLg",xl:"spcXl",xxl:"spcXXl"},et={link:"ExBtnL",primary:"ExBtn1",secondary:"ExBtn2"},tt={cover:"ExCover",fit:"ExFit"},rt={xxs:"ExXXs",xs:"ExXs",sm:"ExSm",md:"ExMd",lg:"ExLg",xl:"ExXl",xxl:"ExXXl","3xl":"Ex3Xl","4xl":"Ex4Xl","5xl":"Ex5Xl",full:"ExFull"},at={start:"ExAlgS",end:"ExAlgE",center:"ExAlgC"},nt={top:"",bottom:"grvB",center:"grvC"},lt={center:"itms-jfcC","flex-start":"itms-jfcS","flex-end":"itms-jfcE","space-between":"itms-jfcSB","space-around":"itms-jfcSA","space-evenly":"itms-jfcSE"},ot={center:"itms-algC","flex-start":"itms-algS","flex-end":"itms-algE"},N={none:"None",xxs:"XXs",xs:"Xs",sm:"Sm",md:"Md",lg:"Lg",xl:"Xl",xxl:"XXl","3xl":"3Xl","4xl":"4Xl","5xl":"5Xl",full:"Full"},st={0:"fl0",1:"fl1",2:"fl2",3:"fl3"},it={regular:"ExWR",bold:"ExWB"},dt={none:"",light:"ExBdrWdtLgh",normal:"ExBdrWdtNml",medium:"ExBdrWdtMdm","semi-bold":"ExBdrWdtSbd",bold:"ExBdrWdtBld"},ut={normal:"ExFntStyNml",italic:"ExFntStyIt"},ct={none:"ExTxtDecNone",underline:"ExTxtDecUl","line-through":"ExTxtDecLt"},T=["none","xxs","xs","sm","md","lg","xl","xxl","3xl","4xl","5xl","full"],x=/^(-?[\d.]+)px$/,g=/^(-?[\d.]+)%$/,ve=(e,a)=>{if(!a||a==="none")return e;let t=De[a]||void 0;return t&&e.addClassNames(t),e},W=(e,a,t)=>{if(!a)return e;let n=St(t)?"L":"T",l=N[a]||void 0;if(l)e.addClassNames(`ExMgn${n}${l}`);else{let o=a.match(x),d=a.match(g);(o||d)&&(n==="T"?e.setStyle("marginTop",a):n==="L"&&e.setStyle("marginLeft",a))}return e},ft=(e,a)=>{if(!a)return e;let t=tt[a]||void 0;return t&&e.addClassNames(t),e},w=(e,a,t="height")=>{if(!a)return e;let n=rt[a]||void 0;if(n)e.addClassNames(n);else{let l=a.match(x),o=a.match(g);(l||o)&&e.setStyle(t,a)}return e},xe=(e,a)=>{if(!a)return e;let t=it[a]||void 0;return t&&e.addClassNames(t),e},mt=(e,a)=>{let t=100,n=a==null?void 0:a.match(/^([\d.]+):([\d.]+)$/);return n&&(t=Number(n[2])/Number(n[1])*100),e.setStyle("paddingBottom",`${t}%`),e},ge=(e,a)=>{if(!a)return e;let t=at[a]||void 0;return t&&e.addClassNames(t),e},Z=(e,a)=>{if(!a)return e;let t=nt[a]||void 0;return t&&e.addClassNames(t),e},z=(e,a)=>{if(!a)return e;let t=Qe[a]||void 0;return t&&e.addClassNames(t),e},ht=(e,a)=>{if(!a)return e;let t=ot[a]||void 0;return t&&e.addClassNames(t),e},pt=(e,a)=>{if(!a)return e;let t=lt[a]||void 0;return t&&e.addClassNames(t),e},F=(e,{offsetBottom:a,offsetEnd:t,offsetStart:n,offsetTop:l})=>{if(!a&&!t&&!n&&!l)return e;if(a)if(T.includes(a))e.addClassNames(`ExB${N[a]}`);else{let o=a.match(x),d=a.match(g);(o||d)&&e.setStyle("bottom",a)}if(l)if(T.includes(l))e.addClassNames(`ExT${N[l]}`);else{let o=l.match(x),d=l.match(g);(o||d)&&e.setStyle("top",l)}if(t)if(T.includes(t))e.addClassNames(`ExR${N[t]}`);else{let o=t.match(x),d=t.match(g);(o||d)&&e.setStyle("right",t)}if(n)if(T.includes(n))e.addClassNames(`ExL${N[n]}`);else{let o=n.match(x),d=n.match(g);(o||d)&&e.setStyle("left",n)}return e},vt=(e,{paddingAll:a,paddingBottom:t,paddingEnd:n,paddingStart:l,paddingTop:o})=>{if(!a&&!t&&!n&&!l&&!o)return e;if(a)if(T.includes(a))e.addClassNames(`ExPadA${N[a]}`);else{let d=a.match(x),c=a.match(g);(d||c)&&e.setStyle("padding",a)}if(t)if(T.includes(t))e.addClassNames(`ExPadB${N[t]}`);else{let d=t.match(x),c=t.match(g);(d||c)&&e.setStyle("paddingBottom",t)}if(n)if(T.includes(n))e.addClassNames(`ExPadR${N[n]}`);else{let d=n.match(x),c=n.match(g);(d||c)&&e.setStyle("paddingRight",n)}if(l)if(T.includes(l))e.addClassNames(`ExPadL${N[l]}`);else{let d=l.match(x),c=l.match(g);(d||c)&&e.setStyle("paddingLeft",l)}if(o)if(T.includes(o))e.addClassNames(`ExPadT${N[o]}`);else{let d=o.match(x),c=o.match(g);(d||c)&&e.setStyle("paddingTop",o)}return e},R=(e,a)=>{if(a==null)return e;let t=a.toString(),n=st[t]||void 0;return n?e.addClassNames(n):(e.setStyle("WebkitFlex",t),e.setStyle("flexGrow",t)),e},xt=(e,a)=>{if(!a)return e;let t=et[a]||void 0;return t&&e.addClassNames(t),e},G=/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/,j=(e,a,t="color")=>(a&&a.match(G)&&e.setStyle(t,a),e),gt=(e,a)=>{if(!a)return e;if(a.type==="linearGradient"){let{angle:t,startColor:n,endColor:l,centerColor:o,centerPosition:d}=a,c=t==null?void 0:t.match(/^(\d+)deg$/),b=n==null?void 0:n.match(G),y=l==null?void 0:l.match(G),Q=o==null?void 0:o.match(G),D=d==null?void 0:d.match(/^([\d.]+)%$/);!o||!d?c&&b&&y&&e.setStyle("background",`linear-gradient(${t}, ${n} 0%, ${l} 100%)`):c&&b&&Q&&D&&y&&e.setStyle("background",`linear-gradient(${t}, ${n} 0%, ${o} ${d}, ${l} 100%)`)}return e},bt=(e,a)=>(a&&e.addClassNames("ExWrap"),e),Ct=(e,a)=>{if(!a)return e;let t=dt[a]||void 0;if(t)e.addClassNames(t);else{let n=a.match(x),l=a.match(g);(n||l)&&e.setStyle("borderWidth",a)}return e},Et=(e,a)=>{if(!a)return e;let t=N[a]||void 0;if(t)e.addClassNames(`ExBdrRad${t}`);else{let n=a.match(x),l=a.match(g);(n||l)&&e.setStyle("borderRadius",a)}return e},yt=(e,a)=>{let t=1,n=a==null?void 0:a.match(/^([\d.]+):([\d.]+)$/);return n&&(t=Number(n[1])/Number(n[2])),e.setStyle("width",`${t}em`),e},be=(e,a)=>{if(!a)return e;let t=ut[a]||void 0;return t&&e.addClassNames(t),e},Ce=(e,a)=>{if(!a)return e;let t=ct[a]||void 0;return t&&e.addClassNames(t),e},q=(e,a,t,n)=>{if(a){let{separator:l,separatorColor:o,backgroundColor:d}=a;if(e=j(e,d,"backgroundColor"),t!=="header"&&l){let c=Ne({type:"separator",color:o});n==null||n.appendChild(c)}}return[e,n]},J=(e,a)=>{if(!a)return e;switch(a.type){case"uri":e.setAttribute("target","_blank"),e.setAttribute("href",a.uri||""),e.setAttribute("onclick",`window.open('${a.uri||""}')`);break;case"message":e.setAttribute("onclick",`alert('Send Message: ${a.text} to chatroom')`);break;case"postback":e.setAttribute("onclick",`alert('Send Postback: ${a.data}')`);break;case"datetimepicker":e.setAttribute("onclick","alert('Open Datepicker')");break;case"clipboard":e.setAttribute("onclick",`window.navigator.clipboard.writeText('${a.clipboardText}').then(() => alert('Copied to Clipboard: ${a.clipboardText}'))`);break}return e.setStyle("cursor","pointer"),e},Nt=e=>T.includes(e),wt=e=>x.test(e)||g.test(e),St=e=>(e==null?void 0:e.type)==="box"&&(e.layout==="horizontal"||e.layout==="baseline"),Tt=e=>e.replace(/[A-Z]/g,a=>`-${a.toLowerCase()}`),m=class{constructor(e,a={},t=[],n={},l=[],o=void 0){B(this,"tagName");B(this,"attributes");B(this,"className");B(this,"style");B(this,"children");B(this,"textContent");this.tagName=e,this.attributes=a,this.className=t,this.style=n,this.children=l,this.textContent=o}getTagName(){return this.tagName}setTextContent(e){this.textContent=e||void 0}getTextContent(){return this.textContent}removeTextContent(){this.textContent=void 0}getAttribute(e){return this.attributes[e]}setAttribute(e,a){this.attributes[e]=a}removeAttribute(e){delete this.attributes[e]}getClassName(){return this.className}addClassName(e){this.className.push(e)}addClassNames(...e){this.className.push(...e)}removeClassName(e){this.className=this.className.filter(a=>a!==e)}getStyle(){return this.style}setStyle(e,a){this.style[e]=a}removeStyle(e){delete this.style[e]}appendChild(e){this.children.push(e)}render(){let e=Object.entries(this.attributes).map(([o,d])=>`${o}="${d}"`).join(" "),a=this.className.join(" "),t=Object.entries(this.style).map(([o,d])=>`${Tt(o)}:${d.replace(/"/g,"").replace(/\//g,"/")}`).join(";"),n=`${e!==""?e:""} ${a!==""?`class="${a}"`:""} ${t!==""?`style="${t}"`:""}`.trim(),l=this.children.map(o=>o.render()).join("");return`<${this.tagName}${n!==""?` ${n}`:""}>${l!==""?l:this.textContent||""}</${this.tagName}>`}},kt=e=>{let a=new m("div");if(a.addClassNames("flex-preview"),e.type==="carousel"){let t=$t(e);a.appendChild(t)}else{let t=Ee(e);a.appendChild(t)}return a.render()},$t=e=>{let a=new m("div");a.addClassName("lyInner");for(let n of e.contents){let l=Ee(n);l.addClassNames("lyItem"),a.appendChild(l)}let t=new m("div");return t.addClassName("LySlider"),t.appendChild(a),t},Ee=e=>{var a,t,n,l;let o=new m("div");if(o.addClassNames("T1",Ze[e.direction||"ltr"]),o.setAttribute("dir",e.direction||"ltr"),e.header){let c=K("header",e.header),[b]=q(c,(a=e.styles)==null?void 0:a.header,"header",o);c=b,o.appendChild(c)}if(e.hero){let c=At(e.hero),[b,y]=q(c,(t=e.styles)==null?void 0:t.hero,"hero",o);c=b,o=y,o.appendChild(c)}if(e.body){let c=K("body",e.body);e.footer&&c.addClassNames("ExHasFooter");let[b,y]=q(c,(n=e.styles)==null?void 0:n.body,"body",o);c=b,o=y,o.appendChild(c)}if(e.footer){let c=K("footer",e.footer),[b,y]=q(c,(l=e.styles)==null?void 0:l.footer,"footer",o);c=b,o=y,o.appendChild(c)}let d=new m("div");return d.addClassName(Ie[e.size||"mega"]),d.appendChild(o),d},K=(e,a)=>{let t=new m("div");t.addClassNames(pe[e]);let n=ye(a);return t.appendChild(n),t},At=e=>{let a=new m("div");a.addClassNames(pe.hero);let t=V(e);return t&&a.appendChild(t),a},ye=(e,a)=>{let t=new m("div");if(e.contents)for(let n of e.contents){let l=V(n,e);l&&t.appendChild(l)}return t.addClassNames(S.box,...Ke[e.layout||"vertical"].split(" ")),t=z(t,e.position),t=e.height||e.width?R(t,0):R(t,e.flex),t=ve(t,e.spacing),t=W(t,e.margin,a),t=w(t,e.width,"width"),t=w(t,e.height,"height"),t=w(t,e.maxWidth,"maxWidth"),t=w(t,e.maxHeight,"maxHeight"),t=j(t,e.backgroundColor,"backgroundColor"),t=Ct(t,e.borderWidth),t=j(t,e.borderColor,"borderColor"),t=Et(t,e.cornerRadius),t=pt(t,e.justifyContent),t=ht(t,e.alignItems),t=F(t,e),t=vt(t,e),t=gt(t,e.background),e.action&&(t=J(t,e.action)),t},V=(e,a)=>{switch(e.type){case"box":return ye(e,a);case"button":return Rt(e,a);case"image":return jt(e,a);case"video":return Bt(e);case"icon":return _t(e,a);case"text":return Ot(e,a);case"span":return Mt(e);case"separator":return Ne(e,a);case"filler":return Pt(e);case"spacer":return Wt(e);default:return null}},Rt=(e,a)=>{let t=new m("div");if(t.addClassNames(S.button),e.action){let n=new m("a");n=j(n,e.color,e.style==="primary"||e.style==="secondary"?"backgroundColor":"color");let l=new m("div");l.setTextContent(e.action.label),n.appendChild(l),n=J(n,e.action),t.appendChild(n)}return t=R(t,e.flex),t=z(t,e.position),t=W(t,e.margin,a),t=w(t,e.height,"height"),t=xt(t,e.style||"link"),t=Z(t,e.gravity),t=F(t,e),t},jt=(e,a)=>{let t=new m("div");t.addClassNames(S.image),t=R(t,e.flex),t=z(t,e.position),t=W(t,e.margin,a),t=ge(t,e.align),t=Z(t,e.gravity),Nt(e.size||"md")&&(t=w(t,e.size||"md")),t=ft(t,e.aspectMode||"fit"),t=F(t,e);let n=new m("span");n.setStyle("background-image",`url("${e.url}")`),n=j(n,e.backgroundColor,"backgroundColor");let l=new m("a");l=mt(l,e.aspectRatio),l=J(l,e.action),l.appendChild(n);let o=new m("div");return wt(e.size||"md")&&(o=w(o,e.size,"width")),o.appendChild(l),t.appendChild(o),t},_t=(e,a)=>{let t=new m("div");t.addClassNames(S.icon);let n=new m("span");n.setStyle("background-image",`url(${e.url})`),t=z(t,e.position),t=W(t,e.margin,a),t=w(t,e.size),n=yt(n,e.aspectRatio),t=F(t,e),t=R(t,0);let l=new m("div");return l.appendChild(n),t.appendChild(l),t},Ot=(e,a)=>{let t=new m("div");if(t.addClassNames(S.text),e.contents&&e.contents.length>0){let n=new m("p");for(let l of e.contents){let o=V(l,e);o&&n.appendChild(o)}t.appendChild(n)}else if(e.text){let n=new m("p");if(n.setTextContent(e.text),e.action){let l=new m("a");l=J(l,e.action),l.appendChild(n),t.appendChild(l)}else t.appendChild(n)}return t=R(t,e.flex),t=W(t,e.margin,a),t=w(t,e.size,"fontSize"),t=w(t,e.lineSpacing,"lineHeight"),t=j(t,e.color,"color"),t=xe(t,e.weight),t=be(t,e.style),t=Ce(t,e.decoration),t=z(t,e.position),t=ge(t,e.align),t=Z(t,e.gravity),t=bt(t,e.wrap),t=F(t,e),t},Mt=(e,a)=>{let t=new m("span");return t.addClassNames(S.span),t.setTextContent(e.text),t=w(t,e.size,"fontSize"),t=j(t,e.color,"color"),t=xe(t,e.weight),t=be(t,e.style),t=Ce(t,e.decoration),t},Ne=(e,a)=>{let t=new m("div");return t.addClassNames(S.separator),t=W(t,e.margin,a),t=j(t,e.color,"borderColor"),t},Pt=(e,a)=>{let t=new m("div");return t.addClassNames(S.filler),t=R(t,e.flex),t},Bt=(e,a)=>{let t=new m("div");if(t.addClassNames(S.video),e.altContent){let n=V(e.altContent);n&&t.appendChild(n)}return t},Wt=(e,a)=>{let t=new m("div");return t.addClassNames(S.spacer),t=R(t,0),t=ve(t,e.size||"md"),t};const Xt=({json:e})=>Ve.jsx("div",{dangerouslySetInnerHTML:{__html:kt(e)}});C.FlexPreview=Xt,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});