@xplortech/apollo-core 3.2.1 → 3.3.0

package/dist/cjs/{index-3cBvw409.js → index-EdmnG7t8.js}

@@ -22,7 +22,7 @@ const NAMESPACE = 'apollo-core';
 const BUILD = /* apollo-core */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: false, slotRelocation: true, state: true, updatable: true};
 
 /*
- Stencil Client Platform v4.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.44.2 | MIT Licensed | https://stenciljs.com
  */
 
 
@@ -138,7 +138,9 @@ var consoleError = (e, el) => (0, console.error)(e, el);
 
 // src/client/client-load-module.ts
 var cmpModules = /* @__PURE__ */ new Map();
+var failedLoadAttempts = /* @__PURE__ */ new Map();
 var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
+  var _a;
   const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
   const bundleId = cmpMeta.$lazyBundleId$;
   if (!bundleId) {
@@ -148,6 +150,11 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
   if (module) {
     return module[exportName];
   }
+  const retryCount = (_a = failedLoadAttempts.get(bundleId)) != null ? _a : 0;
+  const cacheBustParams = [
+    retryCount > 0 ? `s-retry=${retryCount}` : "",
+    ""
+  ].filter(Boolean).join("&");
   
         if (!hmrVersionId || !BUILD.hotModuleReplacement) {
           const processMod = importedModule => {
@@ -427,15 +434,17 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
     /* webpackMode: "lazy" */
-    `./${bundleId}.entry.js${""}`
+    `./${bundleId}.entry.js${cacheBustParams ? "?" + cacheBustParams : ""}`
   ).then(
     (importedModule) => {
       {
+        failedLoadAttempts.delete(bundleId);
         cmpModules.set(bundleId, importedModule);
       }
       return importedModule[exportName];
     },
     (e) => {
+      failedLoadAttempts.set(bundleId, retryCount + 1);
       consoleError(e, hostRef.$hostElement$);
     }
   );
@@ -456,6 +465,8 @@ 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}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
+var MAX_LAZY_LOAD_RETRIES = 3;
+var LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
 var win = typeof window !== "undefined" ? window : {};
 var plt = {
   $flags$: 0,
@@ -500,6 +511,10 @@ var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @_
 var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
+var scheduleFlush = () => {
+  var _a;
+  return ((_a = win.document) == null ? void 0 : _a.hidden) ? nextTick(flush) : plt.raf(flush);
+};
 var queueTask = (queue, write) => (cb) => {
   queue.push(cb);
   if (!queuePending) {
@@ -507,7 +522,7 @@ var queueTask = (queue, write) => (cb) => {
     if (write && plt.$flags$ & 4 /* queueSync */) {
       nextTick(flush);
     } else {
-      plt.raf(flush);
+      scheduleFlush();
     }
   }
 };
@@ -526,7 +541,7 @@ var flush = () => {
   {
     consume(queueDomWrites);
     if (queuePending = queueDomReads.length > 0) {
-      plt.raf(flush);
+      scheduleFlush();
     }
   }
 };
@@ -573,7 +588,7 @@ function getHostSlotNodes(childNodes, hostName, slotName) {
       slottedNodes.push(childNode);
       if (typeof slotName !== "undefined") return slottedNodes;
     }
-    slottedNodes = [...slottedNodes, ...getHostSlotNodes(childNode.childNodes, hostName, slotName)];
+    slottedNodes = [...slottedNodes, ...getHostSlotNodes(internalCall(childNode, "childNodes"), hostName, slotName)];
   }
   return slottedNodes;
 }
@@ -849,6 +864,11 @@ var h = (nodeName, vnodeData, ...children) => {
       } else if (child != null && typeof child !== "boolean") {
         if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
           child = String(child);
+        } else if (typeof nodeName !== "function" && child.$flags$ === void 0) {
+          {
+            consoleError("Invalid vNode child");
+          }
+          continue;
         }
         if (simple && lastSimple) {
           vNodeChildren[vNodeChildren.length - 1].$text$ += child;
@@ -1600,7 +1620,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       }
     }
     if (newValue == null || newValue === false) {
-      if (newValue !== false || elm.getAttribute(memberName) === "") {
+      if (newValue !== false || elm.getAttribute(memberName) === "" || flags & 4 /* isHost */ && !isEnumeratedAttribute(memberName)) {
         if (xlink) {
           elm.removeAttributeNS(XLINK_NS, memberName);
         } else {
@@ -1617,6 +1637,8 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     }
   }
 };
+var ENUMERATED_ATTRIBUTES = /* @__PURE__ */ new Set(["draggable", "contenteditable", "spellcheck"]);
+var isEnumeratedAttribute = (attrName) => ENUMERATED_ATTRIBUTES.has(attrName) || attrName.startsWith("aria-");
 var parseClassListRegex = /\s/;
 var parseClassList = (value) => {
   if (typeof value === "object" && value && "baseVal" in value) {
@@ -2007,7 +2029,10 @@ var markSlotContentForRelocation = (elm) => {
       const slotName = childNode["s-sn"];
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && // let an exact named-slot match override a stale default-slot claim. Skip this for
+        // `slotName === ''` itself - a matched default node's cached `s-sn` is `''` too, which
+        // would trivially "match" on every re-render and force pointless re-insertion.
+        (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"] || slotName !== "" && getSlotName(node) === slotName)) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -2075,7 +2100,7 @@ var insertBefore = (parent, newNode, reference, isInitialLoad) => {
       return newNode;
     }
   }
-  if (parent.__insertBefore) {
+  if ((parent == null ? void 0 : parent.__insertBefore)) {
     return parent.__insertBefore(newNode, reference);
   } else {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
@@ -2466,6 +2491,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 };
 
 // src/runtime/proxy-component.ts
+var reflectedAttrValue = (propValue) => propValue == null || propValue === false ? null : propValue === true ? "" : String(propValue);
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
@@ -2598,7 +2624,13 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             return;
           }
           const propFlags = members.find(([m]) => m === propName);
-          const isBooleanTarget = propFlags && propFlags[1][0] & 4 /* Boolean */;
+          const propMemberFlags = propFlags ? propFlags[1][0] : 0;
+          const isBooleanTarget = propMemberFlags & 4 /* Boolean */;
+          if (propMemberFlags & 512 /* ReflectAttr */ && propMemberFlags & 8 /* Any */ && // a complex value is never written to an attribute, so a change while the prop holds
+          // one is always external
+          !isComplexType(this[propName]) && reflectedAttrValue(this[propName]) === newValue) {
+            return;
+          }
           const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
           if (isBooleanTarget) {
             newValue = newValue === null || newValue === "false" ? false : true;
@@ -2630,10 +2662,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
 
 // src/runtime/initialize-component.ts
 var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
+  var _a;
   let Cstr;
   try {
     if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
       hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      hostRef.$flags$ &= -1025 /* hasFailedLoad */;
       const bundleId = cmpMeta.$lazyBundleId$;
       if (bundleId) {
         const CstrImport = loadModule(cmpMeta, hostRef);
@@ -2645,6 +2679,11 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
           Cstr = CstrImport;
         }
         if (!Cstr) {
+          hostRef.$flags$ &= -33 /* hasInitializedComponent */;
+          hostRef.$loadRetryCount$ = ((_a = hostRef.$loadRetryCount$) != null ? _a : 0) + 1;
+          if (hostRef.$loadRetryCount$ < MAX_LAZY_LOAD_RETRIES) {
+            hostRef.$flags$ |= 1024 /* hasFailedLoad */;
+          }
           throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
         }
         if (!Cstr.isProxied) {
@@ -2709,7 +2748,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       hostRef.$onRenderResolve$();
       hostRef.$onRenderResolve$ = void 0;
     }
-    if (hostRef.$onReadyResolve$) {
+    if (hostRef.$onReadyResolve$ && !(hostRef.$flags$ & 1024 /* hasFailedLoad */)) {
       hostRef.$onReadyResolve$(elm);
     }
   }
@@ -2769,6 +2808,8 @@ var connectedCallback = (elm) => {
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
       if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
         fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef.$flags$ & 1024 /* hasFailedLoad */) {
+        setTimeout(() => initializeComponent(elm, hostRef, cmpMeta), LAZY_LOAD_RETRY_INTERVAL_MS);
       } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
         hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
       }
@@ -2895,7 +2936,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         }
         disconnectedCallback() {
           plt.jmp(() => disconnectedCallback(this));
-          plt.raf(() => {
+          nextTick(() => {
             var _a3;
             const hostRef = getHostRef(this);
             if (!hostRef) {

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const Accordion = class {
     constructor(hostRef) {
@@ -55,14 +55,14 @@ const Accordion = class {
             bordered: `xpl-accordion--border-bordered${this.expanded ? '--expanded' : ''}`,
             bottom: `xpl-accordion--border-bottom${this.expanded ? '--expanded' : ''}`,
         }[this.borderType];
-        return (index.h(index.Host, { key: '5b950c90f1d0c1c4ec18a63543e8a3f967e4c345', class: `xpl-accordion ${accordionBorder}` }, index.h("button", { key: 'd080af79bf979178beadd345259e3555c82d6d11', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("header", { key: '31cd09cebdcd16f8581340b720f4f3bf5eb11315', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, index.h("slot", { key: '42f3de1cbccc2304d60db637879539a607338d9d', name: "heading" }, this.header), index.h("xpl-icon", { key: 'f7a047102a0e10b60d3ac3d18aa47c2de4409b6e', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), index.h("div", { key: '284d9e73027bc38acafc4d07355a0c21c7d38ce1', class: "xpl-accordion-description" }, index.h("slot", { key: 'a7928e0e46a3f5d2274477a576f65330c5600046', name: "description" }, this.description))), index.h("section", { key: '5d89a5282aa9f63d349196f2b90c2404bc636e47', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
+        return (index.h(index.Host, { key: 'bef7707d1c7aaab18735fdb7b767b54a6cfd9805', class: `xpl-accordion ${accordionBorder}` }, index.h("button", { key: '053fb3d0a2bf253e02d491d26e3a82986352e00e', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("header", { key: '884b58fd83f39537b00bdb932286254447996151', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, index.h("slot", { key: '86ee5ae7cc2c28d5a3d5a273b5597d424e5f677c', name: "heading" }, this.header), index.h("xpl-icon", { key: 'e15037ad75519740e11bb4b2bf0ee83950cef3c4', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), index.h("div", { key: '553d3c1e14a5cd870a6f968133d1b3456d2a39dd', class: "xpl-accordion-description" }, index.h("slot", { key: 'b114db833bfb9407997b9e2e79e93b83ae9f081a', name: "description" }, this.description))), index.h("section", { key: '92e987377515608b9c9d6ee9de77f32a05644de8', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
                 ? {
                     '': '',
                     none: '',
                     bordered: 'xpl-accordion-content--shown-bordered',
                     bottom: 'xpl-accordion-content--shown-border-bottom',
                 }[this.borderType]
-                : ''}` }, index.h("slot", { key: '658018fba352e3d8a3d005890557fa4f5acb3985', name: "content" }))));
+                : ''}` }, index.h("slot", { key: '0363c341f5554dc9b199c2ddfdc516fc758c46fc', name: "content" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const ApplicationShell = class {
     constructor(hostRef) {
@@ -39,7 +39,7 @@ const ApplicationShell = class {
         navClasses += this.navOpen
             ? ` xpl-application-shell__nav--${this.navWidth}--open`
             : ` xpl-application-shell__nav--${this.navWidth}`;
-        return (index.h(index.Host, { key: '2a5c0529540dc44d79f4744cd77465d097a3cfe9', class: applicationShellClasses }, index.h("div", { key: '9e7b1e9c302d3188c20792ce5d45c4fd3d981eae', class: navClasses }, index.h("slot", { key: 'ac3a2e232a4bb296dc97edb46da3a45a9a0143ee', name: "nav" })), index.h("div", { key: '8a43762388448850e6b70f526ca288e12cfb3a86', class: "xpl-application-shell__subnav" }, index.h("slot", { key: 'c3753c23cebdc77664c885770f2a7a3afafd2f70', name: "subnav" })), index.h("div", { key: '17e41ed6c571dc8a11c20034cff373442ed72a47', class: "xpl-application-shell__utility" }, index.h("slot", { key: '20b62c7529383caf5d52e9f0a7afdfd362136404', name: "utility" })), index.h("div", { key: '1632f1a97ae50432228040c3788248ff598160f1', class: "xpl-application-shell__content" }, index.h("slot", { key: '0e3fa6b14b216db3848ec302f755db2f4d9babea', name: "content" })), index.h("xpl-backdrop", { key: 'd465d3084d1728fd072537ccd1947a154389fb59', onClick: () => this.navToggleHandler(), class: {
+        return (index.h(index.Host, { key: '62f8a731b47f2ffadb192ed1c4d804362dd66a42', class: applicationShellClasses }, index.h("div", { key: '0f8b2f9825bd85a187a44ec8b29bb61933216d47', class: navClasses }, index.h("slot", { key: 'f35e09fef29ec3ec8a14c32891e1f1a6aeec058a', name: "nav" })), index.h("div", { key: '29ea416c978cdb10ecc2df516cc25ff7fbde2342', class: "xpl-application-shell__subnav" }, index.h("slot", { key: '56d536702db72a201d5573d30e7e4f04a5fd3428', name: "subnav" })), index.h("div", { key: 'eb6edaeab5e79ba6d6f60c1edf2369205a724f59', class: "xpl-application-shell__utility" }, index.h("slot", { key: '86fde26627dbf24bf23d2b467940bf3ff58dbdc8', name: "utility" })), index.h("div", { key: 'ae8b382f38f03018b4098b96fcf1a9a583671356', class: "xpl-application-shell__content" }, index.h("slot", { key: '3e8cbe1c7540e3522147582e7bb724bef88f8910', name: "content" })), index.h("xpl-backdrop", { key: '559ef92a0ed4764257f25482a7d192183785c2cf', onClick: () => this.navToggleHandler(), class: {
                 'xpl-application-shell__backdrop--open': this.navOpen,
             }, relative: true })));
     }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var v4 = require('./v4-_2BfiRUa.js');
 
 const LEGACY_STATUS_TO_BADGE = {
@@ -166,7 +166,7 @@ const Divider = class {
     render() {
         let className = 'xpl-divider';
         className += ` xpl-divider--${this.tier}`;
-        return (index.h(index.Host, { key: '4c1cdecc3ed6e9440668e413df897e23d9f7d679', class: className }, index.h("span", { key: 'bb85cd26e6565c1f1ec150fca99fe965957878cb' }, index.h("slot", { key: '37d5a8f75d26f6ba545aa1c12c4e7634b8dd1b6c' }))));
+        return (index.h(index.Host, { key: 'af5215db4c71b69c9dba81383bd9ae2fa318d7f1', class: className }, index.h("span", { key: 'de353b8dd0fa49490b93295a0da8c783a0b664f4' }, index.h("slot", { key: '9a10da3760366b90059113530c7e1799d1a3a89c' }))));
     }
 };
 
@@ -192,14 +192,14 @@ const Radio = class {
         return Boolean(this.checked);
     }
     render() {
-        return (index.h(index.Host, { key: '45436282d29873a5c640519eb4ad9aa3afb25b73', class: {
+        return (index.h(index.Host, { key: 'dec063c59a7fe6bd9680d0bfcec55eabfa782ee0', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: !!this.styled,
                 disabled: !!this.disabled,
-            } }, index.h("input", { key: 'b0f7604cb5751f7fb2dc62960d5e7130d4fc0871', class: "xpl-radio", type: "radio", checked: this.isChecked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, onChange: this.onChange, value: this.value }), index.h("label", { key: '05d3589852ebcf9ce5c3301cbc685547a45b61d4', class: {
+            } }, index.h("input", { key: 'ff51ff9e164c663b1583409f37a075a3bb0c03e3', class: "xpl-radio", type: "radio", checked: this.isChecked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, onChange: this.onChange, value: this.value }), index.h("label", { key: '3d82a7ee345008e237ea52064774b6d751031450', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, index.h("slot", { key: '8790f97ad02c180680de269f2f4a0986736c5d4e' }), this.description && (index.h("small", { key: '94a8e1eea919b8cfe7b4074702dce50e7399c6ab', class: {
+            }, htmlFor: this.id }, index.h("slot", { key: 'a04ec7ab9149a61f88391bb37556f81e9e172b6e' }), this.description && (index.h("small", { key: 'b03619c554d2438cc152ff37fcaa02be3ba7e0bd', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
             } }, this.description)))));

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const Backdrop = class {
     constructor(hostRef) {
@@ -8,7 +8,7 @@ const Backdrop = class {
         this.relative = false;
     }
     render() {
-        return (index.h(index.Host, { key: '953f17db70815d5bc0b0debb29c4eda2f6f67b0a', class: {
+        return (index.h(index.Host, { key: '85f3504a4f62941f97a81da862a210822b13376c', class: {
                 'xpl-backdrop': true,
                 'xpl-backdrop--fixed': !this.relative,
                 'xpl-backdrop--relative': this.relative,

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const LEGACY_VARIANT_MAP = {
     success: 'green',
@@ -30,7 +30,7 @@ const Badge = class {
             [`xpl-badge--size-${this.size}`]: !!this.size,
             [`xpl-badge--shape-${this.shape}`]: !this.dotOnly && !!this.shape,
         };
-        return (index.h(index.Host, { key: '88ec460410a79a749357fb0fcfce4393f1fbd119' }, index.h("div", { key: '93dd43a12a7d18a95d6c6d242ac527017736cd38', class: className }, index.h("span", { key: 'f399c751da8fc51c5a47672c39e1b618d29f1314', class: "xpl-badge__label" }, index.h("slot", { key: 'f3920fd097e95f0e550eafa40010b0ca3d4202d4' })))));
+        return (index.h(index.Host, { key: 'df70cb8e95cecc50abc78308edb0b3de90b1e8d5' }, index.h("div", { key: 'de762267e9a338127b65027fbb77a297939e997a', class: className }, index.h("span", { key: '99f8e2cfb87fd814c520532ef0701095e2b8f606', class: "xpl-badge__label" }, index.h("slot", { key: 'c49400097ee9bdfc04344464d7be3e02133b199c' })))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const Banner = class {
     constructor(hostRef) {
@@ -61,13 +61,13 @@ const Banner = class {
         const actionState = this.getActionButtonState();
         const isHeadingPresent = !!this.heading?.trim();
         const isDescPresent = !!this.description?.trim();
-        return (index.h(index.Host, { key: 'a78a06e2863b01b36e265fdd55bb9d1d77751c88', class: {
+        return (index.h(index.Host, { key: '3ec080a23996280ec5223f06f75db2f308c4af9e', class: {
                 'xpl-banner': true,
                 'xpl-banner--section': this.isSection,
                 [`xpl-banner--${this.appearance}`]: true,
                 'xpl-banner--truncate-desc': this.truncateDesc,
                 'xpl-banner--no-icon': this.isSection && !this.hasIcon,
-            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (index.h("div", { key: '70b99cf6bf217673c1dc80d022a461285636a4bd', class: "xpl-banner__icon", "aria-hidden": "true" }, index.h("xpl-icon", { key: 'f91c24c80d30d8c784c4fa96e8a3829243705436', icon: this.getIcon(), size: 24 }))), index.h("div", { key: 'edbcd267f1ad434adc4b2a05ce598fab3c2e6df6', class: "xpl-banner__body" }, isHeadingPresent && index.h("p", { key: 'd3416ba50362753dd22e2c7e4097159bedf9f8c4', class: "xpl-banner__heading" }, this.heading), isDescPresent && (index.h("p", { key: 'b899e18bce636d21cec109cd3a7933907877d32a', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (index.h("div", { key: '702098d0a58e9327adba65a1b5d9ab9381eabfee', class: "xpl-banner__actions" }, hasAction && (index.h("xpl-button", { key: '73e9a4609e1d8f9a21d096369def97a864dc7ed7', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (index.h("xpl-button", { key: 'e8449c8728aa9336c51fe0fd4f012452730eb816', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (index.h("button", { key: '9b46dcb8aac285b0fc4a8d60132dd99d756d61c3', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, index.h("xpl-icon", { key: 'd0299f4467685505ab2712a985c09ed2d12e90a4', icon: "xmark", size: 24, "aria-hidden": "true" })))));
+            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (index.h("div", { key: 'b6a41b971e0a7f07aefa8bd457e39cd16dbaeb3b', class: "xpl-banner__icon", "aria-hidden": "true" }, index.h("xpl-icon", { key: 'cefc593e0ab2134c4853e7e5e49be548d6b32a24', icon: this.getIcon(), size: 24 }))), index.h("div", { key: 'c26947f4579889550ce9d9edf272274c96981ff7', class: "xpl-banner__body" }, isHeadingPresent && index.h("p", { key: 'ccc03db846014aaa25b9938373108feae99150d3', class: "xpl-banner__heading" }, this.heading), isDescPresent && (index.h("p", { key: '14493ae4ebd31a9d2677b45f148d98c0b6a443e8', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (index.h("div", { key: '37347b1eb78e4664498410a3e5918f26cb670725', class: "xpl-banner__actions" }, hasAction && (index.h("xpl-button", { key: 'e84704a48a07fd2ca75252c8821f59084275975c', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (index.h("xpl-button", { key: 'e02ac8ed8b9c4146d6275262359a9d5d3e401e9c', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (index.h("button", { key: '8f7c5451c1fcadd30915f59064738e42a1e72948', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, index.h("xpl-icon", { key: '6775534525f9363551699f9efa879225d51363f4', icon: "xmark", size: 24, "aria-hidden": "true" })))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const BreadcrumbItem = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const BreadcrumbItem = class {
     `;
     }
     render() {
-        return (index.h(index.Host, { key: '7183a61283e558218b0ab031b4751c8a0adceccf', class: "xpl-breadcrumb-item", role: "listitem" }, index.h("li", { key: 'dbd92cb1dbda6fae79786dc0445bed7d7c77334f', role: "none" }, index.h("slot", { key: 'aed0551ce683fce1886d2e4263ad817201471e61' })), index.h("span", { key: 'eb62adcc50b5da568c953263ebe6e3dc185c60c1', innerHTML: this.chevron })));
+        return (index.h(index.Host, { key: 'f27e929df7f6b3c346c78dbaa1fbd5504ed02bb8', class: "xpl-breadcrumb-item", role: "listitem" }, index.h("li", { key: '58c1f95719d3d0ad4304cc4f29e74fc66efa5693', role: "none" }, index.h("slot", { key: 'd8ecd978e3f99fd2638094d33735c66e3a56d29c' })), index.h("span", { key: 'a0b21f289feb8246a9e75874f259fe5597cbcaf3', innerHTML: this.chevron })));
     }
 };
 

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const Breadcrumbs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'da8bca6508913f46c473f8d97bfd7dc6dd45bce5' }, index.h("nav", { key: 'c9967a3ea464361b820e1c8354ee646cc13677e8', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, index.h("ol", { key: '57791a5a8d72a9f25d0e9d43eac87044d8115f4a', role: "list" }, index.h("slot", { key: 'b6c7658b88b190130352d096a9b8b1b7e83f7839' })))));
+        return (index.h(index.Host, { key: 'f859d93fa0a8ad5b4f8258aa9bbdc1911d6ae16d' }, index.h("nav", { key: '6d676d761994ec12287b1ebdd9de581b312bea8e', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, index.h("ol", { key: 'ebcb8ef044cb89b8269e2b57b920d915f722a7de', role: "list" }, index.h("slot", { key: '61baec9902cafb7fbdfd69293005708abda67170' })))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const ButtonRow = class {
     constructor(hostRef) {
@@ -13,7 +13,7 @@ const ButtonRow = class {
         this.onTertiary = () => this.clickTertiary.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '775133c0e49878db9861212167b4af14241f39b7', class: "xpl-button-row" }, index.h("div", { key: 'cb0bf58d6624380730d56fbcb67746bef02f1623', class: "xpl-button-row-inner" }, index.h("div", { key: 'c857f0383c85129273ee2bdd3572a05ead4682ae', class: "xpl-button-row__left" }, this.secondary && (index.h("xpl-button", { key: '863e665b97686490b5a8df1b94303ab369eb9bf0', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), index.h("div", { key: 'c5f244acf020f0cb3be4994fafe92161428a7289', class: "xpl-button-row__right" }, this.tertiary && (index.h("xpl-button", { key: '9766e4e5ff3cd7e3f2202764edf9b3c3221b7ea8', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (index.h("xpl-button", { key: '981384abd21328e229f28a345eef129cb96cbdc8', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (index.h("xpl-button", { key: 'f141d9bff96edd8c74bd19745e7a259005ebc12e', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+        return (index.h(index.Host, { key: '1a62b9b571e501af51ec981ffa18482516d889dd', class: "xpl-button-row" }, index.h("div", { key: '60eefd7f143289ff3991373d29d8fb925c326bcd', class: "xpl-button-row-inner" }, index.h("div", { key: 'a395589aa225b953abf8a60539ea32dcca023f17', class: "xpl-button-row__left" }, this.secondary && (index.h("xpl-button", { key: 'b4682506704ed7b9169e5b621fa58d6c5238103f', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), index.h("div", { key: '24c432eb94332d55842cb3e3b747b933bc29b168', class: "xpl-button-row__right" }, this.tertiary && (index.h("xpl-button", { key: '07ddee3c645def7a435d1ee7e33ac82a11b311cd', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (index.h("xpl-button", { key: 'eed2fe1cf5235744f91b3990953dd3bea7ed6bea', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (index.h("xpl-button", { key: '28d2224d6c2b519068b5c47ccb8e7a2a8ec31180', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const Button = class {
     constructor(hostRef) {
@@ -58,7 +58,7 @@ const Button = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0e9841bd097a28e6745efddaf0d528d1f23f799d', class: {
+        return (index.h(index.Host, { key: '22c276771971610882e3f2761685fc0194bf4b53', class: {
                 'xpl-button': true,
                 [`xpl-button--${this.size}`]: true,
                 [`xpl-button--${this.variant}`]: true,
@@ -73,7 +73,7 @@ const Button = class {
                     this.type === 'reset' ||
                     this.type === undefined)
                 ? 'button'
-                : this.type, name: this.name, value: this.value, form: this.form, "aria-busy": this.isLoading ? 'true' : undefined }, this.icon && index.h("span", { class: "xpl-button__icon" }, this.renderIcon()), index.h("slot", null), this.isLoading && (index.h("span", { class: "xpl-button__loading-overlay", "aria-hidden": "true" }, index.h("span", { class: "xpl-button__loading-spinner" }, index.h("xpl-icon", { icon: "loader-4" }))))))));
+                : this.type, name: this.name, value: this.value, form: this.form, "aria-busy": this.isLoading ? 'true' : undefined }, this.icon && index.h("span", { class: "xpl-button__icon" }, this.renderIcon()), index.h("slot", null), this.isLoading && (index.h("span", { class: "xpl-button__loading-overlay", "aria-hidden": "true" }, index.h("span", { class: "xpl-button__loading-spinner" }, index.h("xpl-icon", { icon: "loader-4", size: 20 }))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var index$1 = require('./index-BvmWjxWc.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 var v4 = require('./v4-_2BfiRUa.js');
@@ -60,7 +60,7 @@ const Calendar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b82a13403c12cdcfa676caeddcd397cd264eb9ec', class: "xpl-calendar" }, index.h("input", { key: '0fba8e4e4b052bfed0e883c3455f63e8549c4263', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (index.h(index.Host, { key: '9482590a1f610ab97fa222cc4b7dd1c5d39646ce', class: "xpl-calendar" }, index.h("input", { key: '1222dcda2f73a3bb174410a2a05c39d1f0614c7e', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 if (el)
                     this.inputElement = el;
             } })));

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var v4 = require('./v4-_2BfiRUa.js');
 
 const Checkbox = class {
@@ -15,14 +15,14 @@ const Checkbox = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '300304af622ef0f26d53df76c20e27990a7b71d4', class: {
+        return (index.h(index.Host, { key: '1c22f9cae18b7ef0ab38b01b0a1bcb0267047201', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: !!this.styled,
                 disabled: !!this.disabled,
-            } }, index.h("input", { key: '43b393bae1a48af0cd14f577cf3164d034e3aa3f', class: "xpl-checkbox", type: "checkbox", "aria-label": (this.ariaLabel ?? '').trim() || undefined, checked: this.checked, "data-id": this.dataId, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: this.onChange, name: this.name, required: this.required, value: this.value }), index.h("label", { key: 'fcd3c7867ff3a8073bcd48aed8fb22c587f38ab0', class: {
+            } }, index.h("input", { key: 'b82e9eef1e504bdf76faf441c5215b3ef95bd006', class: "xpl-checkbox", type: "checkbox", "aria-label": (this.ariaLabel ?? '').trim() || undefined, checked: this.checked, "data-id": this.dataId, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: this.onChange, name: this.name, required: this.required, value: this.value }), index.h("label", { key: '0f605fbd6dbee4e412e12c461bc530b47926d01b', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, index.h("slot", { key: 'd2ddc28e2b6c310f800efd13aaf8b6b718146e51' }), this.description && (index.h("small", { key: '573a2af2584d91da251b974c56999529c06ad9d0', class: {
+            }, htmlFor: this.id }, index.h("slot", { key: '1f165c4cad532b4daa6726ca1cd0607c26d7bbee' }), this.description && (index.h("small", { key: '21d04363115f6762600d4fa47ea2bdd2ae1a9c78', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
             } }, this.description)))));

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var v4 = require('./v4-_2BfiRUa.js');
 
 const Choicelist = class {
@@ -42,7 +42,7 @@ const Choicelist = class {
         this.onChoicesPropChange(this.choices);
     }
     render() {
-        return (index.h(index.Host, { key: '618280baaf3f3e5d6b2787e74a257858a2a94a26', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (index.h("div", { class: "xpl-choicelist-heading" }, this.heading && index.h("h3", null, this.heading), this.description && index.h("p", null, this.description))) : null, this.choices && (index.h("ul", { key: '3d728d5612ea9efe80325cb09b98f5cf3146a813', class: {
+        return (index.h(index.Host, { key: 'c1588b70760e078e599ee7a0ffa9b63b65bfb7e4', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (index.h("div", { class: "xpl-choicelist-heading" }, this.heading && index.h("h3", null, this.heading), this.description && index.h("p", null, this.description))) : null, this.choices && (index.h("ul", { key: '0ea89dcd0aa52724e2659b0a075299c0624eb682', class: {
                 'xpl-choicelist': true,
                 'xpl-choicelist--styled': !!this.styled,
             } }, this.choices.map((choice, i) => {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const ContentArea = class {
     constructor(hostRef) {
@@ -8,7 +8,7 @@ const ContentArea = class {
         this.size = 'wide';
     }
     render() {
-        return (index.h(index.Host, { key: '30c120a2eb2998222057ec07e5904cc1d8522f88' }, index.h("main", { key: 'c4d94b67ece358f50577b5b26793a31fa58b5ad2', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, index.h("div", { key: '162e32db10f359d86cbe80fa881f9866b8a9e14e', class: "xpl-content-area" }, index.h("slot", { key: '065c2851622f7817ab6ceb5fe5b23cd19a1408ed' })))));
+        return (index.h(index.Host, { key: '039b66267939780a105ead45dee7fdbab2826555' }, index.h("main", { key: '457e5701bed865b094c8031fef9a4f2d4f167e2a', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, index.h("div", { key: '174ca226c7c4cf56bd03f0636b985f5c13b72ddc', class: "xpl-content-area" }, index.h("slot", { key: '74e699c02c468d99032e37f8bdc025a5ad443e53' })))));
     }
 };
 

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const Dashboard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '6551b0e202b00dc8c584c4368bfabdb388433016' }, index.h("dl", { key: '126b026852d0de7040ce26736eb850fa31bfc1f3', class: "xpl-dashboard" }, index.h("slot", { key: '262977ead7f8f9d15e61a20368bb1a3584b4fd8b' }))));
+        return (index.h(index.Host, { key: 'dac516d62e2171dcd43f7c7d28fc4af39a880d63' }, index.h("dl", { key: '9ebe4177da5919058c8cdcc7aba2b07fcc9617a0', class: "xpl-dashboard" }, index.h("slot", { key: 'eb261b674f1ae29b4b9837c98865b64a78fe4949' }))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var slotPresence = require('./slot-presence-HmQUW2Ba.js');
 
 const GRAPH_CONTENT_SLOT = 'graph-content';
@@ -94,8 +94,8 @@ const DataCard = class {
             : this.smallStatVariant === 'negative'
                 ? 'arrow-down-right'
                 : 'dash';
-        return (index.h(index.Host, { key: '7c4e576cefe0b23b431aa2a73ca246fec0bb8db6', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, index.h("dt", { key: 'e5907b183be449b87b2b5c46f17b2c7c97a07f66', class: headerClasses }, index.h("header", { key: '234988a87297a90565614c16e7a30a18a7b5aeb2' }, !!this.leadingIcon && this.icon && (index.h("span", { key: '462d1f7a090eefb04be255c37a19d05c8365bf35', class: `xpl-data-card__icon--${this.variant}` }, index.h("xpl-icon", { key: '334a676cbbf353de77fd173fbeb786820694d6d0', icon: this.icon, "background-color": bgColorHue, size: 20 }))), index.h("slot", { key: '9f933f8307c0ee4289ab03971261d947ac3a71c3', name: "title" }, this.name)), this.link && (index.h("span", { key: 'eb5e62387de08b5d588b702cdb06522a18f6d0ff', class: "xpl-data-card__header-arrow" }, index.h("xpl-icon", { key: 'f0c210320683fa98dc15e89cef7ba0351ae8b54f', icon: "chevron-right", size: 16 })))), index.h("dd", { key: 'a18c3f4800e6719a659e8ad1ebb9b61d4c59235a', class: "xpl-data-card__body" }, index.h("div", { key: '0ea86cf8297a15c2ac3694df4ecedbce2a967239', class: "xpl-data-card__left" }, index.h("span", { key: 'd3daf019480ee66cfd9c1fff5e57cad87dab9b6e', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (index.h("xpl-tooltip", { text: this.tooltipTextStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, index.h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
-            (this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && index.h("span", { key: '61bb7ebb508ead51c8c7dbbe1513822c65675fc5', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (index.h("div", { key: '6325676d2bbc0210e5d46ec72a5f8cb7d916d255', class: "xpl-data-card__right" }, index.h("slot", { key: '96775ee066bcea7b8e418132b8125857cf197cbc', name: GRAPH_CONTENT_SLOT }))))));
+        return (index.h(index.Host, { key: '67600ec3bea7c67b0adaab720343a44f29a56dd4', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, index.h("dt", { key: 'f49af2614c4dd8eb478bba583c30a9417f45e7f6', class: headerClasses }, index.h("header", { key: '65fbdb3e3d1676b2b3424fca802f62069e67371e' }, !!this.leadingIcon && this.icon && (index.h("span", { key: '969a2f56c7a6574fb4259efdb7dfcba236e99ccf', class: `xpl-data-card__icon--${this.variant}` }, index.h("xpl-icon", { key: 'b1ccdddd1934feded858fea2170f8226738a30ad', icon: this.icon, "background-color": bgColorHue, size: 20 }))), index.h("slot", { key: '16872a96b96f7f34bf4ac1f36aef388366899b0d', name: "title" }, this.name)), this.link && (index.h("span", { key: '22fc5c8d7b82689c1e3fd10fb5240df957ea0bb6', class: "xpl-data-card__header-arrow" }, index.h("xpl-icon", { key: 'b32326c05e48e6aae857da7ea809e553715cb17e', icon: "chevron-right", size: 16 })))), index.h("dd", { key: '462b54b42a2bfdb66e2e7cb816578b46abac2281', class: "xpl-data-card__body" }, index.h("div", { key: '617fe8c2c07d22523a3e233eea84e8509a3665e5', class: "xpl-data-card__left" }, index.h("span", { key: '6fc8a0c0b525574ab0e7b1f8787b445805a2c477', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (index.h("xpl-tooltip", { text: this.tooltipTextStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, index.h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
+            (this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && index.h("span", { key: '800c59505dfa7a9c6c8146d8722b5d941df198a3', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (index.h("div", { key: '4edecaf0e2a361e0dc676f33ed46efcaeb357148', class: "xpl-data-card__right" }, index.h("slot", { key: '3bbb230c30e850f16376079e2bdac5fe7b13686c', name: GRAPH_CONTENT_SLOT }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {