@stencil/router
Version:
1,175 lines • 68.4 kB
JavaScript
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator = (this && this.__generator) || function (thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
};
var _this = this;
var BUILD = { "allRenderFn": false, "cmpDidLoad": true, "cmpDidUnload": true, "cmpDidUpdate": true, "cmpDidRender": false, "cmpWillLoad": true, "cmpWillUpdate": false, "cmpWillRender": false, "connectedCallback": true, "disconnectedCallback": true, "element": false, "event": false, "hasRenderFn": true, "lifecycle": true, "hostListener": false, "hostListenerTargetWindow": false, "hostListenerTargetDocument": false, "hostListenerTargetBody": false, "hostListenerTargetParent": false, "hostListenerTarget": false, "member": true, "method": false, "mode": false, "noVdomRender": false, "observeAttribute": true, "prop": true, "propBoolean": true, "propNumber": true, "propString": true, "propMutable": true, "reflect": true, "scoped": false, "shadowDom": false, "slot": true, "slotRelocation": true, "state": true, "style": true, "svg": false, "updatable": true, "vdomAttribute": true, "vdomClass": true, "vdomFunctional": true, "vdomKey": true, "vdomListener": true, "vdomRef": true, "vdomRender": true, "vdomStyle": true, "vdomText": true, "watchCallback": true, "taskQueue": true, "lazyLoad": true, "hydrateServerSide": false, "cssVarShim": true, "hydrateClientSide": false, "isDebug": false, "isDev": false, "lifecycleDOMEvents": false, "profile": false, "hotModuleReplacement": false, "constructableCSS": true, "cssAnnotations": true };
var NAMESPACE = 'stencilrouter';
var win = window;
var doc = document;
var plt = {
$flags$: 0,
$resourcesUrl$: '',
raf: function (h) { return requestAnimationFrame(h); },
ael: function (el, eventName, listener, opts) { return el.addEventListener(eventName, listener, opts); },
rel: function (el, eventName, listener, opts) { return el.removeEventListener(eventName, listener, opts); },
};
var supportsShadowDom = false;
var supportsConstructibleStylesheets = (function () {
try {
new CSSStyleSheet();
return true;
}
catch (e) { }
return false;
})();
var Context = {};
var hostRefs = new WeakMap();
var getHostRef = function (ref) { return hostRefs.get(ref); };
var registerInstance = function (lazyInstance, hostRef) { return hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef); };
var registerHost = function (elm) {
{
var hostRef_1 = {
$flags$: 0,
$hostElement$: elm,
$instanceValues$: new Map()
};
hostRef_1.$onReadyPromise$ = new Promise(function (r) { return hostRef_1.$onReadyResolve$ = r; });
return hostRefs.set(elm, hostRef_1);
}
};
var isMemberInElement = function (elm, memberName) { return memberName in elm; };
var consoleError = function (e) { return console.error(e); };
var loadModule = function (cmpMeta, hostRef, hmrVersionId) {
// loadModuleImport
var bundleId = cmpMeta.$lazyBundleIds$;
return import(
/* webpackInclude: /\.entry\.js$/ */
/* webpackExclude: /\.(system|cjs)\.entry\.js$/ */
/* webpackMode: "lazy" */
"./" + bundleId + ".entry.js" + '').then(function (importedModule) { return importedModule[cmpMeta.$tagName$.replace(/-/g, '_')]; }, consoleError);
};
var styles = new Map();
var cssVarShim = win.__stencil_cssshim;
var queueCongestion = 0;
var queuePending = false;
var queueDomReads = [];
var queueDomWrites = [];
var queueDomWritesLow = [];
var queueTask = function (queue) { return function (cb) {
// queue dom reads
queue.push(cb);
if (!queuePending) {
queuePending = true;
plt.raf(flush);
}
}; };
var consume = function (queue) {
for (var i = 0; i < queue.length; i++) {
try {
queue[i](performance.now());
}
catch (e) {
consoleError(e);
}
}
queue.length = 0;
};
var consumeTimeout = function (queue, timeout) {
var i = 0;
var ts = 0;
while (i < queue.length && (ts = performance.now()) < timeout) {
try {
queue[i++](ts);
}
catch (e) {
consoleError(e);
}
}
if (i === queue.length) {
queue.length = 0;
}
else if (i !== 0) {
queue.splice(0, i);
}
};
var flush = function () {
queueCongestion++;
// always force a bunch of medium callbacks to run, but still have
// a throttle on how many can run in a certain time
// DOM READS!!!
consume(queueDomReads);
var timeout = (plt.$flags$ & 6 /* queueMask */) === 2 /* appLoaded */
? performance.now() + (7 * Math.ceil(queueCongestion * (1.0 / 22.0)))
: Infinity;
// DOM WRITES!!!
consumeTimeout(queueDomWrites, timeout);
consumeTimeout(queueDomWritesLow, timeout);
if (queueDomWrites.length > 0) {
queueDomWritesLow.push.apply(queueDomWritesLow, queueDomWrites);
queueDomWrites.length = 0;
}
if (queuePending = ((queueDomReads.length + queueDomWrites.length + queueDomWritesLow.length) > 0)) {
// still more to do yet, but we've run out of time
// let's let this thing cool off and try again in the next tick
plt.raf(flush);
}
else {
queueCongestion = 0;
}
};
var nextTick = /*@__PURE__*/ function (cb) { return Promise.resolve().then(cb); };
var readTask = /*@__PURE__*/ queueTask(queueDomReads);
var writeTask = /*@__PURE__*/ queueTask(queueDomWrites);
/**
* Default style mode id
*/
/**
* Reusable empty obj/array
* Don't add values to these!!
*/
var EMPTY_OBJ = {};
var isDef = function (v) { return v != null; };
var toLowerCase = function (str) { return str.toLowerCase(); };
var isComplexType = function (o) { return ['object', 'function'].includes(typeof o); };
function getDynamicImportFunction(namespace) {
return "__sc_import_" + namespace.replace(/\s|-/g, '_');
}
var patchEsm = function () {
// @ts-ignore
if (!(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'))) {
// @ts-ignore
return import('./css-shim-f7ddb189-f7ddb189.js');
}
return Promise.resolve();
};
var patchBrowser = function () { return __awaiter(_this, void 0, void 0, function () {
var importMeta, scriptElm, resourcesUrl;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
importMeta = "";
if (!(importMeta !== '')) return [3 /*break*/, 1];
return [2 /*return*/, Promise.resolve(new URL('.', importMeta).href)];
case 1:
scriptElm = Array.from(doc.querySelectorAll('script')).find(function (s) { return (s.src.includes("/" + NAMESPACE + ".esm.js") ||
s.getAttribute('data-namespace') === NAMESPACE); });
resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href));
patchDynamicImport(resourcesUrl.href);
if (!!window.customElements) return [3 /*break*/, 3];
// @ts-ignore
return [4 /*yield*/, import('./dom-a0c82e31-a0c82e31.js')];
case 2:
// @ts-ignore
_a.sent();
_a.label = 3;
case 3: return [2 /*return*/, resourcesUrl.href];
}
});
}); };
var patchDynamicImport = function (base) {
var importFunctionName = getDynamicImportFunction(NAMESPACE);
try {
win[importFunctionName] = new Function('w', 'return import(w);');
}
catch (e) {
var moduleMap_1 = new Map();
win[importFunctionName] = function (src) {
var url = new URL(src, base).href;
var mod = moduleMap_1.get(url);
if (!mod) {
var script_1 = doc.createElement('script');
script_1.type = 'module';
script_1.src = URL.createObjectURL(new Blob(["import * as m from '" + url + "'; window." + importFunctionName + ".m = m;"], { type: 'application/javascript' }));
mod = new Promise(function (resolve) {
script_1.onload = function () {
resolve(win[importFunctionName].m);
script_1.remove();
};
});
moduleMap_1.set(url, mod);
doc.head.appendChild(script_1);
}
return mod;
};
}
};
var HYDRATED_CLASS = 'hydrated';
var rootAppliedStyles = new WeakMap();
var registerStyle = function (scopeId, cssText) {
var style = styles.get(scopeId);
if (supportsConstructibleStylesheets) {
style = (style || new CSSStyleSheet());
style.replace(cssText);
}
else {
style = cssText;
}
styles.set(scopeId, style);
};
var addStyle = function (styleContainerNode, tagName, mode, hostElm) {
var scopeId = getScopeId(tagName);
var style = styles.get(scopeId);
// if an element is NOT connected then getRootNode() will return the wrong root node
// so the fallback is to always use the document for the root node in those cases
styleContainerNode = (styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc);
if (style) {
if (typeof style === 'string') {
styleContainerNode = styleContainerNode.head || styleContainerNode;
var appliedStyles = rootAppliedStyles.get(styleContainerNode);
var styleElm = void 0;
if (!appliedStyles) {
rootAppliedStyles.set(styleContainerNode, appliedStyles = new Set());
}
if (!appliedStyles.has(scopeId)) {
{
if (cssVarShim) {
styleElm = cssVarShim.createHostStyle(hostElm, scopeId, style);
var newScopeId = styleElm['s-sc'];
if (newScopeId) {
scopeId = newScopeId;
// we don't want to add this styleID to the appliedStyles Set
// since the cssVarShim might need to apply several different
// stylesheets for the same component
appliedStyles = null;
}
}
else {
styleElm = doc.createElement('style');
styleElm.innerHTML = style;
}
styleContainerNode.appendChild(styleElm);
}
if (appliedStyles) {
appliedStyles.add(scopeId);
}
}
}
else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
styleContainerNode.adoptedStyleSheets = styleContainerNode.adoptedStyleSheets.concat([
style
]);
}
}
return scopeId;
};
var attachStyles = function (elm, cmpMeta, mode) {
var styleId = addStyle(elm.getRootNode(), cmpMeta.$tagName$, mode, elm);
};
var getScopeId = function (tagName, mode) { return 'sc-' + (tagName); };
/**
* Production h() function based on Preact by
* Jason Miller (@developit)
* Licensed under the MIT License
* https://github.com/developit/preact/blob/master/LICENSE
*
* Modified for Stencil's compiler and vdom
*/
// const stack: any[] = [];
// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;
// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
var h = function (nodeName, vnodeData) {
var children = [];
for (var _i = 2; _i < arguments.length; _i++) {
children[_i - 2] = arguments[_i];
}
var child = null;
var simple = false;
var lastSimple = false;
var key;
var slotName;
var vNodeChildren = [];
var walk = function (c) {
for (var i = 0; i < c.length; i++) {
child = c[i];
if (Array.isArray(child)) {
walk(child);
}
else if (child != null && typeof child !== 'boolean') {
if (simple = typeof nodeName !== 'function' && !isComplexType(child)) {
child = String(child);
}
if (simple && lastSimple) {
// If the previous child was simple (string), we merge both
vNodeChildren[vNodeChildren.length - 1].$text$ += child;
}
else {
// Append a new vNode, if it's text, we create a text vNode
vNodeChildren.push(simple ? { $flags$: 0, $text$: child } : child);
}
lastSimple = simple;
}
}
};
walk(children);
if (vnodeData) {
// normalize class / classname attributes
{
key = vnodeData.key || undefined;
}
{
slotName = vnodeData.name;
}
{
var classData_1 = vnodeData.className || vnodeData.class;
if (classData_1) {
vnodeData.class = typeof classData_1 !== 'object'
? classData_1
: Object.keys(classData_1)
.filter(function (k) { return classData_1[k]; })
.join(' ');
}
}
}
if (typeof nodeName === 'function') {
// nodeName is a functional component
return nodeName(vnodeData, vNodeChildren, vdomFnUtils);
}
var vnode = {
$flags$: 0,
$tag$: nodeName,
$children$: vNodeChildren.length > 0 ? vNodeChildren : null,
$elm$: undefined,
$attrs$: vnodeData,
};
{
vnode.$key$ = key;
}
{
vnode.$name$ = slotName;
}
return vnode;
};
var Host = {};
var vdomFnUtils = {
'forEach': function (children, cb) { return children.map(convertToPublic).forEach(cb); },
'map': function (children, cb) { return children.map(convertToPublic).map(cb).map(convertToPrivate); }
};
var convertToPublic = function (node) {
return {
vattrs: node.$attrs$,
vchildren: node.$children$,
vkey: node.$key$,
vname: node.$name$,
vtag: node.$tag$,
vtext: node.$text$
};
};
var convertToPrivate = function (node) {
return {
$flags$: 0,
$attrs$: node.vattrs,
$children$: node.vchildren,
$key$: node.vkey,
$name$: node.vname,
$tag$: node.vtag,
$text$: node.vtext
};
};
/**
* Production setAccessor() function based on Preact by
* Jason Miller (@developit)
* Licensed under the MIT License
* https://github.com/developit/preact/blob/master/LICENSE
*
* Modified for Stencil's compiler and vdom
*/
var setAccessor = function (elm, memberName, oldValue, newValue, isSvg, flags) {
if (oldValue === newValue) {
return;
}
if (memberName === 'class' && !isSvg) {
// Class
{
var oldList_1 = parseClassList(oldValue);
var baseList_1 = parseClassList(elm.className).filter(function (item) { return !oldList_1.includes(item); });
elm.className = baseList_1.concat(parseClassList(newValue).filter(function (item) { return !baseList_1.includes(item); })).join(' ');
}
}
else if (memberName === 'style') {
// update style attribute, css properties and values
{
for (var prop in oldValue) {
if (!newValue || newValue[prop] == null) {
if (prop.includes('-')) {
elm.style.removeProperty(prop);
}
else {
elm.style[prop] = '';
}
}
}
}
for (var prop in newValue) {
if (!oldValue || newValue[prop] !== oldValue[prop]) {
if (prop.includes('-')) {
elm.style.setProperty(prop, newValue[prop]);
}
else {
elm.style[prop] = newValue[prop];
}
}
}
}
else if (memberName === 'key')
;
else if (memberName === 'ref') {
// minifier will clean this up
if (newValue) {
newValue(elm);
}
}
else if (memberName.startsWith('on') && !isMemberInElement(elm, memberName)) {
// Event Handlers
// so if the member name starts with "on" and the 3rd characters is
// a capital letter, and it's not already a member on the element,
// then we're assuming it's an event listener
if (isMemberInElement(elm, toLowerCase(memberName))) {
// standard event
// the JSX attribute could have been "onMouseOver" and the
// member name "onmouseover" is on the element's prototype
// so let's add the listener "mouseover", which is all lowercased
memberName = toLowerCase(memberName.substring(2));
}
else {
// custom event
// the JSX attribute could have been "onMyCustomEvent"
// so let's trim off the "on" prefix and lowercase the first character
// and add the listener "myCustomEvent"
// except for the first character, we keep the event name case
memberName = toLowerCase(memberName[2]) + memberName.substring(3);
}
if (oldValue) {
plt.rel(elm, memberName, oldValue, false);
}
if (newValue) {
plt.ael(elm, memberName, newValue, false);
}
}
else {
// Set property if it exists and it's not a SVG
var isProp = isMemberInElement(elm, memberName);
var isComplex = isComplexType(newValue);
if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
try {
elm[memberName] = newValue == null && elm.tagName.indexOf('-') === -1 ? '' : newValue;
}
catch (e) { }
}
if (newValue == null || newValue === false) {
{
elm.removeAttribute(memberName);
}
}
else if ((!isProp || (flags & 4 /* isHost */) || isSvg) && !isComplex) {
newValue = newValue === true ? '' : newValue.toString();
{
elm.setAttribute(memberName, newValue);
}
}
}
};
var parseClassList = function (value) { return (!value) ? [] : value.split(' '); };
var updateElement = function (oldVnode, newVnode, isSvgMode, memberName) {
// if the element passed in is a shadow root, which is a document fragment
// then we want to be adding attrs/props to the shadow root's "host" element
// if it's not a shadow root, then we add attrs/props to the same element
var elm = (newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host) ? newVnode.$elm$.host : newVnode.$elm$;
var oldVnodeAttrs = (oldVnode && oldVnode.$attrs$) || EMPTY_OBJ;
var newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
{
// remove attributes no longer present on the vnode by setting them to undefined
for (memberName in oldVnodeAttrs) {
if (newVnodeAttrs[memberName] == null && oldVnodeAttrs[memberName] != null) {
setAccessor(elm, memberName, oldVnodeAttrs[memberName], undefined, isSvgMode, newVnode.$flags$);
}
}
}
// add new & update changed attributes
for (memberName in newVnodeAttrs) {
setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode, newVnode.$flags$);
}
};
var scopeId;
var contentRef;
var hostTagName;
var useNativeShadowDom = false;
var checkSlotFallbackVisibility = false;
var checkSlotRelocate = false;
var isSvgMode = false;
var createElm = function (oldParentVNode, newParentVNode, childIndex, parentElm) {
// tslint:disable-next-line: prefer-const
var newVNode = newParentVNode.$children$[childIndex];
var i = 0;
var elm;
var childNode;
var oldVNode;
if (!useNativeShadowDom) {
// remember for later we need to check to relocate nodes
checkSlotRelocate = true;
if (newVNode.$tag$ === 'slot') {
if (scopeId) {
// scoped css needs to add its scoped id to the parent element
parentElm.classList.add(scopeId + '-s');
}
if (!newVNode.$children$) {
// slot element does not have fallback content
// create an html comment we'll use to always reference
// where actual slot content should sit next to
newVNode.$flags$ |= 1 /* isSlotReference */;
}
else {
// slot element has fallback content
// still create an element that "mocks" the slot element
newVNode.$flags$ |= 2 /* isSlotFallback */;
}
}
}
if (isDef(newVNode.$text$)) {
// create text node
newVNode.$elm$ = doc.createTextNode(newVNode.$text$);
}
else if (newVNode.$flags$ & 1 /* isSlotReference */) {
// create a slot reference node
newVNode.$elm$ = doc.createTextNode('');
}
else {
// create element
elm = newVNode.$elm$ = (doc.createElement((newVNode.$flags$ & 2 /* isSlotFallback */) ? 'slot-fb' : newVNode.$tag$));
// add css classes, attrs, props, listeners, etc.
{
updateElement(null, newVNode, isSvgMode);
}
if (newVNode.$children$) {
for (i = 0; i < newVNode.$children$.length; ++i) {
// create the node
childNode = createElm(oldParentVNode, newVNode, i, elm);
// return node could have been null
if (childNode) {
// append our new node
elm.appendChild(childNode);
}
}
}
}
{
newVNode.$elm$['s-hn'] = hostTagName;
if (newVNode.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
// remember the content reference comment
newVNode.$elm$['s-sr'] = true;
// remember the content reference comment
newVNode.$elm$['s-cr'] = contentRef;
// remember the slot name, or empty string for default slot
newVNode.$elm$['s-sn'] = newVNode.$name$ || '';
// check if we've got an old vnode for this slot
oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
if (oldVNode && oldVNode.$tag$ === newVNode.$tag$ && oldParentVNode.$elm$) {
// we've got an old slot vnode and the wrapper is being replaced
// so let's move the old slot content back to it's original location
putBackInOriginalLocation(oldParentVNode.$elm$, false);
}
}
}
return newVNode.$elm$;
};
var putBackInOriginalLocation = function (parentElm, recursive) {
plt.$flags$ |= 1 /* isTmpDisconnected */;
var oldSlotChildNodes = parentElm.childNodes;
for (var i = oldSlotChildNodes.length - 1; i >= 0; i--) {
var childNode = oldSlotChildNodes[i];
if (childNode['s-hn'] !== hostTagName && childNode['s-ol']) {
// // this child node in the old element is from another component
// // remove this node from the old slot's parent
// childNode.remove();
// and relocate it back to it's original location
parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode));
// remove the old original location comment entirely
// later on the patch function will know what to do
// and move this to the correct spot in need be
childNode['s-ol'].remove();
childNode['s-ol'] = undefined;
checkSlotRelocate = true;
}
if (recursive) {
putBackInOriginalLocation(childNode, recursive);
}
}
plt.$flags$ &= ~1 /* isTmpDisconnected */;
};
var addVnodes = function (parentElm, before, parentVNode, vnodes, startIdx, endIdx) {
var containerElm = ((parentElm['s-cr'] && parentElm['s-cr'].parentNode) || parentElm);
var childNode;
for (; startIdx <= endIdx; ++startIdx) {
if (vnodes[startIdx]) {
childNode = createElm(null, parentVNode, startIdx, parentElm);
if (childNode) {
vnodes[startIdx].$elm$ = childNode;
containerElm.insertBefore(childNode, referenceNode(before));
}
}
}
};
var removeVnodes = function (vnodes, startIdx, endIdx, elm) {
for (; startIdx <= endIdx; ++startIdx) {
if (isDef(vnodes[startIdx])) {
elm = vnodes[startIdx].$elm$;
callNodeRefs(vnodes[startIdx], true);
{
// we're removing this element
// so it's possible we need to show slot fallback content now
checkSlotFallbackVisibility = true;
if (elm['s-ol']) {
// remove the original location comment
elm['s-ol'].remove();
}
else {
// it's possible that child nodes of the node
// that's being removed are slot nodes
putBackInOriginalLocation(elm, true);
}
}
// remove the vnode's element from the dom
elm.remove();
}
}
};
var updateChildren = function (parentElm, oldCh, newVNode, newCh) {
var oldStartIdx = 0;
var newStartIdx = 0;
var idxInOld = 0;
var i = 0;
var oldEndIdx = oldCh.length - 1;
var oldStartVnode = oldCh[0];
var oldEndVnode = oldCh[oldEndIdx];
var newEndIdx = newCh.length - 1;
var newStartVnode = newCh[0];
var newEndVnode = newCh[newEndIdx];
var node;
var elmToMove;
while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
if (oldStartVnode == null) {
// Vnode might have been moved left
oldStartVnode = oldCh[++oldStartIdx];
}
else if (oldEndVnode == null) {
oldEndVnode = oldCh[--oldEndIdx];
}
else if (newStartVnode == null) {
newStartVnode = newCh[++newStartIdx];
}
else if (newEndVnode == null) {
newEndVnode = newCh[--newEndIdx];
}
else if (isSameVnode(oldStartVnode, newStartVnode)) {
patch(oldStartVnode, newStartVnode);
oldStartVnode = oldCh[++oldStartIdx];
newStartVnode = newCh[++newStartIdx];
}
else if (isSameVnode(oldEndVnode, newEndVnode)) {
patch(oldEndVnode, newEndVnode);
oldEndVnode = oldCh[--oldEndIdx];
newEndVnode = newCh[--newEndIdx];
}
else if (isSameVnode(oldStartVnode, newEndVnode)) {
// Vnode moved right
if (oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot') {
putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
}
patch(oldStartVnode, newEndVnode);
parentElm.insertBefore(oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
oldStartVnode = oldCh[++oldStartIdx];
newEndVnode = newCh[--newEndIdx];
}
else if (isSameVnode(oldEndVnode, newStartVnode)) {
// Vnode moved left
if (oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot') {
putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
}
patch(oldEndVnode, newStartVnode);
parentElm.insertBefore(oldEndVnode.$elm$, oldStartVnode.$elm$);
oldEndVnode = oldCh[--oldEndIdx];
newStartVnode = newCh[++newStartIdx];
}
else {
// createKeyToOldIdx
idxInOld = -1;
{
for (i = oldStartIdx; i <= oldEndIdx; ++i) {
if (oldCh[i] && isDef(oldCh[i].$key$) && oldCh[i].$key$ === newStartVnode.$key$) {
idxInOld = i;
break;
}
}
}
if (idxInOld >= 0) {
elmToMove = oldCh[idxInOld];
if (elmToMove.$tag$ !== newStartVnode.$tag$) {
node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld, parentElm);
}
else {
patch(elmToMove, newStartVnode);
oldCh[idxInOld] = undefined;
node = elmToMove.$elm$;
}
newStartVnode = newCh[++newStartIdx];
}
else {
// new element
node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx, parentElm);
newStartVnode = newCh[++newStartIdx];
}
if (node) {
{
parentReferenceNode(oldStartVnode.$elm$).insertBefore(node, referenceNode(oldStartVnode.$elm$));
}
}
}
}
if (oldStartIdx > oldEndIdx) {
addVnodes(parentElm, (newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$), newVNode, newCh, newStartIdx, newEndIdx);
}
else if (newStartIdx > newEndIdx) {
removeVnodes(oldCh, oldStartIdx, oldEndIdx);
}
};
var isSameVnode = function (vnode1, vnode2) {
// compare if two vnode to see if they're "technically" the same
// need to have the same element tag, and same key to be the same
if (vnode1.$tag$ === vnode2.$tag$) {
if (vnode1.$tag$ === 'slot') {
return vnode1.$name$ === vnode2.$name$;
}
{
return vnode1.$key$ === vnode2.$key$;
}
return true;
}
return false;
};
var referenceNode = function (node) {
// this node was relocated to a new location in the dom
// because of some other component's slot
// but we still have an html comment in place of where
// it's original location was according to it's original vdom
return (node && node['s-ol']) || node;
};
var parentReferenceNode = function (node) { return (node['s-ol'] ? node['s-ol'] : node).parentNode; };
var patch = function (oldVNode, newVNode) {
var elm = newVNode.$elm$ = oldVNode.$elm$;
var oldChildren = oldVNode.$children$;
var newChildren = newVNode.$children$;
var defaultHolder;
if (!isDef(newVNode.$text$)) {
// element node
{
if (newVNode.$tag$ === 'slot')
;
else {
// either this is the first render of an element OR it's an update
// AND we already know it's possible it could have changed
// this updates the element's css classes, attrs, props, listeners, etc.
updateElement(oldVNode, newVNode, isSvgMode);
}
}
if (isDef(oldChildren) && isDef(newChildren)) {
// looks like there's child vnodes for both the old and new vnodes
updateChildren(elm, oldChildren, newVNode, newChildren);
}
else if (isDef(newChildren)) {
// no old child vnodes, but there are new child vnodes to add
if (isDef(oldVNode.$text$)) {
// the old vnode was text, so be sure to clear it out
elm.textContent = '';
}
// add the new vnode children
addVnodes(elm, null, newVNode, newChildren, 0, newChildren.length - 1);
}
else if (isDef(oldChildren)) {
// no new child vnodes, but there are old child vnodes to remove
removeVnodes(oldChildren, 0, oldChildren.length - 1);
}
}
else if (defaultHolder = elm['s-cr']) {
// this element has slotted content
defaultHolder.parentNode.textContent = newVNode.$text$;
}
else if (oldVNode.$text$ !== newVNode.$text$) {
// update the text content for the text only vnode
// and also only if the text is different than before
elm.textContent = newVNode.$text$;
}
};
var updateFallbackSlotVisibility = function (elm, childNode, childNodes, i, ilen, j, slotNameAttr, nodeType) {
childNodes = elm.childNodes;
for (i = 0, ilen = childNodes.length; i < ilen; i++) {
childNode = childNodes[i];
if (childNode.nodeType === 1 /* ElementNode */) {
if (childNode['s-sr']) {
// this is a slot fallback node
// get the slot name for this slot reference node
slotNameAttr = childNode['s-sn'];
// by default always show a fallback slot node
// then hide it if there are other slots in the light dom
childNode.hidden = false;
for (j = 0; j < ilen; j++) {
if (childNodes[j]['s-hn'] !== childNode['s-hn']) {
// this sibling node is from a different component
nodeType = childNodes[j].nodeType;
if (slotNameAttr !== '') {
// this is a named fallback slot node
if (nodeType === 1 /* ElementNode */ && slotNameAttr === childNodes[j].getAttribute('slot')) {
childNode.hidden = true;
break;
}
}
else {
// this is a default fallback slot node
// any element or text node (with content)
// should hide the default fallback slot node
if (nodeType === 1 /* ElementNode */ || (nodeType === 3 /* TextNode */ && childNodes[j].textContent.trim() !== '')) {
childNode.hidden = true;
break;
}
}
}
}
}
// keep drilling down
updateFallbackSlotVisibility(childNode);
}
}
};
var relocateNodes = [];
var relocateSlotContent = function (elm) {
// tslint:disable-next-line: prefer-const
var childNodes = elm.childNodes;
var ilen = childNodes.length;
var i = 0;
var j = 0;
var nodeType = 0;
var childNode;
var node;
var hostContentNodes;
var slotNameAttr;
for (ilen = childNodes.length; i < ilen; i++) {
childNode = childNodes[i];
if (childNode['s-sr'] && (node = childNode['s-cr'])) {
// first got the content reference comment node
// then we got it's parent, which is where all the host content is in now
hostContentNodes = node.parentNode.childNodes;
slotNameAttr = childNode['s-sn'];
for (j = hostContentNodes.length - 1; j >= 0; j--) {
node = hostContentNodes[j];
if (!node['s-cn'] && !node['s-nr'] && node['s-hn'] !== childNode['s-hn']) {
// let's do some relocating to its new home
// but never relocate a content reference node
// that is suppose to always represent the original content location
nodeType = node.nodeType;
if (((nodeType === 3 /* TextNode */ || nodeType === 8 /* CommentNode */) && slotNameAttr === '') ||
(nodeType === 1 /* ElementNode */ && node.getAttribute('slot') === null && slotNameAttr === '') ||
(nodeType === 1 /* ElementNode */ && node.getAttribute('slot') === slotNameAttr)) {
// it's possible we've already decided to relocate this node
if (!relocateNodes.some(function (r) { return r.nodeToRelocate === node; })) {
// made some changes to slots
// let's make sure we also double check
// fallbacks are correctly hidden or shown
checkSlotFallbackVisibility = true;
node['s-sn'] = slotNameAttr;
// add to our list of nodes to relocate
relocateNodes.push({
slotRefNode: childNode,
nodeToRelocate: node
});
}
}
}
}
}
if (childNode.nodeType === 1 /* ElementNode */) {
relocateSlotContent(childNode);
}
}
};
var callNodeRefs = function (vNode, isDestroy) {
if (vNode) {
vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(isDestroy ? null : vNode.$elm$);
vNode.$children$ && vNode.$children$.forEach(function (vChild) {
callNodeRefs(vChild, isDestroy);
});
}
};
var isHost = function (node) {
return node && node.$tag$ === Host;
};
var renderVdom = function (hostElm, hostRef, cmpMeta, renderFnResults) {
var oldVNode = hostRef.$vnode$ || { $flags$: 0 };
hostTagName = toLowerCase(hostElm.tagName);
if (isHost(renderFnResults)) {
renderFnResults.$tag$ = null;
}
else {
renderFnResults = h(null, null, renderFnResults);
}
if (BUILD.reflect && cmpMeta.$attrsToReflect$) {
renderFnResults.$attrs$ = renderFnResults.$attrs$ || {};
cmpMeta.$attrsToReflect$.forEach(function (_a) {
var propName = _a[0], attribute = _a[1];
return renderFnResults.$attrs$[attribute] = hostElm[propName];
});
}
renderFnResults.$flags$ |= 4 /* isHost */;
hostRef.$vnode$ = renderFnResults;
renderFnResults.$elm$ = oldVNode.$elm$ = (BUILD.shadowDom ? hostElm.shadowRoot || hostElm : hostElm);
if (BUILD.scoped || BUILD.shadowDom) {
scopeId = hostElm['s-sc'];
}
if (BUILD.slotRelocation) {
contentRef = hostElm['s-cr'];
useNativeShadowDom = supportsShadowDom && (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
// always reset
checkSlotRelocate = checkSlotFallbackVisibility = false;
}
// synchronous patch
patch(oldVNode, renderFnResults);
if (BUILD.slotRelocation) {
if (checkSlotRelocate) {
relocateSlotContent(renderFnResults.$elm$);
for (var i = 0; i < relocateNodes.length; i++) {
var relocateNode = relocateNodes[i];
if (!relocateNode.nodeToRelocate['s-ol']) {
// add a reference node marking this node's original location
// keep a reference to this node for later lookups
var orgLocationNode = (BUILD.isDebug || BUILD.hydrateServerSide)
? doc.createComment("org-loc")
: doc.createTextNode('');
orgLocationNode['s-nr'] = relocateNode.nodeToRelocate;
relocateNode.nodeToRelocate.parentNode.insertBefore((relocateNode.nodeToRelocate['s-ol'] = orgLocationNode), relocateNode.nodeToRelocate);
}
}
// while we're moving nodes around existing nodes, temporarily disable
// the disconnectCallback from working
plt.$flags$ |= 1 /* isTmpDisconnected */;
for (var i = 0; i < relocateNodes.length; i++) {
var relocateNode = relocateNodes[i];
// by default we're just going to insert it directly
// after the slot reference node
var parentNodeRef = relocateNode.slotRefNode.parentNode;
var insertBeforeNode = relocateNode.slotRefNode.nextSibling;
var orgLocationNode = relocateNode.nodeToRelocate['s-ol'];
while (orgLocationNode = orgLocationNode.previousSibling) {
var refNode = orgLocationNode['s-nr'];
if (refNode && refNode) {
if (refNode['s-sn'] === relocateNode.nodeToRelocate['s-sn']) {
if (parentNodeRef === refNode.parentNode) {
if ((refNode = refNode.nextSibling) && refNode && !refNode['s-nr']) {
insertBeforeNode = refNode;
break;
}
}
}
}
}
if ((!insertBeforeNode && parentNodeRef !== relocateNode.nodeToRelocate.parentNode) ||
(relocateNode.nodeToRelocate.nextSibling !== insertBeforeNode)) {
// we've checked that it's worth while to relocate
// since that the node to relocate
// has a different next sibling or parent relocated
if (relocateNode.nodeToRelocate !== insertBeforeNode) {
// add it back to the dom but in its new home
parentNodeRef.insertBefore(relocateNode.nodeToRelocate, insertBeforeNode);
}
}
}
// done moving nodes around
// allow the disconnect callback to work again
plt.$flags$ &= ~1 /* isTmpDisconnected */;
}
if (checkSlotFallbackVisibility) {
updateFallbackSlotVisibility(renderFnResults.$elm$);
}
// always reset
relocateNodes.length = 0;
}
};
var safeCall = function (instance, method) { return __awaiter(_this, void 0, void 0, function () {
var e_1;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
if (!(instance && instance[method])) return [3 /*break*/, 4];
_a.label = 1;
case 1:
_a.trys.push([1, 3, , 4]);
return [4 /*yield*/, instance[method]()];
case 2:
_a.sent();
return [3 /*break*/, 4];
case 3:
e_1 = _a.sent();
consoleError(e_1);
return [3 /*break*/, 4];
case 4: return [2 /*return*/];
}
});
}); };
var scheduleUpdate = function (elm, hostRef, cmpMeta, isInitialLoad) { return __awaiter(_this, void 0, void 0, function () {
var instance;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
{
hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
}
instance = hostRef.$lazyInstance$;
if (!isInitialLoad) return [3 /*break*/, 2];
return [4 /*yield*/, safeCall(instance, 'componentWillLoad')];
case 1:
_a.sent();
_a.label = 2;
case 2:
// there is no ancestorc omponent or the ancestor component
// has already fired off its lifecycle update then
// fire off the initial update
{
writeTask(function () { return updateComponent(elm, hostRef, cmpMeta, instance, isInitialLoad); });
}
return [2 /*return*/];
}
});
}); };
var updateComponent = function (elm, hostRef, cmpMeta, instance, isInitialLoad) {
// updateComponent
{
hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;
}
{
elm['s-lr'] = false;
}
if (isInitialLoad) {
// DOM WRITE!
attachStyles(elm, cmpMeta, hostRef.$modeName$);
}
{
{
// tell the platform we're actively rendering
// if a value is changed within a render() then
// this tells the platform not to queue the change
hostRef.$flags$ |= 4 /* isActiveRender */;
try {
// looks like we've got child nodes to render into this host element
// or we need to update the css class/attrs on the host element
// DOM WRITE!
renderVdom(elm, hostRef, cmpMeta, (BUILD.allRenderFn) ? instance.render() : (instance.render && instance.render()));
}
catch (e) {
consoleError(e);
}
hostRef.$flags$ &= ~4 /* isActiveRender */;
}
}
if (cssVarShim) {
cssVarShim.updateHost(elm);
}
// set that this component lifecycle rendering has completed
{
elm['s-lr'] = true;
}
{
hostRef.$flags$ |= 2 /* hasRendered */;
}
if (elm['s-rc'].length > 0) {
// ok, so turns out there are some child host elements
// waiting on this parent element to load
// let's fire off all update callbacks waiting
elm['s-rc'].forEach(function (cb) { return cb(); });
elm['s-rc'].length = 0;
}
postUpdateComponent(elm, hostRef);
};
var postUpdateComponent = function (elm, hostRef, ancestorsActivelyLoadingChildren) {
if (!elm['s-al']) {
var instance = hostRef.$lazyInstance$;
var ancestorComponent = hostRef.$ancestorComponent$;
if (!(hostRef.$flags$ & 512 /* hasLoadedComponent */)) {
hostRef.$flags$ |= 512 /* hasLoadedComponent */;
{
// DOM WRITE!
// add the css class that this element has officially hydrated
elm.classList.add(HYDRATED_CLASS);
}
{
safeCall(instance, 'componentDidLoad');
}
{
hostRef.$onReadyResolve$(elm);
}
if (!ancestorComponent) {
// on appload
// we have finish the first big initial render
doc.documentElement.classList.add(HYDRATED_CLASS);
{
setTimeout(function () { return plt.$flags$ |= 2; } /* appLoaded */, 999);
}
}
}
else {
{
// we've already loaded this component
// fire off the user's componentDidUpdate method (if one was provided)
// componentDidUpdate runs AFTER render() has been called
// and all child components have finished updating
safeCall(instance, 'componentDidUpdate');
}
}
// load events fire from bottom to top
// the deepest elements load first then bubbles up
if (ancestorComponent) {
// ok so this element already has a known ancestor component
// let's make sure we remove this element from its ancestor's
// known list of child elements which are actively loading
if (ancestorsActivelyLoadingChildren = ancestorComponent['s-al']) {
// remove this element from the activel