@brandsync/wc 1.18.0 → 1.19.0

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: 'be681abe6454f6f0ef03ec8ef05f2ef7e036b2fb', part: "container", class: `bs-card bs-card--${this.surface}` }, index.h("div", { key: '94fcc1a41307d29cd6e3d1c0db68e4ad56f76e66', part: "image", class: `bs-card__image ${this.hasImage ? 'bs-card__image--visible' : ''}` }, index.h("slot", { key: 'fa2441f597664fcfb1920f7f6b6d81cebb33c3cf', name: "image", onSlotchange: this.onImageSlotchange })), index.h("div", { key: 'f45578aeab67c531e3f1066788b646464e4ee5a3', class: "bs-card__content" }, index.h("div", { key: '44bc9e76ebb151099736e73fac2eea1e5baba014', part: "header", class: "bs-card__header" }, index.h("slot", { key: '58f766725dd1bd81aa4a5f5fa1da2626fd705582', name: "header" })), index.h("div", { key: '8ee2df46d6a643e0f7d13ec875a363b4ef714b00', part: "body", class: "bs-card__body" }, index.h("slot", { key: '8c47ca1e2acffbc952cf15a0518c3ca2d640fe58' })), index.h("div", { key: 'de5856f9b0a72cd42345320fbdd2a290640039d7', part: "footer", class: "bs-card__footer" }, index.h("slot", { key: '982cee8e6fb70228faf2cd7a55312ef690bd23a2', 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: 'e388f41561ae9194608c34bc9a7efceabebe721b', 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: '76a5c27dc3b801cf42c903218aaa76ced0c6f700', part: "slides", class: "bs-carousel__slides", "aria-live": rotating ? 'off' : 'polite' }, index.h("slot", { key: '90c92304c35d872398a4db3c2ed862468009b785', onSlotchange: this.onSlotChange })), showTracker && (index.h("div", { key: '0f2e97e93e7a2392eeb60b50e87b557c95a1b929', 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: '687bdf3ad27c52994940ad585592a1c98e193043', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, index.h("button", { key: '4a1f9ae9e066e3e1bb5577e71b5823ff987bfce9', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h(CloseIcon, { key: 'cf8bf10c555376a6d733d5ce32cedc2e7bb3a673' })), index.h("div", { key: '360b2152b1761c33885aaaf1add02724c7dc0954', class: "bs-chatbot-feedback__top" }, index.h("div", { key: 'ee7e9ec8de6b674f019cc86d1445d8ebc8698ce8', class: "bs-chatbot-feedback__text" }, index.h("p", { key: '71df5fc535f48e0171bb8ed59b964b5c09f26ff7', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), index.h("p", { key: 'a75c4fe0dc0a6c2e9fbeb7731a4d54fdc47ac627', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), index.h("div", { key: 'db2bf8547c08786fe41f39be3b5721af732a70c4', 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: '6da5f9638f4fe9f7e3536656dc383a3576f3bd22', class: "bs-chatbot-feedback__field" }, index.h("label", { key: '1c6f056ef6b7f3f9b72dad368a3ec4ee74372cdf', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), index.h("textarea", { key: '4738b9f313f2202e5c802eef26427f2ead962a51', 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: 'e2a8e1e14c23210c42ca3c8215acc2b84f3e7cbe', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), index.h("div", { key: '150e6d6d376c1154bb92a86587e5bd3efc8171cd', class: "bs-chatbot-feedback__actions" }, !this.submitted && (index.h("button", { key: '285c665aafecd02cbfea4fc3bc394d5e3cccf991', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, index.h(SendIcon, { key: 'b13ad8dafdf1594ff1e6293ae3b0ddaa8afdacb3' }), this.submitLabel)), index.h("button", { key: '9281f0ab341ad8a270d8e2bf78a0eaf29e826d13', 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: 'c3b3d01c786aca633ce57c5531436e2a02b58054' }), 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: '6905b251db2d793c866be5ccd9af9c8975b382e2', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, index.h("div", { key: '62ae1b598ab0fb57e08ce750ac2fe004300b280d', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), index.h("div", { key: '9d26c1559ab08868f3ad781d35c68e7d6deae7ba', class: "bs-chatbot-header__actions" }, index.h("slot", { key: '4b4cdd87bfa3a98dce549b00d12afef875f0bea6', name: "actions" }), !this.hideNewChat && (index.h("span", { key: '22a02d1b7830e7ebb61837fbd5bbefc802f3fcde', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'edda62eebead66a4afeff20bb279d7fa813cf6d7', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, index.h("slot", { key: 'a290ad14e1b0248d2fe9be15ab90bcc5af4194c7', name: "new-chat-icon" }, index.h(NewChatIcon, { key: '24cedf0fe54ca1713ba2d3e80e79b695fdad2bda' }))), index.h("bs-tooltip", { key: '62eba53fac24e0e6372566cc0ce9abfba807fb64', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (index.h("span", { key: 'e1dcf980c63750d6a6f5cedc6ec365dfa63ae214', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: '70222dcdee26cc430819865ae0f237b99cef1687', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, index.h("slot", { key: '338cc4979146086ed08292d9fd0ec6e74d53e797', name: "history-icon" }, index.h(HistoryIcon, { key: '941cbf5db830981aa71d056196354c15c7ebde58' }))), index.h("bs-tooltip", { key: '196550c79e7c699bee01bbef081d6e9e1656b38f', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (index.h("span", { key: '49f3705dcf2ca4b2a5221e11563d953b34e68405', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: '3c38e331d8c3617279074f1ccba5960dc6b884ea', 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: '8f0f54bb25073ecf2579a4d7301f5ff1f63e80cb', name: "expand-icon" }, index.h(ExpandIcon, { key: 'fb2a835a1300c9bcd38aa13f7fff674ba5af89c2' }))), index.h("bs-tooltip", { key: 'aab69e0847453daf35810eeee5536fa9a16fc3ef', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (index.h("span", { key: '0a32c45030c014a2106882e4404e2ce09704f6ee', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'b43080c2d32d2569ea4d427dc2b6f39541db5924', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h("slot", { key: '58d2fecd20b910262e8a9b2c446a420028444c8c', name: "close-icon" }, index.h(CloseIcon, { key: '0593909895f5e0d79d1a0e18a9c201623dd538f9' }))), index.h("bs-tooltip", { key: 'bb0c07c43482284811c378c97a3f314e2a37019d', 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: 'eeea81b1964f9f9dc89aac2b58459321bc3c3bf7', class: "bs-chatbot-response-action" }, index.h("button", { key: '890d8d74c1b62846b314441319963327023dafd2', 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: '12bb1913203d02b062f689882be119925a0ba8d2', name: "like-icon" }, index.h(ThumbsUpIcon, { key: '5dd57ec7c5000dafb958f72a1b6846c1c85f5da8' }))), index.h("button", { key: '06d7ae497480097121e06d7f07582944941d49c9', 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: '709deebe7f0f1bfae5fcecfc0a1cfa01921221ae', name: "dislike-icon" }, index.h(ThumbsDownIcon, { key: '97fea08af1048a9f7ef3dc133809a0fab241c1c8' }))), index.h("button", { key: 'bb0ca6a6c02d2688d5321d3bcead17ac4e84ff32', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, index.h("slot", { key: '0ad95f409aaa2412bc37da4ea3daf1cd922f74a0', name: "copy-icon" }, index.h(CopyIcon, { key: 'bd472f1ef302ce0c11ad2a3c461f322878176a17' }))), !this.hideRegenerate && (index.h("button", { key: '0c2d85e0d2c25edd9c1e60abaff6258324f432f2', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, index.h("slot", { key: 'f8363082e347c552d25583a8ee5f30df3127596a', name: "regenerate-icon" }, index.h(RegenerateIcon, { key: '131a1aca2c71d1f3a5707cab2120aeeb5ae9069f' })))), index.h("div", { key: '73364305feb5631f872901fcad16632cf5e5254c', class: "bs-chatbot-response-action__menu-wrapper" }, index.h("button", { key: 'd5e550ac34dcf6f325458b494313d7bb2260041d', 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: '2b79ed5dfae0a9eca283a5c7ad703c5208dcfdab', name: "menu-icon" }, index.h(MenuIcon, { key: '545e3c1c234aa7f9eed5f5987e3e14cdf013094f' }))), this.menuOpen && (index.h("div", { key: 'e7da0d55acbf4fa4f84f29273368d2a374628925', class: "bs-chatbot-response-action__menu-popup" }, index.h("slot", { key: 'fa737fc36afebbbee3d077ba381390317cb61905', name: "menu" })))), hasSources && (index.h("button", { key: '0789164cf269b4110c439b2bcde397a3b058c439', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, index.h("slot", { key: '331eb28b2e2dc2b284dfca7b54108020cbb65783', name: "sources-icon" }, index.h(SourcesIcon, { key: '0d7648fbd9adbf864952e82eda597e9ea2674a33' })), index.h("span", { key: '983aa3f0ecb65f1fac792000de1f7490e11e4b4e', 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: 'bfda9a3a1b7babe3796e467ffa336c84cf6d8a4a', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, index.h("div", { key: 'bfd62d975c23e0d4b95929c9a9ae88be1fcd5413', class: "bs-chatbot-sources-drawer__header" }, index.h("div", { key: 'c65d83289c40381f6e563970bbbc5bce6e7b071a', class: "bs-chatbot-sources-drawer__title-group" }, index.h("h2", { key: '5e89e3d436784ad56c853e48405599ee294dc2dc', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (index.h("span", { key: '5a8b0f3d487f720aa171e3aaf1d91604ba14c26d', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), index.h("button", { key: 'd9e7552b2d20bdd10cf792c907d7944a88c9fad0', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, index.h("slot", { key: '4f1fcf8effe9664a5040039f3ea09c75e2df309b', name: "collapse-icon" }, index.h(CaretRightIcon, { key: 'b45707e326013749ce09346e2d05b72095590a8c' })))), index.h("div", { key: '14b3d1263fb57ff577d233ff8d8a2c679bfd5f1f', part: "list", class: "bs-chatbot-sources-drawer__list" }, index.h("slot", { key: '4ae945ece2ed3c8f35ed724617fbc24199c01817', 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: '96fa6f46dfdf1dbf39428c9c35a0b8e02627a016', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, index.h("slot", { key: '0f00a98b9ca49c6db6508afb0f10061a1594d860' })));
+        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: '893b7cc62c061fca220ece795a914d1c04afe3f1', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, index.h("span", { key: '4af59de817a1022250f93d254b8711f5d0c230bb', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), index.h("span", { key: '377294db3bc2f5ceb3f39cc88a4b4a86ed948b09', 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: '935cb1230ee19ed086cf1889b95e5cb0694b2942', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, index.h("input", { key: '5a505a5e06dcf517c5463838e286ad3ca051aa96', 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: '4938df0023d4237cfc8b17c8656c752e4295de47', part: "box", class: boxClasses }, showIcon && (index.h("svg", { key: 'c71f39e8127b1b345942481e6eac071b8dbc194b', 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: '90cc8fba0da12a4527238fd1b536266edac132c0', part: "label", class: "bs-checkbox__label" }, index.h("slot", { key: '7622ef9ea5c7b118d543728de089cb6c9ae71b5d' }))));
+        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; }

package/dist/cjs/bs-chip-filter.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BYfMRtlW.js');
 
-const bsChipFilterCss = () => `:host{display:inline-flex;--bs-chip-filter-height-md:var(--bs-spacing-300);--bs-chip-filter-height-lg:var(--bs-spacing-400);--bs-chip-filter-gap:var(--bs-spacing-50);--bs-chip-filter-icon-size:16px;--bs-chip-filter-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-filter-padding-x-plain-side:var(--bs-spacing-150);--bs-chip-filter-padding-x-text-only:var(--bs-spacing-200);--bs-chip-filter-font-size:var(--bs-font-size-sm);--bs-chip-filter-line-height:var(--bs-line-height-body-sm);--bs-chip-filter-font-weight:var(--bs-font-weight-regular)}.bs-chip-filter{display:inline-flex;align-items:center;gap:var(--bs-chip-filter-gap);box-sizing:border-box;border:none;border-radius:var(--bs-border-radius-full);font-family:inherit;font-size:var(--bs-chip-filter-font-size);font-weight:var(--bs-chip-filter-font-weight);line-height:calc(var(--bs-chip-filter-line-height) * 1px);white-space:nowrap;cursor:pointer;background:var(--bs-chip-bg-primary-container);color:var(--bs-chip-text-primary);transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease)}.bs-chip-filter--md{height:var(--bs-chip-filter-height-md)}.bs-chip-filter--lg{height:var(--bs-chip-filter-height-lg)}.bs-chip-filter--icon-dropdown{padding:0 var(--bs-chip-filter-padding-x-glyph-side)}.bs-chip-filter--icon-only{padding-inline-start:var(--bs-chip-filter-padding-x-glyph-side);padding-inline-end:var(--bs-chip-filter-padding-x-plain-side)}.bs-chip-filter--dropdown-only{padding-inline-start:var(--bs-chip-filter-padding-x-plain-side);padding-inline-end:var(--bs-chip-filter-padding-x-glyph-side)}.bs-chip-filter--text-only{padding:0 var(--bs-chip-filter-padding-x-text-only)}.bs-chip-filter__icon{display:none;flex-shrink:0;width:var(--bs-chip-filter-icon-size);height:var(--bs-chip-filter-icon-size)}.bs-chip-filter__icon--visible{display:flex;align-items:center;justify-content:center}.bs-chip-filter__icon ::slotted(*){display:block;width:var(--bs-chip-filter-icon-size);height:var(--bs-chip-filter-icon-size)}.bs-chip-filter__label{display:flex;align-items:center}.bs-chip-filter__caret{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--bs-chip-filter-icon-size);height:var(--bs-chip-filter-icon-size)}.bs-chip-filter:hover:not(:disabled){background:var(--bs-chip-bg-primary-container-hover)}.bs-chip-filter:active:not(:disabled){background:var(--bs-chip-bg-primary-container-pressed)}.bs-chip-filter:focus-visible{background:var(--bs-chip-bg-primary-container-focused);outline:2px solid var(--bs-chip-border-focus);outline-offset:2px}.bs-chip-filter--selected{background:var(--bs-chip-bg-primary);color:var(--bs-chip-text-inverse)}.bs-chip-filter--selected:hover:not(:disabled){background:var(--bs-chip-bg-primary-hover)}.bs-chip-filter--selected:active:not(:disabled){background:var(--bs-chip-bg-primary-pressed)}.bs-chip-filter--selected:focus-visible{background:var(--bs-chip-bg-primary-focused)}.bs-chip-filter:disabled{background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled);cursor:not-allowed}`;
+const bsChipFilterCss = () => `:host{display:inline-flex;--bs-chip-filter-height-md:var(--bs-spacing-300);--bs-chip-filter-height-lg:var(--bs-spacing-400);--bs-chip-filter-gap:var(--bs-spacing-50);--bs-chip-filter-icon-size:16px;--bs-chip-filter-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-filter-padding-x-plain-side:var(--bs-spacing-150);--bs-chip-filter-padding-x-text-only:var(--bs-spacing-200);--bs-chip-filter-font-size:var(--bs-font-size-sm);--bs-chip-filter-line-height:var(--bs-line-height-body-sm);--bs-chip-filter-font-weight:var(--bs-font-weight-regular)}.bs-chip-filter{position:relative;display:inline-flex;align-items:center;gap:var(--bs-chip-filter-gap);box-sizing:border-box;border:none;border-radius:var(--bs-border-radius-full);font-family:inherit;font-size:var(--bs-chip-filter-font-size);font-weight:var(--bs-chip-filter-font-weight);line-height:calc(var(--bs-chip-filter-line-height) * 1px);white-space:nowrap;cursor:pointer;background:var(--bs-chip-bg-primary-container);color:var(--bs-chip-text-primary);transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease)}.bs-chip-filter--md{height:var(--bs-chip-filter-height-md)}.bs-chip-filter--lg{height:var(--bs-chip-filter-height-lg)}.bs-chip-filter--icon-dropdown{padding:0 var(--bs-chip-filter-padding-x-glyph-side)}.bs-chip-filter--icon-only{padding-inline-start:var(--bs-chip-filter-padding-x-glyph-side);padding-inline-end:var(--bs-chip-filter-padding-x-plain-side)}.bs-chip-filter--dropdown-only{padding-inline-start:var(--bs-chip-filter-padding-x-plain-side);padding-inline-end:var(--bs-chip-filter-padding-x-glyph-side)}.bs-chip-filter--text-only{padding:0 var(--bs-chip-filter-padding-x-text-only)}.bs-chip-filter__icon{display:none;flex-shrink:0;width:var(--bs-chip-filter-icon-size);height:var(--bs-chip-filter-icon-size)}.bs-chip-filter__icon--visible{display:flex;align-items:center;justify-content:center}.bs-chip-filter__icon ::slotted(*){display:block;width:var(--bs-chip-filter-icon-size);height:var(--bs-chip-filter-icon-size)}.bs-chip-filter__label{display:flex;align-items:center}.bs-chip-filter__caret{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--bs-chip-filter-icon-size);height:var(--bs-chip-filter-icon-size)}.bs-chip-filter:hover:not(:disabled){background:var(--bs-chip-bg-primary-container-hover)}.bs-chip-filter:active:not(:disabled){background:var(--bs-chip-bg-primary-container-pressed)}.bs-chip-filter:focus-visible{background:var(--bs-chip-bg-primary-container-focused);outline:2px solid var(--bs-chip-border-focus);outline-offset:2px}.bs-chip-filter--selected{background:var(--bs-chip-bg-primary);color:var(--bs-chip-text-inverse)}.bs-chip-filter--selected:hover:not(:disabled){background:var(--bs-chip-bg-primary-hover)}.bs-chip-filter--selected:active:not(:disabled){background:var(--bs-chip-bg-primary-pressed)}.bs-chip-filter--selected:focus-visible{background:var(--bs-chip-bg-primary-focused)}.bs-chip-filter:disabled{background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled);cursor:not-allowed}`;
 
 const BsChipFilter = class {
     constructor(hostRef) {
@@ -59,7 +59,7 @@ const BsChipFilter = class {
         // label-only edge gets more -- except when NEITHER edge has a glyph, where both edges use a
         // third, larger value rather than the label-only one (see bs-chip-filter.css's own comment).
         const paddingVariant = this.hasIcon && this.dropdown ? 'icon-dropdown' : this.hasIcon ? 'icon-only' : this.dropdown ? 'dropdown-only' : 'text-only';
-        return (index.h("button", { key: 'f9a3d08479e7ed41739f3aafb0ab368a0675b217', type: "button", class: `bs-chip-filter bs-chip-filter--${this.size} bs-chip-filter--${paddingVariant} ${this.selected ? 'bs-chip-filter--selected' : ''}`, disabled: this.disabled, "aria-pressed": String(this.selected), "aria-label": this.ariaLabel, onClick: this.onClick }, index.h("span", { key: '223cd086065cdcc534142889709de256fc02018b', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, index.h("slot", { key: 'bfcf02d9ae967d4af95149b4690f98f78e381f1d', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'af8b7601dc3c5ced08acc8d0b0414b2f2f4ef758', part: "label", class: "bs-chip-filter__label" }, index.h("slot", { key: '83056a3f9a30ccdd688ca1286480a65b0a1ed8c9' })), this.dropdown && (index.h("span", { key: '6b3c1058216ad7b2508f189e754b7740e111c11d', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, index.h(ChevronDownIcon, { key: 'a5f375e9e65a57a4a901729efcb0bfba5edc32eb' })))));
+        return (index.h("button", { key: '330d7292dd7bb519c8cdf0dd237ad85913ab35fe', type: "button", class: `bs-chip-filter bs-chip-filter--${this.size} bs-chip-filter--${paddingVariant} ${this.selected ? 'bs-chip-filter--selected' : ''}`, disabled: this.disabled, "aria-pressed": String(this.selected), "aria-label": this.ariaLabel, onClick: this.onClick }, index.h("bs-ripple", { key: '34767b4129e742f2eaefb2192ae0bfb07449f480', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: '9ec983b47dec13c4ac573d2c2125fe314843693c', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, index.h("slot", { key: '0b7093bf29bc156a0c969616af48c5c709b0ee6e', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '3a309c3171bee1ccdf066da85aea80b5476f454d', part: "label", class: "bs-chip-filter__label" }, index.h("slot", { key: 'afda9556224d3faf5fed56796f0d2eebd335d612' })), this.dropdown && (index.h("span", { key: '692b0d968999335c18cf21eaea20af997f1a6599', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, index.h(ChevronDownIcon, { key: 'cc87f0f3f8e95a8733f083f36d5caee9b649bed7' })))));
     }
     static get delegatesFocus() { return true; }
 };