@brandsync/wc 1.16.0 → 1.18.0

package/dist/esm/bs-app-recent-item_3.entry.js

@@ -0,0 +1,129 @@
+import { r as registerInstance, h } from './index-D3SkQJpw.js';
+
+const bsAppRecentItemCss = () => `:host{display:block;box-sizing:border-box;--bs-app-recent-item-padding-x:var(--bs-spacing-100);--bs-app-recent-item-padding-y:var(--bs-spacing-100);--bs-app-recent-item-gap:var(--bs-spacing-150);--bs-app-recent-item-radius:var(--bs-border-radius-100);--bs-app-recent-item-bg:transparent;--bs-app-recent-item-bg-hover:var(--bs-surface-hover);--bs-app-recent-item-bg-pressed:var(--bs-surface-pressed);--bs-app-recent-item-bg-current:var(--bs-surface-selected);--bs-app-recent-item-icon-bg:var(--bs-color-neutral-container);--bs-app-recent-item-color:var(--bs-text-default);--bs-app-recent-item-color-muted:var(--bs-text-secondary);--bs-app-recent-item-color-disabled:var(--bs-text-on-disabled);--bs-app-recent-item-focus-ring:var(--bs-border-neutral-focus)}.bs-app-recent-item{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-app-recent-item-gap);width:100%;margin:0;padding:var(--bs-app-recent-item-padding-y) var(--bs-app-recent-item-padding-x);border:0;border-radius:var(--bs-app-recent-item-radius);background:var(--bs-app-recent-item-bg);color:var(--bs-app-recent-item-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;text-align:left;cursor:pointer}.bs-app-recent-item:hover,.bs-app-recent-item:active,.bs-app-recent-item[aria-current='true']{--bs-app-recent-item-icon-bg:var(--bs-surface-base)}.bs-app-recent-item[aria-current='true']{background:var(--bs-app-recent-item-bg-current)}.bs-app-recent-item:hover{background:var(--bs-app-recent-item-bg-hover)}.bs-app-recent-item:active{background:var(--bs-app-recent-item-bg-pressed)}.bs-app-recent-item:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-app-recent-item-focus-ring);outline-offset:0}.bs-app-recent-item[aria-disabled='true']{background:var(--bs-app-recent-item-bg);color:var(--bs-app-recent-item-color-disabled);cursor:not-allowed}.bs-app-recent-item[aria-disabled='true'] .bs-app-recent-item__description{color:var(--bs-app-recent-item-color-disabled)}.bs-app-recent-item__icon{--bs-icon-tile-bg:var(--bs-app-recent-item-icon-bg);--bs-icon-tile-color:var(--bs-icon-default)}.bs-app-recent-item[aria-disabled='true'] .bs-app-recent-item__icon{--bs-icon-tile-color:var(--bs-app-recent-item-color-disabled)}.bs-app-recent-item__glyph{display:block;width:var(--bs-icon-tile-icon-size);height:var(--bs-icon-tile-icon-size);background:currentColor;-webkit-mask:var(--bs-app-recent-item-glyph) center / contain no-repeat;mask:var(--bs-app-recent-item-glyph) center / contain no-repeat}.bs-app-recent-item__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-app-recent-item__name{font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-app-recent-item__description{color:var(--bs-app-recent-item-color-muted);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-app-recent-item__name,.bs-app-recent-item__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
+
+const BsAppRecentItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** The app name, and the accessible name of the row together with the description. */
+    name;
+    /** Second line under the name. */
+    description;
+    /** URL of a monochrome SVG painted with the icon colour. The default slot overrides it. */
+    icon;
+    /** The app you are in right now: selected background and `aria-current="true"`. */
+    current = false;
+    /** Dims the row, sets `aria-disabled` and takes it out of the tab order. */
+    disabled = false;
+    onClick = (ev) => {
+        if (this.disabled) {
+            ev.preventDefault();
+            ev.stopPropagation();
+        }
+    };
+    render() {
+        const common = {
+            part: 'container',
+            class: 'bs-app-recent-item',
+            'aria-current': this.current ? 'true' : undefined,
+            'aria-disabled': this.disabled ? 'true' : undefined,
+            tabindex: this.disabled ? -1 : undefined,
+            onClick: this.onClick,
+        };
+        const body = [
+            h("bs-icon-tile", { key: '40dc2e9a479cc0e8bf897776efbb6c9562e59397', part: "icon", class: "bs-app-recent-item__icon", size: "md" }, this.icon ? h("span", { class: "bs-app-recent-item__glyph", style: { '--bs-app-recent-item-glyph': `url(${JSON.stringify(this.icon)})` } }) : h("slot", null)),
+            h("span", { key: 'e41fab5b55dd1c678853adbdc759d256d2d7e295', class: "bs-app-recent-item__text" }, h("span", { key: '0592bd9f18ab68d112a49421e34a04a61dbfc75c', part: "name", class: "bs-app-recent-item__name" }, this.name), this.description && (h("span", { key: 'fd6f0cc5b13b4c1fabb537588a22e23312f8d013', part: "description", class: "bs-app-recent-item__description" }, this.description))),
+        ];
+        return (h("button", { key: '251c32943d99ff2580c16df173609b821dd1992d', ...common, type: "button" }, body));
+    }
+};
+BsAppRecentItem.style = bsAppRecentItemCss();
+
+const bsAppTileCss = () => `:host{display:block;box-sizing:border-box;--bs-app-tile-icon-size:calc(var(--bs-sizing-500) + var(--bs-spacing-50));--bs-app-tile-padding:var(--bs-spacing-150);--bs-app-tile-gap:var(--bs-spacing-150);--bs-app-tile-radius:var(--bs-border-radius-100);--bs-app-tile-bg:transparent;--bs-app-tile-bg-hover:var(--bs-surface-hover);--bs-app-tile-bg-pressed:var(--bs-surface-pressed);--bs-app-tile-bg-current:var(--bs-surface-selected);--bs-app-tile-icon-bg:var(--bs-color-neutral-container);--bs-app-tile-color:var(--bs-text-default);--bs-app-tile-color-disabled:var(--bs-text-on-disabled);--bs-app-tile-focus-ring:var(--bs-border-neutral-focus)}:host([size='compact']){--bs-app-tile-icon-size:var(--bs-sizing-400);--bs-app-tile-padding:var(--bs-spacing-100);--bs-app-tile-gap:var(--bs-spacing-50)}.bs-app-tile{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:var(--bs-app-tile-gap);width:100%;margin:0;padding:var(--bs-app-tile-padding);border:0;border-radius:var(--bs-app-tile-radius);background:var(--bs-app-tile-bg);color:var(--bs-app-tile-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;text-align:center;cursor:pointer}.bs-app-tile:hover,.bs-app-tile:active,.bs-app-tile[aria-current='true']{--bs-app-tile-icon-bg:var(--bs-surface-base)}.bs-app-tile[aria-current='true']{background:var(--bs-app-tile-bg-current)}.bs-app-tile:hover{background:var(--bs-app-tile-bg-hover)}.bs-app-tile:active{background:var(--bs-app-tile-bg-pressed)}.bs-app-tile:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-app-tile-focus-ring);outline-offset:0}.bs-app-tile[aria-disabled='true']{background:var(--bs-app-tile-bg);color:var(--bs-app-tile-color-disabled);cursor:not-allowed}.bs-app-tile[aria-disabled='true'] .bs-app-tile__icon{--bs-icon-tile-color:var(--bs-app-tile-color-disabled)}.bs-app-tile__icon{--bs-icon-tile-size:var(--bs-app-tile-icon-size);--bs-icon-tile-bg:var(--bs-app-tile-icon-bg);--bs-icon-tile-color:var(--bs-icon-default)}.bs-app-tile__glyph{display:block;width:var(--bs-icon-tile-icon-size);height:var(--bs-icon-tile-icon-size);background:currentColor;-webkit-mask:var(--bs-app-tile-glyph) center / contain no-repeat;mask:var(--bs-app-tile-glyph) center / contain no-repeat}.bs-app-tile__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px)}:host([size='compact']) .bs-app-tile__label{font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px);font-weight:var(--bs-font-weight-regular)}`;
+
+const BsAppTile = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** The app name, shown under the icon and used as the accessible name. */
+    name;
+    /** `grid` is the 3-column launcher tile; `compact` the smaller 4-column one. */
+    size = 'grid';
+    /** URL of a monochrome SVG painted with the icon colour. The default slot overrides it. */
+    icon;
+    /** The app you are in right now: selected background and `aria-current="true"`. */
+    current = false;
+    /** Dims the tile, sets `aria-disabled` and takes it out of the tab order. */
+    disabled = false;
+    onClick = (ev) => {
+        if (this.disabled) {
+            ev.preventDefault();
+            ev.stopPropagation();
+        }
+    };
+    render() {
+        const common = {
+            part: 'container',
+            class: 'bs-app-tile',
+            'aria-current': this.current ? 'true' : undefined,
+            'aria-disabled': this.disabled ? 'true' : undefined,
+            tabindex: this.disabled ? -1 : undefined,
+            onClick: this.onClick,
+        };
+        const body = [
+            h("bs-icon-tile", { key: '712e5209c8201201fd6e61ced1f6f53aeebe0a6c', part: "icon", class: "bs-app-tile__icon", size: this.size === 'grid' ? 'lg' : 'md' }, this.icon ? h("span", { class: "bs-app-tile__glyph", style: { '--bs-app-tile-glyph': `url(${JSON.stringify(this.icon)})` } }) : h("slot", null)),
+            h("span", { key: '65eca3956b52fd13a3d3994f189dbc4a56fdc0ba', part: "label", class: "bs-app-tile__label" }, this.name),
+        ];
+        return (h("button", { key: 'ff6a0f97191dadd903f8b49bc4090e4665a0b591', ...common, type: "button" }, body));
+    }
+};
+BsAppTile.style = bsAppTileCss();
+
+const bsSkeletonCss = () => `:host{display:block;--bs-skeleton-bg:var(--bs-color-neutral-container);--bs-skeleton-radius:var(--bs-border-radius-100);--bs-skeleton-width:100%;--bs-skeleton-text-height:1em;--bs-skeleton-rect-height:96px;--bs-skeleton-gap:var(--bs-spacing-100);--bs-skeleton-duration:1.5s}.bs-skeleton{display:flex;flex-direction:column;gap:var(--bs-skeleton-gap)}.bs-skeleton__line{display:block;max-width:100%;width:var(--bs-skeleton-width);background:var(--bs-skeleton-bg);border-radius:var(--bs-skeleton-radius)}.bs-skeleton__line--text{height:var(--bs-skeleton-text-height)}.bs-skeleton__line--rect{height:var(--bs-skeleton-rect-height)}.bs-skeleton__line--circle{height:var(--bs-skeleton-rect-height);width:var(--bs-skeleton-rect-height);border-radius:var(--bs-border-radius-full)}.bs-skeleton__line--short{width:60%}.bs-skeleton--animated .bs-skeleton__line{animation:bs-skeleton-pulse var(--bs-skeleton-duration) ease-in-out infinite}@keyframes bs-skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@media (prefers-reduced-motion: reduce){.bs-skeleton--animated .bs-skeleton__line{animation:none}}`;
+
+const BsSkeleton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** Shape of the placeholder. */
+    variant = 'text';
+    /** Any CSS length (e.g. `200px`, `50%`). Falls back to `--bs-skeleton-width`. For `circle`, if
+     * only one of `width`/`height` is set the other matches it. */
+    width;
+    /** Any CSS length. Falls back to the variant's default height custom property. */
+    height;
+    /** Number of text lines (`variant="text"` only). The last line of a multi-line block is shorter.
+     * Values below 1 are treated as 1. */
+    lines = 1;
+    /** Whether the placeholder pulses. Disabled automatically under `prefers-reduced-motion`. */
+    animated = true;
+    /** When set, the placeholder gets `role="status"` and this as its `aria-label`; otherwise it is
+     * `aria-hidden="true"`. */
+    label;
+    render() {
+        const isText = this.variant === 'text';
+        const count = isText ? Math.max(1, Math.floor(Number(this.lines)) || 1) : 1;
+        let width = this.width;
+        let height = this.height;
+        if (this.variant === 'circle') {
+            width = width ?? height;
+            height = height ?? width;
+        }
+        const style = {};
+        if (width)
+            style.width = width;
+        if (height)
+            style.height = height;
+        const lines = [];
+        for (let i = 0; i < count; i++) {
+            const isShortLast = isText && count > 1 && i === count - 1 && !this.width;
+            lines.push(h("span", { part: "line", class: { 'bs-skeleton__line': true, [`bs-skeleton__line--${this.variant}`]: true, 'bs-skeleton__line--short': isShortLast }, style: style }));
+        }
+        const hasLabel = !!this.label;
+        return (h("span", { key: 'e0351fc81dcf42831238b46015159672c5f05044', part: "container", class: { 'bs-skeleton': true, 'bs-skeleton--animated': this.animated, [`bs-skeleton--${this.variant}`]: true }, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, lines));
+    }
+};
+BsSkeleton.style = bsSkeletonCss();
+
+export { BsAppRecentItem as bs_app_recent_item, BsAppTile as bs_app_tile, BsSkeleton as bs_skeleton };

package/dist/esm/bs-app-shell.entry.js

@@ -9,7 +9,7 @@ const BsAppShell = class {
     /** When true the host is `height: 100%`; when false it is content-sized with `min-height: 100vh`. */
     fullHeight = true;
     render() {
-        return (h("div", { key: '4ae586c70cc00e4eb8d498176c2e1a0ae442ce08', class: "bs-app-shell", part: "container" }, h("div", { key: '63976f08557ba9bcffa6502aa9d84c0369b8794c', class: "bs-app-shell__header", part: "header" }, h("slot", { key: '20582e1a41e6135ea8723f6b70fd992c82bff546', name: "header" })), h("div", { key: '394e505bf3e223f1898f200366a990165f57cbd2', class: "bs-app-shell__navigation", part: "navigation" }, h("slot", { key: '03d93ce4aff4606cf07e0279923ac55ee4572a30', name: "navigation" })), h("main", { key: 'b86613dccbb96fe6dffd0cc98969b9d6bfe75229', class: "bs-app-shell__main", part: "main" }, h("slot", { key: '90c2ec9781341722978c416a1e835cc0d8045a49' })), h("div", { key: 'dc94b2704168de28ea7fa686a58a18d0408e491b', class: "bs-app-shell__aside", part: "aside" }, h("slot", { key: 'fc5e9a0646144edd2461c2b49f5256e9b5937df5', name: "aside" }))));
+        return (h("div", { key: 'e81aecf9ac19aff77ce4f6024bb48d051a9240a7', class: "bs-app-shell", part: "container" }, h("div", { key: '3bd113852f0db029d2515d9fe88292746e85764f', class: "bs-app-shell__header", part: "header" }, h("slot", { key: 'a538e654c63deb0bc3ad6075fc85ecde683e7587', name: "header" })), h("div", { key: '3b36be978c2db51d44fa807799e96aadc082fb77', class: "bs-app-shell__navigation", part: "navigation" }, h("slot", { key: 'eb74b091c1810fd6f981b3d1b553a17f01d9d3fc', name: "navigation" })), h("main", { key: 'f822e4277e77ec40d66e9ae49cf4bbf812c49ff3', class: "bs-app-shell__main", part: "main" }, h("slot", { key: '5fc343fcbfb1ed1e058ce27ca7be2d518b911927' })), h("div", { key: 'cee504b33b4cb5b4c38d3c4e61da8f31277fb865', class: "bs-app-shell__aside", part: "aside" }, h("slot", { key: '1c7cb896f2b9ef2b7aeccc5ed0b14c9c1317218c', name: "aside" }))));
     }
 };
 BsAppShell.style = bsAppShellCss();

package/dist/esm/bs-app-switcher.entry.js

@@ -0,0 +1,206 @@
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D3SkQJpw.js';
+
+const bsAppSwitcherCss = () => `:host{display:block;box-sizing:border-box;width:var(--bs-app-switcher-width);max-width:100%;--bs-app-switcher-width:360px;--bs-app-switcher-radius:var(--bs-border-radius-150);--bs-app-switcher-bg:var(--bs-surface-base);--bs-app-switcher-border-color:var(--bs-border-default);--bs-app-switcher-shadow:var(--bs-shadow-position-0) var(--bs-shadow-position-100) var(--bs-shadow-blur-200) var(--bs-elevation-higher);--bs-app-switcher-padding:var(--bs-spacing-150);--bs-app-switcher-text-color:var(--bs-text-default);--bs-app-switcher-header-color:var(--bs-text-secondary);--bs-app-switcher-link-color:var(--bs-text-action);--bs-app-switcher-focus-ring:var(--bs-border-neutral-focus)}.bs-app-switcher{display:block;position:relative;--bs-card-bg:var(--bs-app-switcher-bg);--bs-card-radius:var(--bs-app-switcher-radius);--bs-card-padding:0px;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-app-switcher-border-color);--bs-card-shadow:var(--bs-app-switcher-shadow)}.bs-app-switcher__header,.bs-app-switcher__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-spacing-150) var(--bs-spacing-200)}.bs-app-switcher__heading{margin:0;color:var(--bs-app-switcher-text-color);font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-size:var(--bs-fontsize-heading-h6);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h6) * 1px)}.bs-app-switcher__manage,.bs-app-switcher__browse{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);margin:0;padding:0;border:0;border-radius:var(--bs-border-radius-50);background:none;font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;cursor:pointer}.bs-app-switcher__manage{color:var(--bs-app-switcher-text-color);font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px);text-decoration:none}.bs-app-switcher__browse{color:var(--bs-app-switcher-link-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px);text-decoration:underline}.bs-app-switcher__manage:hover,.bs-app-switcher__browse:hover{color:var(--bs-text-action-hover)}.bs-app-switcher__manage:focus-visible,.bs-app-switcher__browse:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-app-switcher-focus-ring);outline-offset:var(--bs-spacing-25)}.bs-app-switcher__external{width:var(--bs-spacing-150);height:var(--bs-spacing-150);flex:none}.bs-app-switcher__search{padding:var(--bs-spacing-150) var(--bs-app-switcher-padding) var(--bs-spacing-50)}.bs-app-switcher__search bs-input{width:100%}.bs-app-switcher__body{padding:var(--bs-spacing-50) var(--bs-app-switcher-padding) var(--bs-spacing-150)}.bs-app-switcher__group-header{padding:var(--bs-spacing-100) var(--bs-spacing-100) var(--bs-spacing-50);color:var(--bs-app-switcher-header-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px);letter-spacing:var(--bs-letter-spacing-wide);text-transform:uppercase}.bs-app-switcher__grid,.bs-app-switcher__list{display:grid;margin:0;padding:0;list-style:none}.bs-app-switcher__grid--grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--bs-spacing-150)}.bs-app-switcher__grid--compact{grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--bs-spacing-100)}.bs-app-switcher__section-divider{display:block;width:calc(100% + var(--bs-app-switcher-padding) * 2);margin:0 calc(var(--bs-app-switcher-padding) * -1)}.bs-app-switcher__empty{--bs-empty-state-padding-y:var(--bs-spacing-300)}.bs-app-switcher__skeleton-header{--bs-skeleton-width:var(--bs-sizing-1000);display:block;padding:var(--bs-spacing-100)}.bs-app-switcher__skeleton-tile{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-150);padding:var(--bs-spacing-150)}.bs-app-switcher__skeleton-icon{--bs-skeleton-width:calc(var(--bs-sizing-500) + var(--bs-spacing-50));--bs-skeleton-rect-height:calc(var(--bs-sizing-500) + var(--bs-spacing-50))}.bs-app-switcher__skeleton-label{--bs-skeleton-width:var(--bs-sizing-800)}.bs-app-switcher__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}`;
+
+let uid = 0;
+const svgProps = {
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    stroke: 'currentColor',
+    'stroke-width': '1.8',
+    'stroke-linecap': 'round',
+    'stroke-linejoin': 'round',
+    'aria-hidden': 'true',
+};
+const SKELETON_TILES = [0, 1, 2, 3, 4, 5, 6, 7, 8];
+const BsAppSwitcher = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bsAppSelect = createEvent(this, "bsAppSelect");
+        this.bsManage = createEvent(this, "bsManage");
+        this.bsBrowseAll = createEvent(this, "bsBrowseAll");
+        this.bsClearSearch = createEvent(this, "bsClearSearch");
+        this.bsRetry = createEvent(this, "bsRetry");
+        this.bsRequestAccess = createEvent(this, "bsRequestAccess");
+        this.bsQueryChange = createEvent(this, "bsQueryChange");
+    }
+    get el() { return getElement(this); }
+    id = `bs-as-${++uid}`;
+    inputEl;
+    /** The apps the user can open. JS property only (an array cannot be an attribute). */
+    apps = [];
+    /** Recently opened apps, most recent first. When there are any, the panel shows Recent and All apps. JS property only. */
+    recent = [];
+    /** `id` of the app you are in: selected background and `aria-current`. */
+    currentId;
+    /** The search text. Mutable: typing, Escape and "Clear search" update it. */
+    query = '';
+    /** `loading` shows skeleton tiles, `error` the failure state. */
+    status = 'ready';
+    /** URL of the Manage link. Without it Manage is a button that only fires `bsManage`. */
+    manageHref;
+    /** URL of the Browse all link. Without it it is a button that only fires `bsBrowseAll`. */
+    browseHref;
+    /** Panel heading. */
+    heading = 'EG apps';
+    /** Text of the Manage link. */
+    manageLabel = 'Manage';
+    /** Placeholder (and accessible name) of the search field. */
+    searchPlaceholder = 'Find an app';
+    /** Header of the default group when there are no recent apps. */
+    yourAppsLabel = 'Your apps';
+    /** Header of the recent group. */
+    recentLabel = 'Recent';
+    /** Header of the all apps group. */
+    allAppsLabel = 'All apps';
+    /** Search header with several results ("2 results"). */
+    resultsLabel = 'results';
+    /** Search header with one result ("1 result"). */
+    resultLabel = 'result';
+    /** Text of the footer link. */
+    browseLabel = 'Browse all EG products';
+    /** No-results heading. `{query}` is replaced by the query. */
+    noResultsHeading = 'No apps match “{query}”';
+    /** No-results description. */
+    noResultsDescription = 'Check the spelling, or browse all EG products to find more apps.';
+    /** Text of the Clear search button. */
+    clearLabel = 'Clear search';
+    /** Error heading. */
+    errorHeading = 'Couldn’t load your apps';
+    /** Error description. */
+    errorDescription = 'Check your connection and try again. Your work in the current app is not affected.';
+    /** Text of the Try again button. */
+    retryLabel = 'Try again';
+    /** Empty heading (no apps assigned). */
+    emptyHeading = 'No apps assigned yet';
+    /** Empty description. */
+    emptyDescription = 'Ask your administrator for access, or browse all EG products to see what’s available.';
+    /** Text of the Request access button. */
+    requestAccessLabel = 'Request access';
+    /** Announced while loading. */
+    loadingLabel = 'Loading apps…';
+    /** Fires when an app is chosen (click or Enter), with the app. Cancelable: `preventDefault()` cancels the originating click. */
+    bsAppSelect;
+    /** Fires when Manage is pressed. */
+    bsManage;
+    /** Fires when Browse all is pressed. */
+    bsBrowseAll;
+    /** Fires when the search is cleared with the Clear search button or Escape. */
+    bsClearSearch;
+    /** Fires when Try again is pressed. */
+    bsRetry;
+    /** Fires when Request access is pressed. */
+    bsRequestAccess;
+    /** Fires when the search text changes through user interaction, with the new text. */
+    bsQueryChange;
+    get q() {
+        return this.query.trim().toLowerCase();
+    }
+    matches() {
+        const q = this.q;
+        return this.apps.filter(a => a.name.toLowerCase().includes(q) || (a.description ?? '').toLowerCase().includes(q));
+    }
+    recentApps() {
+        return this.recent
+            .map(r => ({ app: this.apps.find(a => a.id === r.appId), recent: r }))
+            .filter((x) => !!x.app);
+    }
+    setQuery(next) {
+        this.query = next;
+        this.bsQueryChange.emit(next);
+    }
+    clear() {
+        if (!this.query)
+            return;
+        this.setQuery('');
+        this.bsClearSearch.emit();
+        this.inputEl?.focus();
+    }
+    onInput = (ev) => {
+        ev.stopPropagation();
+        this.setQuery(ev.detail);
+    };
+    onSearchKeyDown = (ev) => {
+        if (ev.key === 'Escape' && this.query) {
+            // Clear first; a second Escape (empty field) is left alone so a wrapping popover can close.
+            ev.preventDefault();
+            ev.stopPropagation();
+            this.clear();
+        }
+    };
+    select(app, ev) {
+        if (app.disabled)
+            return;
+        const e = this.bsAppSelect.emit(app);
+        if (e.defaultPrevented)
+            ev.preventDefault();
+    }
+    desc(r) {
+        return [r.openedLabel, r.companyName].filter(Boolean).join(' · ');
+    }
+    renderLink(part, cls, href, label, onPress, trailing) {
+        const inner = [label, trailing];
+        return href ? (h("a", { part: part, class: cls, href: href, onClick: onPress }, inner)) : (h("button", { part: part, class: cls, type: "button", onClick: onPress }, inner));
+    }
+    renderTile(app, size) {
+        return (h("li", null, h("bs-app-tile", { part: "tile", size: size, name: app.name, icon: app.icon, disabled: !!app.disabled, current: app.id === this.currentId, onClick: (ev) => this.select(app, ev) })));
+    }
+    renderRow(app, description) {
+        return (h("li", null, h("bs-app-recent-item", { part: "row", name: app.name, description: description, icon: app.icon, disabled: !!app.disabled, current: app.id === this.currentId, onClick: (ev) => this.select(app, ev) })));
+    }
+    renderGroup(key, header, list, kind, size) {
+        const hid = `${this.id}-h-${key}`;
+        return (h("div", { part: "group", class: "bs-app-switcher__group", role: "group", "aria-labelledby": hid }, h("div", { part: "group-header", id: hid, class: "bs-app-switcher__group-header" }, header), h("ul", { part: kind, role: "list", class: { 'bs-app-switcher__grid': kind === 'grid', [`bs-app-switcher__grid--${size}`]: !!size, 'bs-app-switcher__list': kind === 'list' } }, list)));
+    }
+    renderState(heading, description, intent, icon, action) {
+        return (h("bs-empty-state", { part: "empty", class: "bs-app-switcher__empty", heading: heading, description: description, intent: intent }, icon, action));
+    }
+    renderBody() {
+        if (this.status === 'loading') {
+            return (h("div", { class: "bs-app-switcher__body", "aria-busy": "true" }, h("bs-skeleton", { class: "bs-app-switcher__skeleton-header" }), h("ul", { role: "list", class: "bs-app-switcher__grid bs-app-switcher__grid--grid" }, SKELETON_TILES.map(() => (h("li", { class: "bs-app-switcher__skeleton-tile" }, h("bs-skeleton", { variant: "rect", class: "bs-app-switcher__skeleton-icon" }), h("bs-skeleton", { class: "bs-app-switcher__skeleton-label" })))))));
+        }
+        if (this.status === 'error') {
+            return (h("div", { class: "bs-app-switcher__body", role: "alert" }, this.renderState(this.errorHeading, this.errorDescription, 'error', h("svg", { slot: "icon", ...svgProps }, h("circle", { cx: "12", cy: "12", r: "9" }), h("path", { d: "M12 7.5v5.5M12 16.2v.1" })), h("bs-button", { slot: "action", variant: "outlined", size: "sm", onClick: () => this.bsRetry.emit() }, this.retryLabel))));
+        }
+        if (this.apps.length === 0) {
+            return (h("div", { class: "bs-app-switcher__body" }, this.renderState(this.emptyHeading, this.emptyDescription, 'default', h("svg", { slot: "icon", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, [6, 12, 18].flatMap(x => [6, 12, 18].map(y => h("circle", { cx: x, cy: y, r: "1.5" })))), h("bs-button", { slot: "action", variant: "outlined", size: "sm", onClick: () => this.bsRequestAccess.emit() }, this.requestAccessLabel))));
+        }
+        return [this.renderSearch(), h("div", { class: "bs-app-switcher__body" }, this.renderApps())];
+    }
+    renderSearch() {
+        return (h("div", { part: "search", class: "bs-app-switcher__search", onKeyDown: this.onSearchKeyDown }, h("bs-input", { ref: el => (this.inputEl = el), type: "search", value: this.query, placeholder: this.searchPlaceholder, onBsInput: this.onInput })));
+    }
+    renderApps() {
+        if (this.q) {
+            const found = this.matches();
+            if (!found.length) {
+                return this.renderState(this.noResultsHeading.replace('{query}', this.query.trim()), this.noResultsDescription, 'default', h("svg", { slot: "icon", ...svgProps }, h("circle", { cx: "11", cy: "11", r: "7" }), h("path", { d: "m20 20-3.5-3.5" })), h("bs-button", { slot: "action", variant: "outlined", size: "sm", onClick: () => this.clear() }, this.clearLabel));
+            }
+            return this.renderGroup('results', `${found.length} ${found.length === 1 ? this.resultLabel : this.resultsLabel}`, found.map(a => this.renderRow(a, a.description)), 'list');
+        }
+        const recent = this.recentApps();
+        if (recent.length) {
+            return [
+                this.renderGroup('recent', this.recentLabel, recent.map(({ app, recent: r }) => this.renderRow(app, this.desc(r))), 'list'),
+                h("bs-divider", { decorative: true, class: "bs-app-switcher__section-divider" }),
+                this.renderGroup('all', this.allAppsLabel, this.apps.map(a => this.renderTile(a, 'compact')), 'grid', 'compact'),
+            ];
+        }
+        return this.renderGroup('yours', this.yourAppsLabel, this.apps.map(a => this.renderTile(a, 'grid')), 'grid', 'grid');
+    }
+    liveText() {
+        if (this.status === 'loading')
+            return this.loadingLabel;
+        if (this.status !== 'ready' || !this.apps.length || !this.q)
+            return '';
+        const n = this.matches().length;
+        return n ? `${n} ${n === 1 ? this.resultLabel : this.resultsLabel}` : this.noResultsHeading.replace('{query}', this.query.trim());
+    }
+    render() {
+        const headingId = `${this.id}-heading`;
+        return (h("bs-card", { key: 'eca37058ac18a9a7faa40caa37aa2291503753c2', part: "panel", class: "bs-app-switcher", surface: "base", role: "region", "aria-labelledby": headingId }, h("div", { key: 'bd0ec6ec6d065d09a6854cd7f93314963d94fcb5', part: "header", class: "bs-app-switcher__header" }, h("h2", { key: '8aa69807c51467c75627e20cad79caad6b42505d', part: "heading", id: headingId, class: "bs-app-switcher__heading" }, this.heading), this.renderLink('manage', 'bs-app-switcher__manage', this.manageHref, this.manageLabel, () => this.bsManage.emit())), h("bs-divider", { key: '1cb1791cf9ab0eb09b772bcb53bb42cf8457c882', decorative: true }), this.renderBody(), h("bs-divider", { key: 'cf069a35387e0c5263f391278b962a464835414b', decorative: true }), h("div", { key: '16764053a5b74e6afb90bf29e27cc76e107c8e4a', part: "footer", class: "bs-app-switcher__footer" }, this.renderLink('browse', 'bs-app-switcher__browse', this.browseHref, this.browseLabel, () => this.bsBrowseAll.emit(), h("svg", { class: "bs-app-switcher__external", ...svgProps }, h("path", { d: "M7 17 17 7M8 7h9v9" })))), h("span", { key: '943b9d2acca5e67fa8ff481bcf381c3bf9842641', class: "bs-app-switcher__live", role: "status" }, this.liveText())));
+    }
+};
+BsAppSwitcher.style = bsAppSwitcherCss();
+
+export { BsAppSwitcher as bs_app_switcher };

package/dist/esm/bs-attachment-list.entry.js

@@ -37,7 +37,7 @@ const BsAttachmentList = class {
         this.canScrollRight = row.scrollWidth - row.clientWidth - row.scrollLeft > 1;
     };
     render() {
-        return (h("div", { key: '21ad2c7adedce7817859deacd348b5c79465bc4d', class: "bs-attachment-list" }, h("div", { key: '928518998d8a3c613d0cbf8c9527d575aad1af9b', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, h("slot", { key: '7016f855534d7be13806a43bc7220b5db3895f6b', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: '426f5a159ffb85e5c2c5eeb55d230751397fd09e', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
+        return (h("div", { key: '437edaeda096e7ba3617040279b8eb5c79c6aa33', class: "bs-attachment-list" }, h("div", { key: 'a09ccfec9b8f9fe3d08e0d6a13d190307fe6bf69', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, h("slot", { key: 'c64a44ba2710dac5d8cb3ff80ee519354dfd44af', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: 'da532064127af89debc42d5c3af870e35aa3fed0', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
     }
 };
 BsAttachmentList.style = bsAttachmentListCss();

package/dist/esm/bs-attachment.entry.js

@@ -30,7 +30,7 @@ const BsAttachment = class {
     };
     render() {
         const isImage = this.type === 'image';
-        return (h("div", { key: '6919ab09c1a5acb3eb1fd6b7d617683d848a593f', class: { 'bs-attachment': true, 'bs-attachment--loading': this.loading }, "aria-busy": this.loading ? 'true' : 'false' }, isImage ? this.renderImage() : this.renderCard(), this.removable && (h("bs-icon-button", { key: '270cdce81d9b3d7646ad4e24258791615a848c88', part: "remove", class: "bs-attachment__remove", size: "xs", variant: "neutral", ariaLabel: `${this.removeLabel}: ${this.fileName}`, onClick: this.onRemoveClick }, h(CloseIcon, { key: '6d2cd9288f9dfe717bb95ac24ccb0752d0923404' })))));
+        return (h("div", { key: '1b70040e8fc2199fed52e81d97701199ed060900', class: { 'bs-attachment': true, 'bs-attachment--loading': this.loading }, "aria-busy": this.loading ? 'true' : 'false' }, isImage ? this.renderImage() : this.renderCard(), this.removable && (h("bs-icon-button", { key: '7fcb8dcc715c2439ce62219e693fc416025b1359', part: "remove", class: "bs-attachment__remove", size: "xs", variant: "neutral", ariaLabel: `${this.removeLabel}: ${this.fileName}`, onClick: this.onRemoveClick }, h(CloseIcon, { key: 'c9fc3e64c2b1ef2e9ec4c3d5dcb20aebea4950e4' })))));
     }
     renderImage() {
         return (h("div", { part: "thumbnail", class: "bs-attachment__thumbnail" }, h("img", { class: "bs-attachment__image", src: this.imageSrc, alt: this.imageAlt }), this.loading && h(Spinner, { class: "bs-attachment__spinner bs-attachment__spinner--overlay", size: 16, label: this.uploadingLabel })));

package/dist/esm/bs-avatar.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-D3SkQJpw.js';
 
-const bsAvatarCss = () => `:host{display:inline-flex;vertical-align:middle;--bs-avatar-size-xs:24px;--bs-avatar-size-sm:32px;--bs-avatar-size-md:44px;--bs-avatar-size-lg:64px;--bs-avatar-size-xl:96px;--bs-avatar-size-xxl:128px;--bs-avatar-radius:var(--bs-border-radius-full);--bs-avatar-border-width:var(--bs-border-width-thin);--bs-avatar-border-width-xxl:1.333px}.bs-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--bs-avatar-radius);border:var(--bs-avatar-border-width) solid var(--bs-avatar-border-primary);background:var(--bs-avatar-bg-dafault);flex-shrink:0;user-select:none;-webkit-user-select:none}.bs-avatar--xs{width:var(--bs-avatar-size-xs);height:var(--bs-avatar-size-xs)}.bs-avatar--sm{width:var(--bs-avatar-size-sm);height:var(--bs-avatar-size-sm)}.bs-avatar--md{width:var(--bs-avatar-size-md);height:var(--bs-avatar-size-md)}.bs-avatar--lg{width:var(--bs-avatar-size-lg);height:var(--bs-avatar-size-lg)}.bs-avatar--xl{width:var(--bs-avatar-size-xl);height:var(--bs-avatar-size-xl)}.bs-avatar--xxl{width:var(--bs-avatar-size-xxl);height:var(--bs-avatar-size-xxl);border-width:var(--bs-avatar-border-width-xxl)}.bs-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.bs-avatar__icon{width:60%;height:60%;color:var(--bs-avatar-icon-primary)}.bs-avatar__initials{color:var(--bs-avatar-text-default);font-family:var(--bs-typography-font-family-body);font-weight:var(--bs-font-weight-medium);text-align:center;white-space:nowrap}.bs-avatar--xs .bs-avatar__initials,.bs-avatar--sm .bs-avatar__initials{font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-avatar--md .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading);font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h6);line-height:calc(var(--bs-line-height-heading-h6) * 1px)}.bs-avatar--lg .bs-avatar__initials{font-size:var(--bs-fontsize-body-md);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-avatar--xl .bs-avatar__initials,.bs-avatar--xxl .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading);font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h4);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}:host(:hover:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-hover);border-color:var(--bs-avatar-border-hover)}:host(:active:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-pressed);border-color:var(--bs-avatar-border-pressed)}:host(:focus-visible:not([disabled])){outline:none}:host(:focus-visible:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-focused);border-color:var(--bs-avatar-border-focused);box-shadow:0 0 0 3px var(--bs-avatar-border-focus)}:host([disabled]){opacity:0.5}`;
+const bsAvatarCss = () => `:host{display:inline-flex;vertical-align:middle;--bs-avatar-size-xs:24px;--bs-avatar-size-sm:32px;--bs-avatar-size-md:44px;--bs-avatar-size-lg:64px;--bs-avatar-size-xl:96px;--bs-avatar-size-xxl:128px;--bs-avatar-radius:var(--bs-border-radius-full);--bs-avatar-border-width:var(--bs-border-width-thin);--bs-avatar-border-width-xxl:1.333px}.bs-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--bs-avatar-radius);border:var(--bs-avatar-border-width) solid var(--bs-avatar-border-primary);background:var(--bs-avatar-bg-dafault);flex-shrink:0;user-select:none;-webkit-user-select:none}.bs-avatar--xs{width:var(--bs-avatar-size-xs);height:var(--bs-avatar-size-xs)}.bs-avatar--sm{width:var(--bs-avatar-size-sm);height:var(--bs-avatar-size-sm)}.bs-avatar--md{width:var(--bs-avatar-size-md);height:var(--bs-avatar-size-md)}.bs-avatar--lg{width:var(--bs-avatar-size-lg);height:var(--bs-avatar-size-lg)}.bs-avatar--xl{width:var(--bs-avatar-size-xl);height:var(--bs-avatar-size-xl)}.bs-avatar--xxl{width:var(--bs-avatar-size-xxl);height:var(--bs-avatar-size-xxl);border-width:var(--bs-avatar-border-width-xxl)}.bs-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.bs-avatar__icon{width:60%;height:60%;color:var(--bs-avatar-icon-primary)}.bs-avatar__initials{color:var(--bs-avatar-text-default);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-weight:var(--bs-font-weight-medium);text-align:center;white-space:nowrap}.bs-avatar--xs .bs-avatar__initials,.bs-avatar--sm .bs-avatar__initials{font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-avatar--md .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h6);line-height:calc(var(--bs-line-height-heading-h6) * 1px)}.bs-avatar--lg .bs-avatar__initials{font-size:var(--bs-fontsize-body-md);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-avatar--xl .bs-avatar__initials,.bs-avatar--xxl .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h4);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}:host(:hover:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-hover);border-color:var(--bs-avatar-border-hover)}:host(:active:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-pressed);border-color:var(--bs-avatar-border-pressed)}:host(:focus-visible:not([disabled])){outline:none}:host(:focus-visible:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-focused);border-color:var(--bs-avatar-border-focused);box-shadow:0 0 0 3px var(--bs-avatar-border-focus)}:host([disabled]){opacity:0.5}`;
 
 const BsAvatar = class {
     constructor(hostRef) {

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

@@ -9,7 +9,7 @@ const BsBadge = class {
     /** Maps directly to the brandsync-tokens `--bs-badge-bg-*` / `--bs-badge-text-*` sets. */
     variant = 'default';
     render() {
-        return (h("span", { key: '91c12085eda1d9599e50542a273bab640e7f348f', part: "container", class: `bs-badge bs-badge--${this.variant}` }, h("slot", { key: '21f0edd06967e4f608cc16f27c52d3eec0794eb0' })));
+        return (h("span", { key: '12d18ea63d62468cede43efaddbf1d4a707c31be', part: "container", class: `bs-badge bs-badge--${this.variant}` }, h("slot", { key: '7418716533cf907da4b9cd05a01aaea69e257425' })));
     }
 };
 BsBadge.style = bsBadgeCss();

package/dist/esm/bs-breadcrumb-overflow.entry.js

@@ -56,7 +56,7 @@ const BsBreadcrumbOverflow = class {
         }
     }
     render() {
-        return (h(Host, { key: '4dd958f3f99f42072bb314654fc5a0856d8e41c4', role: "listitem" }, h("span", { key: 'ab7d01467e99b810b62e71d7ed289316470529f5', part: "separator", class: "bs-breadcrumb-overflow__separator", "aria-hidden": "true" }, h(CaretRightIcon, { key: '6590de37057e39c4c914fde3dc3490e17566ad66' })), h("span", { key: '63081f592180f605716221c80dbb877acf926d48', class: "bs-breadcrumb-overflow__wrapper" }, h("button", { key: '0ec87f47561dc329269b1fefef0ccb76dae4cdb4', type: "button", part: "ellipsis", class: "bs-breadcrumb-overflow__ellipsis", "aria-haspopup": "menu", "aria-expanded": String(this.open), "aria-label": this.overflowLabel, onClick: this.onEllipsisToggle }, h(DotsThreeIcon, { key: '6da3c5bee9f532264e2e58227dccc4dfc3786782' })), this.open && this.items.length > 0 && (h("bs-menu", { key: '66f772f0f53090e960d2a9b08e1283989dfc02f8', part: "menu", class: "bs-breadcrumb-overflow__menu" }, this.items.map(item => item.href ? (h("a", { part: "link", class: "bs-breadcrumb-overflow__link", href: item.href, onClick: this.onItemClick(item.href) }, item.label)) : (h("span", { part: "link", class: "bs-breadcrumb-overflow__link" }, item.label))))))));
+        return (h(Host, { key: 'e4c2c1cf0601cff0d084fef4f295ad09ef6c3643', role: "listitem" }, h("span", { key: 'a085ee9e9d41e5836cb60ccada98a357ba2ba264', part: "separator", class: "bs-breadcrumb-overflow__separator", "aria-hidden": "true" }, h(CaretRightIcon, { key: '59685abc8d64a821f812f365c4ebd64ba1450ef6' })), h("span", { key: '357986825b4f2fcb6af583c031ce8190606df118', class: "bs-breadcrumb-overflow__wrapper" }, h("button", { key: '2f10d676681ee442dc66703b8a838b40c8b71a91', type: "button", part: "ellipsis", class: "bs-breadcrumb-overflow__ellipsis", "aria-haspopup": "menu", "aria-expanded": String(this.open), "aria-label": this.overflowLabel, onClick: this.onEllipsisToggle }, h(DotsThreeIcon, { key: '1a74b819b245fb62fb2599acc3ff458eac024e52' })), this.open && this.items.length > 0 && (h("bs-menu", { key: 'c8e57092e8396da8a7d8157eae69022154050075', part: "menu", class: "bs-breadcrumb-overflow__menu" }, this.items.map(item => item.href ? (h("a", { part: "link", class: "bs-breadcrumb-overflow__link", href: item.href, onClick: this.onItemClick(item.href) }, item.label)) : (h("span", { part: "link", class: "bs-breadcrumb-overflow__link" }, item.label))))))));
     }
 };
 const CaretRightIcon = () => (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M6 3L11 8L6 13", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/dist/esm/bs-breadcrumb.entry.js

@@ -39,7 +39,7 @@ const BsBreadcrumb = class {
             ev.preventDefault();
     };
     render() {
-        return (h(Host, { key: 'a9ccd034d839eb8c2b3e3dfb7536737cd0189b75', role: "listitem" }, h("span", { key: '5b10b00b1b2ac1a5246f8d658edb2f2a1110df56', part: "separator", class: "bs-breadcrumb__separator", "aria-hidden": "true" }, h(CaretRightIcon, { key: 'c3d867d49f00e09a333116f9f87aeb6c9478379b' })), this.current ? (h("span", { part: "current", class: "bs-breadcrumb__current", "aria-current": "page" }, h("slot", null))) : this.href ? (h("a", { part: "link", class: "bs-breadcrumb__link", href: this.href, onClick: this.onLinkClick }, h("slot", null))) : (h("span", { part: "link", class: "bs-breadcrumb__link" }, h("slot", null)))));
+        return (h(Host, { key: '4bab1e3218264a8c97ccb1b9df4d0bf66fe8a4c7', role: "listitem" }, h("span", { key: '1012f764261168bb246e4fef76b1988b70cd290c', part: "separator", class: "bs-breadcrumb__separator", "aria-hidden": "true" }, h(CaretRightIcon, { key: 'b37d81c4bfd0313fb313b862e194ca30950ee839' })), this.current ? (h("span", { part: "current", class: "bs-breadcrumb__current", "aria-current": "page" }, h("slot", null))) : this.href ? (h("a", { part: "link", class: "bs-breadcrumb__link", href: this.href, onClick: this.onLinkClick }, h("slot", null))) : (h("span", { part: "link", class: "bs-breadcrumb__link" }, h("slot", null)))));
     }
 };
 const CaretRightIcon = () => (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M6 3L11 8L6 13", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -34,7 +34,7 @@ const BsBreadcrumbs = class {
         });
     }
     render() {
-        return (h("nav", { key: '13f218ab2558e3b5bc11b393c3150b6070c21f72', "aria-label": this.label }, h("ol", { key: '222784839ee0b6693604800ad01e78e0f65ebb13', part: "list", class: "bs-breadcrumbs__list" }, h("slot", { key: '2b588f42ed80e2758236e65572b1cfc14380f027', onSlotchange: this.onSlotChange }))));
+        return (h("nav", { key: '8e8c96763ed36fcbf87fcd8fa348c294cad89096', "aria-label": this.label }, h("ol", { key: 'aae3d390d6ddc68fba3e2ef96bfb57160715fc95', part: "list", class: "bs-breadcrumbs__list" }, h("slot", { key: '2edfd750dcb70d9fd9bec01ac42ad52c79dc3a34', onSlotchange: this.onSlotChange }))));
     }
     static get watchers() { return {
         "size": [{

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

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

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

@@ -95,7 +95,7 @@ const BsButton = class {
     };
     render() {
         const iconOnly = (this.hasIcon || this.hasEndIcon) && !this.hasLabel;
-        return (h("button", { key: 'dd64d152077f283339cbf93b3b7424dd51519163', 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 }, h("span", { key: '918a3c1e157e9c84992fd1553c69cf2d7b87cba9', part: "icon", class: `bs-button__icon ${this.hasIcon ? 'bs-button__icon--visible' : ''}` }, h("slot", { key: 'a43da2dfb72cc155d113f4e044fec9890bcf8e90', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '35c941287c14c79b9a9c23a0d4cfecd66c459f20', part: "label", class: "bs-button__label" }, h("slot", { key: '4e76d97c2f26e3f609e3e8336135529b49d1a370', onSlotchange: this.onLabelSlotchange })), h("span", { key: 'fb82a5a1785c6c96993daf3de2bdff5b9597a431', part: "end-icon", class: `bs-button__end-icon ${this.hasEndIcon ? 'bs-button__end-icon--visible' : ''}` }, h("slot", { key: '0d70abb45f41970bc2aa5dcd18ad3931b053190e', name: "end-icon", onSlotchange: this.onEndIconSlotchange }))));
+        return (h("button", { key: 'd9339f3df9872d414b8252dd6dbccb897ffd3bdb', 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 }, h("span", { key: '4744ade682f1bc2e18a63a598aa4cfc3f6b5d028', part: "icon", class: `bs-button__icon ${this.hasIcon ? 'bs-button__icon--visible' : ''}` }, h("slot", { key: '9cddc004d35fdf9c621691138388f1ecb3b401e0', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '71ae5f7a5f8ff9b311bf69f0da7d449430d026a3', part: "label", class: "bs-button__label" }, h("slot", { key: 'bf0ab3a00d3584ba29c30a1b9e5efc64e53f9df5', onSlotchange: this.onLabelSlotchange })), h("span", { key: '1b6fc4b65cc067d75aaaf2022b9053a48d19aa83', part: "end-icon", class: `bs-button__end-icon ${this.hasEndIcon ? 'bs-button__end-icon--visible' : ''}` }, h("slot", { key: '5a3fc614a61fb7f2dbc595b6ab8e15a26028ea75', name: "end-icon", onSlotchange: this.onEndIconSlotchange }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -17,7 +17,7 @@ const BsCard = class {
         this.hasImage = ev.target.assignedNodes().length > 0;
     };
     render() {
-        return (h("div", { key: '288db1e39f66129bf5d6598f53fb49d5481d0f02', part: "container", class: `bs-card bs-card--${this.surface}` }, h("div", { key: '9f25abc5cdfdf40d7bdefab7f1154545cc634f9d', part: "image", class: `bs-card__image ${this.hasImage ? 'bs-card__image--visible' : ''}` }, h("slot", { key: '8eff4a23e8ecf977056206bc8c223b4ad97b7656', name: "image", onSlotchange: this.onImageSlotchange })), h("div", { key: 'b0a1580657943f30c9a5dba3361dcf00dd36e90f', class: "bs-card__content" }, h("div", { key: 'f151de3b9d5975d2953131aea92a2353ac665bbc', part: "header", class: "bs-card__header" }, h("slot", { key: '6d015146a6ff72788ad3843caa37f2c304728b8b', name: "header" })), h("div", { key: 'd678f0d33dba58725b397502d9aced9983466bf6', part: "body", class: "bs-card__body" }, h("slot", { key: '51b7cdca4af0e43ba7de04c14bca32f59baa2f58' })), h("div", { key: '6b6fe027565678561d7f7beb79f6ceb05397ff50', part: "footer", class: "bs-card__footer" }, h("slot", { key: '6d704d0e7b6644e3f0e6b4ce7ae12e515c84339d', name: "footer" })))));
+        return (h("div", { key: 'be681abe6454f6f0ef03ec8ef05f2ef7e036b2fb', part: "container", class: `bs-card bs-card--${this.surface}` }, h("div", { key: '94fcc1a41307d29cd6e3d1c0db68e4ad56f76e66', part: "image", class: `bs-card__image ${this.hasImage ? 'bs-card__image--visible' : ''}` }, h("slot", { key: 'fa2441f597664fcfb1920f7f6b6d81cebb33c3cf', name: "image", onSlotchange: this.onImageSlotchange })), h("div", { key: 'f45578aeab67c531e3f1066788b646464e4ee5a3', class: "bs-card__content" }, h("div", { key: '44bc9e76ebb151099736e73fac2eea1e5baba014', part: "header", class: "bs-card__header" }, h("slot", { key: '58f766725dd1bd81aa4a5f5fa1da2626fd705582', name: "header" })), h("div", { key: '8ee2df46d6a643e0f7d13ec875a363b4ef714b00', part: "body", class: "bs-card__body" }, h("slot", { key: '8c47ca1e2acffbc952cf15a0518c3ca2d640fe58' })), h("div", { key: 'de5856f9b0a72cd42345320fbdd2a290640039d7', part: "footer", class: "bs-card__footer" }, h("slot", { key: '982cee8e6fb70228faf2cd7a55312ef690bd23a2', name: "footer" })))));
     }
 };
 BsCard.style = bsCardCss();

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

@@ -156,7 +156,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 (h("section", { key: '4d3a0024b4f407a595769bc3dce7270104a0aeb7', part: "carousel", class: "bs-carousel", role: "region", "aria-roledescription": "carousel", "aria-label": this.label, style: { '--bs-carousel-slides-per-view': String(this.perView) } }, h("div", { key: '7160dbff92ce24112a5ebe54f10cfb4034d29750', part: "slides", class: "bs-carousel__slides", "aria-live": rotating ? 'off' : 'polite' }, h("slot", { key: 'fee4505b4a303719c62f9a7b76bea784ef920a20', onSlotchange: this.onSlotChange })), showTracker && (h("div", { key: 'd70a3780f4d9c00c087d931fb4b50401890a2c38', part: "tracker", class: "bs-carousel__tracker" }, this.tracker === 'numbers' ? (h("bs-pagination", { part: "pagination", totalPages: this.pageCount, currentPage: this.page, onBsPageChange: (ev) => {
+        return (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) } }, h("div", { key: '76a5c27dc3b801cf42c903218aaa76ced0c6f700', part: "slides", class: "bs-carousel__slides", "aria-live": rotating ? 'off' : 'polite' }, h("slot", { key: '90c92304c35d872398a4db3c2ed862468009b785', onSlotchange: this.onSlotChange })), showTracker && (h("div", { key: '0f2e97e93e7a2392eeb60b50e87b557c95a1b929', part: "tracker", class: "bs-carousel__tracker" }, this.tracker === 'numbers' ? (h("bs-pagination", { part: "pagination", totalPages: this.pageCount, currentPage: this.page, onBsPageChange: (ev) => {
                 ev.stopPropagation();
                 this.goTo(ev.detail);
             } })) : (h("div", { class: "bs-carousel__nav" }, this.renderDotsTracker())), this.renderPause()))));

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

@@ -96,7 +96,7 @@ const BsChatbotFeedback = class {
     }
     render() {
         const stars = [1, 2, 3, 4, 5];
-        return (h("div", { key: 'b5ecff5747f951bbd12737ae3b228c4ebe5e3c1a', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: 'c2f7229ed44ef138176e729ab1bc75a3caeb86f9', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h(CloseIcon, { key: '45cbc05895d53bd52111af0e6c604bd33e8d4fe2' })), h("div", { key: 'b390a7523806a89f30f8e53e9be8514b4dfa68aa', class: "bs-chatbot-feedback__top" }, h("div", { key: '90c8eb690bed06bdf5cc9cd0337379a50240af7a', class: "bs-chatbot-feedback__text" }, h("p", { key: '36017d422b64a1c3b5e2d8f282730328b9d9099d', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'bf7bc4f57de5c72abf271696c06447a9698274b3', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: '5456d1ad9a761d8b5bdfb6b3e1d4a73d1f15beb9', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": this.ratingLabel }, stars.map(value => (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) }, h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (h("div", { key: 'b4ac38b78a0c219ff4f5f9526242ad69141ca8bc', class: "bs-chatbot-feedback__field" }, h("label", { key: '26d7f278507bc567bfa926f01adf99115a10ef86', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), h("textarea", { key: 'dc6e76aca6288e38f282460b9dc1ebf29923ecaf', 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 && (h("p", { key: '681069b3738f6839f47295398695a9ec7d453970', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '1f2cc57d14a95bd4ffca6d2bef8c438f22be24ee', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: '3ec8c2ca290271dab663deb3bc043836097cff7f', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: 'b33754c134ea3b53b01f31abf5242f4d6e4d6c50' }), this.submitLabel)), h("button", { key: '87d2a12e10211553f84d90c390739b69a340bd65', 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 }, h(EditIcon, { key: '438a73c14ea12d59a89d18afc3a200fa457f900f' }), this.newChatLabel))));
+        return (h("div", { key: '687bdf3ad27c52994940ad585592a1c98e193043', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: '4a1f9ae9e066e3e1bb5577e71b5823ff987bfce9', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h(CloseIcon, { key: 'cf8bf10c555376a6d733d5ce32cedc2e7bb3a673' })), h("div", { key: '360b2152b1761c33885aaaf1add02724c7dc0954', class: "bs-chatbot-feedback__top" }, h("div", { key: 'ee7e9ec8de6b674f019cc86d1445d8ebc8698ce8', class: "bs-chatbot-feedback__text" }, h("p", { key: '71df5fc535f48e0171bb8ed59b964b5c09f26ff7', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'a75c4fe0dc0a6c2e9fbeb7731a4d54fdc47ac627', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: 'db2bf8547c08786fe41f39be3b5721af732a70c4', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": this.ratingLabel }, stars.map(value => (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) }, h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (h("div", { key: '6da5f9638f4fe9f7e3536656dc383a3576f3bd22', class: "bs-chatbot-feedback__field" }, h("label", { key: '1c6f056ef6b7f3f9b72dad368a3ec4ee74372cdf', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), 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 && (h("p", { key: 'e2a8e1e14c23210c42ca3c8215acc2b84f3e7cbe', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '150e6d6d376c1154bb92a86587e5bd3efc8171cd', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: '285c665aafecd02cbfea4fc3bc394d5e3cccf991', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: 'b13ad8dafdf1594ff1e6293ae3b0ddaa8afdacb3' }), this.submitLabel)), 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 }, h(EditIcon, { key: 'c3b3d01c786aca633ce57c5531436e2a02b58054' }), this.newChatLabel))));
     }
 };
 const StarIcon = ({ filled }) => (h("svg", { viewBox: "0 0 24 24", fill: filled ? 'currentColor' : 'none', xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, 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/esm/bs-chatbot-header.entry.js

@@ -148,7 +148,7 @@ const BsChatbotHeader = class {
         this.bsClose.emit();
     };
     render() {
-        return (h("div", { key: '1e82711dbca1c2c7f545269154707743d3c39bc2', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '67ac0df20f227710987066ba897c593c6728d8bd', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: 'da9b259095c349802c07ef133970482d5d27f7c1', class: "bs-chatbot-header__actions" }, h("slot", { key: 'f8eae11a4ec06a0f0ce1b73ea36deb4276fc447e', name: "actions" }), !this.hideNewChat && (h("span", { key: '72e65dd88d7be443db68d229ed1b33c333c5d2cd', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'f2dcdf530a7f4ebb591a6431c11414f5df9ed40e', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, h("slot", { key: 'f993c37591df27c604f771b65f11c015bd5cfa29', name: "new-chat-icon" }, h(NewChatIcon, { key: '001e9ab9fefc81499e457102ebb03ab10121f89f' }))), h("bs-tooltip", { key: 'd2c0a848bd204cf1a374d3a3f60162f52c8f3fb1', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (h("span", { key: 'bd7111e541b03d7c2ab9214457708e3ecdb6120d', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'b80ffb1d4c9f55fb5faceb138b56af4cd4bbcc25', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, h("slot", { key: 'b80e223143dbdc67d08ac2bdba79a25e19e1c92b', name: "history-icon" }, h(HistoryIcon, { key: '30dfe6c3925be30cb3ae32d9415bed6283e289c5' }))), h("bs-tooltip", { key: 'e3f63c2a31fb7aa2ef8baa7fd69a9b491d31e5e9', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (h("span", { key: 'a4a8eec0d3e79c843747714a5e1ac4916107eb6e', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'c5b6b5766f829f8b09c205ef9ee2b22db86757d6', 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 }, h("slot", { key: 'a4e94ff355a6a059e19d834e31e8e82e2a444847', name: "expand-icon" }, h(ExpandIcon, { key: '8c7e91c88e9b0e6f763ccd01ba1fcfbb6c7310c7' }))), h("bs-tooltip", { key: '5e6594e602dff820748ff4b87edebba43ee45ff6', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (h("span", { key: '2a34f85167c05fbcc0cb367d4717076c9ac6fa4b', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'a7ceffef02d0dd8aaf4e5fd88fdecea5c784db44', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("slot", { key: 'fa8c5ad4b665f406bd8431eb859ccc665e9e4b1f', name: "close-icon" }, h(CloseIcon, { key: 'bdc09f3721c0b0e46589245f44a8e84625ca4012' }))), h("bs-tooltip", { key: '73d7debb7de3e57425c8af1c01f57d2a1b66c237', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
+        return (h("div", { key: '6905b251db2d793c866be5ccd9af9c8975b382e2', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '62ae1b598ab0fb57e08ce750ac2fe004300b280d', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '9d26c1559ab08868f3ad781d35c68e7d6deae7ba', class: "bs-chatbot-header__actions" }, h("slot", { key: '4b4cdd87bfa3a98dce549b00d12afef875f0bea6', name: "actions" }), !this.hideNewChat && (h("span", { key: '22a02d1b7830e7ebb61837fbd5bbefc802f3fcde', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'edda62eebead66a4afeff20bb279d7fa813cf6d7', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, h("slot", { key: 'a290ad14e1b0248d2fe9be15ab90bcc5af4194c7', name: "new-chat-icon" }, h(NewChatIcon, { key: '24cedf0fe54ca1713ba2d3e80e79b695fdad2bda' }))), h("bs-tooltip", { key: '62eba53fac24e0e6372566cc0ce9abfba807fb64', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (h("span", { key: 'e1dcf980c63750d6a6f5cedc6ec365dfa63ae214', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '70222dcdee26cc430819865ae0f237b99cef1687', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, h("slot", { key: '338cc4979146086ed08292d9fd0ec6e74d53e797', name: "history-icon" }, h(HistoryIcon, { key: '941cbf5db830981aa71d056196354c15c7ebde58' }))), h("bs-tooltip", { key: '196550c79e7c699bee01bbef081d6e9e1656b38f', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (h("span", { key: '49f3705dcf2ca4b2a5221e11563d953b34e68405', class: "bs-chatbot-header__tooltip-wrapper" }, 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 }, h("slot", { key: '8f0f54bb25073ecf2579a4d7301f5ff1f63e80cb', name: "expand-icon" }, h(ExpandIcon, { key: 'fb2a835a1300c9bcd38aa13f7fff674ba5af89c2' }))), h("bs-tooltip", { key: 'aab69e0847453daf35810eeee5536fa9a16fc3ef', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (h("span", { key: '0a32c45030c014a2106882e4404e2ce09704f6ee', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'b43080c2d32d2569ea4d427dc2b6f39541db5924', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("slot", { key: '58d2fecd20b910262e8a9b2c446a420028444c8c', name: "close-icon" }, h(CloseIcon, { key: '0593909895f5e0d79d1a0e18a9c201623dd538f9' }))), h("bs-tooltip", { key: 'bb0c07c43482284811c378c97a3f314e2a37019d', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
     }
 };
 const NewChatIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M12 15H9V12L18 3L21 6L12 15Z", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M15.75 5.25L18.75 8.25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), 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/esm/bs-chatbot-response-action.entry.js

@@ -98,7 +98,7 @@ const BsChatbotResponseAction = class {
     };
     render() {
         const hasSources = !!this.sourcesCount && this.sourcesCount > 0;
-        return (h("div", { key: '7a3c8e560657192aa3981af225500f1b5012df99', class: "bs-chatbot-response-action" }, h("button", { key: '4f7376d5cc1d9a43fc87b8aaef743709d73a4845', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": this.likeLabel, "aria-pressed": this.liked ? 'true' : 'false', onClick: this.onLikeClick }, h("slot", { key: 'eb9673716d469f1e3ab0ebb70f850bdf2699f38f', name: "like-icon" }, h(ThumbsUpIcon, { key: 'bb1295906269d4fc9e1f5b7fc611cb4730c39dbf' }))), h("button", { key: 'f4c17bde7dd7729e0b22adc3323b916855192ddf', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": this.dislikeLabel, "aria-pressed": this.disliked ? 'true' : 'false', onClick: this.onDislikeClick }, h("slot", { key: '50f786a78edb25f454087365b29d7f68507fe16c', name: "dislike-icon" }, h(ThumbsDownIcon, { key: 'a0ee507eb51b6d5b1bd91d4c44847ab1655cf59a' }))), h("button", { key: 'd484d6ff7f91eefd84ebd9c9a7752ab44ec04989', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, h("slot", { key: 'df62c8aabf9e05261c79da6900c10c42ffd9695d', name: "copy-icon" }, h(CopyIcon, { key: '11184b8ec93fbe5bced51597d9a42a197562ede0' }))), !this.hideRegenerate && (h("button", { key: 'a96709842dbfde9cc6d68db20b489f540ebb589b', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, h("slot", { key: '7a6f1c7c9ea89c1856a3e3488345455e5aab0d1d', name: "regenerate-icon" }, h(RegenerateIcon, { key: 'eb3179faa96df184c488954c809666b7b0b78ecf' })))), h("div", { key: 'f11dd91afcaf4611999ff0858cdc7f1fd8848f9a', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: 'd2bfd06a3c625cfc8677b505bb10828dbb60a924', 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 }, h("slot", { key: '5caeafa6c2b1ec6f74b91da7f0e96e59d26792c2', name: "menu-icon" }, h(MenuIcon, { key: '9e8d9764fa30764f8db04efce6f119971b8c33b2' }))), this.menuOpen && (h("div", { key: '0af7a8b59c9f3b2ec2e5e44be2966281c0ec54d6', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: '521382ac34c12811097eb3295b05bae34e3cb912', name: "menu" })))), hasSources && (h("button", { key: '38f5d0ea3ea28fb1bdfdd71f9176e82900f1c372', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: '7187d6bc56c1d75974ed7a1a0a8a3857a3c7608f', name: "sources-icon" }, h(SourcesIcon, { key: 'd3c96a09a399efc1c3a5b2b96b7ac0cc025fc23f' })), h("span", { key: '34cfb2ad8385edecd59a76b0d26268498f236363', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? this.sourceLabel : this.sourcesLabel)))));
+        return (h("div", { key: 'eeea81b1964f9f9dc89aac2b58459321bc3c3bf7', class: "bs-chatbot-response-action" }, 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 }, h("slot", { key: '12bb1913203d02b062f689882be119925a0ba8d2', name: "like-icon" }, h(ThumbsUpIcon, { key: '5dd57ec7c5000dafb958f72a1b6846c1c85f5da8' }))), 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 }, h("slot", { key: '709deebe7f0f1bfae5fcecfc0a1cfa01921221ae', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '97fea08af1048a9f7ef3dc133809a0fab241c1c8' }))), h("button", { key: 'bb0ca6a6c02d2688d5321d3bcead17ac4e84ff32', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, h("slot", { key: '0ad95f409aaa2412bc37da4ea3daf1cd922f74a0', name: "copy-icon" }, h(CopyIcon, { key: 'bd472f1ef302ce0c11ad2a3c461f322878176a17' }))), !this.hideRegenerate && (h("button", { key: '0c2d85e0d2c25edd9c1e60abaff6258324f432f2', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, h("slot", { key: 'f8363082e347c552d25583a8ee5f30df3127596a', name: "regenerate-icon" }, h(RegenerateIcon, { key: '131a1aca2c71d1f3a5707cab2120aeeb5ae9069f' })))), h("div", { key: '73364305feb5631f872901fcad16632cf5e5254c', class: "bs-chatbot-response-action__menu-wrapper" }, 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 }, h("slot", { key: '2b79ed5dfae0a9eca283a5c7ad703c5208dcfdab', name: "menu-icon" }, h(MenuIcon, { key: '545e3c1c234aa7f9eed5f5987e3e14cdf013094f' }))), this.menuOpen && (h("div", { key: 'e7da0d55acbf4fa4f84f29273368d2a374628925', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: 'fa737fc36afebbbee3d077ba381390317cb61905', name: "menu" })))), hasSources && (h("button", { key: '0789164cf269b4110c439b2bcde397a3b058c439', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: '331eb28b2e2dc2b284dfca7b54108020cbb65783', name: "sources-icon" }, h(SourcesIcon, { key: '0d7648fbd9adbf864952e82eda597e9ea2674a33' })), h("span", { key: '983aa3f0ecb65f1fac792000de1f7490e11e4b4e', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? this.sourceLabel : this.sourcesLabel)))));
     }
 };
 const ThumbsUpIcon = () => (h("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, 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" }), 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" })));