@xplortech/apollo-core 2.11.0 → 2.12.0

package/dist/cjs/slot-presence-HmQUW2Ba.js

@@ -0,0 +1,10 @@
+'use strict';
+
+function hostHasNamedSlot(host, slotName) {
+    if (Array.from(host.children).some((child) => child.getAttribute('slot') === slotName)) {
+        return true;
+    }
+    return host.querySelector(`[slot="${slotName}"]`) != null;
+}
+
+exports.hostHasNamedSlot = hostHasNamedSlot;

package/dist/cjs/tab-a11y-ids--A4ZoXEj.js

@@ -0,0 +1,27 @@
+'use strict';
+
+function sanitizeForHtmlId(value) {
+    const trimmed = value.trim();
+    if (!trimmed) {
+        return 'unnamed';
+    }
+    let s = trimmed.replace(/[^a-zA-Z0-9_-]/g, '-').replace(/-+/g, '-');
+    if (/^[0-9-]/.test(s)) {
+        s = `t-${s}`;
+    }
+    return s;
+}
+function getTabGroupInstanceId(hostEl) {
+    const root = hostEl.closest('xpl-tabs');
+    return root?.getAttribute('data-tabs-instance-id') ?? 'xpl-tg-orphan';
+}
+function tabTriggerId(groupInstanceId, target) {
+    return `${groupInstanceId}-tab-${sanitizeForHtmlId(target)}`;
+}
+function tabPanelDomId(groupInstanceId, target) {
+    return `${groupInstanceId}-panel-${sanitizeForHtmlId(target)}`;
+}
+
+exports.getTabGroupInstanceId = getTabGroupInstanceId;
+exports.tabPanelDomId = tabPanelDomId;
+exports.tabTriggerId = tabTriggerId;

