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

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

@@ -0,0 +1,1468 @@
+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