@watermarkinsights/ripple 5.0.0 → 5.1.0

package/dist/esm/{index-5815b978.js → index-7923308f.js}

@@ -2,13 +2,272 @@ const NAMESPACE = 'ripple';
 const BUILD = /* ripple */ { allRenderFn: false, 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: true, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
- Stencil Client Platform v4.18.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.20.0 | 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 });
 };
+var hostRefs = /* @__PURE__ */ new WeakMap();
+var getHostRef = (ref) => hostRefs.get(ref);
+var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+var registerHost = (hostElement, cmpMeta) => {
+  const hostRef = {
+    $flags$: 0,
+    $hostElement$: hostElement,
+    $cmpMeta$: cmpMeta,
+    $instanceValues$: /* @__PURE__ */ new Map()
+  };
+  {
+    hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
+  }
+  {
+    hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
+    hostElement["s-p"] = [];
+    hostElement["s-rc"] = [];
+  }
+  return hostRefs.set(hostElement, hostRef);
+};
+var isMemberInElement = (elm, memberName) => memberName in elm;
+var consoleError = (e, el) => (0, console.error)(e, el);
+
+// src/client/client-load-module.ts
+var cmpModules = /* @__PURE__ */ new Map();
+var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
+  const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
+  const bundleId = cmpMeta.$lazyBundleId$;
+  if (!bundleId) {
+    return void 0;
+  }
+  const module = cmpModules.get(bundleId) ;
+  if (module) {
+    return module[exportName];
+  }
+  
+        if (!hmrVersionId || !BUILD.hotModuleReplacement) {
+          const processMod = importedModule => {
+              cmpModules.set(bundleId, importedModule);
+              return importedModule[exportName];
+          }
+          switch(bundleId) {
+              
+                case 'wm-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-button.entry.js').then(processMod, consoleError);
+                case 'wm-chart':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-chart.entry.js').then(processMod, consoleError);
+                case 'wm-datepicker':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-datepicker.entry.js').then(processMod, consoleError);
+                case 'wm-file':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-file.entry.js').then(processMod, consoleError);
+                case 'wm-file-list':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-file-list.entry.js').then(processMod, consoleError);
+                case 'wm-input':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-input.entry.js').then(processMod, consoleError);
+                case 'wm-modal':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-modal.entry.js').then(processMod, consoleError);
+                case 'wm-navigator':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-navigator.entry.js').then(processMod, consoleError);
+                case 'wm-pagination':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-pagination.entry.js').then(processMod, consoleError);
+                case 'wm-search':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-search.entry.js').then(processMod, consoleError);
+                case 'wm-snackbar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-snackbar.entry.js').then(processMod, consoleError);
+                case 'wm-timepicker':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-timepicker.entry.js').then(processMod, consoleError);
+                case 'wm-toggletip':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-toggletip.entry.js').then(processMod, consoleError);
+                case 'wm-tag-input':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-tag-input.entry.js').then(processMod, consoleError);
+                case 'wm-tag-option':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-tag-option.entry.js').then(processMod, consoleError);
+                case 'wm-textarea':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-textarea.entry.js').then(processMod, consoleError);
+                case 'wm-uploader':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-uploader.entry.js').then(processMod, consoleError);
+                case 'wm-wrapper':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-wrapper.entry.js').then(processMod, consoleError);
+                case 'wm-action-menu_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-action-menu_2.entry.js').then(processMod, consoleError);
+                case 'wm-option_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-option_2.entry.js').then(processMod, consoleError);
+                case 'wm-navigation_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-navigation_3.entry.js').then(processMod, consoleError);
+                case 'wm-progress-indicator_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-progress-indicator_3.entry.js').then(processMod, consoleError);
+                case 'wm-tab-item_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-tab-item_3.entry.js').then(processMod, consoleError);
+                case 'wm-chart-slice':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-chart-slice.entry.js').then(processMod, consoleError);
+                case 'wm-line-chart':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-line-chart.entry.js').then(processMod, consoleError);
+                case 'wm-modal-footer':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-modal-footer.entry.js').then(processMod, consoleError);
+                case 'wm-modal-header':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-modal-header.entry.js').then(processMod, consoleError);
+                case 'priv-datepicker':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './priv-datepicker.entry.js').then(processMod, consoleError);
+                case 'priv-navigator-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './priv-navigator-button.entry.js').then(processMod, consoleError);
+                case 'priv-navigator-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './priv-navigator-item.entry.js').then(processMod, consoleError);
+                case 'priv-chart-popover':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './priv-chart-popover.entry.js').then(processMod, consoleError);
+          }
+      }
+  return import(
+    /* @vite-ignore */
+    /* webpackInclude: /\.entry\.js$/ */
+    /* webpackExclude: /\.system\.entry\.js$/ */
+    /* webpackMode: "lazy" */
+    `./${bundleId}.entry.js${""}`
+  ).then((importedModule) => {
+    {
+      cmpModules.set(bundleId, importedModule);
+    }
+    return importedModule[exportName];
+  }, consoleError);
+};
+
+// src/client/client-style.ts
+var styles = /* @__PURE__ */ new Map();
+var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
+var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+var XLINK_NS = "http://www.w3.org/1999/xlink";
+var win = typeof window !== "undefined" ? window : {};
+var doc = win.document || { head: {} };
+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/utils/constants.ts
 var EMPTY_OBJ = {};
@@ -90,9 +349,6 @@ var uniqueTime = (key, measureText) => {
     };
   }
 };
-var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
-var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
-var XLINK_NS = "http://www.w3.org/1999/xlink";
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
@@ -239,7 +495,18 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
-          styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
+          const injectStyle = (
+            /**
+             * we render a scoped component
+             */
+            !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) || /**
+             * we are using shadow dom and render the style tag within the shadowRoot
+             */
+            cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD"
+          );
+          if (injectStyle) {
+            styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
+          }
         }
         if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
           styleElm.innerHTML += SLOT_FB_CSS;
@@ -262,7 +529,7 @@ var attachStyles = (hostRef) => {
   const scopeId2 = addStyle(
     elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
     cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */) {
+  if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
     elm["s-sc"] = scopeId2;
     elm.classList.add(scopeId2 + "-h");
   }
@@ -439,7 +706,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     }
     elm = newVNode2.$elm$ = doc.createElementNS(
       isSvgMode ? SVG_NS : HTML_NS,
-      newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
+      !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
     ) ;
     if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
       isSvgMode = false;
@@ -447,7 +714,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     {
       updateElement(null, newVNode2, isSvgMode);
     }
-    if (isDef(scopeId) && elm["s-si"] !== scopeId) {
+    const rootNode = elm.getRootNode();
+    const isElementWithinShadowRoot = !rootNode.querySelector("body");
+    if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
       elm.classList.add(elm["s-si"] = scopeId);
     }
     if (newVNode2.$children$) {
@@ -638,6 +907,15 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
 var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
   if (leftVNode.$tag$ === rightVNode.$tag$) {
     if (leftVNode.$tag$ === "slot") {
+      if (
+        // The component gets hydrated and no VDOM has been initialized.
+        // Here the comparison can't happen as $name$ property is not set for `leftNode`.
+        "$nodeId$" in leftVNode && isInitialRender && // `leftNode` is not from type HTMLComment which would cause many
+        // hydration comments to be removed
+        leftVNode.$elm$.nodeType !== 8
+      ) {
+        return false;
+      }
       return leftVNode.$name$ === rightVNode.$name$;
     }
     if (!isInitialRender) {
@@ -674,7 +952,10 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
         elm.textContent = "";
       }
       addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
-    } else if (oldChildren !== null) {
+    } 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") {
@@ -933,7 +1214,10 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
-var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn) : fn();
+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;
@@ -1101,13 +1385,13 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 
 // src/runtime/proxy-component.ts
 var proxyComponent = (Cstr, cmpMeta, flags) => {
-  var _a;
+  var _a, _b;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$) {
-    if (Cstr.watchers) {
+  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
+    if (Cstr.watchers && !cmpMeta.$watchers$) {
       cmpMeta.$watchers$ = Cstr.watchers;
     }
-    const members = Object.entries(cmpMeta.$members$);
+    const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
         Object.defineProperty(prototype, memberName, {
@@ -1142,7 +1426,8 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           if (this.hasOwnProperty(propName)) {
             newValue = this[propName];
             delete this[propName];
-          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && this[propName] == newValue) {
+          } 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);
@@ -1163,7 +1448,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
       };
       Cstr.observedAttributes = Array.from(
         /* @__PURE__ */ new Set([
-          ...Object.keys((_a = cmpMeta.$watchers$) != null ? _a : {}),
+          ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
           ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
             var _a2;
             const attrName = m[1] || propName;
@@ -1220,508 +1505,266 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
-      endNewInstance();
-    } else {
-      Cstr = elm.constructor;
-      const cmpTag = elm.localName;
-      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
-    }
-    if (Cstr && Cstr.style) {
-      let style = Cstr.style;
-      const scopeId2 = getScopeId(cmpMeta);
-      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) => {
-};
-
-// 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 */;
-      {
-        if (// TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
-        cmpMeta.$flags$ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */)) {
-          setContentReference(elm);
-        }
-      }
-      {
-        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 setContentReference = (elm) => {
-  const contentRefElm = elm["s-cr"] = doc.createComment(
-    ""
-  );
-  contentRefElm["s-cn"] = true;
-  insertBefore(elm, contentRefElm, elm.firstChild);
-};
-var disconnectInstance = (instance) => {
-};
-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 (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-      hostRef.$onReadyPromise$.then(() => disconnectInstance());
-    }
-  }
-};
-
-// src/runtime/bootstrap-lazy.ts
-var bootstrapLazy = (lazyBundles, options = {}) => {
-  var _a;
-  const endBootstrap = createTime();
-  const cmpTags = [];
-  const exclude = options.exclude || [];
-  const customElements2 = win.customElements;
-  const head = doc.head;
-  const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
-  const dataStyles = /* @__PURE__ */ doc.createElement("style");
-  const deferredConnectedCallbacks = [];
-  let appLoadFallback;
-  let isBootstrapping = true;
-  Object.assign(plt, options);
-  plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", doc.baseURI).href;
-  let hasSlotRelocation = false;
-  lazyBundles.map((lazyBundle) => {
-    lazyBundle[1].map((compactMeta) => {
-      var _a2;
-      const cmpMeta = {
-        $flags$: compactMeta[0],
-        $tagName$: compactMeta[1],
-        $members$: compactMeta[2],
-        $listeners$: compactMeta[3]
-      };
-      if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-        hasSlotRelocation = true;
-      }
-      {
-        cmpMeta.$members$ = compactMeta[2];
-      }
-      {
-        cmpMeta.$listeners$ = compactMeta[3];
-      }
-      {
-        cmpMeta.$attrsToReflect$ = [];
-      }
-      {
-        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
-      }
-      const tagName = cmpMeta.$tagName$;
-      const HostElement = class extends HTMLElement {
-        // StencilLazyHost
-        constructor(self) {
-          super(self);
-          self = this;
-          registerHost(self, cmpMeta);
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            {
-              {
-                self.attachShadow({
-                  mode: "open",
-                  delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
-                });
-              }
-            }
-          }
-        }
-        connectedCallback() {
-          if (appLoadFallback) {
-            clearTimeout(appLoadFallback);
-            appLoadFallback = null;
-          }
-          if (isBootstrapping) {
-            deferredConnectedCallbacks.push(this);
-          } else {
-            plt.jmp(() => connectedCallback(this));
-          }
-        }
-        disconnectedCallback() {
-          plt.jmp(() => disconnectedCallback(this));
-        }
-        componentOnReady() {
-          return getHostRef(this).$onReadyPromise$;
-        }
-      };
-      cmpMeta.$lazyBundleId$ = lazyBundle[0];
-      if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
-        cmpTags.push(tagName);
-        customElements2.define(
-          tagName,
-          proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */)
-        );
-      }
-    });
-  });
-  if (cmpTags.length > 0) {
-    if (hasSlotRelocation) {
-      dataStyles.textContent += SLOT_FB_CSS;
-    }
-    {
-      dataStyles.textContent += cmpTags + HYDRATED_CSS;
+      endNewInstance();
+    } else {
+      Cstr = elm.constructor;
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
-    if (dataStyles.innerHTML.length) {
-      dataStyles.setAttribute("data-styles", "");
-      const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
-      if (nonce != null) {
-        dataStyles.setAttribute("nonce", nonce);
+    if (Cstr && Cstr.style) {
+      let style;
+      if (typeof Cstr.style === "string") {
+        style = Cstr.style;
+      }
+      const scopeId2 = getScopeId(cmpMeta);
+      if (!styles.has(scopeId2)) {
+        const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+        registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+        endRegisterStyles();
       }
-      head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
     }
   }
-  isBootstrapping = false;
-  if (deferredConnectedCallbacks.length) {
-    deferredConnectedCallbacks.map((host) => host.connectedCallback());
+  const ancestorComponent = hostRef.$ancestorComponent$;
+  const schedule = () => scheduleUpdate(hostRef, true);
+  if (ancestorComponent && ancestorComponent["s-rc"]) {
+    ancestorComponent["s-rc"].push(schedule);
   } else {
-    {
-      plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
-    }
-  }
-  endBootstrap();
-};
-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) => {
-  var _a;
-  try {
-    {
-      if (hostRef.$flags$ & 256 /* isListenReady */) {
-        (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
-      } else {
-        (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
-      }
-    }
-  } catch (e) {
-    consoleError(e);
+    schedule();
   }
 };
-var getHostListenerTarget = (elm, flags) => {
-  if (flags & 4 /* TargetDocument */) return doc;
-  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/client/client-host-ref.ts
-var hostRefs = /* @__PURE__ */ new WeakMap();
-var getHostRef = (ref) => hostRefs.get(ref);
-var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
-var registerHost = (hostElement, cmpMeta) => {
-  const hostRef = {
-    $flags$: 0,
-    $hostElement$: hostElement,
-    $cmpMeta$: cmpMeta,
-    $instanceValues$: /* @__PURE__ */ new Map()
-  };
-  {
-    hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
-  }
-  {
-    hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
-    hostElement["s-p"] = [];
-    hostElement["s-rc"] = [];
-  }
-  addHostEventListeners(hostElement, hostRef, cmpMeta.$listeners$);
-  return hostRefs.set(hostElement, hostRef);
+var fireConnectedCallback = (instance) => {
 };
-var isMemberInElement = (elm, memberName) => memberName in elm;
-var consoleError = (e, el) => (0, console.error)(e, el);
 
-// src/client/client-load-module.ts
-var cmpModules = /* @__PURE__ */ new Map();
-var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
-  const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
-  const bundleId = cmpMeta.$lazyBundleId$;
-  if (!bundleId) {
-    return void 0;
-  }
-  const module = cmpModules.get(bundleId) ;
-  if (module) {
-    return module[exportName];
-  }
-  
-        if (!hmrVersionId || !BUILD.hotModuleReplacement) {
-          const processMod = importedModule => {
-              cmpModules.set(bundleId, importedModule);
-              return importedModule[exportName];
-          }
-          switch(bundleId) {
-              
-                case 'wm-button':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-button.entry.js').then(processMod, consoleError);
-                case 'wm-chart':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-chart.entry.js').then(processMod, consoleError);
-                case 'wm-datepicker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-datepicker.entry.js').then(processMod, consoleError);
-                case 'wm-file':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-file.entry.js').then(processMod, consoleError);
-                case 'wm-file-list':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-file-list.entry.js').then(processMod, consoleError);
-                case 'wm-input':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-input.entry.js').then(processMod, consoleError);
-                case 'wm-modal':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-modal.entry.js').then(processMod, consoleError);
-                case 'wm-navigator':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-navigator.entry.js').then(processMod, consoleError);
-                case 'wm-pagination':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-pagination.entry.js').then(processMod, consoleError);
-                case 'wm-search':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-search.entry.js').then(processMod, consoleError);
-                case 'wm-snackbar':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-snackbar.entry.js').then(processMod, consoleError);
-                case 'wm-timepicker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-timepicker.entry.js').then(processMod, consoleError);
-                case 'wm-toggletip':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-toggletip.entry.js').then(processMod, consoleError);
-                case 'wm-tag-input':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-tag-input.entry.js').then(processMod, consoleError);
-                case 'wm-tag-option':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-tag-option.entry.js').then(processMod, consoleError);
-                case 'wm-textarea':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-textarea.entry.js').then(processMod, consoleError);
-                case 'wm-uploader':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-uploader.entry.js').then(processMod, consoleError);
-                case 'wm-wrapper':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-wrapper.entry.js').then(processMod, consoleError);
-                case 'wm-action-menu_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-action-menu_2.entry.js').then(processMod, consoleError);
-                case 'wm-option_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-option_2.entry.js').then(processMod, consoleError);
-                case 'wm-navigation_3':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-navigation_3.entry.js').then(processMod, consoleError);
-                case 'wm-progress-indicator_3':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-progress-indicator_3.entry.js').then(processMod, consoleError);
-                case 'wm-tab-item_3':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-tab-item_3.entry.js').then(processMod, consoleError);
-                case 'wm-chart-slice':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-chart-slice.entry.js').then(processMod, consoleError);
-                case 'wm-line-chart':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-line-chart.entry.js').then(processMod, consoleError);
-                case 'wm-modal-footer':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-modal-footer.entry.js').then(processMod, consoleError);
-                case 'wm-modal-header':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './wm-modal-header.entry.js').then(processMod, consoleError);
-                case 'priv-datepicker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './priv-datepicker.entry.js').then(processMod, consoleError);
-                case 'priv-navigator-button':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './priv-navigator-button.entry.js').then(processMod, consoleError);
-                case 'priv-navigator-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './priv-navigator-item.entry.js').then(processMod, consoleError);
-                case 'priv-chart-popover':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './priv-chart-popover.entry.js').then(processMod, consoleError);
+// 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 */;
+      {
+        if (// TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+        cmpMeta.$flags$ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */)) {
+          setContentReference(elm);
+        }
+      }
+      {
+        let ancestorComponent = elm;
+        while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
+          if (ancestorComponent["s-p"]) {
+            attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
+            break;
           }
+        }
       }
-  return import(
-    /* @vite-ignore */
-    /* webpackInclude: /\.entry\.js$/ */
-    /* webpackExclude: /\.system\.entry\.js$/ */
-    /* webpackMode: "lazy" */
-    `./${bundleId}.entry.js${""}`
-  ).then((importedModule) => {
+      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 setContentReference = (elm) => {
+  const contentRefElm = elm["s-cr"] = doc.createComment(
+    ""
+  );
+  contentRefElm["s-cn"] = true;
+  insertBefore(elm, contentRefElm, elm.firstChild);
+};
+var disconnectInstance = (instance) => {
+};
+var disconnectedCallback = async (elm) => {
+  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+    const hostRef = getHostRef(elm);
     {
-      cmpModules.set(bundleId, importedModule);
+      if (hostRef.$rmListeners$) {
+        hostRef.$rmListeners$.map((rmListener) => rmListener());
+        hostRef.$rmListeners$ = void 0;
+      }
     }
-    return importedModule[exportName];
-  }, consoleError);
+    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+      hostRef.$onReadyPromise$.then(() => disconnectInstance());
+    }
+  }
 };
 
-// src/client/client-style.ts
-var styles = /* @__PURE__ */ new Map();
-var win = typeof window !== "undefined" ? window : {};
-var doc = win.document || { head: {} };
-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;
+// src/runtime/bootstrap-lazy.ts
+var bootstrapLazy = (lazyBundles, options = {}) => {
+  var _a;
+  const endBootstrap = createTime();
+  const cmpTags = [];
+  const exclude = options.exclude || [];
+  const customElements2 = win.customElements;
+  const head = doc.head;
+  const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
+  const dataStyles = /* @__PURE__ */ doc.createElement("style");
+  const deferredConnectedCallbacks = [];
+  let appLoadFallback;
+  let isBootstrapping = true;
+  Object.assign(plt, options);
+  plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", doc.baseURI).href;
+  let hasSlotRelocation = false;
+  lazyBundles.map((lazyBundle) => {
+    lazyBundle[1].map((compactMeta) => {
+      var _a2;
+      const cmpMeta = {
+        $flags$: compactMeta[0],
+        $tagName$: compactMeta[1],
+        $members$: compactMeta[2],
+        $listeners$: compactMeta[3]
+      };
+      if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+        hasSlotRelocation = true;
+      }
+      {
+        cmpMeta.$members$ = compactMeta[2];
+      }
+      {
+        cmpMeta.$listeners$ = compactMeta[3];
+      }
+      {
+        cmpMeta.$attrsToReflect$ = [];
+      }
+      {
+        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+      }
+      const tagName = cmpMeta.$tagName$;
+      const HostElement = class extends HTMLElement {
+        // StencilLazyHost
+        constructor(self) {
+          super(self);
+          this.hasRegisteredEventListeners = false;
+          self = this;
+          registerHost(self, cmpMeta);
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            {
+              if (!self.shadowRoot) {
+                {
+                  self.attachShadow({
+                    mode: "open",
+                    delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
+                  });
+                }
+              } else {
+                if (self.shadowRoot.mode !== "open") {
+                  throw new Error(
+                    `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${self.shadowRoot.mode} but Stencil only supports open shadow roots.`
+                  );
+                }
+              }
+            }
+          }
         }
-      })
-    );
-  } catch (e) {
-  }
-  return supportsListenerOptions2;
-})();
-var promiseResolve = (v) => Promise.resolve(v);
-var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
-  try {
-    new CSSStyleSheet();
-    return typeof new CSSStyleSheet().replaceSync === "function";
-  } catch (e) {
+        connectedCallback() {
+          const hostRef = getHostRef(this);
+          if (!this.hasRegisteredEventListeners) {
+            this.hasRegisteredEventListeners = true;
+            addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
+          }
+          if (appLoadFallback) {
+            clearTimeout(appLoadFallback);
+            appLoadFallback = null;
+          }
+          if (isBootstrapping) {
+            deferredConnectedCallbacks.push(this);
+          } else {
+            plt.jmp(() => connectedCallback(this));
+          }
+        }
+        disconnectedCallback() {
+          plt.jmp(() => disconnectedCallback(this));
+        }
+        componentOnReady() {
+          return getHostRef(this).$onReadyPromise$;
+        }
+      };
+      cmpMeta.$lazyBundleId$ = lazyBundle[0];
+      if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
+        cmpTags.push(tagName);
+        customElements2.define(
+          tagName,
+          proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */)
+        );
+      }
+    });
+  });
+  if (cmpTags.length > 0) {
+    if (hasSlotRelocation) {
+      dataStyles.textContent += SLOT_FB_CSS;
+    }
+    {
+      dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
+    }
+    if (dataStyles.innerHTML.length) {
+      dataStyles.setAttribute("data-styles", "");
+      const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
+      if (nonce != null) {
+        dataStyles.setAttribute("nonce", nonce);
+      }
+      head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
+    }
   }
