@xplortech/apollo-core 3.3.0 → 3.4.0

package/dist/esm/apollo-core.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-CJABLO_1.js';
-export { s as setNonce } from './index-CJABLO_1.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-CgJEmBQY.js';
+export { s as setNonce } from './index-CgJEmBQY.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*

package/dist/esm/{index-CJABLO_1.js → index-CgJEmBQY.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'apollo-core';
-const BUILD = /* apollo-core */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: false, slotRelocation: true, state: true, updatable: true};
+const BUILD = /* apollo-core */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: false, slotRelocation: true, state: true, updatable: true};
 
 /*
  Stencil Client Platform v4.44.2 | MIT Licensed | https://stenciljs.com
@@ -430,9 +430,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
   );
 };
 
-// src/client/client-style.ts
-var styles = /* @__PURE__ */ new Map();
-
 // src/runtime/runtime-constants.ts
 var CONTENT_REF_ID = "r";
 var ORG_LOCATION_ID = "o";
@@ -440,7 +437,6 @@ var SLOT_NODE_ID = "s";
 var TEXT_NODE_ID = "t";
 var COMMENT_NODE_ID = "c";
 var HYDRATE_ID = "s-id";
-var HYDRATED_STYLE_ID = "sty-id";
 var HYDRATE_CHILD_ID = "c-id";
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
@@ -476,18 +472,6 @@ var supportsListenerOptions = /* @__PURE__ */ (() => {
   return supportsListenerOptions2;
 })();
 var promiseResolve = (v) => Promise.resolve(v);
-var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
-  try {
-    if (!win.document.adoptedStyleSheets) {
-      return false;
-    }
-    new CSSStyleSheet();
-    return typeof new CSSStyleSheet().replaceSync === "function";
-  } catch (e) {
-  }
-  return false;
-})() ;
-var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
 var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
@@ -697,128 +681,6 @@ function queryNonceMetaTagContent(doc) {
 
 // src/runtime/styles.ts
 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, _b, _c;
-  const scopeId2 = getScopeId(cmpMeta);
-  const style = styles.get(scopeId2);
-  if (!win.document) {
-    return scopeId2;
-  }
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
-  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());
-      }
-      const existingStyleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`);
-      if (existingStyleElm) {
-        existingStyleElm.textContent = style;
-      } else if (!appliedStyles.has(scopeId2)) {
-        styleElm = win.document.createElement("style");
-        styleElm.textContent = style;
-        const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
-        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 currentWindow = (_b = styleContainerNode.defaultView) != null ? _b : styleContainerNode.ownerDocument.defaultView;
-              const stylesheet = new currentWindow.CSSStyleSheet();
-              stylesheet.replaceSync(style);
-              if (supportsMutableAdoptedStyleSheets) {
-                styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
-              } else {
-                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
-              }
-            } else {
-              const existingStyleContainer = styleContainerNode.querySelector("style");
-              if (existingStyleContainer && true) {
-                existingStyleContainer.textContent = style + existingStyleContainer.textContent;
-              } else {
-                styleContainerNode.prepend(styleElm);
-              }
-            }
-          } else {
-            styleContainerNode.append(styleElm);
-          }
-        }
-        if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-          styleContainerNode.insertBefore(styleElm, null);
-        }
-        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.textContent += SLOT_FB_CSS;
-        }
-        if (appliedStyles) {
-          appliedStyles.add(scopeId2);
-        }
-      }
-    } else {
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      if (!appliedStyles.has(scopeId2)) {
-        const currentWindow = (_c = styleContainerNode.defaultView) != null ? _c : styleContainerNode.ownerDocument.defaultView;
-        let stylesheet;
-        if (style.constructor === currentWindow.CSSStyleSheet) {
-          stylesheet = style;
-        } else {
-          stylesheet = new currentWindow.CSSStyleSheet();
-          for (let i2 = 0; i2 < style.cssRules.length; i2++) {
-            stylesheet.insertRule(style.cssRules[i2].cssText, i2);
-          }
-        }
-        if (supportsMutableAdoptedStyleSheets) {
-          styleContainerNode.adoptedStyleSheets.push(stylesheet);
-        } else {
-          styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, stylesheet];
-        }
-        appliedStyles.add(scopeId2);
-        if ("host" in styleContainerNode) {
-          const ssrStyleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`);
-          if (ssrStyleElm) {
-            writeTask(() => ssrStyleElm.remove());
-          }
-        }
-      }
-    }
-  }
-  return scopeId2;
-};
-var attachStyles = (hostRef) => {
-  const cmpMeta = hostRef.$cmpMeta$;
-  const elm = hostRef.$hostElement$;
-  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  addStyle(
-    elm.getRootNode(),
-    cmpMeta);
-  endAttachStyles();
-};
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var isComplexType = (o) => {
   o = typeof o;
@@ -2293,9 +2155,6 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
   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);
