@ongov/ontario-design-system-component-library 5.0.0-alpha.6 → 6.0.0-alpha.1

package/dist/components/p-846438ed.js

@@ -1,1468 +0,0 @@
-const NAMESPACE = 'ontario-design-system-components';
-const BUILD = /* ontario-design-system-components */ {
-	allRenderFn: true,
-	appendChildSlotFix: false,
-	asyncLoading: true,
-	asyncQueue: false,
-	attachStyles: true,
-	cloneNodeFix: false,
-	cmpDidLoad: true,
-	cmpDidRender: true,
-	cmpDidUnload: false,
-	cmpDidUpdate: true,
-	cmpShouldUpdate: false,
-	cmpWillLoad: true,
-	cmpWillRender: false,
-	cmpWillUpdate: false,
-	connectedCallback: true,
-	constructableCSS: true,
-	cssAnnotations: true,
-	devTools: false,
-	disconnectedCallback: false,
-	element: false,
-	event: true,
-	experimentalScopedSlotChanges: false,
-	experimentalSlotFixes: false,
-	formAssociated: true,
-	hasRenderFn: true,
-	hostListener: true,
-	hostListenerTarget: true,
-	hostListenerTargetBody: false,
-	hostListenerTargetDocument: false,
-	hostListenerTargetParent: false,
-	hostListenerTargetWindow: true,
-	hotModuleReplacement: false,
-	hydrateClientSide: false,
-	hydrateServerSide: false,
-	hydratedAttribute: false,
-	hydratedClass: true,
-	hydratedSelectorName: 'hydrated',
-	invisiblePrehydration: true,
-	isDebug: false,
-	isDev: false,
-	isTesting: false,
-	lazyLoad: false,
-	lifecycle: true,
-	lifecycleDOMEvents: false,
-	member: true,
-	method: true,
-	mode: true,
-	modernPropertyDecls: true,
-	observeAttribute: true,
-	profile: false,
-	prop: true,
-	propBoolean: true,
-	propMutable: true,
-	propNumber: true,
-	propString: true,
-	reflect: false,
-	scoped: false,
-	scopedSlotTextContentFix: false,
-	scriptDataOpts: false,
-	shadowDelegatesFocus: false,
-	shadowDom: true,
-	slot: true,
-	slotChildNodesFix: false,
-	slotRelocation: false,
-	state: true,
-	style: true,
-	svg: true,
-	taskQueue: true,
-	updatable: true,
-	vdomAttribute: true,
-	vdomClass: true,
-	vdomFunctional: true,
-	vdomKey: true,
-	vdomListener: true,
-	vdomPropOrAttr: true,
-	vdomRef: true,
-	vdomRender: true,
-	vdomStyle: true,
-	vdomText: true,
-	vdomXlink: true,
-	watchCallback: true,
-};
-
-/*
- Stencil Client Platform v4.25.1 | MIT Licensed | https://stenciljs.com
- */
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-	for (var name in all) __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/utils/constants.ts
-var SVG_NS = 'http://www.w3.org/2000/svg';
-var HTML_NS = 'http://www.w3.org/1999/xhtml';
-
-// src/utils/es2022-rewire-class-members.ts
-var reWireGetterSetter = (instance, hostRef) => {
-	var _a;
-	const cmpMeta = hostRef.$cmpMeta$;
-	const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
-	members.map(([memberName, [memberFlags]]) => {
-		if (memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */) {
-			const ogValue = instance[memberName];
-			const ogDescriptor = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(instance), memberName);
-			Object.defineProperty(instance, memberName, {
-				get() {
-					return ogDescriptor.get.call(this);
-				},
-				set(newValue) {
-					ogDescriptor.set.call(this, newValue);
-				},
-				configurable: true,
-				enumerable: true,
-			});
-			instance[memberName] = hostRef.$instanceValues$.has(memberName)
-				? hostRef.$instanceValues$.get(memberName)
-				: ogValue;
-		}
-	});
-};
-
-// src/client/client-host-ref.ts
-var hostRefs = /* @__PURE__ */ new WeakMap();
-var deleteHostRef = (ref) => hostRefs.delete(ref);
-var getHostRef = (ref) => hostRefs.get(ref);
-var registerHost = (hostElement, cmpMeta) => {
-	const hostRef = {
-		$flags$: 0,
-		$hostElement$: hostElement,
-		$cmpMeta$: cmpMeta,
-		$instanceValues$: /* @__PURE__ */ new Map(),
-	};
-	{
-		hostRef.$onReadyPromise$ = new Promise((r) => (hostRef.$onReadyResolve$ = r));
-		hostElement['s-p'] = [];
-		hostElement['s-rc'] = [];
-	}
-	const ref = hostRefs.set(hostElement, hostRef);
-	{
-		reWireGetterSetter(hostElement, hostRef);
-	}
-	return ref;
-};
-var isMemberInElement = (elm, memberName) => memberName in elm;
-var consoleError = (e, el) => (0, console.error)(e, el);
-
-// src/client/client-style.ts
-var styles = /* @__PURE__ */ new Map();
-var modeResolutionChain = [];
-var HYDRATED_STYLE_ID = 'sty-id';
-var SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';
-var XLINK_NS = 'http://www.w3.org/1999/xlink';
-var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
-	'formAssociatedCallback',
-	'formResetCallback',
-	'formDisabledCallback',
-	'formStateRestoreCallback',
-];
-var win = typeof window !== 'undefined' ? window : {};
-var doc = win.document || { head: {} };
-var H = win.HTMLElement || class {};
-var plt = {
-	$flags$: 0,
-	$resourcesUrl$: '',
-	jmp: (h2) => h2(),
-	raf: (h2) => requestAnimationFrame(h2),
-	ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
-	rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
-	ce: (eventName, opts) => new CustomEvent(eventName, opts),
-};
-var supportsListenerOptions = /* @__PURE__ */ (() => {
-	let supportsListenerOptions2 = false;
-	try {
-		doc.addEventListener(
-			'e',
-			null,
-			Object.defineProperty({}, 'passive', {
-				get() {
-					supportsListenerOptions2 = true;
-				},
-			}),
-		);
-	} catch (e) {}
-	return supportsListenerOptions2;
-})();
-var promiseResolve = (v) => Promise.resolve(v);
-var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
-	try {
-		new CSSStyleSheet();
-		return typeof new CSSStyleSheet().replaceSync === 'function';
-	} catch (e) {}
-	return false;
-})();
-var queuePending = false;
-var queueDomReads = [];
-var queueDomWrites = [];
-var queueTask = (queue, write) => (cb) => {
-	queue.push(cb);
-	if (!queuePending) {
-		queuePending = true;
-		if (write && plt.$flags$ & 4 /* queueSync */) {
-			nextTick(flush);
-		} else {
-			plt.raf(flush);
-		}
-	}
-};
-var consume = (queue) => {
-	for (let i2 = 0; i2 < queue.length; i2++) {
-		try {
-			queue[i2](performance.now());
-		} catch (e) {
-			consoleError(e);
-		}
-	}
-	queue.length = 0;
-};
-var flush = () => {
-	consume(queueDomReads);
-	{
-		consume(queueDomWrites);
-		if ((queuePending = queueDomReads.length > 0)) {
-			plt.raf(flush);
-		}
-	}
-};
-var nextTick = (cb) => promiseResolve().then(cb);
-var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
-
-// src/runtime/asset-path.ts
-var getAssetPath = (path) => {
-	const assetUrl = new URL(path, plt.$resourcesUrl$);
-	return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
-};
-var setAssetPath = (path) => (plt.$resourcesUrl$ = path);
-var isComplexType = (o) => {
-	o = typeof o;
-	return o === 'object' || o === 'function';
-};
-
-// src/utils/query-nonce-meta-tag-content.ts
-function queryNonceMetaTagContent(doc2) {
-	var _a, _b, _c;
-	return (_c =
-		(_b = (_a = doc2.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null
-			? void 0
-			: _b.getAttribute('content')) != null
-		? _c
-		: void 0;
-}
-
-// src/utils/result.ts
-var result_exports = {};
-__export(result_exports, {
-	err: () => err,
-	map: () => map,
-	ok: () => ok,
-	unwrap: () => unwrap,
-	unwrapErr: () => unwrapErr,
-});
-var ok = (value) => ({
-	isOk: true,
-	isErr: false,
-	value,
-});
-var err = (value) => ({
-	isOk: false,
-	isErr: true,
-	value,
-});
-function map(result, fn) {
-	if (result.isOk) {
-		const val = fn(result.value);
-		if (val instanceof Promise) {
-			return val.then((newVal) => ok(newVal));
-		} else {
-			return ok(val);
-		}
-	}
-	if (result.isErr) {
-		const value = result.value;
-		return err(value);
-	}
-	throw 'should never get here';
-}
-var unwrap = (result) => {
-	if (result.isOk) {
-		return result.value;
-	} else {
-		throw result.value;
-	}
-};
-var unwrapErr = (result) => {
-	if (result.isErr) {
-		return result.value;
-	} else {
-		throw result.value;
-	}
-};
-var createTime = (fnName, tagName = '') => {
-	{
-		return () => {
-			return;
-		};
-	}
-};
-var h = (nodeName, vnodeData, ...children) => {
-	let child = null;
-	let key = null;
-	let simple = false;
-	let lastSimple = false;
-	const vNodeChildren = [];
-	const walk = (c) => {
-		for (let i2 = 0; i2 < c.length; i2++) {
-			child = c[i2];
-			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) {
-					vNodeChildren[vNodeChildren.length - 1].$text$ += child;
-				} else {
-					vNodeChildren.push(simple ? newVNode(null, child) : child);
-				}
-				lastSimple = simple;
-			}
-		}
-	};
-	walk(children);
-	if (vnodeData) {
-		if (vnodeData.key) {
-			key = vnodeData.key;
-		}
-		{
-			const classData = vnodeData.className || vnodeData.class;
-			if (classData) {
-				vnodeData.class =
-					typeof classData !== 'object'
-						? classData
-						: Object.keys(classData)
-								.filter((k) => classData[k])
-								.join(' ');
-			}
-		}
-	}
-	if (typeof nodeName === 'function') {
-		return nodeName(vnodeData === null ? {} : vnodeData, vNodeChildren, vdomFnUtils);
-	}
-	const vnode = newVNode(nodeName, null);
-	vnode.$attrs$ = vnodeData;
-	if (vNodeChildren.length > 0) {
-		vnode.$children$ = vNodeChildren;
-	}
-	{
-		vnode.$key$ = key;
-	}
-	return vnode;
-};
-var newVNode = (tag, text) => {
-	const vnode = {
-		$flags$: 0,
-		$tag$: tag,
-		$text$: text,
-		$elm$: null,
-		$children$: null,
-	};
-	{
-		vnode.$attrs$ = null;
-	}
-	{
-		vnode.$key$ = null;
-	}
-	return vnode;
-};
-var Host = {};
-var isHost = (node) => node && node.$tag$ === Host;
-var vdomFnUtils = {
-	forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
-	map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate),
-};
-var convertToPublic = (node) => ({
-	vattrs: node.$attrs$,
-	vchildren: node.$children$,
-	vkey: node.$key$,
-	vname: node.$name$,
-	vtag: node.$tag$,
-	vtext: node.$text$,
-});
-var convertToPrivate = (node) => {
-	if (typeof node.vtag === 'function') {
-		const vnodeData = { ...node.vattrs };
-		if (node.vkey) {
-			vnodeData.key = node.vkey;
-		}
-		if (node.vname) {
-			vnodeData.name = node.vname;
-		}
-		return h(node.vtag, vnodeData, ...(node.vchildren || []));
-	}
-	const vnode = newVNode(node.vtag, node.vtext);
-	vnode.$attrs$ = node.vattrs;
-	vnode.$children$ = node.vchildren;
-	vnode.$key$ = node.vkey;
-	vnode.$name$ = node.vname;
-	return vnode;
-};
-
-// src/runtime/mode.ts
-var computeMode = (elm) => modeResolutionChain.map((h2) => h2(elm)).find((m) => !!m);
-var setMode = (handler) => modeResolutionChain.push(handler);
-var parsePropertyValue = (propValue, propType) => {
-	if (propValue != null && !isComplexType(propValue)) {
-		if (propType & 4 /* Boolean */) {
-			return propValue === 'false' ? false : propValue === '' || !!propValue;
-		}
-		if (propType & 2 /* Number */) {
-			return parseFloat(propValue);
-		}
-		if (propType & 1 /* String */) {
-			return String(propValue);
-		}
-		return propValue;
-	}
-	return propValue;
-};
-var getElement = (ref) => ref;
-
-// src/runtime/event-emitter.ts
-var createEvent = (ref, name, flags) => {
-	const elm = getElement(ref);
-	return {
-		emit: (detail) => {
-			return emitEvent(elm, name, {
-				bubbles: !!((flags & 4) /* Bubbles */),
-				composed: !!((flags & 2) /* Composed */),
-				cancelable: !!((flags & 1) /* Cancellable */),
-				detail,
-			});
-		},
-	};
-};
-var emitEvent = (elm, name, opts) => {
-	const ev = plt.ce(name, opts);
-	elm.dispatchEvent(ev);
-	return ev;
-};
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
-var registerStyle = (scopeId2, cssText, allowCS) => {
-	let style = styles.get(scopeId2);
-	if (supportsConstructableStylesheets && allowCS) {
-		style = style || new CSSStyleSheet();
-		if (typeof style === 'string') {
-			style = cssText;
-		} else {
-			style.replaceSync(cssText);
-		}
-	} else {
-		style = cssText;
-	}
-	styles.set(scopeId2, style);
-};
-var addStyle = (styleContainerNode, cmpMeta, mode) => {
-	var _a;
-	const scopeId2 = getScopeId(cmpMeta, mode);
-	const style = styles.get(scopeId2);
-	styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
-	if (style) {
-		if (typeof style === 'string') {
-			styleContainerNode = styleContainerNode.head || styleContainerNode;
-			let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-			let styleElm;
-			if (!appliedStyles) {
-				rootAppliedStyles.set(styleContainerNode, (appliedStyles = /* @__PURE__ */ new Set()));
-			}
-			if (!appliedStyles.has(scopeId2)) {
-				{
-					styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement('style');
-					styleElm.innerHTML = style;
-					const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
-					if (nonce != null) {
-						styleElm.setAttribute('nonce', nonce);
-					}
-					if (!((cmpMeta.$flags$ & 1) /* shadowDomEncapsulation */)) {
-						if (styleContainerNode.nodeName === 'HEAD') {
-							const preconnectLinks = styleContainerNode.querySelectorAll('link[rel=preconnect]');
-							const referenceNode2 =
-								preconnectLinks.length > 0
-									? preconnectLinks[preconnectLinks.length - 1].nextSibling
-									: styleContainerNode.querySelector('style');
-							styleContainerNode.insertBefore(
-								styleElm,
-								(referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode
-									? referenceNode2
-									: null,
-							);
-						} else if ('host' in styleContainerNode) {
-							if (supportsConstructableStylesheets) {
-								const stylesheet = new CSSStyleSheet();
-								stylesheet.replaceSync(style);
-								styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
-							} else {
-								const existingStyleContainer = styleContainerNode.querySelector('style');
-								if (existingStyleContainer) {
-									existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
-								} else {
-									styleContainerNode.prepend(styleElm);
-								}
-							}
-						} else {
-							styleContainerNode.append(styleElm);
-						}
-					}
-					if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== 'HEAD') {
-						styleContainerNode.insertBefore(styleElm, null);
-					}
-				}
-				if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-					styleElm.innerHTML += SLOT_FB_CSS;
-				}
-				if (appliedStyles) {
-					appliedStyles.add(scopeId2);
-				}
-			}
-		} else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
-			styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
-		}
-	}
-	return scopeId2;
-};
-var attachStyles = (hostRef) => {
-	const cmpMeta = hostRef.$cmpMeta$;
-	const elm = hostRef.$hostElement$;
-	const flags = cmpMeta.$flags$;
-	const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
-	const scopeId2 = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta, hostRef.$modeName$);
-	if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
-		elm['s-sc'] = scopeId2;
-		elm.classList.add(scopeId2 + '-h');
-	}
-	endAttachStyles();
-};
-var getScopeId = (cmp, mode) =>
-	'sc-' + (mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + '-' + mode : cmp.$tagName$);
-var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
-	if (oldValue !== newValue) {
-		let isProp = isMemberInElement(elm, memberName);
-		let ln = memberName.toLowerCase();
-		if (memberName === 'class') {
-			const classList = elm.classList;
-			const oldClasses = parseClassList(oldValue);
-			let newClasses = parseClassList(newValue);
-			{
-				classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
-				classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
-			}
-		} else if (memberName === 'style') {
-			{
-				for (const prop in oldValue) {
-					if (!newValue || newValue[prop] == null) {
-						if (prop.includes('-')) {
-							elm.style.removeProperty(prop);
-						} else {
-							elm.style[prop] = '';
-						}
-					}
-				}
-			}
-			for (const 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') {
-			if (newValue) {
-				newValue(elm);
-			}
-		} else if (!elm.__lookupSetter__(memberName) && memberName[0] === 'o' && memberName[1] === 'n') {
-			if (memberName[2] === '-') {
-				memberName = memberName.slice(3);
-			} else if (isMemberInElement(win, ln)) {
-				memberName = ln.slice(2);
-			} else {
-				memberName = ln[2] + memberName.slice(3);
-			}
-			if (oldValue || newValue) {
-				const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
-				memberName = memberName.replace(CAPTURE_EVENT_REGEX, '');
-				if (oldValue) {
-					plt.rel(elm, memberName, oldValue, capture);
-				}
-				if (newValue) {
-					plt.ael(elm, memberName, newValue, capture);
-				}
-			}
-		} else {
-			const isComplex = isComplexType(newValue);
-			if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
-				try {
-					if (!elm.tagName.includes('-')) {
-						const n = newValue == null ? '' : newValue;
-						if (memberName === 'list') {
-							isProp = false;
-						} else if (oldValue == null || elm[memberName] != n) {
-							if (typeof elm.__lookupSetter__(memberName) === 'function') {
-								elm[memberName] = n;
-							} else {
-								elm.setAttribute(memberName, n);
-							}
-						}
-					} else if (elm[memberName] !== newValue) {
-						elm[memberName] = newValue;
-					}
-				} catch (e) {}
-			}
-			let xlink = false;
-			{
-				if (ln !== (ln = ln.replace(/^xlink\:?/, ''))) {
-					memberName = ln;
-					xlink = true;
-				}
-			}
-			if (newValue == null || newValue === false) {
-				if (newValue !== false || elm.getAttribute(memberName) === '') {
-					if (xlink) {
-						elm.removeAttributeNS(XLINK_NS, memberName);
-					} else {
-						elm.removeAttribute(memberName);
-					}
-				}
-			} else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
-				newValue = newValue === true ? '' : newValue;
-				if (xlink) {
-					elm.setAttributeNS(XLINK_NS, memberName, newValue);
-				} else {
-					elm.setAttribute(memberName, newValue);
-				}
-			}
-		}
-	}
-};
-var parseClassListRegex = /\s/;
-var parseClassList = (value) => {
-	if (typeof value === 'object' && value && 'baseVal' in value) {
-		value = value.baseVal;
-	}
-	if (!value || typeof value !== 'string') {
-		return [];
-	}
-	return value.split(parseClassListRegex);
-};
-var CAPTURE_EVENT_SUFFIX = 'Capture';
-var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + '$');
-
-// src/runtime/vdom/update-element.ts
-var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
-	const elm =
-		newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
-	const oldVnodeAttrs = (oldVnode && oldVnode.$attrs$) || {};
-	const newVnodeAttrs = newVnode.$attrs$ || {};
-	{
-		for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
-			if (!(memberName in newVnodeAttrs)) {
-				setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
-			}
-		}
-	}
-	for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
-		setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
-	}
-};
-function sortedAttrNames(attrNames) {
-	return attrNames.includes('ref')
-		? // we need to sort these to ensure that `'ref'` is the last attr
-			[...attrNames.filter((attr) => attr !== 'ref'), 'ref']
-		: // no need to sort, return the original array
-			attrNames;
-}
-var hostTagName;
-var useNativeShadowDom = false;
-var isSvgMode = false;
-var createElm = (oldParentVNode, newParentVNode, childIndex) => {
-	const newVNode2 = newParentVNode.$children$[childIndex];
-	let i2 = 0;
-	let elm;
-	let childNode;
-	if (newVNode2.$text$ !== null) {
-		elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
-	} else {
-		if (!isSvgMode) {
-			isSvgMode = newVNode2.$tag$ === 'svg';
-		}
-		elm = newVNode2.$elm$ = doc.createElementNS(
-			isSvgMode ? SVG_NS : HTML_NS,
-			!useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */
-				? 'slot-fb'
-				: newVNode2.$tag$,
-		);
-		if (isSvgMode && newVNode2.$tag$ === 'foreignObject') {
-			isSvgMode = false;
-		}
-		{
-			updateElement(null, newVNode2, isSvgMode);
-		}
-		if (newVNode2.$children$) {
-			for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
-				childNode = createElm(oldParentVNode, newVNode2, i2);
-				if (childNode) {
-					elm.appendChild(childNode);
-				}
-			}
-		}
-		{
-			if (newVNode2.$tag$ === 'svg') {
-				isSvgMode = false;
-			} else if (elm.tagName === 'foreignObject') {
-				isSvgMode = true;
-			}
-		}
-	}
-	elm['s-hn'] = hostTagName;
-	return elm;
-};
-var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
-	let containerElm = parentElm;
-	let childNode;
-	if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
-		containerElm = containerElm.shadowRoot;
-	}
-	for (; startIdx <= endIdx; ++startIdx) {
-		if (vnodes[startIdx]) {
-			childNode = createElm(null, parentVNode, startIdx);
-			if (childNode) {
-				vnodes[startIdx].$elm$ = childNode;
-				insertBefore(containerElm, childNode, before);
-			}
-		}
-	}
-};
-var removeVnodes = (vnodes, startIdx, endIdx) => {
-	for (let index = startIdx; index <= endIdx; ++index) {
-		const vnode = vnodes[index];
-		if (vnode) {
-			const elm = vnode.$elm$;
-			nullifyVNodeRefs(vnode);
-			if (elm) {
-				elm.remove();
-			}
-		}
-	}
-};
-var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {
-	let oldStartIdx = 0;
-	let newStartIdx = 0;
-	let idxInOld = 0;
-	let i2 = 0;
-	let oldEndIdx = oldCh.length - 1;
-	let oldStartVnode = oldCh[0];
-	let oldEndVnode = oldCh[oldEndIdx];
-	let newEndIdx = newCh.length - 1;
-	let newStartVnode = newCh[0];
-	let newEndVnode = newCh[newEndIdx];
-	let node;
-	let elmToMove;
-	while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
-		if (oldStartVnode == null) {
-			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, isInitialRender)) {
-			patch(oldStartVnode, newStartVnode, isInitialRender);
-			oldStartVnode = oldCh[++oldStartIdx];
-			newStartVnode = newCh[++newStartIdx];
-		} else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
-			patch(oldEndVnode, newEndVnode, isInitialRender);
-			oldEndVnode = oldCh[--oldEndIdx];
-			newEndVnode = newCh[--newEndIdx];
-		} else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
-			patch(oldStartVnode, newEndVnode, isInitialRender);
-			insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
-			oldStartVnode = oldCh[++oldStartIdx];
-			newEndVnode = newCh[--newEndIdx];
-		} else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
-			patch(oldEndVnode, newStartVnode, isInitialRender);
-			insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
-			oldEndVnode = oldCh[--oldEndIdx];
-			newStartVnode = newCh[++newStartIdx];
-		} else {
-			idxInOld = -1;
-			{
-				for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {
-					if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
-						idxInOld = i2;
-						break;
-					}
-				}
-			}
-			if (idxInOld >= 0) {
-				elmToMove = oldCh[idxInOld];
-				if (elmToMove.$tag$ !== newStartVnode.$tag$) {
-					node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
-				} else {
-					patch(elmToMove, newStartVnode, isInitialRender);
-					oldCh[idxInOld] = void 0;
-					node = elmToMove.$elm$;
-				}
-				newStartVnode = newCh[++newStartIdx];
-			} else {
-				node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
-				newStartVnode = newCh[++newStartIdx];
-			}
-			if (node) {
-				{
-					insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
-				}
-			}
-		}
-	}
-	if (oldStartIdx > oldEndIdx) {
-		addVnodes(
-			parentElm,
-			newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$,
-			newVNode2,
-			newCh,
-			newStartIdx,
-			newEndIdx,
-		);
-	} else if (newStartIdx > newEndIdx) {
-		removeVnodes(oldCh, oldStartIdx, oldEndIdx);
-	}
-};
-var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
-	if (leftVNode.$tag$ === rightVNode.$tag$) {
-		if (!isInitialRender) {
-			return leftVNode.$key$ === rightVNode.$key$;
-		}
-		if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
-			leftVNode.$key$ = rightVNode.$key$;
-		}
-		return true;
-	}
-	return false;
-};
-var patch = (oldVNode, newVNode2, isInitialRender = false) => {
-	const elm = (newVNode2.$elm$ = oldVNode.$elm$);
-	const oldChildren = oldVNode.$children$;
-	const newChildren = newVNode2.$children$;
-	const tag = newVNode2.$tag$;
-	const text = newVNode2.$text$;
-	if (text === null) {
-		{
-			isSvgMode = tag === 'svg' ? true : tag === 'foreignObject' ? false : isSvgMode;
-		}
-		{
-			if (tag === 'slot' && !useNativeShadowDom);
-			else {
-				updateElement(oldVNode, newVNode2, isSvgMode);
-			}
-		}
-		if (oldChildren !== null && newChildren !== null) {
-			updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
-		} else if (newChildren !== null) {
-			if (oldVNode.$text$ !== null) {
-				elm.textContent = '';
-			}
-			addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
-		} else if (
-			// don't do this on initial render as it can cause non-hydrated content to be removed
-			!isInitialRender &&
-			BUILD.updatable &&
-			oldChildren !== null
-		) {
-			removeVnodes(oldChildren, 0, oldChildren.length - 1);
-		}
-		if (isSvgMode && tag === 'svg') {
-			isSvgMode = false;
-		}
-	} else if (oldVNode.$text$ !== text) {
-		elm.data = text;
-	}
-};
-var nullifyVNodeRefs = (vNode) => {
-	{
-		vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
-		vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
-	}
-};
-var insertBefore = (parent, newNode, reference) => {
-	{
-		return parent == null ? void 0 : parent.insertBefore(newNode, reference);
-	}
-};
-var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
-	const hostElm = hostRef.$hostElement$;
-	const cmpMeta = hostRef.$cmpMeta$;
-	const oldVNode = hostRef.$vnode$ || newVNode(null, null);
-	const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
-	hostTagName = hostElm.tagName;
-	if (isInitialLoad && rootVnode.$attrs$) {
-		for (const key of Object.keys(rootVnode.$attrs$)) {
-			if (hostElm.hasAttribute(key) && !['key', 'ref', 'style', 'class'].includes(key)) {
-				rootVnode.$attrs$[key] = hostElm[key];
-			}
-		}
-	}
-	rootVnode.$tag$ = null;
-	rootVnode.$flags$ |= 4 /* isHost */;
-	hostRef.$vnode$ = rootVnode;
-	rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm;
-	useNativeShadowDom = (cmpMeta.$flags$ & 1) /* shadowDomEncapsulation */ !== 0;
-	patch(oldVNode, rootVnode, isInitialLoad);
-};
-
-// src/runtime/update-component.ts
-var attachToAncestor = (hostRef, ancestorComponent) => {
-	if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent['s-p']) {
-		const index = ancestorComponent['s-p'].push(
-			new Promise(
-				(r) =>
-					(hostRef.$onRenderResolve$ = () => {
-						ancestorComponent['s-p'].splice(index - 1, 1);
-						r();
-					}),
-			),
-		);
-	}
-};
-var scheduleUpdate = (hostRef, isInitialLoad) => {
-	{
-		hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
-	}
-	if (hostRef.$flags$ & 4 /* isWaitingForChildren */) {
-		hostRef.$flags$ |= 512 /* needsRerender */;
-		return;
-	}
-	attachToAncestor(hostRef, hostRef.$ancestorComponent$);
-	const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
-	return writeTask(dispatch);
-};
-var dispatchHooks = (hostRef, isInitialLoad) => {
-	const elm = hostRef.$hostElement$;
-	const endSchedule = createTime('scheduleUpdate', hostRef.$cmpMeta$.$tagName$);
-	const instance = elm;
-	if (!instance) {
-		throw new Error(
-			`Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`,
-		);
-	}
-	let maybePromise;
-	if (isInitialLoad) {
-		{
-			maybePromise = safeCall(instance, 'componentWillLoad', void 0, elm);
-		}
-	}
-	endSchedule();
-	return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
-};
-var enqueue = (maybePromise, fn) =>
-	isPromisey(maybePromise)
-		? maybePromise.then(fn).catch((err2) => {
-				console.error(err2);
-				fn();
-			})
-		: fn();
-var isPromisey = (maybePromise) =>
-	maybePromise instanceof Promise || (maybePromise && maybePromise.then && typeof maybePromise.then === 'function');
-var updateComponent = async (hostRef, instance, isInitialLoad) => {
-	var _a;
-	const elm = hostRef.$hostElement$;
-	const endUpdate = createTime('update', hostRef.$cmpMeta$.$tagName$);
-	const rc = elm['s-rc'];
-	if (isInitialLoad) {
-		attachStyles(hostRef);
-	}
-	const endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);
-	{
-		callRender(hostRef, instance, elm, isInitialLoad);
-	}
-	if (rc) {
-		rc.map((cb) => cb());
-		elm['s-rc'] = void 0;
-	}
-	endRender();
-	endUpdate();
-	{
-		const childrenPromises = (_a = elm['s-p']) != null ? _a : [];
-		const postUpdate = () => postUpdateComponent(hostRef);
-		if (childrenPromises.length === 0) {
-			postUpdate();
-		} else {
-			Promise.all(childrenPromises).then(postUpdate);
-			hostRef.$flags$ |= 4 /* isWaitingForChildren */;
-			childrenPromises.length = 0;
-		}
-	}
-};
-var callRender = (hostRef, instance, elm, isInitialLoad) => {
-	try {
-		instance = instance.render();
-		{
-			hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;
-		}
-		{
-			hostRef.$flags$ |= 2 /* hasRendered */;
-		}
-		{
-			{
-				{
-					renderVdom(hostRef, instance, isInitialLoad);
-				}
-			}
-		}
-	} catch (e) {
-		consoleError(e, hostRef.$hostElement$);
-	}
-	return null;
-};
-var postUpdateComponent = (hostRef) => {
-	const tagName = hostRef.$cmpMeta$.$tagName$;
-	const elm = hostRef.$hostElement$;
-	const endPostUpdate = createTime('postUpdate', tagName);
-	const instance = elm;
-	const ancestorComponent = hostRef.$ancestorComponent$;
-	{
-		safeCall(instance, 'componentDidRender', void 0, elm);
-	}
-	if (!((hostRef.$flags$ & 64) /* hasLoadedComponent */)) {
-		hostRef.$flags$ |= 64 /* hasLoadedComponent */;
-		{
-			addHydratedFlag(elm);
-		}
-		{
-			safeCall(instance, 'componentDidLoad', void 0, elm);
-		}
-		endPostUpdate();
-		{
-			hostRef.$onReadyResolve$(elm);
-			if (!ancestorComponent) {
-				appDidLoad();
-			}
-		}
-	} else {
-		{
-			safeCall(instance, 'componentDidUpdate', void 0, elm);
-		}
-		endPostUpdate();
-	}
-	{
-		if (hostRef.$onRenderResolve$) {
-			hostRef.$onRenderResolve$();
-			hostRef.$onRenderResolve$ = void 0;
-		}
-		if (hostRef.$flags$ & 512 /* needsRerender */) {
-			nextTick(() => scheduleUpdate(hostRef, false));
-		}
-		hostRef.$flags$ &= ~((4 /* isWaitingForChildren */ | 512) /* needsRerender */);
-	}
-};
-var appDidLoad = (who) => {
-	{
-		addHydratedFlag(doc.documentElement);
-	}
-	nextTick(() => emitEvent(win, 'appload', { detail: { namespace: NAMESPACE } }));
-};
-var safeCall = (instance, method, arg, elm) => {
-	if (instance && instance[method]) {
-		try {
-			return instance[method](arg);
-		} catch (e) {
-			consoleError(e, elm);
-		}
-	}
-	return void 0;
-};
-var addHydratedFlag = (elm) => {
-	var _a;
-	return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : 'hydrated');
-};
-
-// src/runtime/set-value.ts
-var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
-var setValue = (ref, propName, newVal, cmpMeta) => {
-	const hostRef = getHostRef(ref);
-	const elm = ref;
-	const oldVal = hostRef.$instanceValues$.get(propName);
-	const flags = hostRef.$flags$;
-	const instance = elm;
-	newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
-	const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
-	const didValueChange = newVal !== oldVal && !areBothNaN;
-	if (didValueChange) {
-		hostRef.$instanceValues$.set(propName, newVal);
-		{
-			if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
-				const watchMethods = cmpMeta.$watchers$[propName];
-				if (watchMethods) {
-					watchMethods.map((watchMethodName) => {
-						try {
-							instance[watchMethodName](newVal, oldVal, propName);
-						} catch (e) {
-							consoleError(e, elm);
-						}
-					});
-				}
-			}
-			if ((flags & (2 /* hasRendered */ | 16) /* isQueuedForUpdate */) === 2 /* hasRendered */) {
-				scheduleUpdate(hostRef, false);
-			}
-		}
-	}
-};
-
-// src/runtime/proxy-component.ts
-var proxyComponent = (Cstr, cmpMeta, flags) => {
-	var _a, _b;
-	const prototype = Cstr.prototype;
-	if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
-		FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
-			const originalFormAssociatedCallback = prototype[cbName];
-			Object.defineProperty(prototype, cbName, {
-				value(...args) {
-					const hostRef = getHostRef(this);
-					const instance = this;
-					if (!instance) {
-						hostRef.$onReadyPromise$.then((asyncInstance) => {
-							const cb = asyncInstance[cbName];
-							typeof cb === 'function' && cb.call(asyncInstance, ...args);
-						});
-					} else {
-						const cb = originalFormAssociatedCallback;
-						typeof cb === 'function' && cb.call(instance, ...args);
-					}
-				},
-			});
-		});
-	}
-	if (cmpMeta.$members$ || cmpMeta.$watchers$ || Cstr.watchers) {
-		if (Cstr.watchers && !cmpMeta.$watchers$) {
-			cmpMeta.$watchers$ = Cstr.watchers;
-		}
-		const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
-		members.map(([memberName, [memberFlags]]) => {
-			if (memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */) {
-				const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
-				if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
-				if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
-				if (flags & 1 /* isElementConstructor */ || !origGetter) {
-					Object.defineProperty(prototype, memberName, {
-						get() {
-							{
-								return origGetter ? origGetter.apply(this) : getValue(this, memberName);
-							}
-						},
-						configurable: true,
-						enumerable: true,
-					});
-				}
-				Object.defineProperty(prototype, memberName, {
-					set(newValue) {
-						const ref = getHostRef(this);
-						if (origSetter) {
-							const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
-							if (typeof currentValue === 'undefined' && ref.$instanceValues$.get(memberName)) {
-								newValue = ref.$instanceValues$.get(memberName);
-							} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
-								ref.$instanceValues$.set(memberName, currentValue);
-							}
-							origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
-							newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
-							setValue(this, memberName, newValue, cmpMeta);
-							return;
-						}
-						{
-							setValue(this, memberName, newValue, cmpMeta);
-							return;
-						}
-					},
-				});
-			}
-		});
-		{
-			const attrNameToPropName = /* @__PURE__ */ new Map();
-			prototype.attributeChangedCallback = function (attrName, oldValue, newValue) {
-				plt.jmp(() => {
-					var _a2;
-					const propName = attrNameToPropName.get(attrName);
-					if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
-						newValue = this[propName];
-						delete this[propName];
-					} else if (
-						prototype.hasOwnProperty(propName) &&
-						typeof this[propName] === 'number' && // cast type to number to avoid TS compiler issues
-						this[propName] == newValue
-					) {
-						return;
-					} else if (propName == null) {
-						const hostRef = getHostRef(this);
-						const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
-						if (
-							flags2 &&
-							!((flags2 & 8) /* isConstructingInstance */) &&
-							flags2 & 128 /* isWatchReady */ &&
-							newValue !== oldValue
-						) {
-							const elm = this;
-							const instance = elm;
-							const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
-							entry == null
-								? void 0
-								: entry.forEach((callbackName) => {
-										if (instance[callbackName] != null) {
-											instance[callbackName].call(instance, newValue, oldValue, attrName);
-										}
-									});
-						}
-						return;
-					}
-					const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-					newValue = newValue === null && typeof this[propName] === 'boolean' ? false : newValue;
-					if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
-						this[propName] = newValue;
-					}
-				});
-			};
-			Cstr.observedAttributes = Array.from(
-				/* @__PURE__ */ new Set([
-					...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
-					...members
-						.filter(([_, m]) => m[0] & 15 /* HasAttribute */)
-						.map(([propName, m]) => {
-							const attrName = m[1] || propName;
-							attrNameToPropName.set(attrName, propName);
-							return attrName;
-						}),
-				]),
-			);
-		}
-	}
-	return Cstr;
-};
-
-// src/runtime/initialize-component.ts
-var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
-	let Cstr;
-	if ((hostRef.$flags$ & 32) /* hasInitializedComponent */ === 0) {
-		hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-		{
-			Cstr = elm.constructor;
-			const cmpTag = elm.localName;
-			customElements.whenDefined(cmpTag).then(() => (hostRef.$flags$ |= 128) /* isWatchReady */);
-		}
-		if (Cstr && Cstr.style) {
-			let style;
-			if (typeof Cstr.style === 'string') {
-				style = Cstr.style;
-			} else if (typeof Cstr.style !== 'string') {
-				hostRef.$modeName$ = computeMode(elm);
-				if (hostRef.$modeName$) {
-					style = Cstr.style[hostRef.$modeName$];
-				}
-			}
-			const scopeId2 = getScopeId(cmpMeta, hostRef.$modeName$);
-			if (!styles.has(scopeId2)) {
-				const endRegisterStyles = createTime('registerStyles', cmpMeta.$tagName$);
-				registerStyle(scopeId2, style, !!((cmpMeta.$flags$ & 1) /* shadowDomEncapsulation */));
-				endRegisterStyles();
-			}
-		}
-	}
-	const ancestorComponent = hostRef.$ancestorComponent$;
-	const schedule = () => scheduleUpdate(hostRef, true);
-	if (ancestorComponent && ancestorComponent['s-rc']) {
-		ancestorComponent['s-rc'].push(schedule);
-	} else {
-		schedule();
-	}
-};
-var fireConnectedCallback = (instance, elm) => {};
-
-// src/runtime/connected-callback.ts
-var connectedCallback = (elm) => {
-	if ((plt.$flags$ & 1) /* isTmpDisconnected */ === 0) {
-		const hostRef = getHostRef(elm);
-		const cmpMeta = hostRef.$cmpMeta$;
-		const endConnected = createTime('connectedCallback', cmpMeta.$tagName$);
-		if (!((hostRef.$flags$ & 1) /* hasConnected */)) {
-			hostRef.$flags$ |= 1 /* hasConnected */;
-			{
-				let ancestorComponent = elm;
-				while ((ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host)) {
-					if (ancestorComponent['s-p']) {
-						attachToAncestor(hostRef, (hostRef.$ancestorComponent$ = ancestorComponent));
-						break;
-					}
-				}
-			}
-			if (cmpMeta.$members$) {
-				Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-					if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
-						const value = elm[memberName];
-						delete elm[memberName];
-						elm[memberName] = value;
-					}
-				});
-			}
-			{
-				initializeComponent(elm, hostRef, cmpMeta);
-			}
-		} else {
-			addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
-			if (hostRef == null ? void 0 : hostRef.$lazyInstance$);
-			else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-				hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
-			}
-		}
-		endConnected();
-	}
-};
-var disconnectedCallback = async (elm) => {
-	if ((plt.$flags$ & 1) /* isTmpDisconnected */ === 0) {
-		const hostRef = getHostRef(elm);
-		{
-			if (hostRef.$rmListeners$) {
-				hostRef.$rmListeners$.map((rmListener) => rmListener());
-				hostRef.$rmListeners$ = void 0;
-			}
-		}
-	}
-	if (rootAppliedStyles.has(elm)) {
-		rootAppliedStyles.delete(elm);
-	}
-	if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
-		rootAppliedStyles.delete(elm.shadowRoot);
-	}
-};
-var proxyCustomElement = (Cstr, compactMeta) => {
-	const cmpMeta = {
-		$flags$: compactMeta[0],
-		$tagName$: compactMeta[1],
-	};
-	{
-		cmpMeta.$members$ = compactMeta[2];
-	}
-	{
-		cmpMeta.$listeners$ = compactMeta[3];
-	}
-	{
-		cmpMeta.$watchers$ = Cstr.$watchers$;
-	}
-	const originalConnectedCallback = Cstr.prototype.connectedCallback;
-	Object.assign(Cstr.prototype, {
-		__hasHostListenerAttached: false,
-		__registerHost() {
-			registerHost(this, cmpMeta);
-		},
-		connectedCallback() {
-			if (!this.__hasHostListenerAttached) {
-				const hostRef = getHostRef(this);
-				addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
-				this.__hasHostListenerAttached = true;
-			}
-			connectedCallback(this);
-			if (originalConnectedCallback) {
-				originalConnectedCallback.call(this);
-			}
-		},
-		disconnectedCallback() {
-			disconnectedCallback(this);
-			plt.raf(() => {
-				var _a;
-				const hostRef = getHostRef(this);
-				if (
-					((_a = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a.$elm$) instanceof Node &&
-					!hostRef.$vnode$.$elm$.isConnected
-				) {
-					delete hostRef.$vnode$;
-				}
-				if (this instanceof Node && !this.isConnected) {
-					deleteHostRef(this);
-				}
-			});
-		},
-		__attachShadow() {
-			{
-				if (!this.shadowRoot) {
-					{
-						this.attachShadow({ mode: 'open' });
-					}
-				} else {
-					if (this.shadowRoot.mode !== 'open') {
-						throw new Error(
-							`Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`,
-						);
-					}
-				}
-			}
-		},
-	});
-	Cstr.is = cmpMeta.$tagName$;
-	return proxyComponent(Cstr, cmpMeta, 1 /* isElementConstructor */ | 2 /* proxyState */);
-};
-
-// src/runtime/fragment.ts
-var Fragment = (_, children) => children;
-var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
-	if (listeners) {
-		listeners.map(([flags, name, method]) => {
-			const target = getHostListenerTarget(elm, flags);
-			const handler = hostListenerProxy(hostRef, method);
-			const opts = hostListenerOpts(flags);
-			plt.ael(target, name, handler, opts);
-			(hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
-		});
-	}
-};
-var hostListenerProxy = (hostRef, methodName) => (ev) => {
-	try {
-		{
-			hostRef.$hostElement$[methodName](ev);
-		}
-	} catch (e) {
-		consoleError(e, hostRef.$hostElement$);
-	}
-};
-var getHostListenerTarget = (elm, flags) => {
-	if (flags & 8 /* TargetWindow */) return win;
-	return elm;
-};
-var hostListenerOpts = (flags) =>
-	supportsListenerOptions
-		? {
-				passive: (flags & 1) /* Passive */ !== 0,
-				capture: (flags & 2) /* Capture */ !== 0,
-			}
-		: (flags & 2) /* Capture */ !== 0;
-
-// src/runtime/nonce.ts
-var setNonce = (nonce) => (plt.$nonce$ = nonce);
-
-// src/runtime/platform-options.ts
-var setPlatformOptions = (opts) => Object.assign(plt, opts);
-
-export {
-	Fragment as F,
-	H,
-	setAssetPath as a,
-	setNonce as b,
-	setPlatformOptions as c,
-	createEvent as d,
-	getAssetPath as g,
-	h,
-	proxyCustomElement as p,
-	setMode as s,
-};
-
-//# sourceMappingURL=p-846438ed.js.map