package/dist/cjs/top-nav-constants-DckvgAo7.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const TOP_NAV_MOBILE_MQ = '(max-width: 767px)';
+
+exports.TOP_NAV_MOBILE_MQ = TOP_NAV_MOBILE_MQ;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaXVr8ux.js');
+var index = require('./index-3cBvw409.js');
 
 const Accordion = class {
     constructor(hostRef) {
@@ -50,17 +50,19 @@ const Accordion = class {
     }
     render() {
         const accordionBorder = {
+            '': '',
             none: '',
             bordered: `xpl-accordion--border-bordered${this.expanded ? '--expanded' : ''}`,
             bottom: `xpl-accordion--border-bottom${this.expanded ? '--expanded' : ''}`,
         }[this.borderType];
-        return (index.h(index.Host, { key: 'bae6a1bb97a21f3f49792be58fc72941ce5d8bed', class: `xpl-accordion ${accordionBorder}` }, index.h("button", { key: '255fc29fec4cdcc45f8e02daef062f35c5b8b74b', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("header", { key: '0e5454de19424b6412b01c50227bc001e6ab5b3a', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, index.h("slot", { key: '438e8876c6c1c1b04282ce4d978284e3d6f7fa9a', name: "heading" }, this.header), index.h("xpl-icon", { key: '055818cbd1606ad560e4fa172c3d1130a6831f5f', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), index.h("div", { key: '45f9ec5e1b6b4f6d21f7b126972543849353747c', class: "xpl-accordion-description" }, index.h("slot", { key: 'af85f48df4ddf572f5bef6da49c852152f44cc06', name: "description" }, this.description))), index.h("section", { key: 'fc2c6d12354cb6e972cf82ae988e647ea0a0dc26', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
+        return (index.h(index.Host, { key: '4858640c2723a41baa28d11ac997078bd114e7d0', class: `xpl-accordion ${accordionBorder}` }, index.h("button", { key: '39a36d5436dfb022fea1237688689fece8a6959e', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("header", { key: 'e8d98c3a0ab82986c5799a2855c4cdd979623021', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, index.h("slot", { key: '67d8c71ca1f9d5a2ffefa31933b2cfe6c6485633', name: "heading" }, this.header), index.h("xpl-icon", { key: '24d60d980af954ceda5511d634d0511f303f98d7', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), index.h("div", { key: 'f8365a7b53724a3ed006d3957f52a61d5ca0d03f', class: "xpl-accordion-description" }, index.h("slot", { key: 'b3c0414e246d32ccc0925e36ba16a70edb529c42', name: "description" }, this.description))), index.h("section", { key: '40f5b9a980e73eb39f3db4d6d1bb4c11f9975790', 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: '9fe9c25e6180a84cd73fec1a69984455417dc225', name: "content" }))));
+                : ''}` }, index.h("slot", { key: '87f1bb742663bff5284417a075768ee616dc8ade', 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-BaXVr8ux.js');
+var index = require('./index-3cBvw409.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: '1e7abbb1e45ea9cadfa9528ae2053f8239e69242', class: applicationShellClasses }, index.h("div", { key: '5fa3455f3de406db9bf392ae14a515f7fe603d59', class: navClasses }, index.h("slot", { key: 'b9ee294553892cc2235f9b2b4c3503d293d56ddc', name: "nav" })), index.h("div", { key: 'dc6ad7c9288385a47e1d6992bef56ceafcd04603', class: "xpl-application-shell__subnav" }, index.h("slot", { key: 'b31965275416b556194f4f65e4b66bf72f531779', name: "subnav" })), index.h("div", { key: '664d58b3ce69d7106ead13fe1a6a7a72cec0cceb', class: "xpl-application-shell__utility" }, index.h("slot", { key: 'd44f3614b627099443c70f23f258016a66d42716', name: "utility" })), index.h("div", { key: '0f8c629b737114fe40ae3bf3d2fbe3d18e3af0b9', class: "xpl-application-shell__content" }, index.h("slot", { key: '814afd80ea91d4b2859e3619e499791f728eb22b', name: "content" })), index.h("xpl-backdrop", { key: '490bf22787f1920f500f75eabf6a692e545d0ea3', onClick: () => this.navToggleHandler(), class: {
+        return (index.h(index.Host, { key: '6895a304b435811647b6a0f44f0d2a78d0be43c6', class: applicationShellClasses }, index.h("div", { key: '5767a122d4f62d9192c7d842634d568f773780fb', class: navClasses }, index.h("slot", { key: '00b964ddb21516528324510ab7b45769c6a988f0', name: "nav" })), index.h("div", { key: '55cf42980ad46b4e488e187396da6beb7e6d1233', class: "xpl-application-shell__subnav" }, index.h("slot", { key: '638dfdfa480756bc8e45f3673a909cac7a4a3def', name: "subnav" })), index.h("div", { key: 'b07703d98a000c9fb184b672dd04227640469dea', class: "xpl-application-shell__utility" }, index.h("slot", { key: '224779534adf2572ef39c01ee2e1eb5387da86c2', name: "utility" })), index.h("div", { key: 'c263b693266d46a486c29135df4b594ab1db119b', class: "xpl-application-shell__content" }, index.h("slot", { key: 'cd349b0208eb182a20dc423c134cf0f15926effa', name: "content" })), index.h("xpl-backdrop", { key: '2fe03e892cf9120857eae124994cfb924397da62', onClick: () => this.navToggleHandler(), class: {
                 'xpl-application-shell__backdrop--open': this.navOpen,
             }, relative: true })));
     }

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

@@ -0,0 +1,210 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+var v4 = require('./v4-_2BfiRUa.js');
+
+const LEGACY_STATUS_TO_BADGE = {
+    active: 'green',
+    inactive: 'gray',
+    warning: 'red',
+};
+const MAX_GROUP_VISIBLE = 4;
+const MAX_INITIALS = 3;
+function getInitials(name) {
+    if (!name || !name.trim())
+        return '';
+    const parts = name.trim().split(/\s+/).filter(Boolean);
+    if (parts.length === 0)
+        return '';
+    if (parts.length === 1)
+        return parts[0].slice(0, MAX_INITIALS).toUpperCase();
+    const first = parts[0][0] ?? '';
+    const last = parts[parts.length - 1][0] ?? '';
+    const mid = parts.length > 2 ? (parts[1][0] ?? '') : '';
+    return (first + mid + last).slice(0, MAX_INITIALS).toUpperCase();
+}
+function formatRemainingCount(n) {
+    if (n <= 0)
+        return '';
+    if (n <= 999)
+        return `+${n}`;
+    const rounded = Math.round(n / 500) * 500;
+    const k = rounded / 1000;
+    const label = k % 1 === 0 ? `${k}k` : `${k.toFixed(1)}k`;
+    return `+${label}`;
+}
+const Avatar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.cachedGroupItems = [];
+        this.cachedSlotContent = '';
+        this.disabled = false;
+    }
+    onGroupDataChange(newValue) {
+        this.cachedGroupItems = Avatar.parseGroupData(newValue);
+    }
+    componentWillLoad() {
+        this.cachedSlotContent = this.el?.textContent?.trim().slice(0, MAX_INITIALS) ?? '';
+        this.onGroupDataChange(this.groupData);
+    }
+    static parseGroupData(raw) {
+        if (raw == null)
+            return [];
+        if (typeof raw === 'string') {
+            try {
+                const parsed = JSON.parse(raw);
+                return Array.isArray(parsed) ? parsed : [];
+            }
+            catch {
+                return [];
+            }
+        }
+        return Array.isArray(raw) ? raw : [];
+    }
+    get groupItems() {
+        return this.cachedGroupItems;
+    }
+    get statusBadgeVariant() {
+        const s = this.status;
+        if (s === undefined)
+            return undefined;
+        return (LEGACY_STATUS_TO_BADGE[s] ?? s);
+    }
+    getPlaceholderText() {
+        if (this.cachedSlotContent.length > 0)
+            return this.cachedSlotContent;
+        return getInitials(this.name);
+    }
+    static getSingleAvatarClasses(size, color, isProfileSize, disabled) {
+        return {
+            'xpl-avatar': true,
+            [`xpl-avatar--${size}`]: !!size,
+            [`xpl-avatar--${color}`]: !!color,
+            'xpl-avatar--profile': !!isProfileSize,
+            'xpl-avatar--disabled': !!disabled,
+        };
+    }
+    getAnchorProps(className) {
+        return {
+            href: this.href,
+            target: this.target,
+            rel: this.target === '_blank' ? 'noopener noreferrer' : undefined,
+            'aria-label': this.name ?? 'Profile',
+            class: className,
+        };
+    }
+    static renderAvatarMedia(src, name, placeholderText, ariaLabelFallback, showSlot = true) {
+        if (src) {
+            return index.h("img", { alt: name ?? '', src: src });
+        }
+        return (index.h("div", { class: "xpl-avatar__placeholder", role: "img", "aria-label": name ?? ariaLabelFallback }, placeholderText || (showSlot ? index.h("slot", null) : null)));
+    }
+    renderAvatarMediaWithStatusBadge(wrapperClass) {
+        const placeholderText = this.getPlaceholderText();
+        return (index.h("div", { ...(wrapperClass ? { class: wrapperClass } : {}) }, Avatar.renderAvatarMedia(this.src, this.name, placeholderText, 'Profile', true), this.statusBadgeVariant && (index.h("xpl-badge", { dotOnly: true, bordered: true, variant: this.statusBadgeVariant, "aria-hidden": "true" }))));
+    }
+    renderGroupItem(item, index$1) {
+        const placeholderText = item.name ? getInitials(item.name) : '';
+        return (index.h("div", { class: {
+                'xpl-avatar-group__item': true,
+                'xpl-avatar': true,
+                [`xpl-avatar--${this.size}`]: !!this.size,
+                [`xpl-avatar--${item.color}`]: !!item.color,
+            } }, index.h("div", null, Avatar.renderAvatarMedia(item.src, item.name, placeholderText, `Member ${index$1 + 1}`, false))));
+    }
+    renderWithTextContent() {
+        return (index.h("div", { class: "xpl-avatar__with-text-content" }, index.h("div", { class: "xpl-avatar__with-text-name" }, this.name), this.subText && index.h("div", { class: "xpl-avatar__with-text-sub" }, this.subText)));
+    }
+    render() {
+        const v = this.variant;
+        if (v === 'group') {
+            const items = this.groupItems;
+            const visible = items.slice(0, MAX_GROUP_VISIBLE);
+            const remaining = items.length - MAX_GROUP_VISIBLE;
+            const showCount = remaining > 0;
+            const countLabel = showCount ? formatRemainingCount(remaining) : '';
+            return (index.h(index.Host, null, index.h("div", { class: {
+                    'xpl-avatar-group': true,
+                    [`xpl-avatar-group--${this.size}`]: !!this.size,
+                }, role: "group", "aria-label": `${items.length} members` }, visible.map((item, i) => (index.h("div", { key: i, class: "xpl-avatar-group__wrap" }, this.renderGroupItem(item, i)))), showCount && (index.h("div", { class: {
+                    'xpl-avatar-group__count': true,
+                    [`xpl-avatar-group__count--${this.size}`]: !!this.size,
+                }, "aria-label": `${remaining} more` }, countLabel)))));
+        }
+        if (v === 'with-text') {
+            const avatarBlock = this.renderAvatarMediaWithStatusBadge('xpl-avatar__with-text-avatar');
+            const withTextClasses = {
+                'xpl-avatar': true,
+                'xpl-avatar--with-text': true,
+                [`xpl-avatar--${this.color}`]: !!this.color,
+                'xpl-avatar--disabled': !!this.disabled,
+            };
+            return (index.h(index.Host, null, this.href && !this.disabled ? (index.h("a", { ...this.getAnchorProps('xpl-avatar__with-text-link') }, index.h("div", { class: withTextClasses }, avatarBlock, this.renderWithTextContent()))) : (index.h("div", { class: withTextClasses, "aria-disabled": this.disabled ? 'true' : undefined }, avatarBlock, this.renderWithTextContent()))));
+        }
+        const isProfile = v === 'profile';
+        const singleSize = isProfile && this.size === 'md' ? undefined : this.size;
+        const singleClasses = Avatar.getSingleAvatarClasses(singleSize, this.color, isProfile, this.disabled);
+        const content = this.renderAvatarMediaWithStatusBadge();
+        if (this.href && !this.disabled) {
+            return (index.h(index.Host, null, index.h("a", { ...this.getAnchorProps(singleClasses) }, content)));
+        }
+        return (index.h(index.Host, null, index.h("div", { class: singleClasses, "aria-disabled": this.disabled ? 'true' : undefined }, content)));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "groupData": [{
+                "onGroupDataChange": 0
+            }]
+    }; }
+};
+
+const Divider = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        let className = 'xpl-divider';
+        className += ` xpl-divider--${this.tier}`;
+        return (index.h(index.Host, { key: '61b81934fc56dabb47246db40cd83b9f1dde150a', class: className }, index.h("span", { key: 'b81ec769098b9b39fbd4e954e4931bcd580aa7dc' }, index.h("slot", { key: '8410f6c17964a091e9d62ca4db9eda673ab02c46' }))));
+    }
+};
+
+const Radio = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.radioChange = index.createEvent(this, "radioChange", 7);
+        this.id = v4.v4();
+        this.onChange = (event) => {
+            const target = event.target;
+            if (this.value) {
+                this.radioChange.emit(this.value);
+            }
+            else {
+                this.radioChange.emit(target.checked);
+            }
+        };
+    }
+    get isChecked() {
+        if (this.selectedValue !== undefined && this.value !== undefined) {
+            return this.selectedValue === this.value;
+        }
+        return Boolean(this.checked);
+    }
+    render() {
+        return (index.h(index.Host, { key: '3b69e40977913d82102f8ddad0daaf04c1fdae91', class: {
+                'xpl-checkbox-radio-container': true,
+                styled: !!this.styled,
+                disabled: !!this.disabled,
+            } }, index.h("input", { key: '480a7b9ed8a94630a9e1d31ae39dfa5ca4977869', 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: 'aa582808dda2a90ad877ac1267df68df3bce6f38', class: {
+                'xpl-label': true,
+                'xpl-label--disabled': !!this.disabled,
+            }, htmlFor: this.id }, index.h("slot", { key: 'a75c287415b7d989ba2bfd1a3c4ec122afe345e6' }), this.description && (index.h("small", { key: '774a273dafdf7e5e82ddd2a99c439cae7f6f9bd1', class: {
+                'xpl-description': true,
+                'xpl-description--disabled': !!this.disabled,
+            } }, this.description)))));
+    }
+};
+
+exports.xpl_avatar = Avatar;
+exports.xpl_divider = Divider;
+exports.xpl_radio = Radio;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+
+const Backdrop = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.relative = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '9a815cbf4ec4d4b5f789a8a6fdabeaef90844096', class: {
+                'xpl-backdrop': true,
+                'xpl-backdrop--fixed': !this.relative,
+                'xpl-backdrop--relative': this.relative,
+            }, "aria-hidden": "true" }));
+    }
+};
+
+exports.xpl_backdrop = Backdrop;

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

@@ -0,0 +1,37 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+
+const LEGACY_VARIANT_MAP = {
+    success: 'green',
+    warning: 'yellow',
+    inactive: 'gray',
+    error: 'red',
+};
+const Badge = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bordered = false;
+        this.dotOnly = false;
+        this.shape = 'rounded';
+        this.size = 'default';
+        this.variant = 'purple';
+    }
+    get resolvedVariant() {
+        return LEGACY_VARIANT_MAP[this.variant] ?? this.variant;
+    }
+    render() {
+        const className = {
+            'xpl-badge--dot-only': !!this.dotOnly,
+            'xpl-badge--dot-only-bordered': !!this.dotOnly && !!this.bordered,
+            'xpl-badge': !this.dotOnly,
+            'xpl-badge--dot': !this.dotOnly && !!this.dot,
+            [`xpl-badge--${this.resolvedVariant}`]: true,
+            [`xpl-badge--size-${this.size}`]: !!this.size,
+            [`xpl-badge--shape-${this.shape}`]: !this.dotOnly && !!this.shape,
+        };
+        return (index.h(index.Host, { key: '2d4179362c0cbb0b6f811311dd22388999e10862' }, index.h("div", { key: '060964cfc2e6df5b51edc0af9a79e050fddcb4ae', class: className }, index.h("span", { key: '54f018c6ece279aa17c655b1e5502a6526173433', class: "xpl-badge__label" }, index.h("slot", { key: '4199e21fb1d83f81cf5001c0c51902f1bc8764f6' })))));
+    }
+};
+
+exports.xpl_badge = Badge;

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

@@ -0,0 +1,74 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+
+const Banner = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.action = index.createEvent(this, "action", 7);
+        this.dismiss = index.createEvent(this, "dismiss", 7);
+        this.secondaryAction = index.createEvent(this, "secondaryAction", 7);
+        this.appearance = 'information';
+        this.hasIcon = true;
+        this.isDismissible = true;
+        this.isSection = false;
+        this.truncateDesc = false;
+    }
+    getIcon() {
+        switch (this.appearance) {
+            case 'positive':
+                return 'circle-check';
+            case 'warning':
+                return 'triangle-warning';
+            case 'error':
+                return 'octagon-warning';
+            default:
+                return 'circle-info';
+        }
+    }
+    getActionButtonState() {
+        if (this.isSection) {
+            if (this.appearance === 'positive') {
+                return 'success';
+            }
+            if (this.appearance === 'error') {
+                return 'warning';
+            }
+            return undefined;
+        }
+        return this.appearance === 'error' ? 'warning' : undefined;
+    }
+    getActionButtonVariant() {
+        if (this.isSection)
+            return 'subtle';
+        return this.appearance === 'error' ? 'primary' : 'subtle';
+    }
+    getAriaLabel() {
+        if (this.isSection) {
+            return this.heading?.trim() || 'Section banner';
+        }
+        return {
+            information: 'Information banner',
+            positive: 'Positive banner',
+            warning: 'Warning banner',
+            error: 'Error banner',
+        }[this.appearance];
+    }
+    render() {
+        const hasAction = !!this.actionText?.trim();
+        const hasSecondaryAction = !!this.secondaryActionText?.trim();
+        const actionVariant = this.getActionButtonVariant();
+        const actionState = this.getActionButtonState();
+        const isHeadingPresent = !!this.heading?.trim();
+        const isDescPresent = !!this.description?.trim();
+        return (index.h(index.Host, { key: '476c72c3dad23d9d62a8d68a826fb75a93fc88ee', 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: 'b81395caa66c8c56a54535a5ace6fd3a027b0075', class: "xpl-banner__icon", "aria-hidden": "true" }, index.h("xpl-icon", { key: 'e8dd31a592ba17dd1825630a4f1ba9bc7323891a', icon: this.getIcon(), size: 24 }))), index.h("div", { key: '034eab05c801635fdbfb7ea549c4472407f3f09f', class: "xpl-banner__body" }, isHeadingPresent && index.h("p", { key: 'c9216bd4c11c1d3bda0e1654282d9a713e955968', class: "xpl-banner__heading" }, this.heading), isDescPresent && (index.h("p", { key: 'e67d92d7b71b678b19627741a01d2e4b26ef7093', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (index.h("div", { key: 'dd4d7bcae4bde9d16124b27993d7d1b2e96e086e', class: "xpl-banner__actions" }, hasAction && (index.h("xpl-button", { key: '51df92818c4194c76c609776f85aa31c7bffb34b', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (index.h("xpl-button", { key: '7f911d3a81190cde339f69a2d93eb0c2518c9036', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (index.h("button", { key: 'b9d1b8d15f0adac5b7eaa5c3e287c4b0fe7b987e', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, index.h("xpl-icon", { key: '528fd238ccfb1e52c7fe5c0d093f30a4fa4603bd', icon: "xmark", size: 24, "aria-hidden": "true" })))));
+    }
+};
+
+exports.xpl_banner = Banner;

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+
+const BreadcrumbItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.chevron = `<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
+        <path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>
+    </svg>
+    `;
+    }
+    render() {
+        return (index.h(index.Host, { key: '05e99f78af5eab5e1cec089972ffb032eea34e88', class: "xpl-breadcrumb-item", role: "listitem" }, index.h("li", { key: 'a692a2e091bf8038fc04f675dcaaac0f2e7a7c2f', role: "none" }, index.h("slot", { key: 'f4b90f80b4eba10d285ff104b529d22bdc8f0e0b' })), index.h("span", { key: 'a6b05807f7683d9ebbffdc3566c3f1754bb41206', innerHTML: this.chevron })));
+    }
+};
+
+exports.xpl_breadcrumb_item = BreadcrumbItem;

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+
+const Breadcrumbs = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'ec9689395d536e7018469193ba61c094d79fa004' }, index.h("nav", { key: 'ffb0b88d3b331a22d1ae620aeb67ad901c801153', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, index.h("ol", { key: '9649caceca01e86584682f4843c30fe080b364e1', role: "list" }, index.h("slot", { key: '68f438d33b5cd458cd0643a4f28c04dd824366c7' })))));
+    }
+};
+
+exports.xpl_breadcrumbs = Breadcrumbs;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaXVr8ux.js');
+var index = require('./index-3cBvw409.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: '9cd6193bed50a82872803b95bd5fc56c9347dd1a', class: "xpl-button-row" }, index.h("div", { key: 'eefebfcad667ceec154117b9318e2ff88c420f8f', class: "xpl-button-row-inner" }, index.h("div", { key: '94633d213b36306cf51a70e04d21a964ca13c430', class: "xpl-button-row__left" }, this.secondary && (index.h("xpl-button", { key: '2e47003e6f35f5acd7a6129c903d4591cc10759f', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), index.h("div", { key: '05397d469cd97188f56934354850a8c3cd77e4d6', class: "xpl-button-row__right" }, this.tertiary && (index.h("xpl-button", { key: 'd3f6a953144e8e64aa34a37c9c80f7363dc0ee9c', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (index.h("xpl-button", { key: 'abd03f3c33a48517a7f268ecf302767e605a2400', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (index.h("xpl-button", { key: 'be417c38b0427e9cdbbacb700d4651677cff8ec9', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+        return (index.h(index.Host, { key: '060eb37a03ab854c56b383cf2ed598915f8b4c6f', class: "xpl-button-row" }, index.h("div", { key: '169e722e0ccb0045680001755943aa1087c70a79', class: "xpl-button-row-inner" }, index.h("div", { key: '8a49375971621161e3c1ad692ef9257b1c4bac43', class: "xpl-button-row__left" }, this.secondary && (index.h("xpl-button", { key: '3cc16072ce7e9b4731b50fbaf647659b842763ad', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), index.h("div", { key: 'e1d248e9b65f241f5eee07d2808ee3cb67b6c867', class: "xpl-button-row__right" }, this.tertiary && (index.h("xpl-button", { key: '827f7c01fb4617bb10acfc79b20a515718c6d539', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (index.h("xpl-button", { key: '726167a62d0b3dc6f19b6e38abaa446cb474a07c', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (index.h("xpl-button", { key: '2d7d7fe4e965ce093d969936ff96d224762499e1', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
     }
 };
 

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

@@ -0,0 +1,81 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+
+const Button = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.disabled = false;
+        this.fullWidth = false;
+        this.icon = '';
+        this.iconOnly = false;
+        this.iconPosition = 'start';
+        this.isLoading = false;
+        this.sentiment = 'neutral';
+        this.size = 'default';
+        this.variant = 'primary';
+    }
+    componentDidRender() {
+        const attrs = this.el.attributes;
+        const dataAttrs = Object.keys(attrs)
+            .map((key) => Number(key))
+            .filter((index) => {
+            const attr = attrs[index];
+            return attr?.name.includes('data-test') || attr?.name.includes('aria-') || false;
+        })
+            .reduce((acc, index) => {
+            const attr = attrs[index];
+            if (attr) {
+                acc[attr.name] = attr.value;
+            }
+            return acc;
+        }, {});
+        const button = this.el.querySelector('button');
+        if (button) {
+            Object.entries(dataAttrs).forEach(([name, value]) => {
+                button.setAttribute(name, value);
+                this.el.removeAttribute(name);
+            });
+        }
+    }
+    handleDisabledClick(e) {
+        if (this.disabled) {
+            e.preventDefault();
+            e.stopImmediatePropagation();
+        }
+    }
+    renderIcon() {
+        if (this.icon) {
+            return index.h("xpl-icon", { icon: this.icon });
+        }
+        return null;
+    }
+    handleLoadingState(e) {
+        if (this.isLoading) {
+            e.preventDefault();
+            e.stopPropagation();
+            e.stopImmediatePropagation();
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: '88b28108ae3675732cc51462438c4d067223fbcd', class: {
+                'xpl-button': true,
+                [`xpl-button--${this.size}`]: true,
+                [`xpl-button--${this.variant}`]: true,
+                [`xpl-button--${this.state ? this.state : this.sentiment}`]: true,
+                [this.icon ? `xpl-button__icon-position--${this.iconPosition}` : '']: !!this.icon,
+                'xpl-button--full-width': this.fullWidth,
+                'xpl-button--icon-only': this.iconOnly,
+                'xpl-button--disabled': this.disabled,
+                'xpl-button--loading': this.isLoading && !this.link,
+            } }, this.link ? (index.h("slot", null)) : (index.h("button", { ...(this.controlAttrs ?? {}), disabled: this.disabled, onClick: (e) => this.handleLoadingState(e), type: this.isLoading &&
+                (this.type === 'submit' ||
+                    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" }))))))));
+    }
+    get el() { return index.getElement(this); }
+};
+
+exports.xpl_button = Button;

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

@@ -1,7 +1,8 @@
 'use strict';
 
-var index = require('./index-BaXVr8ux.js');
+var index = require('./index-3cBvw409.js');
 var index$1 = require('./index-BvmWjxWc.js');
+var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 var v4 = require('./v4-_2BfiRUa.js');
 
 const arrowSvg = (rotate = false) => `<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${rotate
@@ -26,9 +27,12 @@ const Calendar = class {
         }
     }
     componentWillLoad() {
-        this.calendarInputId = this.inputId;
+        this.calendarInputId = this.inputId ?? '';
     }
     componentDidLoad() {
+        if (!lifecycle.isBrowser()) {
+            return;
+        }
         this.flatpickrInstance = index$1.flatpickr(this.inputElement, {
             allowInput: true,
             dateFormat: this.dateFormat,
@@ -41,9 +45,8 @@ const Calendar = class {
             inline: true,
             monthSelectorType: 'dropdown',
             onChange: (selectedDates) => {
-                var _a;
                 if (this.mode === 'single') {
-                    this.dateSelected.emit((_a = selectedDates[0]) === null || _a === void 0 ? void 0 : _a.toISOString());
+                    this.dateSelected.emit(selectedDates[0]?.toISOString());
                 }
                 else {
                     this.dateSelected.emit(selectedDates.map((date) => date.toISOString()));
@@ -57,8 +60,9 @@ const Calendar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '8693d0e9612e2995b03f6392387758c843db0be5', class: "xpl-calendar" }, index.h("input", { key: '29077057568f288f42d4e0eb94e2fa83ce6ea9c6', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
-                this.inputElement = el;
+        return (index.h(index.Host, { key: '76d2b26fe34d766b1e1348f7d5336c5ec478bae9', class: "xpl-calendar" }, index.h("input", { key: '8f015adda8e5c4f7a5f0dd9815bdead0249e3a4e', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+                if (el)
+                    this.inputElement = el;
             } })));
     }
 };