@@ -2702,18 +2561,6 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         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;
-        }
-        const scopeId2 = getScopeId(cmpMeta);
-        if (!styles.has(scopeId2) || BUILD.hotModuleReplacement) {
-          const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
-          registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
-          endRegisterStyles();
-        }
-      }
     }
     const ancestorComponent = hostRef.$ancestorComponent$;
     const schedule = () => scheduleUpdate(hostRef, true);

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-CJABLO_1.js';
-export { s as setNonce } from './index-CJABLO_1.js';
+import { b as bootstrapLazy } from './index-CgJEmBQY.js';
+export { s as setNonce } from './index-CgJEmBQY.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/esm/xpl-accordion.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 
 const Accordion = class {
     constructor(hostRef) {

package/dist/esm/xpl-application-shell.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const ApplicationShell = class {
     constructor(hostRef) {

package/dist/esm/xpl-avatar_3.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-CgJEmBQY.js';
 import { v as v4 } from './v4-CK3_k8jD.js';
 
 const LEGACY_STATUS_TO_BADGE = {

package/dist/esm/xpl-backdrop.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const Backdrop = class {
     constructor(hostRef) {

package/dist/esm/xpl-badge.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const LEGACY_VARIANT_MAP = {
     success: 'green',

package/dist/esm/xpl-banner.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CgJEmBQY.js';
 
 const Banner = class {
     constructor(hostRef) {

package/dist/esm/xpl-breadcrumb-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const BreadcrumbItem = class {
     constructor(hostRef) {

package/dist/esm/xpl-breadcrumbs.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const Breadcrumbs = class {
     constructor(hostRef) {

package/dist/esm/xpl-button-row.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CgJEmBQY.js';
 
 const ButtonRow = class {
     constructor(hostRef) {

package/dist/esm/xpl-button.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 
 const Button = class {
     constructor(hostRef) {

package/dist/esm/xpl-calendar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CgJEmBQY.js';
 import { f as flatpickr } from './index-CH4yJ6Qx.js';
 import { i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 import { v as v4 } from './v4-CK3_k8jD.js';
@@ -58,7 +58,7 @@ const Calendar = class {
         }
     }
     render() {
-        return (h(Host, { key: '9482590a1f610ab97fa222cc4b7dd1c5d39646ce', class: "xpl-calendar" }, h("input", { key: '1222dcda2f73a3bb174410a2a05c39d1f0614c7e', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (h(Host, { key: 'a3fe8d5cf72542a8780abff18083667f0bedf2f7', class: "xpl-calendar" }, h("input", { key: '3aa859f2f540ba6c04b1347e0b7d339322a181ab', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 if (el)
                     this.inputElement = el;
             } })));

package/dist/esm/xpl-checkbox.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CgJEmBQY.js';
 import { v as v4 } from './v4-CK3_k8jD.js';
 
 const Checkbox = class {

package/dist/esm/xpl-choicelist.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CgJEmBQY.js';
 import { v as v4 } from './v4-CK3_k8jD.js';
 
 const Choicelist = class {

package/dist/esm/xpl-content-area.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const ContentArea = class {
     constructor(hostRef) {

package/dist/esm/xpl-dashboard.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const Dashboard = class {
     constructor(hostRef) {

package/dist/esm/xpl-data-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { h as hostHasNamedSlot } from './slot-presence-_r9-FML8.js';
 
 const GRAPH_CONTENT_SLOT = 'graph-content';
@@ -92,8 +92,8 @@ const DataCard = class {
             : this.smallStatVariant === 'negative'
                 ? 'arrow-down-right'
                 : 'dash';
-        return (h(Host, { key: '67600ec3bea7c67b0adaab720343a44f29a56dd4', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, h("dt", { key: 'f49af2614c4dd8eb478bba583c30a9417f45e7f6', class: headerClasses }, h("header", { key: '65fbdb3e3d1676b2b3424fca802f62069e67371e' }, !!this.leadingIcon && this.icon && (h("span", { key: '969a2f56c7a6574fb4259efdb7dfcba236e99ccf', class: `xpl-data-card__icon--${this.variant}` }, h("xpl-icon", { key: 'b1ccdddd1934feded858fea2170f8226738a30ad', icon: this.icon, "background-color": bgColorHue, size: 20 }))), h("slot", { key: '16872a96b96f7f34bf4ac1f36aef388366899b0d', name: "title" }, this.name)), this.link && (h("span", { key: '22fc5c8d7b82689c1e3fd10fb5240df957ea0bb6', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: 'b32326c05e48e6aae857da7ea809e553715cb17e', icon: "chevron-right", size: 16 })))), h("dd", { key: '462b54b42a2bfdb66e2e7cb816578b46abac2281', class: "xpl-data-card__body" }, h("div", { key: '617fe8c2c07d22523a3e233eea84e8509a3665e5', class: "xpl-data-card__left" }, h("span", { key: '6fc8a0c0b525574ab0e7b1f8787b445805a2c477', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (h("xpl-tooltip", { text: this.tooltipTextStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
-            (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && h("span", { key: '800c59505dfa7a9c6c8146d8722b5d941df198a3', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (h("div", { key: '4edecaf0e2a361e0dc676f33ed46efcaeb357148', class: "xpl-data-card__right" }, h("slot", { key: '3bbb230c30e850f16376079e2bdac5fe7b13686c', name: GRAPH_CONTENT_SLOT }))))));
+        return (h(Host, { key: 'fb91175354152014c8369bcae8185f2f0a071178', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '3b8b2ff2bb78c57f791e3f9b4140ea7acfa92b8f', class: headerClasses }, h("header", { key: '6fc0bfd1e215d7287ec0f458281e63f758338b10' }, !!this.leadingIcon && this.icon && (h("span", { key: 'f5e05a6211c9e2dc7af4284f86f20d20d77c9303', class: `xpl-data-card__icon--${this.variant}` }, h("xpl-icon", { key: '05a8e87ce2af58503f2d1eeff62a1ac28f121aa4', icon: this.icon, "background-color": bgColorHue, size: 20 }))), h("slot", { key: 'b0516cf5536fddad413546864414ad631098a982', name: "title" }, this.name)), this.link && (h("span", { key: '4a63943da50d3d70e3875928ad74f326d16396f6', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: 'af56c3a9e0f2fc683397aa0b1987f4e98318908a', icon: "chevron-right", size: 16 })))), h("dd", { key: '7b7df42e84bef6a3dd191d5171471380089be754', class: "xpl-data-card__body" }, h("div", { key: '5d59246ce0a1e9b068fd99ad7f15260e668e2f26', class: "xpl-data-card__left" }, h("span", { key: '0f6071510c55952ae5ceb031d9c15a648018ade4', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (h("xpl-tooltip", { text: this.tooltipTextStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
+            (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && h("span", { key: 'd412ffb9b685d8d74b6e5acefc1acb67e6edb04c', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (h("div", { key: 'bb050d82e4babcc083945c8cc23159476063858e', class: "xpl-data-card__right" }, h("slot", { key: '12b236efcc601e022b75b20223b234d385d7ff4a', name: GRAPH_CONTENT_SLOT }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xpl-dropdown_4.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, b as size, h as hide } from './floating-ui.dom-1M1pu0C2.js';
 import { i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 

package/dist/esm/xpl-dynamic-table-cell.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 
 const DynamicTableCell = class {
     constructor(hostRef) {

package/dist/esm/xpl-dynamic-table-row.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const DynamicTableRow = class {
     constructor(hostRef) {

package/dist/esm/xpl-dynamic-table.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-CgJEmBQY.js';
 
 const DynamicTable = class {
     constructor(hostRef) {

package/dist/esm/xpl-grid-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const GridItem = class {
     constructor(hostRef) {

package/dist/esm/xpl-grid.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 
 const Grid = class {
     constructor(hostRef) {

package/dist/esm/xpl-header-accordion.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 
 const HeaderAccordion = class {
     constructor(hostRef) {

package/dist/esm/xpl-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
 
 const afghanistan = {
@@ -13969,8 +13969,6 @@ var createIcons = /*@__PURE__*/getDefaultExportFromCjs(createIconsExports);
 const icons = createIcons(data, nameAliases);
 var apolloIcons = icons.default;
 
-const xplIconCss = () => `.xpl-icon{align-items:center;display:grid;justify-content:center}`;
-
 const Icon = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -13989,12 +13987,11 @@ const Icon = class {
         let wrapperClasses = 'xpl-icon__wrapper ';
         if (this.backgroundColor)
             wrapperClasses += `xpl-icon__wrapper--with-background xpl-icon__wrapper--with-background--${this.backgroundColor}`;
-        return (h(Host, { key: '4227f699fde8eac6949eb604b1c7b4fa20f57d2b' }, h("figure", { key: '33e1c0597e8883530ea685450afa47f2e0ac4555', class: wrapperClasses }, h("span", { key: '9920c6ae88f80c03fc885f7b41524eeaa147d77f', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
+        return (h(Host, { key: '19c397daad1da2833acfd8f398761b227eedf927' }, h("figure", { key: 'd14db5b7a2bacc8e9e534e15f24d055e23045d07', class: wrapperClasses }, h("span", { key: '59b161a6e73d2924e46e0e23b3da471ac70322b8', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
                 width: `${options.width}px`,
                 height: `${options.height}px`,
-            }, innerHTML: apolloIcons.getIcon(this.icon)?.toSVG(options) }), h("figcaption", { key: '654cc247dbe9383198d6ac90b91412d0957259dc' }, this.icon, " icon"))));
+            }, innerHTML: apolloIcons.getIcon(this.icon)?.toSVG(options) }), h("figcaption", { key: '452f4c3044710c3720a3e0aa73306f3cedd232ae' }, this.icon, " icon"))));
     }
 };
-Icon.style = xplIconCss();
 
 export { Icon as xpl_icon };

package/dist/esm/xpl-input-color.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CgJEmBQY.js';
 import { i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 
 const hslaToRgba = (hue, saturation, lightness, alpha) => {
@@ -376,16 +376,16 @@ const InputColor = class {
             top: `${y}px`,
             background: `rgb(${r}, ${g}, ${b})`,
         };
-        return (h(Host, { key: 'baf8bd36a33134bff8b2e1ce1a5d81a567f232b2', class: "xpl-input-color" }, h("xpl-popover", { key: 'e5bfd446e4b900371ee8ca7c7c321692079c66fb', disabled: this.disabled, display: "menu" }, h("div", { key: '9d40ccbf649ba0be2884bbc7dec84d7c1e9ddbb7', slot: "trigger" }, h("div", { key: '6b4474af2dab4be116728135214403af7189d99f', class: {
+        return (h(Host, { key: 'f611b04be640ef01db089c007e7f25b8036c491d', class: "xpl-input-color" }, h("xpl-popover", { key: '69543f023b1fac44519bdd4f0f05cc0cb80b9fa0', disabled: this.disabled, display: "menu" }, h("div", { key: '6f375f07dfbd4071f0563dfd1f7b29179a8350f2', slot: "trigger" }, h("div", { key: '17e69e5cc8e6ae1832ea553d853557e7ebe44203', class: {
                 'xpl-input-color__display': true,
                 'xpl-input-color__display--disabled': !!this.disabled,
                 'xpl-input-color__display--error': !!this.hasErrorState,
-            } }, h("span", { key: '9372da25358b453c5b89f324886c986153b9386b', class: "xpl-input-color__color", style: {
+            } }, h("span", { key: '9947ea401899d66e7d2ce41c585a9833fa1ad0c7', class: "xpl-input-color__color", style: {
                 background: objectToStringColor(this.colorValues),
-            } }), this.colorValues.hex ? (h("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (h("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (h("xpl-icon", { key: 'a37bf00e4a70cda5e59cecfc7f108601bbb15e8e', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
+            } }), this.colorValues.hex ? (h("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (h("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (h("xpl-icon", { key: 'c30ba3d881ddb1949896ca5ff1ae6956c64348d0', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
                 e.stopPropagation();
                 this.openEyeDropper();
-            } })))), h("div", { key: 'e95b3755b47802b446de5d7e9c25d2238dea23ef', class: "xpl-input-color__menu" }, h("div", { key: '9ecc94c286d9cd0a5e25c92eaea3a2dd9ee4394b', class: "xpl-input-color__sl-grid", ref: (el) => {
+            } })))), h("div", { key: '5239298cd97594a7d8d7ee5b059e62417757ba1f', class: "xpl-input-color__menu" }, h("div", { key: '23552fc0d6cec74386c86b793b2c9ac3db71a0a0', class: "xpl-input-color__sl-grid", ref: (el) => {
                 this.colorInputElements.slGrid = el ?? undefined;
             }, style: {
                 background: [
@@ -393,9 +393,9 @@ const InputColor = class {
                     `linear-gradient(to right, #fff, #fff0)`,
                     `rgb(${hueBaseColor.r} ${hueBaseColor.g} ${hueBaseColor.b})`,
                 ].join(', '),
-            }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, h("div", { key: '85b2e591be85db2a2d3d1bbe65ee276a857b92fa', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), h("div", { key: 'b9d7f2fdc49d73db488d62f21433558b5b0a09a7', class: "xpl-input-color__grid" }, h("input", { key: '3c260f54bde2c26a7b5980082cabf54e2d42340e', type: "range", min: "0", max: "360", value: this.hue, class: "xpl-input-color__slider xpl-input-color__hue", name: "color-hue-slider", ref: (el) => {
+            }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, h("div", { key: 'c483d5d58c54cb6022584a6af5bfdbd761fd559b', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), h("div", { key: '157a8c17341702a2488cf957b54cabef43d11b5d', class: "xpl-input-color__grid" }, h("input", { key: '430e5aee2dff413469293bb7b2ce1cbd370cad43', type: "range", min: "0", max: "360", value: this.hue, class: "xpl-input-color__slider xpl-input-color__hue", name: "color-hue-slider", ref: (el) => {
                 this.colorInputElements.hue = el ?? undefined;
-            } }), h("input", { key: 'ef8ef568a1487b618aeeb986904a5eeefabba300', type: "range", min: "0", max: "1", step: "0.01", value: a, class: "xpl-input-color__slider xpl-input-color__alpha", name: "color-alpha-slider", ref: (el) => {
+            } }), h("input", { key: 'd4b3043979ee22de697d61ee97f76743a138e961', type: "range", min: "0", max: "1", step: "0.01", value: a, class: "xpl-input-color__slider xpl-input-color__alpha", name: "color-alpha-slider", ref: (el) => {
                 this.colorInputElements.alpha = el ?? undefined;
             }, style: {
                 backgroundImage: [
@@ -405,9 +405,9 @@ const InputColor = class {
                     `linear-gradient(45deg, transparent 75%, #ccc 75%)`,
                     `linear-gradient(-45deg, transparent 75%, #ccc 75%)`,
                 ].join(', '),
-            } }), h("div", { key: 'b4953565664df14ad483f30c45b6ae5e717e6a63', class: "xpl-input-color__preview", style: {
+            } }), h("div", { key: 'ed859b34986b4c65b29193d0362fa32fa91ad6db', class: "xpl-input-color__preview", style: {
                 background: `rgba(${r}, ${g}, ${b}, ${a})`,
-            } })), h("div", { key: '731a00aa7075efc1a19849a58e5a81c8837ab199', class: "xpl-input-color__inputs" }, [
+            } })), h("div", { key: '6330ad3630f75f24b10117af3f98b39db6f6aecc', class: "xpl-input-color__inputs" }, [
             'hex',
             'r',
             'g',

package/dist/esm/xpl-input-phone.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { v as v4 } from './v4-CK3_k8jD.js';
 
 const PHONE_COUNTRIES = [

package/dist/esm/xpl-input-time.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CgJEmBQY.js';
 
 function format12Hour(time) {
     const [hours, minutes] = time.split(':');

package/dist/esm/xpl-input_4.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { v as v4 } from './v4-CK3_k8jD.js';
 import { f as flatpickr } from './index-CH4yJ6Qx.js';
 import { i as isBrowser } from './lifecycle-Dqb1pIRo.js';
@@ -326,16 +326,16 @@ const InputDate = class {
         parent.removeChild(wrapper);
     }
     render() {
-        return (h(Host, { key: 'f1b3189eb8ba737e5e96826042d8c3aadce9b0d1', class: {
+        return (h(Host, { key: 'db5a09f9a2ee0b813eddf841ea4ea3992e3e34c6', class: {
                 'xpl-input-date': true,
                 [`xpl-input-date--mode-${this.mode}`]: true,
                 'xpl-input-date--error': !!this.hasErrorState,
                 'xpl-input-date--flatpickr-static': this.flatpickrStaticLayout,
-            } }, h("div", { key: '1c292279aad8ae7f48358d5e42189d60ecd1d97d', class: "xpl-input-wrapper" }, this.pre && (h("label", { key: 'f8ed452f69f664fd4e3b83e428070f3f4b14d5c6', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), h("input", { key: 'e1659c6ad3cb2cb0a5d88a7635672917d2f58ebb', type: "date", id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, ref: (el) => {
+            } }, h("div", { key: '747c13852b950f0cc66eee49385c4b21e1d877f5', class: "xpl-input-wrapper" }, this.pre && (h("label", { key: 'b7701d8c9ddba763709f911393997178fd8ebe28', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), h("input", { key: 'fdacd352e22996be3f3edeceb570a6dc2c49728b', type: "date", id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, ref: (el) => {
                 this.input = el ?? undefined;
             }, onChange: (event) => {
                 this.valueChanged(event);
-            } }), h("xpl-icon", { key: '577c881edf4ef8dfd3c910c8bbdd268af7448e6c', class: "xpl-input-calendar", icon: "calendar", size: 24 }), this.post && (h("label", { key: '5acfeb3ea72d9c5a193116e305fd54d323276910', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
+            } }), h("xpl-icon", { key: '6eb3953655f7186648ab7602eb4aa6ce8a3e70cc', class: "xpl-input-calendar", icon: "calendar", size: 24 }), this.post && (h("label", { key: '4191049e3d4378d99b83bd6ebfd458953a70286e', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xpl-large-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { h as hostHasNamedSlot } from './slot-presence-_r9-FML8.js';
 
 const GRAPH_CONTENT_SLOT = 'graph-content';
@@ -76,7 +76,7 @@ const LargeCard = class {
         }
     }
     render() {
-        return (h(Host, { key: '879f57b756e3c25bb9bebbc06f144a137bf0b78b', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '1336da473527a06e485c559925156954c0162696', class: "xpl-large-card__header" }, h("header", { key: '69073fa20879ae4b9709ec54cc01cad85fba6366' }, h("slot", { key: 'c9381d78ba477f7ba9f1ce6a2e82c149bbe50ad0', name: "title" }, this.name), this.link && (h("span", { key: '8075678983d86cc192b9a2fc7a43fb4c022dbace', class: "xpl-large-card__header-arrow" }, h("xpl-icon", { key: '960d96210c4d5f37b51782947b9acdb3cb4d125d', icon: "chevron-right", size: 16 })))), this.description && (h("div", { key: '0162c71c16faa14385da912cbcf6a24f182b1012', class: "xpl-large-card__description" }, this.description))), h("dd", { key: 'd48d1348b8d0b5b3db776d64be10b23d884cd35c', class: "xpl-large-card__body" }, this.graphContentPresent && h("slot", { key: '7aa25f469d81ebc5046cc382920fcac9a3d59a9c', name: GRAPH_CONTENT_SLOT }))));
+        return (h(Host, { key: 'a488db2794b82683d4c1ec3eb99d912ac44c6c01', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '7120ad4c237b26f39a7778068426b88b070cac91', class: "xpl-large-card__header" }, h("header", { key: '7c40707298086c2b478b93b189d63af3eec7bcfd' }, h("slot", { key: '4cf184079ab33c2ffcd680e848eacdac5af7bcb3', name: "title" }, this.name), this.link && (h("span", { key: '5b5397cea4222e30f21a57df7a6c953c7e0870b0', class: "xpl-large-card__header-arrow" }, h("xpl-icon", { key: '63ae7e85989f006e566ef27c17bd0b8645aa1293', icon: "chevron-right", size: 16 })))), this.description && (h("div", { key: 'bce1ce5e8f2f3e8d55eb187aef2a8a3c9ba756fb', class: "xpl-large-card__description" }, this.description))), h("dd", { key: '5af4c4720b6fb563383d98d16c59914dcce2624b', class: "xpl-large-card__body" }, this.graphContentPresent && h("slot", { key: '71663b175e0bba01c5d49c97b65e86f07f1682d4', name: GRAPH_CONTENT_SLOT }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-list-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-CgJEmBQY.js';
 
 function emptyXplListItemSlotPresence() {
     return {

package/dist/esm/xpl-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { T as TimerManager } from './lifecycle-Dqb1pIRo.js';
 
 let xplListItemsPropDeprecationWarned = false;
@@ -369,10 +369,10 @@ const List = class {
     render() {
         const ariaLabelledBy = this.labelledBy?.trim() ? this.labelledBy.trim() : undefined;
         const ariaLabel = !ariaLabelledBy && this.label?.trim() ? this.label.trim() : undefined;
-        return (h(Host, { key: 'a97abb1b66b810ef2d18683fd2b77d817c4cf87f', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, this.items?.map((item, index) => {
+        return (h(Host, { key: '86436f586fb301e2fcdc9688ab7bc8c1f5c99f8d', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, this.items?.map((item, index) => {
             const legacyRowId = item.id ?? `item-${index}`;
             return (h("xpl-list-item", { key: `legacy-item-${legacyRowId}`, item: item, href: item.href, itemId: legacyRowId }));
-        }), h("slot", { key: '0c5421e5ac9652c8efa7563003582a3a57141324' }), this.reorderable ? (h("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
+        }), h("slot", { key: '1799e215c1155e162a95b0df9813ad6e67e89f61' }), this.reorderable ? (h("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xpl-main-nav.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CgJEmBQY.js';
 
 const MainNav = class {
     constructor(hostRef) {

package/dist/esm/xpl-modal.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CJABLO_1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 
 let modalInstanceCount = 0;
 const Modal = class {