UNPKG

mfe-react

Version:

React Micro-Frontend Component Wrapper

1 lines 8.11 kB
"use strict";(self.webpackChunk_mfe_react_mfe=self.webpackChunk_mfe_react_mfe||[]).push([[661],{661:(e,t,n)=>{n.d(t,{ri:()=>F});var r=n(319),o=n(917);n(117);const i="undefined"!=typeof document?document:null,s=i&&i.createElement("template"),a={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{const o=t?i.createElementNS("http://www.w3.org/2000/svg",e):i.createElement(e,n?{is:n}:void 0);return"select"===e&&r&&null!=r.multiple&&o.setAttribute("multiple",r.multiple),o},createText:e=>i.createTextNode(e),createComment:e=>i.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>i.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode(e){const t=e.cloneNode(!0);return"_value"in e&&(t._value=e._value),t},insertStaticContent(e,t,n,r,o,i){const a=n?n.previousSibling:t.lastChild;if(o&&(o===i||o.nextSibling))for(;t.insertBefore(o.cloneNode(!0),n),o!==i&&(o=o.nextSibling););else{s.innerHTML=r?`<svg>${e}</svg>`:e;const o=s.content;if(r){const e=o.firstChild;for(;e.firstChild;)o.appendChild(e.firstChild);o.removeChild(e)}t.insertBefore(o,n)}return[a?a.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},l=/\s*!important$/;function c(e,t,n){if((0,r.kJ)(n))n.forEach((n=>c(e,t,n)));else if(null==n&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const o=function(e,t){const n=f[t];if(n)return n;let o=(0,r._A)(t);if("filter"!==o&&o in e)return f[t]=o;o=(0,r.kC)(o);for(let n=0;n<u.length;n++){const r=u[n]+o;if(r in e)return f[t]=r}return t}(e,t);l.test(n)?e.setProperty((0,r.rs)(o),n.replace(l,""),"important"):e[o]=n}}const u=["Webkit","Moz","ms"],f={},m="http://www.w3.org/1999/xlink",[p,v]=(()=>{let e=Date.now,t=!1;if("undefined"!=typeof window){Date.now()>document.createEvent("Event").timeStamp&&(e=performance.now.bind(performance));const n=navigator.userAgent.match(/firefox\/(\d+)/i);t=!!(n&&Number(n[1])<=53)}return[e,t]})();let d=0;const g=Promise.resolve(),C=()=>{d=0};const h=/(?:Once|Passive|Capture)$/,A=/^on[a-z]/;"undefined"!=typeof HTMLElement&&HTMLElement;const S="transition",b="animation",y=(e,{slots:t})=>(0,o.h)(o.P$,function(e){const t={};for(const n in e)n in _||(t[n]=e[n]);if(!1===e.css)return t;const{name:n="v",type:o,duration:i,enterFromClass:s=`${n}-enter-from`,enterActiveClass:a=`${n}-enter-active`,enterToClass:l=`${n}-enter-to`,appearFromClass:c=s,appearActiveClass:u=a,appearToClass:f=l,leaveFromClass:m=`${n}-leave-from`,leaveActiveClass:p=`${n}-leave-active`,leaveToClass:v=`${n}-leave-to`}=e,d=function(e){if(null==e)return null;if((0,r.Kn)(e))return[N(e.enter),N(e.leave)];{const t=N(e);return[t,t]}}(i),g=d&&d[0],C=d&&d[1],{onBeforeEnter:h,onEnter:A,onEnterCancelled:S,onLeave:b,onLeaveCancelled:y,onBeforeAppear:k=h,onAppear:H=A,onAppearCancelled:$=S}=t,M=(e,t,n)=>{L(e,t?f:l),L(e,t?u:a),n&&n()},D=(e,t)=>{e._isLeaving=!1,L(e,m),L(e,v),L(e,p),t&&t()},F=e=>(t,n)=>{const r=e?H:A,i=()=>M(t,e,n);E(r,[t,i]),x((()=>{L(t,e?c:s),w(t,e?f:l),T(r)||P(t,o,g,i)}))};return(0,r.l7)(t,{onBeforeEnter(e){E(h,[e]),w(e,s),w(e,a)},onBeforeAppear(e){E(k,[e]),w(e,c),w(e,u)},onEnter:F(!1),onAppear:F(!0),onLeave(e,t){e._isLeaving=!0;const n=()=>D(e,t);w(e,m),document.body.offsetHeight,w(e,p),x((()=>{e._isLeaving&&(L(e,m),w(e,v),T(b)||P(e,o,C,n))})),E(b,[e,n])},onEnterCancelled(e){M(e,!1),E(S,[e])},onAppearCancelled(e){M(e,!0),E($,[e])},onLeaveCancelled(e){D(e),E(y,[e])}})}(e),t);y.displayName="Transition";const _={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},E=(y.props=(0,r.l7)({},o.P$.props,_),(e,t=[])=>{(0,r.kJ)(e)?e.forEach((e=>e(...t))):e&&e(...t)}),T=e=>!!e&&((0,r.kJ)(e)?e.some((e=>e.length>1)):e.length>1);function N(e){return(0,r.He)(e)}function w(e,t){t.split(/\s+/).forEach((t=>t&&e.classList.add(t))),(e._vtc||(e._vtc=new Set)).add(t)}function L(e,t){t.split(/\s+/).forEach((t=>t&&e.classList.remove(t)));const{_vtc:n}=e;n&&(n.delete(t),n.size||(e._vtc=void 0))}function x(e){requestAnimationFrame((()=>{requestAnimationFrame(e)}))}let k=0;function P(e,t,n,r){const o=e._endId=++k,i=()=>{o===e._endId&&r()};if(n)return setTimeout(i,n);const{type:s,timeout:a,propCount:l}=function(e,t){const n=window.getComputedStyle(e),r=e=>(n[e]||"").split(", "),o=r("transitionDelay"),i=r("transitionDuration"),s=H(o,i),a=r("animationDelay"),l=r("animationDuration"),c=H(a,l);let u=null,f=0,m=0;return t===S?s>0&&(u=S,f=s,m=i.length):t===b?c>0&&(u=b,f=c,m=l.length):(f=Math.max(s,c),u=f>0?s>c?S:b:null,m=u?u===S?i.length:l.length:0),{type:u,timeout:f,propCount:m,hasTransform:u===S&&/\b(transform|all)(,|$)/.test(n.transitionProperty)}}(e,t);if(!s)return r();const c=s+"end";let u=0;const f=()=>{e.removeEventListener(c,m),i()},m=t=>{t.target===e&&++u>=l&&f()};setTimeout((()=>{u<l&&f()}),a+1),e.addEventListener(c,m)}function H(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map(((t,n)=>$(t)+$(e[n]))))}function $(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}new WeakMap,new WeakMap;const M=(0,r.l7)({patchProp:(e,t,n,i,s=!1,a,l,u,f)=>{"class"===t?function(e,t,n){const r=e._vtc;r&&(t=(t?[t,...r]:[...r]).join(" ")),null==t?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}(e,i,s):"style"===t?function(e,t,n){const o=e.style,i=(0,r.HD)(n);if(n&&!i){for(const e in n)c(o,e,n[e]);if(t&&!(0,r.HD)(t))for(const e in t)null==n[e]&&c(o,e,"")}else{const r=o.display;i?t!==n&&(o.cssText=n):t&&e.removeAttribute("style"),"_vod"in e&&(o.display=r)}}(e,n,i):(0,r.F7)(t)?(0,r.tR)(t)||function(e,t,n,i,s=null){const a=e._vei||(e._vei={}),l=a[t];if(i&&l)l.value=i;else{const[n,c]=function(e){let t;if(h.test(e)){let n;for(t={};n=e.match(h);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[(0,r.rs)(e.slice(2)),t]}(t);if(i){const l=a[t]=function(e,t){const n=e=>{const i=e.timeStamp||p();(v||i>=n.attached-1)&&(0,o.$d)(function(e,t){if((0,r.kJ)(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map((e=>t=>!t._stopped&&e&&e(t)))}return t}(e,n.value),t,5,[e])};return n.value=e,n.attached=d||(g.then(C),d=p()),n}(i,s);!function(e,t,n,r){e.addEventListener(t,n,r)}(e,n,l,c)}else l&&(function(e,t,n,r){e.removeEventListener(t,n,r)}(e,n,l,c),a[t]=void 0)}}(e,t,0,i,l):("."===t[0]?(t=t.slice(1),1):"^"===t[0]?(t=t.slice(1),0):function(e,t,n,o){return o?"innerHTML"===t||"textContent"===t||!!(t in e&&A.test(t)&&(0,r.mf)(n)):"spellcheck"!==t&&"draggable"!==t&&"translate"!==t&&("form"!==t&&(("list"!==t||"INPUT"!==e.tagName)&&(("type"!==t||"TEXTAREA"!==e.tagName)&&((!A.test(t)||!(0,r.HD)(n))&&t in e))))}(e,t,i,s))?function(e,t,n,o,i,s,a){if("innerHTML"===t||"textContent"===t)return o&&a(o,i,s),void(e[t]=null==n?"":n);if("value"===t&&"PROGRESS"!==e.tagName&&!e.tagName.includes("-")){e._value=n;const r=null==n?"":n;return e.value===r&&"OPTION"!==e.tagName||(e.value=r),void(null==n&&e.removeAttribute(t))}let l=!1;if(""===n||null==n){const o=typeof e[t];"boolean"===o?n=(0,r.yA)(n):null==n&&"string"===o?(n="",l=!0):"number"===o&&(n=0,l=!0)}try{e[t]=n}catch(e){}l&&e.removeAttribute(t)}(e,t,i,a,l,u,f):("true-value"===t?e._trueValue=i:"false-value"===t&&(e._falseValue=i),function(e,t,n,o,i){if(o&&t.startsWith("xlink:"))null==n?e.removeAttributeNS(m,t.slice(6,t.length)):e.setAttributeNS(m,t,n);else{const o=(0,r.Pq)(t);null==n||o&&!(0,r.yA)(n)?e.removeAttribute(t):e.setAttribute(t,o?"":n)}}(e,t,i,s))}},a);let D;const F=(...e)=>{const t=(D||(D=(0,o.Us)(M))).createApp(...e),{mount:n}=t;return t.mount=e=>{const o=function(e){if((0,r.HD)(e))return document.querySelector(e);return e}(e);if(!o)return;const i=t._component;(0,r.mf)(i)||i.render||i.template||(i.template=o.innerHTML),o.innerHTML="";const s=n(o,!1,o instanceof SVGElement);return o instanceof Element&&(o.removeAttribute("v-cloak"),o.setAttribute("data-v-app","")),s},t}}}]);