-  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);
+  isBootstrapping = false;
+  if (deferredConnectedCallbacks.length) {
+    deferredConnectedCallbacks.map((host) => host.connectedCallback());
+  } else {
+    {
+      plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
     }
   }
+  endBootstrap();
 };
-var consume = (queue) => {
-  for (let i2 = 0; i2 < queue.length; i2++) {
-    try {
-      queue[i2](performance.now());
-    } catch (e) {
-      consoleError(e);
-    }
+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));
+    });
   }
-  queue.length = 0;
 };
-var flush = () => {
-  consume(queueDomReads);
-  {
-    consume(queueDomWrites);
-    if (queuePending = queueDomReads.length > 0) {
-      plt.raf(flush);
+var hostListenerProxy = (hostRef, methodName) => (ev) => {
+  var _a;
+  try {
+    {
+      if (hostRef.$flags$ & 256 /* isListenReady */) {
+        (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
+      } else {
+        (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
+      }
     }
+  } catch (e) {
+    consoleError(e);
   }
 };
-var nextTick = (cb) => promiseResolve().then(cb);
-var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
+var getHostListenerTarget = (elm, flags) => {
+  if (flags & 4 /* TargetDocument */) return doc;
+  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;
 
 export { Host as H, bootstrapLazy as b, createEvent as c, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };