@brandsync/wc 1.17.0 → 1.19.0

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

@@ -36,7 +36,7 @@ const BsBreadcrumbs = class {
         });
     }
     render() {
-        return (index.h("nav", { key: '598006bc4c7ef1bfba83ec4770b6e52c4dac8fe7', "aria-label": this.label }, index.h("ol", { key: '450ddcd3f5739d074bead021f32c91aaa8149559', part: "list", class: "bs-breadcrumbs__list" }, index.h("slot", { key: '772821437007761a6367a1d4d7dacf7a34739f9a', onSlotchange: this.onSlotChange }))));
+        return (index.h("nav", { key: '6df966694de1f681033e8705c536c983faa1155c', "aria-label": this.label }, index.h("ol", { key: '61d5e7cf39bbee670f49bbc8340df75057919431', part: "list", class: "bs-breadcrumbs__list" }, index.h("slot", { key: '12ac9fccdb05ecf029e8eeaaa98065272945341b', onSlotchange: this.onSlotChange }))));
     }
     static get watchers() { return {
         "size": [{

package/dist/cjs/bs-button-skeleton.cjs.entry.js

@@ -13,7 +13,7 @@ const BsButtonSkeleton = class {
     /** Accessible name announced for the loading placeholder. */
     loadingLabel = 'Loading';
     render() {
-        return index.h("span", { key: '248ee140711040c1a4a35cd8539431d79d5f5c7c', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": this.loadingLabel });
+        return index.h("span", { key: 'c29256165abc3f5de50cf1f087f0ad161e33bb76', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": this.loadingLabel });
     }
 };
 BsButtonSkeleton.style = bsButtonSkeletonCss();

package/dist/cjs/bs-button_2.cjs.entry.js

@@ -0,0 +1,198 @@
+'use strict';
+
+var index = require('./index-BYfMRtlW.js');
+
+const bsButtonCss = () => `:host{display:inline-block;width:var(--bs-button-width);--bs-button-width:auto;--bs-button-subtle-color:var(--bs-color-neutral-default);--bs-button-height-sm:var(--bs-spacing-500);--bs-button-height-md:var(--bs-spacing-600);--bs-button-height-lg:var(--bs-spacing-700);--bs-button-radius:var(--bs-border-radius-100);--bs-button-padding-x-sm:var(--bs-spacing-300);--bs-button-padding-x-icon-side:var(--bs-spacing-150);--bs-button-padding-x-label-side:var(--bs-spacing-250);--bs-button-error-default:var(--bs-color-error-default);--bs-button-error-hover:var(--bs-color-error-hover);--bs-button-error-focus:var(--bs-border-error-focus);--bs-button-error-pressed:var(--bs-color-error-pressed);--bs-button-error-disabled:var(--bs-surface-action-disabled);--bs-button-success-default:var(--bs-color-success-default);--bs-button-success-hover:var(--bs-color-success-hover);--bs-button-success-focus:var(--bs-border-success-focus);--bs-button-success-pressed:var(--bs-color-success-pressed);--bs-button-success-disabled:var(--bs-surface-action-disabled);--bs-button-warning-default:var(--bs-color-warning-default);--bs-button-warning-hover:var(--bs-color-warning-hover);--bs-button-warning-focus:var(--bs-border-warning-focus);--bs-button-warning-pressed:var(--bs-color-warning-pressed);--bs-button-warning-disabled:var(--bs-surface-action-disabled);--bs-button-info-default:var(--bs-color-info-default);--bs-button-info-hover:var(--bs-color-info-hover);--bs-button-info-focus:var(--bs-border-info-focus);--bs-button-info-pressed:var(--bs-color-info-pressed);--bs-button-info-disabled:var(--bs-surface-action-disabled);--bs-button-subtle-hover:var(--bs-color-neutral-container);--bs-button-subtle-pressed:var(--bs-color-neutral-container-pressed);--bs-button-subtle-focus:var(--bs-border-primary-focus);--bs-button-neutral-border:var(--bs-border-neutral-container);--bs-button-neutral-border-hover:var(--bs-border-neutral-container-hover);--bs-button-neutral-border-pressed:var(--bs-border-neutral-container-pressed);--bs-button-neutral-hover:var(--bs-color-neutral-container-hover);--bs-button-neutral-pressed:var(--bs-color-neutral-container-pressed);--bs-button-outlined-border:var(--bs-color-primary-default);--bs-button-outlined-border-hover:var(--bs-color-primary-hover);--bs-button-outlined-border-pressed:var(--bs-color-primary-pressed);--bs-button-outlined-text-hover:var(--bs-text-action-hover);--bs-button-outlined-focus:var(--bs-border-primary-focus);--bs-button-outlined-container:var(--bs-color-primary-container)}.bs-button{width:100%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;border-radius:var(--bs-button-radius);font-family:inherit;font-weight:var(--bs-font-weight-regular);cursor:pointer;position:relative;transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease)}.bs-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-button:disabled{cursor:not-allowed}.bs-button--sm{height:var(--bs-button-height-sm);padding:0 var(--bs-button-padding-x-sm);font-size:var(--bs-font-size-sm)}.bs-button--md{height:var(--bs-button-height-md);padding:0 var(--bs-spacing-200);font-size:var(--bs-font-size-md)}.bs-button--lg{height:var(--bs-button-height-lg);padding:0 var(--bs-spacing-500);font-size:var(--bs-font-size-lg)}.bs-button--primary{background:var(--bs-button-primary-default);color:var(--bs-text-on-action)}.bs-button--primary:hover:not(:disabled){background:var(--bs-button-primary-hover)}.bs-button--primary:active:not(:disabled){background:var(--bs-button-primary-pressed)}.bs-button--primary:disabled{background:var(--bs-button-primary-disabled);color:var(--bs-text-on-disabled)}.bs-button--neutral{background:var(--bs-button-neutral-container);color:var(--bs-text-default);border:1px solid var(--bs-button-neutral-border)}.bs-button--neutral:hover:not(:disabled){background:var(--bs-button-neutral-hover);border-color:var(--bs-button-neutral-border-hover)}.bs-button--neutral:active:not(:disabled){background:var(--bs-button-neutral-pressed);border-color:var(--bs-button-neutral-border-pressed)}.bs-button--neutral:disabled{background:var(--bs-button-neutral-disabled);color:var(--bs-text-on-disabled);border-color:var(--bs-button-neutral-border)}.bs-button--error{background:var(--bs-button-error-default);color:var(--bs-text-on-action)}.bs-button--error:hover:not(:disabled){background:var(--bs-button-error-hover)}.bs-button--error:active:not(:disabled){background:var(--bs-button-error-pressed)}.bs-button--error:disabled{background:var(--bs-button-error-disabled);color:var(--bs-text-on-disabled)}.bs-button--error:focus-visible{outline-color:var(--bs-button-error-focus)}.bs-button--success{background:var(--bs-button-success-default);color:var(--bs-text-on-action)}.bs-button--success:hover:not(:disabled){background:var(--bs-button-success-hover)}.bs-button--success:active:not(:disabled){background:var(--bs-button-success-pressed)}.bs-button--success:disabled{background:var(--bs-button-success-disabled);color:var(--bs-text-on-disabled)}.bs-button--success:focus-visible{outline-color:var(--bs-button-success-focus)}.bs-button--warning{background:var(--bs-button-warning-default);color:var(--bs-text-on-action)}.bs-button--warning:hover:not(:disabled){background:var(--bs-button-warning-hover)}.bs-button--warning:active:not(:disabled){background:var(--bs-button-warning-pressed)}.bs-button--warning:disabled{background:var(--bs-button-warning-disabled);color:var(--bs-text-on-disabled)}.bs-button--warning:focus-visible{outline-color:var(--bs-button-warning-focus)}.bs-button--info{background:var(--bs-button-info-default);color:var(--bs-text-on-action)}.bs-button--info:hover:not(:disabled){background:var(--bs-button-info-hover)}.bs-button--info:active:not(:disabled){background:var(--bs-button-info-pressed)}.bs-button--info:disabled{background:var(--bs-button-info-disabled);color:var(--bs-text-on-disabled)}.bs-button--info:focus-visible{outline-color:var(--bs-button-info-focus)}.bs-button--subtle{background:transparent;color:var(--bs-button-subtle-color)}.bs-button--subtle:hover:not(:disabled){background:var(--bs-button-subtle-hover)}.bs-button--subtle:active:not(:disabled){background:var(--bs-button-subtle-pressed)}.bs-button--subtle:disabled{background:transparent;color:var(--bs-text-on-disabled)}.bs-button--subtle:focus-visible{outline-color:var(--bs-button-subtle-focus);background:var(--bs-button-subtle-hover)}.bs-button--outlined{background:transparent;color:var(--bs-color-primary-default);border:1px solid var(--bs-button-outlined-border)}.bs-button--outlined:hover:not(:disabled){background:var(--bs-button-outlined-container);border-color:var(--bs-button-outlined-border-hover);color:var(--bs-button-outlined-text-hover)}.bs-button--outlined:active:not(:disabled){background:var(--bs-button-outlined-container);color:var(--bs-button-outlined-text-hover);border-color:var(--bs-button-outlined-border-pressed)}.bs-button--outlined:disabled{opacity:var(--bs-opacity-disabled);cursor:not-allowed}.bs-button--outlined:focus-visible{outline-color:var(--bs-button-outlined-focus)}.bs-button__icon--visible{margin-inline-end:var(--bs-spacing-50)}.bs-button__end-icon--visible{margin-inline-start:var(--bs-spacing-50)}.bs-button__icon ::slotted(*),.bs-button__end-icon ::slotted(*){display:block;width:1em;height:1em}.bs-button--icon-only{padding:0;aspect-ratio:1 / 1}.bs-button--icon-only .bs-button__icon--visible{margin-inline-end:0}.bs-button--icon-only .bs-button__end-icon--visible{margin-inline-start:0}.bs-button--has-icon:not(.bs-button--has-end-icon){padding-inline-start:var(--bs-button-padding-x-icon-side);padding-inline-end:var(--bs-button-padding-x-label-side)}.bs-button--has-end-icon:not(.bs-button--has-icon){padding-inline-start:var(--bs-button-padding-x-label-side);padding-inline-end:var(--bs-button-padding-x-icon-side)}.bs-button--has-icon.bs-button--has-end-icon{padding-inline-start:var(--bs-button-padding-x-icon-side);padding-inline-end:var(--bs-button-padding-x-icon-side)}@media (forced-colors: active){.bs-button{border:1px solid ButtonText}.bs-button:disabled{border-color:GrayText;color:GrayText}.bs-button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}`;
+
+const BsButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+    }
+    get el() { return index.getElement(this); }
+    internals;
+    /**
+     * Visual style. Maps directly to the brandsync-tokens `--bs-button-*` semantic set.
+     * `error` is for destructive/irreversible actions per BrandSync guidance, not a stronger
+     * emphasis alternative to `primary`.
+     */
+    variant = 'primary';
+    /** Sizing scale. */
+    size = 'md';
+    /** Disables the button and applies the disabled token set. */
+    disabled = false;
+    /** Button type. `submit` submits the surrounding `<form>` (via `requestSubmit()`, so validation
+     * runs); `reset` resets it; `button` (default) does nothing on its own. */
+    type = 'button';
+    /**
+     * Accessible name for the button. Required for icon-only usage (no visible label text via the
+     * default slot) so screen readers still announce what the button does. Stencil reflects this
+     * camelCase prop to the `aria-label` HTML attribute automatically.
+     */
+    ariaLabel = null;
+    /** Tracks whether the `icon` slot has assigned content, so the icon/label gap only
+     * applies when there's actually an icon. */
+    hasIcon = false;
+    /** Tracks whether the `end-icon` slot has assigned content, so the icon/label gap only
+     * applies when there's actually a trailing icon. */
+    hasEndIcon = false;
+    /**
+     * Tracks whether the default (label) slot has assigned content, so an icon-only button can be
+     * styled/sized differently (see `bs-button--icon-only`).
+     *
+     * Known edge case (not fixed, same simplification `hasIcon`/similar flags elsewhere in this
+     * codebase already make): a default slot containing only whitespace (e.g. a lone space text
+     * node) still counts as `hasLabel = true`, since checking for assigned nodes doesn't
+     * distinguish whitespace-only text nodes from real content.
+     */
+    hasLabel = false;
+    /**
+     * Computes the initial `hasIcon`/`hasEndIcon`/`hasLabel` state directly from the host's light
+     * DOM children, before first render.
+     *
+     * This can't be left to the `slotchange` handlers below alone: `slotchange` only fires when a
+     * slot's *assigned nodes* change, and a slot that starts out with zero assigned nodes and stays
+     * that way never fires it (nothing changed). Relying on `slotchange` alone left an icon-only
+     * button (default slot empty from the start) permanently stuck on its initial `hasLabel`
+     * default, so `bs-button--icon-only` never applied.
+     */
+    componentWillLoad() {
+        this.hasIcon = this.hasSlottedContent('icon');
+        this.hasEndIcon = this.hasSlottedContent('end-icon');
+        this.hasLabel = this.hasSlottedContent(null);
+    }
+    hasSlottedContent(slotName) {
+        return Array.from(this.el.childNodes).some(node => {
+            if (node.nodeType === Node.ELEMENT_NODE) {
+                return node.getAttribute('slot') === slotName;
+            }
+            // Only elements can carry a `slot` attribute -- any other node type (text, comments) can
+            // only ever be assigned to the default slot.
+            return slotName === null;
+        });
+    }
+    onIconSlotchange = (ev) => {
+        this.hasIcon = ev.target.assignedNodes().length > 0;
+    };
+    onEndIconSlotchange = (ev) => {
+        this.hasEndIcon = ev.target.assignedNodes().length > 0;
+    };
+    onLabelSlotchange = (ev) => {
+        this.hasLabel = ev.target.assignedNodes().length > 0;
+    };
+    onClick = () => {
+        const form = this.internals?.form;
+        if (!form || this.disabled)
+            return;
+        if (this.type === 'submit')
+            form.requestSubmit();
+        else if (this.type === 'reset')
+            form.reset();
+    };
+    render() {
+        const iconOnly = (this.hasIcon || this.hasEndIcon) && !this.hasLabel;
+        return (index.h("button", { key: '498371cb1db28a17e668275a5e3dab6a093ce932', class: `bs-button bs-button--${this.variant} bs-button--${this.size} ${iconOnly ? 'bs-button--icon-only' : ''} ${this.hasIcon && !iconOnly ? 'bs-button--has-icon' : ''} ${this.hasEndIcon && !iconOnly ? 'bs-button--has-end-icon' : ''}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel, onClick: this.onClick }, index.h("bs-ripple", { key: '1d985ad61540f85cc47332f876eda6efcef5b87a', part: "ripple", centered: iconOnly, disabled: this.disabled }), index.h("span", { key: 'fbf28591ab62369e0a1a7b32da670cd350aee122', part: "icon", class: `bs-button__icon ${this.hasIcon ? 'bs-button__icon--visible' : ''}` }, index.h("slot", { key: '294540047c366c6f8576c8123f64f55c712d6335', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '8536c25dab900331235dba703350ff57fd7c8ff6', part: "label", class: "bs-button__label" }, index.h("slot", { key: '59cdb689925c55ec90c34a016e586f5be95f38e4', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: '0976f3628408ccccec017b8e09b5a41016f0b516', part: "end-icon", class: `bs-button__end-icon ${this.hasEndIcon ? 'bs-button__end-icon--visible' : ''}` }, index.h("slot", { key: '40a1f6d3faf5f4ae39e9da0aa0027207afe3e7a1', name: "end-icon", onSlotchange: this.onEndIconSlotchange }))));
+    }
+    static get delegatesFocus() { return true; }
+    static get formAssociated() { return true; }
+};
+BsButton.style = bsButtonCss();
+
+const bsRippleCss = () => `:host{position:absolute;inset:0;display:block;border-radius:inherit;overflow:hidden;pointer-events:none;--bs-ripple-color:currentColor;--bs-ripple-opacity:0.24;--bs-ripple-duration:var(--bs-duration-slower);--bs-ripple-easing:var(--bs-easing-decelerate)}.bs-ripple{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.bs-ripple__circle{position:absolute;border-radius:50%;background:var(--bs-ripple-color);opacity:0;transform:scale(0);pointer-events:none}`;
+
+const BsRipple = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    /** Always start the ripple from the centre instead of the press point. Use it for round or icon-only controls. */
+    centered = false;
+    /** Turns the ripple off. A disabled parent (`<button disabled>`) also stops it. */
+    disabled = false;
+    /**
+     * CSS selector of the element to listen on, found with `closest()` from the ripple (so it stays inside
+     * the same shadow tree). By default the ripple listens on its parent. Use it when the pressable element
+     * is bigger than the ripple's own parent, e.g. a switch whose ripple sits on the knob but whose whole
+     * `<label>` is the press target.
+     */
+    triggerSelector;
+    onTriggerChange() {
+        this.bind();
+    }
+    surface;
+    target;
+    connectedCallback() {
+        this.bind();
+    }
+    componentDidLoad() {
+        // Props are set by now, so a `triggerSelector` is resolved against the final DOM.
+        this.bind();
+    }
+    disconnectedCallback() {
+        this.unbind();
+    }
+    bind() {
+        this.unbind();
+        const target = (this.triggerSelector && this.el.closest(this.triggerSelector)) || this.el.parentElement || this.el.getRootNode().host;
+        this.target = target;
+        this.target?.addEventListener('pointerdown', this.onPointerDown);
+    }
+    unbind() {
+        this.target?.removeEventListener('pointerdown', this.onPointerDown);
+        this.target = undefined;
+    }
+    onPointerDown = (ev) => {
+        if (this.disabled || ev.button !== 0 || this.target?.disabled)
+            return;
+        const surface = this.surface;
+        if (!surface)
+            return;
+        const style = getComputedStyle(this.el);
+        const duration = this.toMs(style.getPropertyValue('--bs-ripple-duration'));
+        if (duration === 0)
+            return;
+        const rect = this.el.getBoundingClientRect();
+        const x = this.centered ? rect.width / 2 : ev.clientX - rect.left;
+        const y = this.centered ? rect.height / 2 : ev.clientY - rect.top;
+        // Radius that reaches the farthest corner, so the ripple always covers the whole surface.
+        const radius = Math.hypot(Math.max(x, rect.width - x), Math.max(y, rect.height - y));
+        const circle = document.createElement('span');
+        circle.className = 'bs-ripple__circle';
+        circle.style.left = `${x - radius}px`;
+        circle.style.top = `${y - radius}px`;
+        circle.style.width = circle.style.height = `${radius * 2}px`;
+        surface.appendChild(circle);
+        const opacity = style.getPropertyValue('--bs-ripple-opacity').trim() || '0.24';
+        const animation = circle.animate([
+            { transform: 'scale(0)', opacity },
+            { transform: 'scale(1)', opacity: 0 },
+        ], { duration, easing: style.getPropertyValue('--bs-ripple-easing').trim() || 'ease-out' });
+        animation.onfinish = animation.oncancel = () => circle.remove();
+    };
+    toMs(value) {
+        const v = value.trim();
+        if (v.endsWith('ms'))
+            return parseFloat(v);
+        if (v.endsWith('s'))
+            return parseFloat(v) * 1000;
+        return 0;
+    }
+    render() {
+        return (index.h(index.Host, { key: '4bb0dd71635f57ed90deeeabc39a7abee9e66103', "aria-hidden": "true" }, index.h("div", { key: '29c6a7f4eefcb14598ee0aa2bc3980be2e04ebbc', part: "surface", class: "bs-ripple", ref: el => (this.surface = el) })));
+    }
+    static get watchers() { return {
+        "triggerSelector": [{
+                "onTriggerChange": 0
+            }]
+    }; }
+};
+BsRipple.style = bsRippleCss();
+
+exports.bs_button = BsButton;
+exports.bs_ripple = BsRipple;

package/dist/cjs/bs-card.cjs.entry.js

@@ -19,7 +19,7 @@ const BsCard = class {
         this.hasImage = ev.target.assignedNodes().length > 0;
     };
     render() {
-        return (index.h("div", { key: '288db1e39f66129bf5d6598f53fb49d5481d0f02', part: "container", class: `bs-card bs-card--${this.surface}` }, index.h("div", { key: '9f25abc5cdfdf40d7bdefab7f1154545cc634f9d', part: "image", class: `bs-card__image ${this.hasImage ? 'bs-card__image--visible' : ''}` }, index.h("slot", { key: '8eff4a23e8ecf977056206bc8c223b4ad97b7656', name: "image", onSlotchange: this.onImageSlotchange })), index.h("div", { key: 'b0a1580657943f30c9a5dba3361dcf00dd36e90f', class: "bs-card__content" }, index.h("div", { key: 'f151de3b9d5975d2953131aea92a2353ac665bbc', part: "header", class: "bs-card__header" }, index.h("slot", { key: '6d015146a6ff72788ad3843caa37f2c304728b8b', name: "header" })), index.h("div", { key: 'd678f0d33dba58725b397502d9aced9983466bf6', part: "body", class: "bs-card__body" }, index.h("slot", { key: '51b7cdca4af0e43ba7de04c14bca32f59baa2f58' })), index.h("div", { key: '6b6fe027565678561d7f7beb79f6ceb05397ff50', part: "footer", class: "bs-card__footer" }, index.h("slot", { key: '6d704d0e7b6644e3f0e6b4ce7ae12e515c84339d', name: "footer" })))));
+        return (index.h("div", { key: '5badbcc0d29f07bf53520091e1e8fe8d8187dd18', part: "container", class: `bs-card bs-card--${this.surface}` }, index.h("div", { key: '2c69c0795db112c2dc52289a47b76d60662ef693', part: "image", class: `bs-card__image ${this.hasImage ? 'bs-card__image--visible' : ''}` }, index.h("slot", { key: '3aa0debc45e28c88b05103a494ee52f047305d9d', name: "image", onSlotchange: this.onImageSlotchange })), index.h("div", { key: '6fbe78e872b7aa7e166907a4173edd813f8fd73b', class: "bs-card__content" }, index.h("div", { key: '19df2524b50471bbb56e95b445643a4bfddd0c12', part: "header", class: "bs-card__header" }, index.h("slot", { key: 'bd4c9b53ccc07b7a95f6aee28b2a95a0ab8b137e', name: "header" })), index.h("div", { key: 'c5351e535d77c007806554ae3580b1b0b0bafd9d', part: "body", class: "bs-card__body" }, index.h("slot", { key: '323ac4df7355ce44383137ad754c650ff515ef28' })), index.h("div", { key: 'ac3e228d13303ffcaab2a4879a202db28e2c3a6a', part: "footer", class: "bs-card__footer" }, index.h("slot", { key: 'a2afbae842ef598422853a0628bb9f14dee34c6a', name: "footer" })))));
     }
 };
 BsCard.style = bsCardCss();

package/dist/cjs/bs-carousel.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BYfMRtlW.js');
 
-const bsCarouselCss = () => `:host{display:block;--bs-carousel-gap:var(--bs-spacing-200);--bs-carousel-tracker-offset:var(--bs-spacing-200);--bs-carousel-tracker-gap:var(--bs-spacing-50);--bs-carousel-dot-size:var(--bs-spacing-100);--bs-carousel-dot-radius:var(--bs-border-radius-full);--bs-carousel-dot-color:var(--bs-surface-container);--bs-carousel-dot-active-color:var(--bs-color-primary-default);--bs-carousel-dots-gap:var(--bs-spacing-50)}.bs-carousel{display:flex;flex-direction:column;align-items:center;gap:var(--bs-carousel-tracker-offset)}.bs-carousel__slides{display:flex;align-items:flex-start;gap:var(--bs-carousel-gap);width:100%}.bs-carousel__slides ::slotted(*){flex:0 0     calc(       (100% - (var(--bs-carousel-slides-per-view) - 1) * var(--bs-carousel-gap)) / var(--bs-carousel-slides-per-view)     );min-width:0;box-sizing:border-box}.bs-carousel__slides ::slotted([hidden]){display:none !important}.bs-carousel__tracker{display:flex;align-items:center;gap:var(--bs-carousel-tracker-gap)}.bs-carousel__nav{display:flex;align-items:center;gap:var(--bs-carousel-tracker-gap)}.bs-carousel__dots{display:flex;align-items:center;gap:var(--bs-carousel-dots-gap)}.bs-carousel__dot{display:block;width:var(--bs-carousel-dot-size);height:var(--bs-carousel-dot-size);border-radius:var(--bs-carousel-dot-radius);background:var(--bs-carousel-dot-color)}.bs-carousel__dot--active{width:calc(var(--bs-carousel-dot-size) * 2);background:var(--bs-carousel-dot-active-color)}.bs-carousel__nav bs-icon-button{--bs-icon-neutral-default:var(--bs-icon-default)}:host(:dir(rtl)) .bs-carousel__chevron{transform:scaleX(-1)}@media (forced-colors: active){.bs-carousel__dot{forced-color-adjust:none;background:GrayText}.bs-carousel__dot--active{background:Highlight}}`;
+const bsCarouselCss = () => `:host{display:block;--bs-carousel-gap:var(--bs-spacing-200);--bs-carousel-tracker-offset:var(--bs-spacing-200);--bs-carousel-tracker-gap:var(--bs-spacing-50);--bs-carousel-dot-size:var(--bs-spacing-100);--bs-carousel-dot-radius:var(--bs-border-radius-full);--bs-carousel-dot-color:var(--bs-surface-container);--bs-carousel-dot-active-color:var(--bs-color-primary-default);--bs-carousel-dots-gap:var(--bs-spacing-50);--bs-carousel-duration:var(--bs-duration-slow);--bs-carousel-easing:var(--bs-easing-standard);--bs-carousel-slide-distance:var(--bs-spacing-400)}.bs-carousel{display:flex;flex-direction:column;align-items:center;gap:var(--bs-carousel-tracker-offset)}.bs-carousel__slides{display:flex;align-items:flex-start;gap:var(--bs-carousel-gap);width:100%}.bs-carousel__slides ::slotted(*){flex:0 0     calc(       (100% - (var(--bs-carousel-slides-per-view) - 1) * var(--bs-carousel-gap)) / var(--bs-carousel-slides-per-view)     );min-width:0;box-sizing:border-box}.bs-carousel__slides ::slotted([hidden]){display:none !important}.bs-carousel__tracker{display:flex;align-items:center;gap:var(--bs-carousel-tracker-gap)}.bs-carousel__nav{display:flex;align-items:center;gap:var(--bs-carousel-tracker-gap)}.bs-carousel__dots{display:flex;align-items:center;gap:var(--bs-carousel-dots-gap)}.bs-carousel__dot{display:block;width:var(--bs-carousel-dot-size);height:var(--bs-carousel-dot-size);border-radius:var(--bs-carousel-dot-radius);background:var(--bs-carousel-dot-color);transition:width var(--bs-carousel-duration) var(--bs-carousel-easing),     background-color var(--bs-carousel-duration) var(--bs-carousel-easing)}.bs-carousel__dot--active{width:calc(var(--bs-carousel-dot-size) * 2);background:var(--bs-carousel-dot-active-color)}.bs-carousel__nav bs-icon-button{--bs-icon-neutral-default:var(--bs-icon-default)}:host(:dir(rtl)) .bs-carousel__chevron{transform:scaleX(-1)}@media (forced-colors: active){.bs-carousel__dot{forced-color-adjust:none;background:GrayText}.bs-carousel__dot--active{background:Highlight}}`;
 
 const BsCarousel = class {
     constructor(hostRef) {
@@ -49,6 +49,12 @@ const BsCarousel = class {
     /** True while the pointer is over the carousel or focus is inside it (auto-advance holds). */
     interacting = false;
     timer;
+    /** The page whose slides are actually on screen. Lags `currentPage` while a page change animates out. */
+    shown = 0;
+    loaded = false;
+    transitioning = false;
+    runId = 0;
+    running = [];
     get slides() {
         return Array.from(this.el.children).filter(c => !c.hasAttribute('slot'));
     }
@@ -73,6 +79,7 @@ const BsCarousel = class {
         }
     }
     componentDidLoad() {
+        this.loaded = true;
         this.applySlides();
         this.updateTimer();
     }
@@ -82,11 +89,66 @@ const BsCarousel = class {
     }
     disconnectedCallback() {
         this.stopTimer();
+        this.cancelMotion();
     }
-    onCurrentPageChange() {
+    onCurrentPageChange(next) {
         // Keep the mutable prop honest if it was set out of range from outside.
-        if (this.currentPage !== this.page)
+        if (this.currentPage !== this.page) {
             this.currentPage = this.page;
+            return;
+        }
+        const wasMoving = this.transitioning;
+        this.cancelMotion();
+        // A change that lands mid-motion snaps straight to the new page instead of restarting the motion.
+        if (wasMoving || !this.loaded || next === this.shown || this.shown === 0)
+            return;
+        this.playPageChange(next > this.shown ? 1 : -1);
+    }
+    /**
+     * Exit then enter, each half the duration. While the old page animates out it stays mounted
+     * (`transitioning` makes `applySlides` keep showing `shown`); then the new page is shown and
+     * animated in. A new change arriving mid-motion cancels it and snaps to the latest page.
+     */
+    playPageChange(direction) {
+        const style = getComputedStyle(this.el);
+        const total = this.toMs(style.getPropertyValue('--bs-carousel-duration'));
+        const outgoing = this.slides.filter(slide => !slide.hidden);
+        if (total === 0 || outgoing.length === 0)
+            return;
+        const easing = style.getPropertyValue('--bs-carousel-easing').trim() || 'ease';
+        const distance = parseFloat(style.getPropertyValue('--bs-carousel-slide-distance')) || 0;
+        // In RTL "next" travels leftwards.
+        const dx = direction * (this.el.matches(':dir(rtl)') ? -1 : 1) * distance;
+        const half = total / 2;
+        const run = ++this.runId;
+        this.transitioning = true;
+        this.running = outgoing.map(slide => slide.animate([{ opacity: 1, transform: 'none' }, { opacity: 0, transform: `translateX(${-dx}px)` }], { duration: half, easing, fill: 'forwards' }));
+        Promise.all(this.running.map(a => a.finished)).then(() => {
+            if (run !== this.runId)
+                return;
+            this.running.forEach(a => a.cancel());
+            this.transitioning = false;
+            this.applySlides();
+            this.running = this.slides
+                .filter(slide => !slide.hidden)
+                .map(slide => slide.animate([{ opacity: 0, transform: `translateX(${dx}px)` }, { opacity: 1, transform: 'none' }], { duration: half, easing }));
+        }, () => {
+            /* cancelled by a newer page change */
+        });
+    }
+    cancelMotion() {
+        this.runId++;
+        this.running.forEach(a => a.cancel());
+        this.running = [];
+        this.transitioning = false;
+    }
+    toMs(value) {
+        const v = value.trim();
+        if (v.endsWith('ms'))
+            return parseFloat(v);
+        if (v.endsWith('s'))
+            return parseFloat(v) * 1000;
+        return 0;
     }
     updateTimer() {
         this.stopTimer();
@@ -122,7 +184,10 @@ const BsCarousel = class {
     /** Shows only the current page's slides and labels each slide. */
     applySlides() {
         const slides = this.slides;
-        const start = (this.page - 1) * this.perView;
+        // Keep showing the old page until its exit motion has finished.
+        if (!this.transitioning || this.shown === 0)
+            this.shown = this.page;
+        const start = (this.shown - 1) * this.perView;
         slides.forEach((slide, i) => {
             slide.hidden = i < start || i >= start + this.perView;
             if (!slide.hasAttribute('role'))
@@ -158,7 +223,7 @@ const BsCarousel = class {
         // While auto-advance is actually running, slide changes must not be announced (it would
         // interrupt the user constantly); otherwise announce them politely.
         const rotating = this.autoplay && !this.paused && !this.interacting;
-        return (index.h("section", { key: '4d3a0024b4f407a595769bc3dce7270104a0aeb7', part: "carousel", class: "bs-carousel", role: "region", "aria-roledescription": "carousel", "aria-label": this.label, style: { '--bs-carousel-slides-per-view': String(this.perView) } }, index.h("div", { key: '7160dbff92ce24112a5ebe54f10cfb4034d29750', part: "slides", class: "bs-carousel__slides", "aria-live": rotating ? 'off' : 'polite' }, index.h("slot", { key: 'fee4505b4a303719c62f9a7b76bea784ef920a20', onSlotchange: this.onSlotChange })), showTracker && (index.h("div", { key: 'd70a3780f4d9c00c087d931fb4b50401890a2c38', part: "tracker", class: "bs-carousel__tracker" }, this.tracker === 'numbers' ? (index.h("bs-pagination", { part: "pagination", totalPages: this.pageCount, currentPage: this.page, onBsPageChange: (ev) => {
+        return (index.h("section", { key: 'fe38898b10611d2bb20c3428cbc4009449186453', part: "carousel", class: "bs-carousel", role: "region", "aria-roledescription": "carousel", "aria-label": this.label, style: { '--bs-carousel-slides-per-view': String(this.perView) } }, index.h("div", { key: 'd1d01494417dc282a52931307406970b8a1b7011', part: "slides", class: "bs-carousel__slides", "aria-live": rotating ? 'off' : 'polite' }, index.h("slot", { key: '955bb5229671a23babeea85b7f23b5ec3b330ebe', onSlotchange: this.onSlotChange })), showTracker && (index.h("div", { key: '7c4c3e73bc8dbf05e351cb0628e26e138d0a4028', part: "tracker", class: "bs-carousel__tracker" }, this.tracker === 'numbers' ? (index.h("bs-pagination", { part: "pagination", totalPages: this.pageCount, currentPage: this.page, onBsPageChange: (ev) => {
                 ev.stopPropagation();
                 this.goTo(ev.detail);
             } })) : (index.h("div", { class: "bs-carousel__nav" }, this.renderDotsTracker())), this.renderPause()))));

package/dist/cjs/bs-chatbot-feedback.cjs.entry.js

@@ -98,7 +98,7 @@ const BsChatbotFeedback = class {
     }
     render() {
         const stars = [1, 2, 3, 4, 5];
-        return (index.h("div", { key: '64c7f8d329b25d54264ccc3fd2046c7b91b0a928', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, index.h("button", { key: '3b4f619db2a8f1f44fdc7229d3fda8726728483e', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h(CloseIcon, { key: 'c7c698aeb2b70255e3515b7f2aa505b326d26e53' })), index.h("div", { key: '6d076b4c3ce3ceb29e77faa28b8c9ff378166977', class: "bs-chatbot-feedback__top" }, index.h("div", { key: '4417e15cea995e2ae22cf606d0b13ca7f7c28a6d', class: "bs-chatbot-feedback__text" }, index.h("p", { key: 'c36b0301127b7f522cc7a491d4ef2fbb691ed082', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), index.h("p", { key: 'bde47a0de3f408bf8f3deab1fd4bc6b44782528d', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), index.h("div", { key: 'd6a28296298b30340ae249582a02f2242ddde6fd', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": this.ratingLabel }, stars.map(value => (index.h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} ${value > 1 ? this.starsLabel : this.starLabel}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, index.h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (index.h("div", { key: 'a3d957978212ba546914eb8f19a6c0b6776b4cda', class: "bs-chatbot-feedback__field" }, index.h("label", { key: 'ccbda1eeff0a7963704e1c095349ce503c76d6cc', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), index.h("textarea", { key: 'c1676c31a10315e8bccabe1841b8abc990f32158', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: this.commentPlaceholder, value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (index.h("p", { key: 'ca1fc129a1fa0645a9aa85fdbf0d0de73c24f8e6', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), index.h("div", { key: 'd6f9ae5f1c52de30bb07a22e6dcbe97fce7e5a97', class: "bs-chatbot-feedback__actions" }, !this.submitted && (index.h("button", { key: 'dd46f42be756a4f1af593c83c130ea25f1fcd312', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, index.h(SendIcon, { key: 'b462d0786b439f5543659d12875d1e42f5e649e6' }), this.submitLabel)), index.h("button", { key: '818daeb3198f4adfbb5d55b8bdfd07f6904c84d5', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, index.h(EditIcon, { key: '504ed8bd1ac4b325afb3ed082105510bfebe4bd4' }), this.newChatLabel))));
+        return (index.h("div", { key: 'ee99c0b20a4dc2fee3543f66eaa8c8f354c8a3ff', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, index.h("button", { key: '31751520032972b7ae9a93848d1ee44045f00dc6', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h(CloseIcon, { key: '1b7367e072d066e183eccaf76b3b954026101db2' })), index.h("div", { key: '9ed28d17e8ba6c561fc72d1036d34a431a482251', class: "bs-chatbot-feedback__top" }, index.h("div", { key: '745c881283b828eb32586cf6f81b2142936f93f6', class: "bs-chatbot-feedback__text" }, index.h("p", { key: '8d8bea1913dc865ec79e88a31e0b93ca84c1a867', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), index.h("p", { key: 'fffe199cc928e0b6c481270d7ad59dbdfdb2b2c4', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), index.h("div", { key: '8cc7563ec8ae7ee981f12323b55397d5e0bcb2c2', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": this.ratingLabel }, stars.map(value => (index.h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} ${value > 1 ? this.starsLabel : this.starLabel}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, index.h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (index.h("div", { key: 'de939881796cf7f7e32294904aec1be2f7f71035', class: "bs-chatbot-feedback__field" }, index.h("label", { key: 'd58da98d04619b3bfcbe3b97fcf9529229526831', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), index.h("textarea", { key: 'c45059beddde013832133f21e20d86be7be2bd9c', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: this.commentPlaceholder, value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (index.h("p", { key: 'd630c3cb1561f90d123989015f0388da16a22595', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), index.h("div", { key: '37c06651e4f65c54e4e58da5f3c1a224c5125184', class: "bs-chatbot-feedback__actions" }, !this.submitted && (index.h("button", { key: 'a88d5a116114d4685d92562a49f3dc99bff86e9d', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, index.h(SendIcon, { key: '557e3de8ae2fcf5a76fda6cbcea1762e674f0734' }), this.submitLabel)), index.h("button", { key: '37c972da6bb7595d1a05a72a1c49c3184b054020', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, index.h(EditIcon, { key: '76e954f39f7b45e227df1ee4f6bbc24fd6985b9f' }), this.newChatLabel))));
     }
 };
 const StarIcon = ({ filled }) => (index.h("svg", { viewBox: "0 0 24 24", fill: filled ? 'currentColor' : 'none', xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M12 2.5L15.09 8.75L22 9.77L17 14.62L18.18 21.5L12 18.22L5.82 21.5L7 14.62L2 9.77L8.91 8.75L12 2.5Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/dist/cjs/bs-chatbot-header.cjs.entry.js

@@ -150,7 +150,7 @@ const BsChatbotHeader = class {
         this.bsClose.emit();
     };
     render() {
-        return (index.h("div", { key: 'a3bf82b419fe181054ef681938edee90b3a7370c', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, index.h("div", { key: '194e0c8da2af153b8a6c525db7c09d2960d00766', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), index.h("div", { key: 'c5b7c45960c14dd1052fd6e0e16d9100e87f6065', class: "bs-chatbot-header__actions" }, index.h("slot", { key: 'ffb35bd3e7694623c672b086db42ee69e14606ae', name: "actions" }), !this.hideNewChat && (index.h("span", { key: '00870907a0971458c484c88082176f809f8eaa8e', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: '2b12b13ac7595a39b2f90bbfccf784d643ccb8a6', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, index.h("slot", { key: '12ffde1876b46f492d8690796e27c9e716020a6f', name: "new-chat-icon" }, index.h(NewChatIcon, { key: 'a720b894daaa12a6bb4e89391ac400a00217e2a1' }))), index.h("bs-tooltip", { key: 'f4a8aebd32eea278cc45d7ec67de564e539671c4', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (index.h("span", { key: '38668bf4d54439e8b6aff21aed277753a9bfd05c', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'fd7dbd9db931baaa42a74523952bb58fd81f8c59', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, index.h("slot", { key: '8677cb10b69e30f1ed63f760a6d1384e43ee889a', name: "history-icon" }, index.h(HistoryIcon, { key: 'f3dbc6e2ad0e498d975ff12127ea5a04aa5feabb' }))), index.h("bs-tooltip", { key: 'f95bef141e03ea75a803786961d56cb57c4c4419', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (index.h("span", { key: 'cfc6b76abab457ddbb0f800c9421755fa4a7356f', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: '2413fa727f2eb5d6963ec0a60a0f52bce91a50bb', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? this.collapseLabel : this.expandLabel, "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, index.h("slot", { key: '2291b453f5d21ed2c605b9637530e719fd50b979', name: "expand-icon" }, index.h(ExpandIcon, { key: 'b8ed1f8839eea3714532283e15a6cd0fe5fe6fb4' }))), index.h("bs-tooltip", { key: '392da3045534004015b4b894f0948876e1f12141', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (index.h("span", { key: '136d790708106fb64c1c83371af5d76e37cb57fd', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'b500c7104dace70ad434b556fa913fa650f95ce2', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h("slot", { key: '3ede2fe906f8819e496d1c8537b3520cf29698d7', name: "close-icon" }, index.h(CloseIcon, { key: '9d26f8d6b36cb51d564b7d44d375828af4671d6c' }))), index.h("bs-tooltip", { key: '14c17d47ac9e6bb7ed78a49fb8005879c6674718', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
+        return (index.h("div", { key: '4d749a85b3317c88b39c0042be1dd5c415bce812', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, index.h("div", { key: 'adb4686e3c95bd0c63c4ae5e02726a23c90653e4', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), index.h("div", { key: '9baf468f0792ec06ef3a4bf776df0ec938dae56c', class: "bs-chatbot-header__actions" }, index.h("slot", { key: '78a6ac0cce725bb63301351bdbf3fbb4af1dccfc', name: "actions" }), !this.hideNewChat && (index.h("span", { key: '5614b1689b6a1518cb2f466586453114a8eb2269', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'f593334c14d6890f6b204aede3af2ac21282c834', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, index.h("slot", { key: 'ce1f32ee3c7baf5b141004e3bcd4b92390c5f65a', name: "new-chat-icon" }, index.h(NewChatIcon, { key: 'db2ae97dfbeb82b0fec1def38a2d3a6efff915ca' }))), index.h("bs-tooltip", { key: '11fecac2381fadc649f6f0fa71bf22adaf7c7170', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (index.h("span", { key: '8c6dd57c915550f2d9bf89aa3a915d036f5fb1db', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'c9c9a4df2bc94fee532c8997bbc91b94b0dc90f4', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, index.h("slot", { key: '7efd44b983dc8d7bcf0e517d1c283c30dc920388', name: "history-icon" }, index.h(HistoryIcon, { key: '5e053692985e9efb724ef315397e480a927a23af' }))), index.h("bs-tooltip", { key: '0736b67042161cfa09e1e4d6fe50aecdabc97da7', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (index.h("span", { key: '2f57c3fdf10c31c5d892a094df94e36a0273a8a3', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: '75b4864469e56ec3fa373740483118878e6e2637', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? this.collapseLabel : this.expandLabel, "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, index.h("slot", { key: '549a118c2784795cc4ac12c1c257221e57f40243', name: "expand-icon" }, index.h(ExpandIcon, { key: '88bb836b69e0293e45a0be50f33f6256242a5761' }))), index.h("bs-tooltip", { key: '9c957cdb8876be24b1fc2b9167852f80145ed43d', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (index.h("span", { key: 'cacd2af286b69dc72340d045adceb97d5219a6d8', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: '03e08785d4db92fec96632fe60542f997c954e51', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h("slot", { key: '67b21828c6e8663333157f4d3f0f671cd8fcbf79', name: "close-icon" }, index.h(CloseIcon, { key: '11f16c5d485969216a25ef2b581d4dd72ef3cdc7' }))), index.h("bs-tooltip", { key: '7a9a19cf276a1e9c097f901ea57be2f32d11902e', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
     }
 };
 const NewChatIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M12 15H9V12L18 3L21 6L12 15Z", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M15.75 5.25L18.75 8.25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M20.25 12V19.5C20.25 19.6989 20.171 19.8897 20.0303 20.0303C19.8897 20.171 19.6989 20.25 19.5 20.25H4.5C4.30109 20.25 4.11032 20.171 3.96967 20.0303C3.82902 19.8897 3.75 19.6989 3.75 19.5V4.5C3.75 4.30109 3.82902 4.11032 3.96967 3.96967C4.11032 3.82902 4.30109 3.75 4.5 3.75H12", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/dist/cjs/bs-chatbot-response-action.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BYfMRtlW.js');
 
-const bsChatbotResponseActionCss = () => `:host{display:block;--bs-chatbot-response-action-gap:var(--bs-spacing-100);--bs-chatbot-response-action-padding-top:var(--bs-spacing-150);--bs-chatbot-response-action-padding-bottom:var(--bs-spacing-50);--bs-chatbot-response-action-button-size:var(--bs-spacing-400);--bs-chatbot-response-action-button-radius:var(--bs-border-radius-100);--bs-chatbot-response-action-button-hover:var(--bs-color-neutral-container);--bs-chatbot-response-action-button-pressed:var(--bs-color-neutral-container-pressed);--bs-chatbot-response-action-icon:var(--bs-icon-neutral-default);--bs-chatbot-response-action-sources-gap:var(--bs-spacing-50);--bs-chatbot-response-action-sources-padding-left:var(--bs-spacing-100);--bs-chatbot-response-action-sources-padding-right:var(--bs-spacing-150);--bs-chatbot-response-action-sources-color:var(--bs-text-neutral-default);--bs-chatbot-response-action-sources-font-size:var(--bs-font-size-sm);--bs-chatbot-response-action-sources-line-height:var(--bs-line-height-body-sm)}.bs-chatbot-response-action{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-chatbot-response-action-gap);padding-top:var(--bs-chatbot-response-action-padding-top);padding-bottom:var(--bs-chatbot-response-action-padding-bottom);background:transparent;font-family:inherit}.bs-chatbot-response-action__button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;padding:0;cursor:pointer;background:transparent;color:var(--bs-chatbot-response-action-icon);font-family:inherit;border-radius:var(--bs-chatbot-response-action-button-radius);width:var(--bs-chatbot-response-action-button-size);height:var(--bs-chatbot-response-action-button-size);flex-shrink:0;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-response-action__button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-chatbot-response-action__button svg{width:20px;height:20px}.bs-chatbot-response-action__button:hover{background:var(--bs-chatbot-response-action-button-hover)}.bs-chatbot-response-action__button:active{background:var(--bs-chatbot-response-action-button-pressed)}.bs-chatbot-response-action__menu-wrapper{position:relative;display:inline-flex;flex-shrink:0}.bs-chatbot-response-action__menu-popup{position:absolute;top:calc(100% + var(--bs-spacing-50));inset-inline-start:0;z-index:1}.bs-chatbot-response-action__sources{display:inline-flex;align-items:center;box-sizing:border-box;border:none;cursor:pointer;background:transparent;color:var(--bs-chatbot-response-action-sources-color);font-family:inherit;font-size:var(--bs-chatbot-response-action-sources-font-size);line-height:calc(var(--bs-chatbot-response-action-sources-line-height) * 1px);gap:var(--bs-chatbot-response-action-sources-gap);border-radius:var(--bs-chatbot-response-action-button-radius);height:var(--bs-chatbot-response-action-button-size);padding-inline-start:var(--bs-chatbot-response-action-sources-padding-left);padding-inline-end:var(--bs-chatbot-response-action-sources-padding-right);flex-shrink:0;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-response-action__sources:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-chatbot-response-action__sources svg{width:20px;height:20px;flex-shrink:0}.bs-chatbot-response-action__sources:hover{background:var(--bs-chatbot-response-action-button-hover)}.bs-chatbot-response-action__sources:active{background:var(--bs-chatbot-response-action-button-pressed)}.bs-chatbot-response-action__sources-label{white-space:nowrap}.bs-chatbot-response-action__button[aria-pressed='true']{background:var(--bs-chatbot-response-action-button-pressed)}`;
+const bsChatbotResponseActionCss = () => `:host{display:block;--bs-chatbot-response-action-gap:var(--bs-spacing-100);--bs-chatbot-response-action-padding-top:var(--bs-spacing-150);--bs-chatbot-response-action-padding-bottom:var(--bs-spacing-50);--bs-chatbot-response-action-button-size:var(--bs-spacing-400);--bs-chatbot-response-action-button-radius:var(--bs-border-radius-100);--bs-chatbot-response-action-button-hover:var(--bs-color-neutral-container);--bs-chatbot-response-action-button-pressed:var(--bs-color-neutral-container-pressed);--bs-chatbot-response-action-icon:var(--bs-icon-neutral-default);--bs-chatbot-response-action-sources-gap:var(--bs-spacing-50);--bs-chatbot-response-action-sources-padding-left:var(--bs-spacing-100);--bs-chatbot-response-action-sources-padding-right:var(--bs-spacing-150);--bs-chatbot-response-action-sources-color:var(--bs-text-neutral-default);--bs-chatbot-response-action-sources-font-size:var(--bs-font-size-sm);--bs-chatbot-response-action-sources-line-height:var(--bs-line-height-body-sm)}.bs-chatbot-response-action{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-chatbot-response-action-gap);padding-top:var(--bs-chatbot-response-action-padding-top);padding-bottom:var(--bs-chatbot-response-action-padding-bottom);background:transparent;font-family:inherit}.bs-chatbot-response-action__button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;padding:0;cursor:pointer;background:transparent;color:var(--bs-chatbot-response-action-icon);font-family:inherit;border-radius:var(--bs-chatbot-response-action-button-radius);width:var(--bs-chatbot-response-action-button-size);height:var(--bs-chatbot-response-action-button-size);flex-shrink:0;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-response-action__button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-chatbot-response-action__button svg{width:20px;height:20px}.bs-chatbot-response-action__button:hover{background:var(--bs-chatbot-response-action-button-hover)}.bs-chatbot-response-action__button:active{background:var(--bs-chatbot-response-action-button-pressed)}.bs-chatbot-response-action__menu-wrapper{position:relative;display:inline-flex;flex-shrink:0}.bs-chatbot-response-action__menu-popup{position:absolute;top:calc(100% + var(--bs-spacing-50));inset-inline-start:0;z-index:1}.bs-chatbot-response-action__sources{display:inline-flex;align-items:center;box-sizing:border-box;border:none;cursor:pointer;background:transparent;color:var(--bs-chatbot-response-action-sources-color);font-family:inherit;font-size:var(--bs-chatbot-response-action-sources-font-size);line-height:calc(var(--bs-chatbot-response-action-sources-line-height) * 1px);gap:var(--bs-chatbot-response-action-sources-gap);border-radius:var(--bs-chatbot-response-action-button-radius);height:var(--bs-chatbot-response-action-button-size);padding-inline-start:var(--bs-chatbot-response-action-sources-padding-left);padding-inline-end:var(--bs-chatbot-response-action-sources-padding-right);flex-shrink:0;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-response-action__sources:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-chatbot-response-action__sources svg{width:20px;height:20px;flex-shrink:0}.bs-chatbot-response-action__sources:hover{background:var(--bs-chatbot-response-action-button-hover)}.bs-chatbot-response-action__sources:active{background:var(--bs-chatbot-response-action-button-pressed)}.bs-chatbot-response-action__sources-label{white-space:nowrap}.bs-chatbot-response-action__button[aria-pressed='true']{background:var(--bs-chatbot-response-action-button-pressed)}`;
 
 const BsChatbotResponseAction = class {
     constructor(hostRef) {
@@ -100,7 +100,7 @@ const BsChatbotResponseAction = class {
     };
     render() {
         const hasSources = !!this.sourcesCount && this.sourcesCount > 0;
-        return (index.h("div", { key: 'ebc6d993ea58554ab0a5d36c9148da333424ed8c', class: "bs-chatbot-response-action" }, index.h("button", { key: 'f171f6c7be3a81f75b036a6e19d8d25c60da45de', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": this.likeLabel, "aria-pressed": this.liked ? 'true' : 'false', onClick: this.onLikeClick }, index.h("slot", { key: '36697458bd76eeb31d6a3cd0c793ba9b12850bb5', name: "like-icon" }, index.h(ThumbsUpIcon, { key: '3f07e995a80dff4a9ad993ec943e20dfba199828' }))), index.h("button", { key: '70a982907bfd4ea1843a157db2830dc251b6cce3', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": this.dislikeLabel, "aria-pressed": this.disliked ? 'true' : 'false', onClick: this.onDislikeClick }, index.h("slot", { key: 'f74a10e3488db4167c7aeadb12dfe18e07bd8375', name: "dislike-icon" }, index.h(ThumbsDownIcon, { key: 'a84fd41bdb0b04f0899186f9dc7c3b3f9a01c4e4' }))), index.h("button", { key: 'f9607a0b7fb610308437fd348291a39a1a75c48f', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, index.h("slot", { key: '50d0ee6d299b0b9eaa2f2a76c8e163c62b0b1c46', name: "copy-icon" }, index.h(CopyIcon, { key: '4393f5f8613f96b3040bef7fb3ab56002bec882a' }))), !this.hideRegenerate && (index.h("button", { key: 'a7df160d71f63455807b0641fdb4ecc7c963262f', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, index.h("slot", { key: '746a947dcdc2513dcc14a2c45ad43e8c5689b155', name: "regenerate-icon" }, index.h(RegenerateIcon, { key: '6d64c1b4a2795d4700bbf398098bb660e1b7a61d' })))), index.h("div", { key: '6b3969c13b586c593f0e5a1a98407fd5514b5038', class: "bs-chatbot-response-action__menu-wrapper" }, index.h("button", { key: 'ce57cbfbb40b2a4888cc1aae725d94f330203dce', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": this.menuLabel, "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, index.h("slot", { key: 'c301f66e32e50b915374bb660f8e8ebfda5fece2', name: "menu-icon" }, index.h(MenuIcon, { key: '3cb0895245598879d982ff9f206a278d6c8332fc' }))), this.menuOpen && (index.h("div", { key: 'bc20c2db7f705d5b10d6d6f770ad0fc15de0cf55', class: "bs-chatbot-response-action__menu-popup" }, index.h("slot", { key: '0a429d4727cdc0138da8044e0b813722f1f17eec', name: "menu" })))), hasSources && (index.h("button", { key: '35dc4762ead97f292db9652a18f4fbb41a1ce4d2', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, index.h("slot", { key: 'fb308abbcfbef564e9e424ccdbfaaac95911bf6b', name: "sources-icon" }, index.h(SourcesIcon, { key: '281a8fbb031ff7af27b176894bfd287c78a4de97' })), index.h("span", { key: '6afee37c37811f052b9d83089f220b354dd161b7', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? this.sourceLabel : this.sourcesLabel)))));
+        return (index.h("div", { key: 'ea10465bf7825b4fd96464ee91b10566b51add61', class: "bs-chatbot-response-action" }, index.h("button", { key: '27a4ccd7a97f4821569b382377dfcd11520cf4b3', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": this.likeLabel, "aria-pressed": this.liked ? 'true' : 'false', onClick: this.onLikeClick }, index.h("bs-ripple", { key: 'e51f72aaa2018b77f0e67454a42754a69c53b827', part: "ripple", centered: true }), index.h("slot", { key: '685362071a59475ce8831f3648f244721f183252', name: "like-icon" }, index.h(ThumbsUpIcon, { key: '4a9dd14db641ec7d6e60ce018218a7af6a34e34c' }))), index.h("button", { key: 'f48e058db0e94aaf2d13a93dffb1d995616074b9', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": this.dislikeLabel, "aria-pressed": this.disliked ? 'true' : 'false', onClick: this.onDislikeClick }, index.h("bs-ripple", { key: '8e10c2a3793010a3be06412f09f5495185659b8f', part: "ripple", centered: true }), index.h("slot", { key: '017e084ab2b1188d1bdd19d4f4b5ca30a2e9dfb0', name: "dislike-icon" }, index.h(ThumbsDownIcon, { key: '6578301a7d4ba5351e59f91dbed3016d10834386' }))), index.h("button", { key: 'ea1425fc220fd8a8ad775e6f5e24fe3cb236dc78', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, index.h("bs-ripple", { key: 'f857a092b5db633da3d0dca78fb53dea0c764f3a', part: "ripple", centered: true }), index.h("slot", { key: 'a96a945f08995317c0bc08bc8e320575d4eaa6ac', name: "copy-icon" }, index.h(CopyIcon, { key: '8b3ca7ad7dd18b35a6be2d46e1a8d785f948559e' }))), !this.hideRegenerate && (index.h("button", { key: 'd114185e80a157217b8bdf7249db1d7c0434daf3', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, index.h("bs-ripple", { key: '47b10ab111100c2001ec64a1881839ef3c77486c', part: "ripple", centered: true }), index.h("slot", { key: 'aae132c65e481002ff95ea1fa65614d24b316cdb', name: "regenerate-icon" }, index.h(RegenerateIcon, { key: '77fe5385e571abc771f5a4118c9e7d2fe5214f31' })))), index.h("div", { key: '43ae8110dac16f340d1fbba57cb39d6e0fac2bba', class: "bs-chatbot-response-action__menu-wrapper" }, index.h("button", { key: '13b43339ccc55a0472e266a0812c867ea5684db0', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": this.menuLabel, "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, index.h("bs-ripple", { key: '9184bb5cf7a1ec514286be13561356a84020d8bc', part: "ripple", centered: true }), index.h("slot", { key: 'ec41980667b59320f6f1e64fa7ad1e61b48985f5', name: "menu-icon" }, index.h(MenuIcon, { key: '5f6065880fcab476067c9cdd641e3803594d47af' }))), this.menuOpen && (index.h("div", { key: '64657764d6e5e1b799b118defe89ab098e7cf284', class: "bs-chatbot-response-action__menu-popup" }, index.h("slot", { key: 'b70facad47bb5971fef174c209c023203f321441', name: "menu" })))), hasSources && (index.h("button", { key: '6f382c1f12d9c6588d93fbb8f3fff50f3d961ad0', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, index.h("slot", { key: 'bd9751f689fc23acaa5a3e62bf5490d36834772d', name: "sources-icon" }, index.h(SourcesIcon, { key: 'fb0bf01af7ad41d23827197bbce23573d7886a5b' })), index.h("span", { key: '3277653214f36c8a0277059929baeb14691dc1c3', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? this.sourceLabel : this.sourcesLabel)))));
     }
 };
 const ThumbsUpIcon = () => (index.h("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M2.5 8.125H6.25V16.25H2.5C2.33424 16.25 2.17527 16.1842 2.05806 16.0669C1.94085 15.9497 1.875 15.7908 1.875 15.625V8.75C1.875 8.58424 1.94085 8.42527 2.05806 8.30806C2.17527 8.19085 2.33424 8.125 2.5 8.125Z", stroke: "currentColor", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M6.25 8.125L9.375 1.875C10.038 1.875 10.6739 2.13839 11.1428 2.60723C11.6116 3.07607 11.875 3.71196 11.875 4.375V6.25H16.875C17.0523 6.25005 17.2276 6.28782 17.3892 6.36081C17.5508 6.4338 17.695 6.54033 17.8123 6.67333C17.9295 6.80634 18.0172 6.96277 18.0693 7.13223C18.1215 7.3017 18.137 7.48033 18.1148 7.65625L17.1773 15.1562C17.1393 15.4583 16.9923 15.736 16.7641 15.9374C16.5358 16.1388 16.2419 16.2499 15.9375 16.25H6.25", stroke: "currentColor", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js

@@ -31,7 +31,7 @@ const BsChatbotSourcesDrawer = class {
     };
     render() {
         const displayCount = this.count ?? this.slottedCount;
-        return (index.h("div", { key: '00bae658c31f1b0cb31cde007056aad03bf0ad77', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, index.h("div", { key: 'ee2f47d76139560f152dc730d8d4252c550c4874', class: "bs-chatbot-sources-drawer__header" }, index.h("div", { key: 'dacf3742bd6db7b2b4ab7dfa25a569d48fef4ae8', class: "bs-chatbot-sources-drawer__title-group" }, index.h("h2", { key: '4a574daa2822b1acd984268e1e758f457bf40c4f', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (index.h("span", { key: 'cef7cd7a050ecb145d62a8f0992e795405c8f8d6', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), index.h("button", { key: '8a1c6a8c16de70836555fed325602e3e2152c618', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, index.h("slot", { key: '9dd216a247757d22fb6dea3b75e07dc9ed3e6cb0', name: "collapse-icon" }, index.h(CaretRightIcon, { key: '8c6a8d2dd8b1fa71812e257e43939990be25ce04' })))), index.h("div", { key: '4d057db59b72db7c13eacaa2113cb9964caef1c9', part: "list", class: "bs-chatbot-sources-drawer__list" }, index.h("slot", { key: '5e5e753897ed08f1b2e1e37919e7ac4ed721a893', onSlotchange: this.onSlotchange }))));
+        return (index.h("div", { key: '3a1ada3b813ff876728dc3aaa97f083cca62e06d', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, index.h("div", { key: '97a5b46ecd7e365f19b97d22e64dd5f8ccc321a9', class: "bs-chatbot-sources-drawer__header" }, index.h("div", { key: '13da4c69fa4882f663bd0c50b7e076246b369f3b', class: "bs-chatbot-sources-drawer__title-group" }, index.h("h2", { key: 'cb709deaa389afca9f9f233772d00ceebf80c174', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (index.h("span", { key: 'a195d6e2de3305d6c4c8866d1333f7554c7dc3b3', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), index.h("button", { key: '02cfdf86c2a83a0abfdbe36dd6ef0aee416477ca', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, index.h("slot", { key: 'ef4e483e4adb1a668401244d13eace6acf12023b', name: "collapse-icon" }, index.h(CaretRightIcon, { key: 'ca9e17d19e935606e196253136151d81d8ab2566' })))), index.h("div", { key: '1fe136577e90fc5eb650d6e856923ed1dfa60112', part: "list", class: "bs-chatbot-sources-drawer__list" }, index.h("slot", { key: 'd5a5204ebbca3035e1ba6360168c36e17d89431a', onSlotchange: this.onSlotchange }))));
     }
 };
 const CaretRightIcon = () => (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M7.5 4.375L13.125 10L7.5 15.625", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BYfMRtlW.js');
 
-const bsChatbotSuggestionButtonCss = () => `:host{display:inline-block;--bs-chatbot-suggestion-button-radius:var(--bs-border-radius-full);--bs-chatbot-suggestion-button-border-color:var(--bs-border-primary);--bs-chatbot-suggestion-button-bg-default:var(--bs-color-primary-container);--bs-chatbot-suggestion-button-bg-hover:var(--bs-color-primary-container-hover);--bs-chatbot-suggestion-button-bg-pressed:var(--bs-color-primary-container-pressed);--bs-chatbot-suggestion-button-bg-focus:var(--bs-color-primary-container-hover);--bs-chatbot-suggestion-button-text-default:var(--bs-text-action);--bs-chatbot-suggestion-button-text-hover:var(--bs-text-action-hover);--bs-chatbot-suggestion-button-focus-ring-color:var(--bs-border-primary-focus)}.bs-chatbot-suggestion-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:80px;padding:var(--bs-spacing-100) var(--bs-spacing-200);border:var(--bs-border-width-thin) solid var(--bs-chatbot-suggestion-button-border-color);border-radius:var(--bs-chatbot-suggestion-button-radius);background:var(--bs-chatbot-suggestion-button-bg-default);color:var(--bs-chatbot-suggestion-button-text-default);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);text-align:center;cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-suggestion-button:hover:not(:disabled){background:var(--bs-chatbot-suggestion-button-bg-hover);color:var(--bs-chatbot-suggestion-button-text-hover)}.bs-chatbot-suggestion-button:active:not(:disabled){background:var(--bs-chatbot-suggestion-button-bg-pressed);color:var(--bs-chatbot-suggestion-button-text-hover)}.bs-chatbot-suggestion-button:focus-visible{background:var(--bs-chatbot-suggestion-button-bg-focus);color:var(--bs-chatbot-suggestion-button-text-hover);outline:var(--bs-border-width-medium) solid var(--bs-chatbot-suggestion-button-focus-ring-color);outline-offset:3px}.bs-chatbot-suggestion-button:disabled{opacity:var(--bs-opacity-disabled);cursor:not-allowed}`;
+const bsChatbotSuggestionButtonCss = () => `:host{display:inline-block;--bs-chatbot-suggestion-button-radius:var(--bs-border-radius-full);--bs-chatbot-suggestion-button-border-color:var(--bs-border-primary);--bs-chatbot-suggestion-button-bg-default:var(--bs-color-primary-container);--bs-chatbot-suggestion-button-bg-hover:var(--bs-color-primary-container-hover);--bs-chatbot-suggestion-button-bg-pressed:var(--bs-color-primary-container-pressed);--bs-chatbot-suggestion-button-bg-focus:var(--bs-color-primary-container-hover);--bs-chatbot-suggestion-button-text-default:var(--bs-text-action);--bs-chatbot-suggestion-button-text-hover:var(--bs-text-action-hover);--bs-chatbot-suggestion-button-focus-ring-color:var(--bs-border-primary-focus)}.bs-chatbot-suggestion-button{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:80px;padding:var(--bs-spacing-100) var(--bs-spacing-200);border:var(--bs-border-width-thin) solid var(--bs-chatbot-suggestion-button-border-color);border-radius:var(--bs-chatbot-suggestion-button-radius);background:var(--bs-chatbot-suggestion-button-bg-default);color:var(--bs-chatbot-suggestion-button-text-default);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);text-align:center;cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-suggestion-button:hover:not(:disabled){background:var(--bs-chatbot-suggestion-button-bg-hover);color:var(--bs-chatbot-suggestion-button-text-hover)}.bs-chatbot-suggestion-button:active:not(:disabled){background:var(--bs-chatbot-suggestion-button-bg-pressed);color:var(--bs-chatbot-suggestion-button-text-hover)}.bs-chatbot-suggestion-button:focus-visible{background:var(--bs-chatbot-suggestion-button-bg-focus);color:var(--bs-chatbot-suggestion-button-text-hover);outline:var(--bs-border-width-medium) solid var(--bs-chatbot-suggestion-button-focus-ring-color);outline-offset:3px}.bs-chatbot-suggestion-button:disabled{opacity:var(--bs-opacity-disabled);cursor:not-allowed}`;
 
 const BsChatbotSuggestionButton = class {
     constructor(hostRef) {
@@ -17,7 +17,7 @@ const BsChatbotSuggestionButton = class {
         this.bsSelect.emit();
     };
     render() {
-        return (index.h("button", { key: '9773b5f3b62675a48eacc9a63fd52cd92172fe68', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, index.h("slot", { key: '1fbe7d378fb81cebc348b232c5fbe00fe31daf78' })));
+        return (index.h("button", { key: 'c76c66440c64cf4cfe60fbd98a49229896e593e2', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, index.h("bs-ripple", { key: 'aa4295c7a0ae1c1fcefe567c594a7dfb01e5fc4e', part: "ripple", centered: false, disabled: this.disabled }), index.h("slot", { key: 'd9e21c45c97236d08f0d9e2c9829b6a0501424e2' })));
     }
 };
 BsChatbotSuggestionButton.style = bsChatbotSuggestionButtonCss();

package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js

@@ -14,7 +14,7 @@ const BsCheckboxSkeleton = class {
     /** Accessible name announced for the loading placeholder. */
     loadingLabel = 'Loading';
     render() {
-        return (index.h("span", { key: '553af2d9b475730b4f399da364a42a8fe61de077', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, index.h("span", { key: '06b4a8dcb9b436f1f79a9d59144430d22081d89d', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), index.h("span", { key: 'd56789d4ad329edf3336cabef6a7b5200f977210', part: "label", class: "bs-checkbox-skeleton__label" })));
+        return (index.h("span", { key: '92bd864f7f59de942901944109eabc70e4f6ee28', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, index.h("span", { key: 'e69ed9e4bef797036110d4ed504c3526272ef467', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), index.h("span", { key: '562219d3322ba5b120143e04a34d6ab693ede45a', part: "label", class: "bs-checkbox-skeleton__label" })));
     }
 };
 BsCheckboxSkeleton.style = bsCheckboxSkeletonCss();

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BYfMRtlW.js');
 
-const bsCheckboxCss = () => `:host{display:inline-block;--bs-checkbox-radius:var(--bs-border-radius-50);--bs-checkbox-gap:var(--bs-spacing-100);--bs-checkbox-size-sm:var(--bs-spacing-200);--bs-checkbox-size-md:var(--bs-spacing-250);--bs-checkbox-size-lg:var(--bs-spacing-300);--bs-checkbox-border-width-sm:1.333px;--bs-checkbox-border-width-md:1.667px;--bs-checkbox-border-width-lg:2px;--bs-checkbox-border-default:var(--bs-border-default);--bs-checkbox-bg-hover:var(--bs-surface-hover);--bs-checkbox-border-hover:var(--bs-border-neutral-hover);--bs-checkbox-bg-focus:var(--bs-surface-raised);--bs-checkbox-border-focus:var(--bs-border-neutral-hover);--bs-checkbox-focus-ring-color:var(--bs-border-neutral-focus);--bs-checkbox-bg-disabled:var(--bs-surface-action-disabled);--bs-checkbox-border-disabled:var(--bs-border-neutral-disabled);--bs-checkbox-border-error:var(--bs-border-error);--bs-checkbox-bg-selected:var(--bs-color-primary-default);--bs-checkbox-border-selected:var(--bs-color-primary-default);--bs-checkbox-bg-selected-hover:var(--bs-color-primary-hover);--bs-checkbox-border-selected-hover:var(--bs-color-primary-hover);--bs-checkbox-bg-selected-error:var(--bs-icon-error);--bs-checkbox-border-selected-error:var(--bs-icon-error);--bs-checkbox-icon-color:var(--bs-icon-static-white);--bs-checkbox-icon-color-disabled:var(--bs-icon-disabled);--bs-checkbox-label-color:var(--bs-text-default);--bs-checkbox-label-color-disabled:var(--bs-text-on-disabled);--bs-checkbox-label-color-error:var(--bs-text-error)}.bs-checkbox{position:relative;display:inline-flex;align-items:center;gap:var(--bs-checkbox-gap);font-family:inherit;cursor:pointer}.bs-checkbox--disabled{cursor:not-allowed}.bs-checkbox__input{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-checkbox__input:disabled{cursor:not-allowed}.bs-checkbox__box{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-checkbox-size-lg);height:var(--bs-checkbox-size-lg);border:var(--bs-checkbox-border-width-lg) solid var(--bs-checkbox-border-default);border-radius:var(--bs-checkbox-radius);background:transparent;color:var(--bs-checkbox-icon-color)}.bs-checkbox__box--md{width:var(--bs-checkbox-size-md);height:var(--bs-checkbox-size-md);border-width:var(--bs-checkbox-border-width-md)}.bs-checkbox__box--sm{width:var(--bs-checkbox-size-sm);height:var(--bs-checkbox-size-sm);border-width:var(--bs-checkbox-border-width-sm)}.bs-checkbox__box--selected{background:var(--bs-checkbox-bg-selected);border-color:var(--bs-checkbox-border-selected)}.bs-checkbox__input:hover:not(:disabled)~.bs-checkbox__box{background:var(--bs-checkbox-bg-hover);border-color:var(--bs-checkbox-border-hover)}.bs-checkbox__input:hover:not(:disabled)~.bs-checkbox__box--selected{background:var(--bs-checkbox-bg-selected-hover);border-color:var(--bs-checkbox-border-selected-hover)}.bs-checkbox__input:focus-visible~.bs-checkbox__box{background:var(--bs-checkbox-bg-focus);border-color:var(--bs-checkbox-border-focus);outline:2px solid var(--bs-checkbox-focus-ring-color);outline-offset:2px}.bs-checkbox__input:focus-visible~.bs-checkbox__box--selected{background:var(--bs-checkbox-bg-selected-hover);border-color:var(--bs-checkbox-border-selected-hover)}.bs-checkbox__box--error{border-color:var(--bs-checkbox-border-error)}.bs-checkbox__box--error.bs-checkbox__box--selected{background:var(--bs-checkbox-bg-selected-error);border-color:var(--bs-checkbox-border-selected-error)}.bs-checkbox__box--disabled{background:var(--bs-checkbox-bg-disabled);border-color:var(--bs-checkbox-border-disabled);color:var(--bs-checkbox-icon-color-disabled)}.bs-checkbox__box--disabled.bs-checkbox__box--selected{background:var(--bs-checkbox-bg-disabled);border-color:var(--bs-checkbox-border-disabled)}.bs-checkbox__icon{width:80%;height:80%}.bs-checkbox__label{font-size:var(--bs-font-size-md);color:var(--bs-checkbox-label-color)}.bs-checkbox__box--sm~.bs-checkbox__label{font-size:var(--bs-font-size-sm)}.bs-checkbox--disabled .bs-checkbox__label{color:var(--bs-checkbox-label-color-disabled)}.bs-checkbox:not(.bs-checkbox--disabled) .bs-checkbox__box--error~.bs-checkbox__label{color:var(--bs-checkbox-label-color-error)}@media (forced-colors: active){.bs-checkbox__box{border:2px solid ButtonText;forced-color-adjust:none;background:Canvas;color:ButtonText}.bs-checkbox__box--selected{background:Highlight;border-color:Highlight;color:HighlightText}.bs-checkbox__box--disabled{border-color:GrayText;color:GrayText}}`;
+const bsCheckboxCss = () => `:host{display:inline-block;--bs-checkbox-radius:var(--bs-border-radius-50);--bs-checkbox-gap:var(--bs-spacing-100);--bs-checkbox-size-sm:var(--bs-spacing-200);--bs-checkbox-size-md:var(--bs-spacing-250);--bs-checkbox-size-lg:var(--bs-spacing-300);--bs-checkbox-border-width-sm:1.333px;--bs-checkbox-border-width-md:1.667px;--bs-checkbox-border-width-lg:2px;--bs-checkbox-border-default:var(--bs-border-default);--bs-checkbox-bg-hover:var(--bs-surface-hover);--bs-checkbox-border-hover:var(--bs-border-neutral-hover);--bs-checkbox-bg-focus:var(--bs-surface-raised);--bs-checkbox-border-focus:var(--bs-border-neutral-hover);--bs-checkbox-focus-ring-color:var(--bs-border-neutral-focus);--bs-checkbox-bg-disabled:var(--bs-surface-action-disabled);--bs-checkbox-border-disabled:var(--bs-border-neutral-disabled);--bs-checkbox-border-error:var(--bs-border-error);--bs-checkbox-bg-selected:var(--bs-color-primary-default);--bs-checkbox-border-selected:var(--bs-color-primary-default);--bs-checkbox-bg-selected-hover:var(--bs-color-primary-hover);--bs-checkbox-border-selected-hover:var(--bs-color-primary-hover);--bs-checkbox-bg-selected-error:var(--bs-icon-error);--bs-checkbox-border-selected-error:var(--bs-icon-error);--bs-checkbox-icon-color:var(--bs-icon-static-white);--bs-checkbox-icon-color-disabled:var(--bs-icon-disabled);--bs-checkbox-label-color:var(--bs-text-default);--bs-checkbox-label-color-disabled:var(--bs-text-on-disabled);--bs-checkbox-label-color-error:var(--bs-text-error)}.bs-checkbox{position:relative;display:inline-flex;align-items:center;gap:var(--bs-checkbox-gap);font-family:inherit;cursor:pointer}.bs-checkbox--disabled{cursor:not-allowed}.bs-checkbox__input{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-checkbox__input:disabled{cursor:not-allowed}.bs-checkbox__box{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-checkbox-size-lg);height:var(--bs-checkbox-size-lg);border:var(--bs-checkbox-border-width-lg) solid var(--bs-checkbox-border-default);border-radius:var(--bs-checkbox-radius);background:transparent;color:var(--bs-checkbox-icon-color)}.bs-checkbox__box--md{width:var(--bs-checkbox-size-md);height:var(--bs-checkbox-size-md);border-width:var(--bs-checkbox-border-width-md)}.bs-checkbox__box--sm{width:var(--bs-checkbox-size-sm);height:var(--bs-checkbox-size-sm);border-width:var(--bs-checkbox-border-width-sm)}.bs-checkbox__box--selected{background:var(--bs-checkbox-bg-selected);border-color:var(--bs-checkbox-border-selected)}.bs-checkbox__input:hover:not(:disabled)~.bs-checkbox__box{background:var(--bs-checkbox-bg-hover);border-color:var(--bs-checkbox-border-hover)}.bs-checkbox__input:hover:not(:disabled)~.bs-checkbox__box--selected{background:var(--bs-checkbox-bg-selected-hover);border-color:var(--bs-checkbox-border-selected-hover)}.bs-checkbox__input:focus-visible~.bs-checkbox__box{background:var(--bs-checkbox-bg-focus);border-color:var(--bs-checkbox-border-focus);outline:2px solid var(--bs-checkbox-focus-ring-color);outline-offset:2px}.bs-checkbox__input:focus-visible~.bs-checkbox__box--selected{background:var(--bs-checkbox-bg-selected-hover);border-color:var(--bs-checkbox-border-selected-hover)}.bs-checkbox__box--error{border-color:var(--bs-checkbox-border-error)}.bs-checkbox__box--error.bs-checkbox__box--selected{background:var(--bs-checkbox-bg-selected-error);border-color:var(--bs-checkbox-border-selected-error)}.bs-checkbox__box--disabled{background:var(--bs-checkbox-bg-disabled);border-color:var(--bs-checkbox-border-disabled);color:var(--bs-checkbox-icon-color-disabled)}.bs-checkbox__box--disabled.bs-checkbox__box--selected{background:var(--bs-checkbox-bg-disabled);border-color:var(--bs-checkbox-border-disabled)}.bs-checkbox__icon{width:80%;height:80%}.bs-checkbox__label{font-size:var(--bs-font-size-md);color:var(--bs-checkbox-label-color)}.bs-checkbox__box--sm~.bs-checkbox__label{font-size:var(--bs-font-size-sm)}.bs-checkbox--disabled .bs-checkbox__label{color:var(--bs-checkbox-label-color-disabled)}.bs-checkbox:not(.bs-checkbox--disabled) .bs-checkbox__box--error~.bs-checkbox__label{color:var(--bs-checkbox-label-color-error)}@media (forced-colors: active){.bs-checkbox__box{border:2px solid ButtonText;forced-color-adjust:none;background:Canvas;color:ButtonText}.bs-checkbox__box--selected{background:Highlight;border-color:Highlight;color:HighlightText}.bs-checkbox__box--disabled{border-color:GrayText;color:GrayText}}.bs-checkbox__ripple{inset:-10px;border-radius:50%;--bs-ripple-color:var(--bs-color-primary-default)}`;
 
 const BsCheckbox = class {
     constructor(hostRef) {
@@ -115,7 +115,7 @@ const BsCheckbox = class {
         ]
             .filter(Boolean)
             .join(' ');
-        return (index.h("label", { key: '98b2c7da5530c74c5632f28a770096201df43f1f', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, index.h("input", { key: '1765be1adab7001f6b8c6ca79c9da8ca3a67bb77', ref: el => (this.inputEl = el), class: "bs-checkbox__input", type: "checkbox", checked: this.checked, disabled: this.disabled, required: this.required, "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), index.h("span", { key: 'ffae4c14191d40da029aaa058d0a11f1170e8c00', part: "box", class: boxClasses }, showIcon && (index.h("svg", { key: 'ef0ddf8663a8d1a517b3604c8fa3a98ff1ba7187', part: "icon", class: "bs-checkbox__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, this.indeterminate ? (index.h("path", { d: "M3 8H13", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })) : (index.h("path", { d: "M3 8.5L6.2 11.5L13 4.5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), index.h("span", { key: '9fda5d8e25fecbc6d4ebe9339f63fae58e8bac26', part: "label", class: "bs-checkbox__label" }, index.h("slot", { key: '95d6e3a55c81444feb8d1221bb080b9c49a8cf46' }))));
+        return (index.h("label", { key: 'd35cd1c413ad4a5da2b964828f225ccd434f8724', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, index.h("input", { key: '6a50bcabb9856f732472c08acf28a72b47efcd0e', ref: el => (this.inputEl = el), class: "bs-checkbox__input", type: "checkbox", checked: this.checked, disabled: this.disabled, required: this.required, "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), index.h("span", { key: '73125ca0d0b7f6820655d3f3001b91c4d7712979', part: "box", class: boxClasses }, index.h("bs-ripple", { key: 'e0e763aa5342b8241758cdb9f56397a36fd08b27', part: "ripple", class: "bs-checkbox__ripple", centered: true, triggerSelector: ".bs-checkbox", disabled: this.disabled }), showIcon && (index.h("svg", { key: '1d31573c1bf95fa1efa9c38e2516df59cf84e247', part: "icon", class: "bs-checkbox__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, this.indeterminate ? (index.h("path", { d: "M3 8H13", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })) : (index.h("path", { d: "M3 8.5L6.2 11.5L13 4.5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), index.h("span", { key: '71101d692d0ebe55a1e36055394395adacfef564', part: "label", class: "bs-checkbox__label" }, index.h("slot", { key: '5964f3edad9f4217334c5703032a28c99974970b' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }