@brandsync/wc 1.8.0 → 1.9.0

package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.stories.js

@@ -272,3 +272,51 @@ export const LargeItemList = {
     </div>
   `,
 };
+// The overlay only exists at <= 768px of WINDOW width (a media query), so it can't be shown inline on
+// a wide docs page. This story therefore renders the real demo page (`MobileOverlayPage`, below) inside
+// a 390px-wide iframe, where the media query matches.
+export const MobileOverlay = {
+    name: 'Mobile overlay',
+    parameters: { layout: 'padded' },
+    render: () => html `
+    <iframe
+      title="Navigation drawer on a 390px-wide screen"
+      src="iframe.html?id=ui-shell-bs-navigation-drawer-bs-navigation-drawer--mobile-overlay-page&viewMode=story"
+      style="width: 390px; height: 640px; border: 1px solid var(--bs-border-default); border-radius: 8px;"
+    ></iframe>
+  `,
+};
+// A small-screen page: a header with a hamburger that sets `open` on the drawer. Open this story in
+// the canvas and narrow the window (or pick a mobile viewport in the toolbar) to try the overlay on
+// its own; it is also what the "Mobile overlay" story embeds.
+export const MobileOverlayPage = {
+    name: 'Mobile overlay (page)',
+    parameters: { layout: 'fullscreen' },
+    render: () => {
+        const openDrawer = (ev) => {
+            const page = ev.currentTarget.closest('[data-demo]');
+            page.querySelector('bs-navigation-drawer').open = true;
+        };
+        // The drawer closes itself on Escape / backdrop; a real app also closes it after navigating.
+        const closeAfterSelect = (ev) => {
+            ev.currentTarget.open = false;
+        };
+        return html `
+      <div data-demo style="min-height: 100vh; font-family: var(--bs-typography-font-family-body, sans-serif);">
+        <div style="display: flex; align-items: center; gap: 12px; padding: 8px 16px; border-bottom: 1px solid var(--bs-border-default);">
+          <bs-icon-button variant="subtle" aria-label="Open menu" @click=${openDrawer}>
+            <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+              <path d="M4 7h16M4 12h16M4 17h16" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
+            </svg>
+          </bs-icon-button>
+          <strong>My app</strong>
+        </div>
+        <p style="padding: 0 16px;">Page content. On a wide window the drawer sits beside it; at 768px and below it is hidden until the menu button opens it.</p>
+        <bs-navigation-drawer @bsSelect=${closeAfterSelect}>
+          <bs-input slot="search" type="search" placeholder="Search"></bs-input>
+          ${ITEMS_NO_ICONS}
+        </bs-navigation-drawer>
+      </div>
+    `;
+    },
+};

package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer-item/bs-navigation-drawer-item.js

@@ -131,7 +131,7 @@ export class BsNavigationDrawerItem {
         // incorrectly also toggle this parent row on every child click. Both are wrapped in a
         // `display: contents` container so render() still returns a single root node (this codebase's
         // convention, e.g. bs-input.tsx) without that wrapper affecting layout at all.
-        return (h("div", { key: 'ff4a72a5d5c8b37fa92ff244398153ca81b7f864', class: "bs-navigation-drawer-item__root" }, h("button", { key: 'f8c1d1e9c72aba5b6012f4f9d7fdc5956b919dff', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: 'cf46152a1d7e0f4783a3ee29fd9eb7ae2a566c68', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: '32a1ea999456bf584bebf03e73aab3e7c01281cc', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '496a7d21f7a3878bd58fd4bdbb978b3bde40f588', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: '3b1d65cd36d19c3714174a3a05a1b68ec3910042' })), this.expandable && (h("span", { key: '041b8fc587482288c4adf7b023edc7b7057a2fda', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: '0957e9218a1360b35726ee346e1e3718eb1b3eff' })))), this.expandable && (h("span", { key: 'df4d3384410c6eaffd7e42aa17380740710db0ad', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '273844338141f5429aa7b53f55a06fca4293fa2a', name: "children" })))));
+        return (h("div", { key: '34d31ff7c612fa135b6dc14b757d66d4b00f99e4', class: "bs-navigation-drawer-item__root" }, h("button", { key: '08e244c8ada605dc7705df5b1d45ebce80165f3e', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: 'a6e09b5edb35ec8f76ed6d6a78ddd1eb141f87b6', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: '851289379dacae965639ed7963d800c8a92472c2', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '4b46c2ca6a5bf4d5e777ae72c9ea826ffcffea02', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: 'df214a2bcea435a678c18d0f461d9011c767a995' })), this.expandable && (h("span", { key: 'd12e91043617e96567acd5497a53dd98c612c6af', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: 'c278774ae33cf86e7d1b3f70f4e99b8c7afc4d68' })))), this.expandable && (h("span", { key: '85081ed698d078b94225c7b984eaee1edfd22b49', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '85c22788467a67f18b9cca6018c179a28d06fa19', name: "children" })))));
     }
     static get is() { return "bs-navigation-drawer-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.cmp.test.js

@@ -1,4 +1,5 @@
 import { render, h, describe, it, expect } from "@stencil/vitest";
+import { page } from "vitest/browser";
 describe('bs-navigation-header', () => {
     it('renders a <header> landmark with the logo by default', async () => {
         const { root } = await render(h("bs-navigation-header", null));
@@ -75,3 +76,70 @@ describe('bs-navigation-header', () => {
         });
     });
 });
+// The test browser (and its viewport) is shared across test files, so each test restores the
+// viewport it found.
+async function withViewport(width, height, fn) {
+    const prev = { w: window.innerWidth, h: window.innerHeight };
+    await page.viewport(width, height);
+    try {
+        return await fn();
+    }
+    finally {
+        await page.viewport(prev.w, prev.h);
+    }
+}
+describe('bs-navigation-header: width and small screens', () => {
+    it('defaults --bs-navigation-header-max-width to none', async () => {
+        const { root } = await render(h("bs-navigation-header", null));
+        expect(getComputedStyle(root).getPropertyValue('--bs-navigation-header-max-width').trim()).toBe('none');
+    });
+    it('spans a container wider than 1920px instead of stopping short', async () => {
+        await withViewport(2600, 800, async () => {
+            const { root, waitForChanges } = await render(h("div", { style: { width: '2400px' } }, h("bs-navigation-header", null)));
+            await waitForChanges();
+            const bar = root.querySelector('bs-navigation-header').shadowRoot.querySelector('header');
+            expect(Math.round(bar.getBoundingClientRect().width)).toBe(2400);
+        });
+    });
+    it('--bs-navigation-header-max-width still caps the bar when set', async () => {
+        await withViewport(2600, 800, async () => {
+            const { root, waitForChanges } = await render(h("div", { style: { width: '2400px' } }, h("bs-navigation-header", { style: { '--bs-navigation-header-max-width': '1920px' } })));
+            await waitForChanges();
+            const bar = root.querySelector('bs-navigation-header').shadowRoot.querySelector('header');
+            expect(Math.round(bar.getBoundingClientRect().width)).toBe(1920);
+        });
+    });
+    // Issue: at <=768px a left slot with intrinsic width (e.g. a search field) made the right slot
+    // drop to its own row, because right was forced to flex: 1 1 100%.
+    // `default` also has the logo and two 40px gaps in the row, so only a single action icon fits
+    // beside it at 390px (more would correctly wrap -- see the next test).
+    for (const [alignment, icons] of [
+        ['with-navigation-drawer', 3],
+        ['default', 1],
+    ]) {
+        it(`${alignment}: a wide left slot yields, so the right slot stays on the same row at 390px`, async () => {
+            await withViewport(390, 800, async () => {
+                const { root, waitForChanges } = await render(h("bs-navigation-header", { alignment: alignment }, h("input", { slot: "left", style: { width: '380px' }, "aria-label": "Search" }), h("div", { slot: "right", style: { display: 'flex', gap: '8px' } }, Array.from({ length: icons }, (_, i) => (h("bs-icon-button", { ariaLabel: `Action ${i + 1}` }, "x"))))));
+                await waitForChanges();
+                const left = root.shadowRoot.querySelector('[part="left"]');
+                const right = root.shadowRoot.querySelector('[part="right"]');
+                // Same row = the two boxes overlap vertically (they have different heights and are
+                // center-aligned, so their tops legitimately differ).
+                const l = left.getBoundingClientRect();
+                const r = right.getBoundingClientRect();
+                expect(r.top < l.bottom && l.top < r.bottom).toBe(true);
+                // and it stays inside the viewport (no horizontal overflow from the right slot)
+                expect(r.right).toBeLessThanOrEqual(390);
+            });
+        });
+    }
+    it('still wraps the right slot below when the logo and right slot cannot share a row', async () => {
+        await withViewport(320, 800, async () => {
+            const { root, waitForChanges } = await render(h("bs-navigation-header", null, h("div", { slot: "right", style: { display: 'flex', gap: '8px' } }, h("bs-icon-button", { ariaLabel: "1" }, "x"), h("bs-icon-button", { ariaLabel: "2" }, "x"), h("bs-icon-button", { ariaLabel: "3" }, "x"), h("bs-icon-button", { ariaLabel: "4" }, "x"), h("bs-icon-button", { ariaLabel: "5" }, "x"))));
+            await waitForChanges();
+            const logo = root.shadowRoot.querySelector('[part="logo"]');
+            const right = root.shadowRoot.querySelector('[part="right"]');
+            expect(right.getBoundingClientRect().top).toBeGreaterThan(logo.getBoundingClientRect().bottom - 1);
+        });
+    });
+});

package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.css

@@ -1,13 +1,17 @@
 /**
  * @prop --bs-navigation-header-bg: Background of the bar. Aliased to --bs-surface-base.
  * @prop --bs-navigation-header-border: Bottom border color. Aliased to --bs-border-default.
- * @prop --bs-navigation-header-padding-top: Aliased to --bs-spacing-200.
- * @prop --bs-navigation-header-padding-bottom: Aliased to --bs-spacing-100.
+ * @prop --bs-navigation-header-padding-top: Aliased to --bs-spacing-200 (16px). Deliberately larger
+ *   than the bottom padding to match the Figma design, so slotted content sits about 4px below the
+ *   bar's vertical center. For true vertical centering set both paddings to --bs-spacing-150.
+ * @prop --bs-navigation-header-padding-bottom: Aliased to --bs-spacing-100 (8px). See the top
+ *   padding above for why it is smaller.
  * @prop --bs-navigation-header-padding-x: Aliased to --bs-margin-fluid.
- * @prop --bs-navigation-header-max-width: Overall max-width of the bar. The global vendored
- *   --bs-breakpoints-max-width token is malformed (`1920rem` instead of `1920px` -- at a 16px root
- *   font size that's ~30720px, effectively unconstrained), so this is a literal 1920px instead of
- *   aliasing to it.
+ * @prop --bs-navigation-header-max-width: Overall max-width of the bar. Defaults to `none`, so an
+ *   app-shell header spans its container (a 1920px default stopped the bar short on screens wider
+ *   than that while the content below kept going). Set a length, e.g. `1920px`, to cap it. The global
+ *   vendored --bs-breakpoints-max-width token is not used: it is malformed (`1920rem` instead of
+ *   `1920px`).
  * @prop --bs-navigation-header-item-gap: Gap between the logo and the `left` slot (`default`
  *   alignment), or between the `left` and `right` slots (`with-navigation-drawer` alignment, which
  *   has no logo). Not used in `center` alignment -- see the class doc in bs-navigation-header.tsx.
@@ -29,7 +33,7 @@
   --bs-navigation-header-padding-top: var(--bs-spacing-200);
   --bs-navigation-header-padding-bottom: var(--bs-spacing-100);
   --bs-navigation-header-padding-x: var(--bs-margin-fluid);
-  --bs-navigation-header-max-width: 1920px;
+  --bs-navigation-header-max-width: none;
   --bs-navigation-header-item-gap: calc(var(--bs-navigation-header-gap) * 1px);
   --bs-navigation-header-slot-gap: var(--bs-spacing-100);
   --bs-navigation-header-skip-link-bg: var(--bs-surface-action);
@@ -107,15 +111,18 @@
 
 /* Below 768px (same breakpoint bs-navigation-drawer's own small-screen treatment uses, for
    consistency -- this library has no other width-based @media precedent to follow, see that
-   component's CSS for the full reasoning), the bar's non-shrinking children (the fixed-width
-   `bs-logo`, flex-shrink: 0 on `__logo`/`__left` above) no longer reliably fit alongside the
-   `right` slot's action icons in a single row at real small-screen widths (e.g. 390px) -- the
-   `right` slot's min-width: 0 lets flexbox squeeze its *container* down, but the icon buttons
-   inside it don't shrink, so they overflow past the logo instead of wrapping, reading as an
-   overlap/collision. Letting the bar wrap, and forcing `right` onto its own full-width row below
-   (rather than an even smaller, unpredictable wrap point), keeps the logo and action icons from
-   ever sharing contested horizontal space. Only `default`/`with-navigation-drawer` need this --
-   `center`'s logo/right are already flex: 1 and absorb the narrower width themselves. */
+   component's CSS for the full reasoning), the fixed-width `bs-logo` (flex-shrink: 0 on `__logo`
+   above) and the `right` slot's action icons no longer reliably fit in one row at real
+   small-screen widths (e.g. 390px) -- the icon buttons inside `right` don't shrink, so they
+   overflowed past the logo, reading as an overlap/collision. The bar therefore wraps, but only when
+   it has to: `left` takes a zero flex-basis (`flex: 1 1 0%; min-width: 0`) so it yields all its
+   space to the logo and `right` instead of forcing `right` onto its own row whenever `left` has
+   intrinsic width (e.g. a search field), and `right` keeps its natural width (`flex: 0 0 auto`),
+   pushed to the end. When logo + `right` fit together they share one row; when they don't, `right`
+   wraps below, right-aligned. Content slotted into `left` should itself be able to shrink
+   (`width: 100%` / `min-width: 0`) -- a fixed-width element would overflow its container.
+   Only `default`/`with-navigation-drawer` need this -- `center`'s logo/right are already flex: 1
+   and absorb the narrower width themselves. */
 @media (max-width: 768px) {
   .bs-navigation-header--default,
   .bs-navigation-header--with-navigation-drawer {
@@ -123,9 +130,16 @@
     row-gap: var(--bs-navigation-header-slot-gap);
   }
 
+  .bs-navigation-header--default .bs-navigation-header__left,
+  .bs-navigation-header--with-navigation-drawer .bs-navigation-header__left {
+    flex: 1 1 0%;
+    min-width: 0;
+  }
+
   .bs-navigation-header--default .bs-navigation-header__right,
   .bs-navigation-header--with-navigation-drawer .bs-navigation-header__right {
-    flex: 1 1 100%;
+    flex: 0 0 auto;
+    margin-inline-start: auto;
     justify-content: flex-end;
   }
 }

package/dist/components/bs-attachment.js

@@ -1 +1 @@
-import{t,p as e,H as a,c as n,h as s}from"./p-JYlmcxBn.js";import{d as r}from"./p-BkHYJIyj.js";const i=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsRemove=n(this,"bsRemove")}type="image";fileName="Attachment";imageSrc;imageAlt="";loading=!1;removable=!0;bsRemove;onRemoveClick=()=>{this.bsRemove.emit()};render(){return s("div",{key:"824fb2e4d386156dbf23a58118c82fe02bb37f81",class:{"bs-attachment":!0,"bs-attachment--loading":this.loading},"aria-busy":this.loading?"true":"false"},"image"===this.type?this.renderImage():this.renderCard(),this.removable&&s("bs-icon-button",{key:"f7665d54bd9c14185c53cff66ff3fc913358f865",part:"remove",class:"bs-attachment__remove",size:"xs",variant:"neutral",ariaLabel:"Remove attachment: "+this.fileName,onClick:this.onRemoveClick},s(d,{key:"508cb34b696b733bbc78e84af32072439c2d1665"})))}renderImage(){return s("div",{part:"thumbnail",class:"bs-attachment__thumbnail"},s("img",{class:"bs-attachment__image",src:this.imageSrc,alt:this.imageAlt}),this.loading&&s(o,{class:"bs-attachment__spinner bs-attachment__spinner--overlay",size:16}))}renderCard(){return s("div",{part:"card",class:"bs-attachment__card"},s("p",{part:"filename",class:"bs-attachment__filename"},this.fileName),s("span",{part:"badge",class:"bs-attachment__badge bs-attachment__badge--"+this.type},this.loading?s(o,{size:16}):s("pdf"===this.type?b:c,null)))}static get style(){return":host{display:inline-block;--bs-attachment-size:112px;--bs-attachment-radius:var(--bs-border-radius-100);--bs-attachment-border-color:var(--bs-border-default);--bs-attachment-card-bg:var(--bs-surface-base);--bs-attachment-filename-color:var(--bs-text-default);--bs-attachment-badge-bg-pdf:var(--bs-badge-bg-error);--bs-attachment-badge-bg-document:var(--bs-badge-bg-info)}.bs-attachment{box-sizing:border-box;position:relative;display:inline-flex;font-family:inherit}.bs-attachment__thumbnail{position:relative;width:var(--bs-attachment-size);height:var(--bs-attachment-size);border-radius:var(--bs-attachment-radius);overflow:hidden}.bs-attachment--loading .bs-attachment__thumbnail{border:var(--bs-border-width-thin) solid var(--bs-attachment-border-color)}.bs-attachment__image{display:block;width:100%;height:100%;object-fit:cover}.bs-attachment--loading .bs-attachment__image{filter:blur(2px)}.bs-attachment__spinner--overlay{position:absolute;top:50%;left:50%}.bs-attachment__card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100);width:var(--bs-attachment-size);height:var(--bs-attachment-size);padding:var(--bs-spacing-100);background:var(--bs-attachment-card-bg);border:var(--bs-border-width-thin) solid var(--bs-attachment-border-color);border-radius:var(--bs-attachment-radius)}.bs-attachment__filename{margin:0;flex:1 0 0;min-height:0;width:100%;overflow:hidden;color:var(--bs-attachment-filename-color);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px);text-overflow:ellipsis;word-break:break-word}.bs-attachment__badge{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--bs-spacing-50);border-radius:var(--bs-border-radius-50)}.bs-attachment__badge--pdf{background:var(--bs-attachment-badge-bg-pdf)}.bs-attachment__badge--document{background:var(--bs-attachment-badge-bg-document)}.bs-attachment__remove{position:absolute;top:var(--bs-spacing-100);inset-inline-end:var(--bs-spacing-100);opacity:0;pointer-events:none;transition:opacity var(--bs-duration-fast) var(--bs-easing-standard)}.bs-attachment:hover .bs-attachment__remove,.bs-attachment:focus-within .bs-attachment__remove{opacity:1;pointer-events:auto}.bs-attachment__spinner{display:inline-block;box-sizing:border-box;border:2px solid rgba(255, 255, 255, 0.35);border-top-color:var(--bs-white);border-radius:50%;animation:bs-attachment-spin 0.8s linear infinite}.bs-attachment__spinner.bs-attachment__spinner--overlay{animation-name:bs-attachment-spin-centered}@keyframes bs-attachment-spin{to{transform:rotate(360deg)}}@keyframes bs-attachment-spin-centered{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bs-attachment__spinner{animation:none}}"}},[513,"bs-attachment",{type:[1],fileName:[1,"file-name"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],loading:[4],removable:[4]}]),o=({class:t,size:e=16})=>s("span",{class:"bs-attachment__spinner "+(t??""),style:{width:e+"px",height:e+"px"},role:"status","aria-label":"Uploading"}),d=()=>s("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("path",{d:"M6.25 1.75L1.75 6.25",stroke:"currentColor","stroke-width":"0.666667","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M6.25 6.25L1.75 1.75",stroke:"currentColor","stroke-width":"0.666667","stroke-linecap":"round","stroke-linejoin":"round"})),b=()=>s("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("path",{d:"M13.5 9.5H11.5V13",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M13 11.5H11.5",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M3 12H4C4.33152 12 4.64946 11.8683 4.88388 11.6339C5.1183 11.3995 5.25 11.0815 5.25 10.75C5.25 10.4185 5.1183 10.1005 4.88388 9.86612C4.64946 9.6317 4.33152 9.5 4 9.5H3V13",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M7 9.5V13H8C8.46413 13 8.90925 12.8156 9.23744 12.4874C9.56563 12.1592 9.75 11.7141 9.75 11.25C9.75 10.7859 9.56563 10.3408 9.23744 10.0126C8.90925 9.68437 8.46413 9.5 8 9.5H7Z",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M3 7V2.5C3 2.36739 3.05268 2.24021 3.14645 2.14645C3.24021 2.05268 3.36739 2 3.5 2H9.5L13 5.5V7",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M9.5 2V5.5H13",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"})),c=()=>s("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("path",{d:"M2.25 9.5V13H3.25C3.71413 13 4.15925 12.8156 4.48744 12.4874C4.81563 12.1592 5 11.7141 5 11.25C5 10.7859 4.81563 10.3408 4.48744 10.0126C4.15925 9.68437 3.71413 9.5 3.25 9.5H2.25Z",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M13.5 12.5544C13.3724 12.6928 13.2179 12.8038 13.046 12.8804C12.874 12.957 12.6882 12.9977 12.5 13C11.6712 13 11 12.2163 11 11.25C11 10.2837 11.6712 9.5 12.5 9.5C12.6882 9.50228 12.874 9.54298 13.046 9.61961C13.2179 9.69624 13.3724 9.80718 13.5 9.94563",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M3 7V2.5C3 2.36739 3.05268 2.24021 3.14645 2.14645C3.24021 2.05268 3.36739 2 3.5 2H9.5L13 5.5V7",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M9.5 2V5.5H13",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M8 13C8.82843 13 9.5 12.2165 9.5 11.25C9.5 10.2835 8.82843 9.5 8 9.5C7.17157 9.5 6.5 10.2835 6.5 11.25C6.5 12.2165 7.17157 13 8 13Z",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}));function h(){"undefined"!=typeof customElements&&["bs-attachment","bs-icon-button"].forEach((e=>{switch(e){case"bs-attachment":customElements.get(t(e))||customElements.define(t(e),i);break;case"bs-icon-button":customElements.get(t(e))||r()}}))}h();const l=i,m=h;export{l as BsAttachment,m as defineCustomElement}
+import{t,p as e,H as a,c as n,h as s}from"./p-JYlmcxBn.js";import{d as r}from"./p-BoeorHNv.js";const i=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsRemove=n(this,"bsRemove")}type="image";fileName="Attachment";imageSrc;imageAlt="";loading=!1;removable=!0;bsRemove;onRemoveClick=()=>{this.bsRemove.emit()};render(){return s("div",{key:"824fb2e4d386156dbf23a58118c82fe02bb37f81",class:{"bs-attachment":!0,"bs-attachment--loading":this.loading},"aria-busy":this.loading?"true":"false"},"image"===this.type?this.renderImage():this.renderCard(),this.removable&&s("bs-icon-button",{key:"f7665d54bd9c14185c53cff66ff3fc913358f865",part:"remove",class:"bs-attachment__remove",size:"xs",variant:"neutral",ariaLabel:"Remove attachment: "+this.fileName,onClick:this.onRemoveClick},s(d,{key:"508cb34b696b733bbc78e84af32072439c2d1665"})))}renderImage(){return s("div",{part:"thumbnail",class:"bs-attachment__thumbnail"},s("img",{class:"bs-attachment__image",src:this.imageSrc,alt:this.imageAlt}),this.loading&&s(o,{class:"bs-attachment__spinner bs-attachment__spinner--overlay",size:16}))}renderCard(){return s("div",{part:"card",class:"bs-attachment__card"},s("p",{part:"filename",class:"bs-attachment__filename"},this.fileName),s("span",{part:"badge",class:"bs-attachment__badge bs-attachment__badge--"+this.type},this.loading?s(o,{size:16}):s("pdf"===this.type?b:c,null)))}static get style(){return":host{display:inline-block;--bs-attachment-size:112px;--bs-attachment-radius:var(--bs-border-radius-100);--bs-attachment-border-color:var(--bs-border-default);--bs-attachment-card-bg:var(--bs-surface-base);--bs-attachment-filename-color:var(--bs-text-default);--bs-attachment-badge-bg-pdf:var(--bs-badge-bg-error);--bs-attachment-badge-bg-document:var(--bs-badge-bg-info)}.bs-attachment{box-sizing:border-box;position:relative;display:inline-flex;font-family:inherit}.bs-attachment__thumbnail{position:relative;width:var(--bs-attachment-size);height:var(--bs-attachment-size);border-radius:var(--bs-attachment-radius);overflow:hidden}.bs-attachment--loading .bs-attachment__thumbnail{border:var(--bs-border-width-thin) solid var(--bs-attachment-border-color)}.bs-attachment__image{display:block;width:100%;height:100%;object-fit:cover}.bs-attachment--loading .bs-attachment__image{filter:blur(2px)}.bs-attachment__spinner--overlay{position:absolute;top:50%;left:50%}.bs-attachment__card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100);width:var(--bs-attachment-size);height:var(--bs-attachment-size);padding:var(--bs-spacing-100);background:var(--bs-attachment-card-bg);border:var(--bs-border-width-thin) solid var(--bs-attachment-border-color);border-radius:var(--bs-attachment-radius)}.bs-attachment__filename{margin:0;flex:1 0 0;min-height:0;width:100%;overflow:hidden;color:var(--bs-attachment-filename-color);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px);text-overflow:ellipsis;word-break:break-word}.bs-attachment__badge{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--bs-spacing-50);border-radius:var(--bs-border-radius-50)}.bs-attachment__badge--pdf{background:var(--bs-attachment-badge-bg-pdf)}.bs-attachment__badge--document{background:var(--bs-attachment-badge-bg-document)}.bs-attachment__remove{position:absolute;top:var(--bs-spacing-100);inset-inline-end:var(--bs-spacing-100);opacity:0;pointer-events:none;transition:opacity var(--bs-duration-fast) var(--bs-easing-standard)}.bs-attachment:hover .bs-attachment__remove,.bs-attachment:focus-within .bs-attachment__remove{opacity:1;pointer-events:auto}.bs-attachment__spinner{display:inline-block;box-sizing:border-box;border:2px solid rgba(255, 255, 255, 0.35);border-top-color:var(--bs-white);border-radius:50%;animation:bs-attachment-spin 0.8s linear infinite}.bs-attachment__spinner.bs-attachment__spinner--overlay{animation-name:bs-attachment-spin-centered}@keyframes bs-attachment-spin{to{transform:rotate(360deg)}}@keyframes bs-attachment-spin-centered{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bs-attachment__spinner{animation:none}}"}},[513,"bs-attachment",{type:[1],fileName:[1,"file-name"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],loading:[4],removable:[4]}]),o=({class:t,size:e=16})=>s("span",{class:"bs-attachment__spinner "+(t??""),style:{width:e+"px",height:e+"px"},role:"status","aria-label":"Uploading"}),d=()=>s("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("path",{d:"M6.25 1.75L1.75 6.25",stroke:"currentColor","stroke-width":"0.666667","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M6.25 6.25L1.75 1.75",stroke:"currentColor","stroke-width":"0.666667","stroke-linecap":"round","stroke-linejoin":"round"})),b=()=>s("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("path",{d:"M13.5 9.5H11.5V13",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M13 11.5H11.5",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M3 12H4C4.33152 12 4.64946 11.8683 4.88388 11.6339C5.1183 11.3995 5.25 11.0815 5.25 10.75C5.25 10.4185 5.1183 10.1005 4.88388 9.86612C4.64946 9.6317 4.33152 9.5 4 9.5H3V13",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M7 9.5V13H8C8.46413 13 8.90925 12.8156 9.23744 12.4874C9.56563 12.1592 9.75 11.7141 9.75 11.25C9.75 10.7859 9.56563 10.3408 9.23744 10.0126C8.90925 9.68437 8.46413 9.5 8 9.5H7Z",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M3 7V2.5C3 2.36739 3.05268 2.24021 3.14645 2.14645C3.24021 2.05268 3.36739 2 3.5 2H9.5L13 5.5V7",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M9.5 2V5.5H13",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"})),c=()=>s("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("path",{d:"M2.25 9.5V13H3.25C3.71413 13 4.15925 12.8156 4.48744 12.4874C4.81563 12.1592 5 11.7141 5 11.25C5 10.7859 4.81563 10.3408 4.48744 10.0126C4.15925 9.68437 3.71413 9.5 3.25 9.5H2.25Z",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M13.5 12.5544C13.3724 12.6928 13.2179 12.8038 13.046 12.8804C12.874 12.957 12.6882 12.9977 12.5 13C11.6712 13 11 12.2163 11 11.25C11 10.2837 11.6712 9.5 12.5 9.5C12.6882 9.50228 12.874 9.54298 13.046 9.61961C13.2179 9.69624 13.3724 9.80718 13.5 9.94563",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M3 7V2.5C3 2.36739 3.05268 2.24021 3.14645 2.14645C3.24021 2.05268 3.36739 2 3.5 2H9.5L13 5.5V7",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M9.5 2V5.5H13",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}),s("path",{d:"M8 13C8.82843 13 9.5 12.2165 9.5 11.25C9.5 10.2835 8.82843 9.5 8 9.5C7.17157 9.5 6.5 10.2835 6.5 11.25C6.5 12.2165 7.17157 13 8 13Z",stroke:"white","stroke-linecap":"round","stroke-linejoin":"round"}));function h(){"undefined"!=typeof customElements&&["bs-attachment","bs-icon-button"].forEach((e=>{switch(e){case"bs-attachment":customElements.get(t(e))||customElements.define(t(e),i);break;case"bs-icon-button":customElements.get(t(e))||r()}}))}h();const l=i,m=h;export{l as BsAttachment,m as defineCustomElement}

package/dist/components/bs-breadcrumb-overflow.js

@@ -1 +1 @@
-import{t as e,p as r,H as o,h as s,d as a}from"./p-JYlmcxBn.js";import{d as b}from"./p-Buly0d5G.js";const i=r(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}items=[];overflowLabel="Show hidden breadcrumbs";size="md";open=!1;onEllipsisToggle=()=>{this.open=!this.open};onHostKeydown(e){this.open&&"Escape"===e.key&&(this.open=!1)}onHostFocusOut(e){if(!this.open)return;const r=e.relatedTarget;r&&this.el.contains(r)||(this.open=!1)}render(){return s(a,{key:"6219cabef08760aa3940d9a4e12d6e5ecd21e407",role:"listitem"},s("span",{key:"59261696d02c49b1ea81b29d822d6d42c4fbafd5",part:"separator",class:"bs-breadcrumb-overflow__separator","aria-hidden":"true"},s(l,{key:"62921ade525de21d7e74e732e0736c345fef87b7"})),s("span",{key:"0a8e9a9dc472ab9d1b63bdd497ceda12e04a736a",class:"bs-breadcrumb-overflow__wrapper"},s("button",{key:"6930b4b341ee5b810eae5ffe32e33022402a01d3",type:"button",part:"ellipsis",class:"bs-breadcrumb-overflow__ellipsis","aria-haspopup":"menu","aria-expanded":this.open+"","aria-label":this.overflowLabel,onClick:this.onEllipsisToggle},s(t,{key:"c9cf273fa51bac2bf11953d294184be641a47a9f"})),this.open&&this.items.length>0&&s("bs-menu",{key:"1a1948a75569ad7639131d2982c8ebdf28027f85",part:"menu",class:"bs-breadcrumb-overflow__menu"},this.items.map((e=>e.href?s("a",{part:"link",class:"bs-breadcrumb-overflow__link",href:e.href},e.label):s("span",{part:"link",class:"bs-breadcrumb-overflow__link"},e.label))))))}static get style(){return":host{display:inline-flex;align-items:center;--bs-breadcrumb-overflow-gap:var(--bs-spacing-50);--bs-breadcrumb-overflow-separator-color:var(--bs-icon-default);--bs-breadcrumb-overflow-ellipsis-color:var(--bs-icon-muted);--bs-breadcrumb-overflow-radius:var(--bs-border-radius-100);--bs-breadcrumb-overflow-padding-y:var(--bs-spacing-100);--bs-breadcrumb-overflow-padding-x:var(--bs-spacing-150);--bs-breadcrumb-overflow-hover:var(--bs-color-neutral-container-hover);--bs-breadcrumb-overflow-color:var(--bs-text-muted);--bs-breadcrumb-overflow-font-size:var(--bs-font-size-md);--bs-breadcrumb-overflow-line-height:var(--bs-line-height-body-md);--bs-breadcrumb-overflow-font-size-sm:var(--bs-font-size-sm);--bs-breadcrumb-overflow-line-height-sm:var(--bs-line-height-body-sm);gap:var(--bs-breadcrumb-overflow-gap)}:host(:first-child) .bs-breadcrumb-overflow__separator{display:none}:host([size='sm']) .bs-breadcrumb-overflow__link{font-size:var(--bs-breadcrumb-overflow-font-size-sm);line-height:calc(var(--bs-breadcrumb-overflow-line-height-sm) * 1px)}.bs-breadcrumb-overflow__separator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--bs-breadcrumb-overflow-separator-color)}.bs-breadcrumb-overflow__separator svg{width:16px;height:16px}.bs-breadcrumb-overflow__wrapper{position:relative;display:inline-flex}.bs-breadcrumb-overflow__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;padding:0;border:none;background:transparent;cursor:pointer;color:var(--bs-breadcrumb-overflow-ellipsis-color);border-radius:var(--bs-breadcrumb-overflow-radius)}.bs-breadcrumb-overflow__ellipsis:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-breadcrumb-overflow__ellipsis svg{width:24px;height:24px}.bs-breadcrumb-overflow__menu{position:absolute;top:calc(100% + var(--bs-breadcrumb-overflow-gap));inset-inline-start:0;z-index:1;white-space:nowrap}.bs-breadcrumb-overflow__link{display:block;box-sizing:border-box;padding:var(--bs-breadcrumb-overflow-padding-y) var(--bs-breadcrumb-overflow-padding-x);border-radius:var(--bs-breadcrumb-overflow-radius);color:var(--bs-breadcrumb-overflow-color);font-size:var(--bs-breadcrumb-overflow-font-size);line-height:calc(var(--bs-breadcrumb-overflow-line-height) * 1px);text-decoration:none;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}a.bs-breadcrumb-overflow__link:hover,a.bs-breadcrumb-overflow__link:focus-visible{background:var(--bs-breadcrumb-overflow-hover)}a.bs-breadcrumb-overflow__link:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:-2px}"}},[513,"bs-breadcrumb-overflow",{items:[16],overflowLabel:[1,"overflow-label"],size:[513],open:[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]),l=()=>s("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("path",{d:"M6 3L11 8L6 13",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),t=()=>s("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("path",{fill:"currentColor",d:"M12 13.125C12.6213 13.125 13.125 12.6213 13.125 12C13.125 11.3787 12.6213 10.875 12 10.875C11.3787 10.875 10.875 11.3787 10.875 12C10.875 12.6213 11.3787 13.125 12 13.125Z"}),s("path",{fill:"currentColor",d:"M18.375 13.125C18.9963 13.125 19.5 12.6213 19.5 12C19.5 11.3787 18.9963 10.875 18.375 10.875C17.7537 10.875 17.25 11.3787 17.25 12C17.25 12.6213 17.7537 13.125 18.375 13.125Z"}),s("path",{fill:"currentColor",d:"M5.625 13.125C6.24632 13.125 6.75 12.6213 6.75 12C6.75 11.3787 6.24632 10.875 5.625 10.875C5.00368 10.875 4.5 11.3787 4.5 12C4.5 12.6213 5.00368 13.125 5.625 13.125Z"}));function n(){"undefined"!=typeof customElements&&["bs-breadcrumb-overflow","bs-menu"].forEach((r=>{switch(r){case"bs-breadcrumb-overflow":customElements.get(e(r))||customElements.define(e(r),i);break;case"bs-menu":customElements.get(e(r))||b()}}))}n();const d=i,c=n;export{d as BsBreadcrumbOverflow,c as defineCustomElement}
+import{t as e,p as r,H as o,c as s,h as a,d as b}from"./p-JYlmcxBn.js";import{d as i}from"./p-Buly0d5G.js";const l=r(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsNavigate=s(this,"bsNavigate")}get el(){return this}items=[];overflowLabel="Show hidden breadcrumbs";size="md";open=!1;bsNavigate;onItemClick=e=>r=>{r.defaultPrevented||0!==r.button||r.metaKey||r.ctrlKey||r.shiftKey||r.altKey||this.bsNavigate.emit({href:e}).defaultPrevented&&r.preventDefault()};onEllipsisToggle=()=>{this.open=!this.open};onHostKeydown(e){this.open&&"Escape"===e.key&&(this.open=!1)}onHostFocusOut(e){if(!this.open)return;const r=e.relatedTarget;r&&this.el.contains(r)||(this.open=!1)}render(){return a(b,{key:"4dd958f3f99f42072bb314654fc5a0856d8e41c4",role:"listitem"},a("span",{key:"ab7d01467e99b810b62e71d7ed289316470529f5",part:"separator",class:"bs-breadcrumb-overflow__separator","aria-hidden":"true"},a(t,{key:"6590de37057e39c4c914fde3dc3490e17566ad66"})),a("span",{key:"63081f592180f605716221c80dbb877acf926d48",class:"bs-breadcrumb-overflow__wrapper"},a("button",{key:"0ec87f47561dc329269b1fefef0ccb76dae4cdb4",type:"button",part:"ellipsis",class:"bs-breadcrumb-overflow__ellipsis","aria-haspopup":"menu","aria-expanded":this.open+"","aria-label":this.overflowLabel,onClick:this.onEllipsisToggle},a(n,{key:"6da3c5bee9f532264e2e58227dccc4dfc3786782"})),this.open&&this.items.length>0&&a("bs-menu",{key:"66f772f0f53090e960d2a9b08e1283989dfc02f8",part:"menu",class:"bs-breadcrumb-overflow__menu"},this.items.map((e=>e.href?a("a",{part:"link",class:"bs-breadcrumb-overflow__link",href:e.href,onClick:this.onItemClick(e.href)},e.label):a("span",{part:"link",class:"bs-breadcrumb-overflow__link"},e.label))))))}static get style(){return":host{display:inline-flex;align-items:center;--bs-breadcrumb-overflow-gap:var(--bs-spacing-50);--bs-breadcrumb-overflow-separator-color:var(--bs-icon-default);--bs-breadcrumb-overflow-ellipsis-color:var(--bs-icon-muted);--bs-breadcrumb-overflow-radius:var(--bs-border-radius-100);--bs-breadcrumb-overflow-padding-y:var(--bs-spacing-100);--bs-breadcrumb-overflow-padding-x:var(--bs-spacing-150);--bs-breadcrumb-overflow-hover:var(--bs-color-neutral-container-hover);--bs-breadcrumb-overflow-color:var(--bs-text-muted);--bs-breadcrumb-overflow-font-size:var(--bs-font-size-md);--bs-breadcrumb-overflow-line-height:var(--bs-line-height-body-md);--bs-breadcrumb-overflow-font-size-sm:var(--bs-font-size-sm);--bs-breadcrumb-overflow-line-height-sm:var(--bs-line-height-body-sm);gap:var(--bs-breadcrumb-overflow-gap)}:host(:first-child) .bs-breadcrumb-overflow__separator{display:none}:host([size='sm']) .bs-breadcrumb-overflow__link{font-size:var(--bs-breadcrumb-overflow-font-size-sm);line-height:calc(var(--bs-breadcrumb-overflow-line-height-sm) * 1px)}.bs-breadcrumb-overflow__separator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--bs-breadcrumb-overflow-separator-color)}.bs-breadcrumb-overflow__separator svg{width:16px;height:16px}.bs-breadcrumb-overflow__wrapper{position:relative;display:inline-flex}.bs-breadcrumb-overflow__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;padding:0;border:none;background:transparent;cursor:pointer;color:var(--bs-breadcrumb-overflow-ellipsis-color);border-radius:var(--bs-breadcrumb-overflow-radius)}.bs-breadcrumb-overflow__ellipsis:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-breadcrumb-overflow__ellipsis svg{width:24px;height:24px}.bs-breadcrumb-overflow__menu{position:absolute;top:calc(100% + var(--bs-breadcrumb-overflow-gap));inset-inline-start:0;z-index:1;white-space:nowrap}.bs-breadcrumb-overflow__link{display:block;box-sizing:border-box;padding:var(--bs-breadcrumb-overflow-padding-y) var(--bs-breadcrumb-overflow-padding-x);border-radius:var(--bs-breadcrumb-overflow-radius);color:var(--bs-breadcrumb-overflow-color);font-size:var(--bs-breadcrumb-overflow-font-size);line-height:calc(var(--bs-breadcrumb-overflow-line-height) * 1px);text-decoration:none;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}a.bs-breadcrumb-overflow__link:hover,a.bs-breadcrumb-overflow__link:focus-visible{background:var(--bs-breadcrumb-overflow-hover)}a.bs-breadcrumb-overflow__link:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:-2px}"}},[513,"bs-breadcrumb-overflow",{items:[16],overflowLabel:[1,"overflow-label"],size:[513],open:[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]),t=()=>a("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{d:"M6 3L11 8L6 13",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),n=()=>a("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{fill:"currentColor",d:"M12 13.125C12.6213 13.125 13.125 12.6213 13.125 12C13.125 11.3787 12.6213 10.875 12 10.875C11.3787 10.875 10.875 11.3787 10.875 12C10.875 12.6213 11.3787 13.125 12 13.125Z"}),a("path",{fill:"currentColor",d:"M18.375 13.125C18.9963 13.125 19.5 12.6213 19.5 12C19.5 11.3787 18.9963 10.875 18.375 10.875C17.7537 10.875 17.25 11.3787 17.25 12C17.25 12.6213 17.7537 13.125 18.375 13.125Z"}),a("path",{fill:"currentColor",d:"M5.625 13.125C6.24632 13.125 6.75 12.6213 6.75 12C6.75 11.3787 6.24632 10.875 5.625 10.875C5.00368 10.875 4.5 11.3787 4.5 12C4.5 12.6213 5.00368 13.125 5.625 13.125Z"}));function d(){"undefined"!=typeof customElements&&["bs-breadcrumb-overflow","bs-menu"].forEach((r=>{switch(r){case"bs-breadcrumb-overflow":customElements.get(e(r))||customElements.define(e(r),l);break;case"bs-menu":customElements.get(e(r))||i()}}))}d();const c=l,u=d;export{c as BsBreadcrumbOverflow,u as defineCustomElement}

package/dist/components/bs-breadcrumb.js

@@ -1 +1 @@
-import{t as r,p as e,H as s,h as a,d as b}from"./p-JYlmcxBn.js";const t=e(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}href;current=!1;size="md";render(){return a(b,{key:"f9c93eed4d4844e03cdfc50c9efbee238c188257",role:"listitem"},a("span",{key:"e0f26700582662cd4269bd786a9c81fd8031716e",part:"separator",class:"bs-breadcrumb__separator","aria-hidden":"true"},a(o,{key:"77e8ed02ffd367e9b7ca39869ab41a95759450e4"})),this.current?a("span",{part:"current",class:"bs-breadcrumb__current","aria-current":"page"},a("slot",null)):this.href?a("a",{part:"link",class:"bs-breadcrumb__link",href:this.href},a("slot",null)):a("span",{part:"link",class:"bs-breadcrumb__link"},a("slot",null)))}static get style(){return":host{display:inline-flex;align-items:center;--bs-breadcrumb-gap:var(--bs-spacing-50);--bs-breadcrumb-separator-color:var(--bs-icon-default);--bs-breadcrumb-color-default:var(--bs-text-muted);--bs-breadcrumb-color-hover:var(--bs-text-default);--bs-breadcrumb-color-current:var(--bs-text-default);--bs-breadcrumb-font-size:var(--bs-font-size-md);--bs-breadcrumb-line-height:var(--bs-line-height-body-md);--bs-breadcrumb-font-size-sm:var(--bs-font-size-sm);--bs-breadcrumb-line-height-sm:var(--bs-line-height-body-sm);--bs-breadcrumb-font-weight-default:var(--bs-font-weight-regular);--bs-breadcrumb-font-weight-current:var(--bs-font-weight-semibold);--bs-breadcrumb-focus-ring-color:var(--bs-border-neutral-focus);--bs-breadcrumb-radius:var(--bs-border-radius-50);gap:var(--bs-breadcrumb-gap);font-family:inherit;font-size:var(--bs-breadcrumb-font-size);line-height:calc(var(--bs-breadcrumb-line-height) * 1px)}:host(:first-child) .bs-breadcrumb__separator{display:none}:host([size='sm']){font-size:var(--bs-breadcrumb-font-size-sm);line-height:calc(var(--bs-breadcrumb-line-height-sm) * 1px)}.bs-breadcrumb__separator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--bs-breadcrumb-separator-color)}.bs-breadcrumb__separator svg{width:16px;height:16px}.bs-breadcrumb__link{color:var(--bs-breadcrumb-color-default);font-weight:var(--bs-breadcrumb-font-weight-default);text-decoration:none;border-radius:var(--bs-breadcrumb-radius);transition:color var(--bs-duration-fast) var(--bs-easing-standard)}a.bs-breadcrumb__link:hover{color:var(--bs-breadcrumb-color-hover)}a.bs-breadcrumb__link:focus-visible{outline:2px solid var(--bs-breadcrumb-focus-ring-color);outline-offset:2px}.bs-breadcrumb__current{color:var(--bs-breadcrumb-color-current);font-weight:var(--bs-breadcrumb-font-weight-current)}"}},[769,"bs-breadcrumb",{href:[1],current:[516],size:[513]}]),o=()=>a("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{d:"M6 3L11 8L6 13",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function c(){"undefined"!=typeof customElements&&["bs-breadcrumb"].forEach((e=>{"bs-breadcrumb"===e&&(customElements.get(r(e))||customElements.define(r(e),t))}))}c();const i=t,n=c;export{i as BsBreadcrumb,n as defineCustomElement}
+import{t as r,p as e,H as s,c as a,h as b,d as t}from"./p-JYlmcxBn.js";const i=e(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bsNavigate=a(this,"bsNavigate")}href;current=!1;size="md";bsNavigate;onLinkClick=r=>{r.defaultPrevented||0!==r.button||r.metaKey||r.ctrlKey||r.shiftKey||r.altKey||this.bsNavigate.emit({href:this.href}).defaultPrevented&&r.preventDefault()};render(){return b(t,{key:"92b78d6b9eeb98420ed6a42496d632d4d437ea78",role:"listitem"},b("span",{key:"0fbd23cacfecc6b5ea75c250d65875a1087913f7",part:"separator",class:"bs-breadcrumb__separator","aria-hidden":"true"},b(o,{key:"2799c66de6d3291622bd3dea39e4c1f7f97a1bc9"})),this.current?b("span",{part:"current",class:"bs-breadcrumb__current","aria-current":"page"},b("slot",null)):this.href?b("a",{part:"link",class:"bs-breadcrumb__link",href:this.href,onClick:this.onLinkClick},b("slot",null)):b("span",{part:"link",class:"bs-breadcrumb__link"},b("slot",null)))}static get style(){return":host{display:inline-flex;align-items:center;--bs-breadcrumb-gap:var(--bs-spacing-50);--bs-breadcrumb-separator-color:var(--bs-icon-default);--bs-breadcrumb-color-default:var(--bs-text-muted);--bs-breadcrumb-color-hover:var(--bs-text-default);--bs-breadcrumb-color-current:var(--bs-text-default);--bs-breadcrumb-font-size:var(--bs-font-size-md);--bs-breadcrumb-line-height:var(--bs-line-height-body-md);--bs-breadcrumb-font-size-sm:var(--bs-font-size-sm);--bs-breadcrumb-line-height-sm:var(--bs-line-height-body-sm);--bs-breadcrumb-font-weight-default:var(--bs-font-weight-regular);--bs-breadcrumb-font-weight-current:var(--bs-font-weight-semibold);--bs-breadcrumb-focus-ring-color:var(--bs-border-neutral-focus);--bs-breadcrumb-radius:var(--bs-border-radius-50);gap:var(--bs-breadcrumb-gap);font-family:inherit;font-size:var(--bs-breadcrumb-font-size);line-height:calc(var(--bs-breadcrumb-line-height) * 1px)}:host(:first-child) .bs-breadcrumb__separator{display:none}:host([size='sm']){font-size:var(--bs-breadcrumb-font-size-sm);line-height:calc(var(--bs-breadcrumb-line-height-sm) * 1px)}.bs-breadcrumb__separator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--bs-breadcrumb-separator-color)}.bs-breadcrumb__separator svg{width:16px;height:16px}.bs-breadcrumb__link{color:var(--bs-breadcrumb-color-default);font-weight:var(--bs-breadcrumb-font-weight-default);text-decoration:none;border-radius:var(--bs-breadcrumb-radius);transition:color var(--bs-duration-fast) var(--bs-easing-standard)}a.bs-breadcrumb__link:hover{color:var(--bs-breadcrumb-color-hover)}a.bs-breadcrumb__link:focus-visible{outline:2px solid var(--bs-breadcrumb-focus-ring-color);outline-offset:2px}.bs-breadcrumb__current{color:var(--bs-breadcrumb-color-current);font-weight:var(--bs-breadcrumb-font-weight-current)}"}},[769,"bs-breadcrumb",{href:[1],current:[516],size:[513]}]),o=()=>b("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},b("path",{d:"M6 3L11 8L6 13",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function c(){"undefined"!=typeof customElements&&["bs-breadcrumb"].forEach((e=>{"bs-breadcrumb"===e&&(customElements.get(r(e))||customElements.define(r(e),i))}))}c();const n=i,d=c;export{n as BsBreadcrumb,d as defineCustomElement}

package/dist/components/bs-carousel.js

@@ -1 +1 @@
-import{t as e,p as s,H as t,c as a,h as r}from"./p-JYlmcxBn.js";import{d as i}from"./p-CpUHnsq9.js";import{d as o}from"./p-BkHYJIyj.js";import{d as l}from"./p-EtXc94lJ.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsPageChange=a(this,"bsPageChange"),this.bsPauseChange=a(this,"bsPauseChange")}get el(){return this}tracker="dots";slidesPerView=3;currentPage=1;autoplay=!1;interval=5e3;paused=!1;label="Carousel";previousLabel="Previous slide";nextLabel="Next slide";pauseLabel="Pause";playLabel="Play";bsPageChange;bsPauseChange;slideCount=0;interacting=!1;timer;get slides(){return Array.from(this.el.children).filter((e=>!e.hasAttribute("slot")))}get perView(){return Number.isFinite(this.slidesPerView)&&this.slidesPerView>=1?Math.floor(this.slidesPerView):1}get pageCount(){return Math.max(1,Math.ceil(this.slideCount/this.perView))}get page(){return Math.min(Math.max(1,Math.floor(this.currentPage)||1),this.pageCount)}componentWillLoad(){this.slideCount=this.slides.length,this.currentPage!==this.page&&(this.currentPage=this.page),this.autoplay&&window.matchMedia?.("(prefers-reduced-motion: reduce)").matches&&(this.paused=!0)}componentDidLoad(){this.applySlides(),this.updateTimer()}componentDidRender(){this.applySlides()}disconnectedCallback(){this.stopTimer()}onCurrentPageChange(){this.currentPage!==this.page&&(this.currentPage=this.page)}updateTimer(){this.stopTimer(),this.autoplay&&!this.paused&&!this.interacting&&this.pageCount>1&&(this.timer=window.setInterval((()=>this.goTo(this.page>=this.pageCount?1:this.page+1)),Math.max(250,this.interval)))}stopTimer(){void 0!==this.timer&&(window.clearInterval(this.timer),this.timer=void 0)}onMouseEnter(){this.interacting=!0}onMouseLeave(){this.interacting=this.el.matches(":focus-within")}onFocusIn(){this.interacting=!0}onFocusOut(){this.interacting=this.el.matches(":hover")}goTo(e){const s=Math.min(Math.max(1,e),this.pageCount);s!==this.page&&(this.currentPage=s,this.bsPageChange.emit(s))}applySlides(){const e=this.slides,s=(this.page-1)*this.perView;e.forEach(((t,a)=>{t.hidden=a<s||a>=s+this.perView,t.hasAttribute("role")||t.setAttribute("role","group"),t.hasAttribute("aria-roledescription")||t.setAttribute("aria-roledescription","slide"),t.hasAttribute("aria-label")||t.setAttribute("aria-label",`${a+1} of ${e.length}`)}))}onSlotChange=()=>{this.slideCount=this.slides.length};onTogglePause=()=>{this.paused=!this.paused,this.bsPauseChange.emit(this.paused)};renderPause(){return this.autoplay?r("bs-button",{part:"pause",variant:"neutral",size:"md",onClick:this.onTogglePause},r(this.paused?h:d,null),this.paused?this.playLabel:this.pauseLabel):null}renderDotsTracker(){const e=this.page;return[r("bs-icon-button",{part:"prev",variant:"subtle",size:"sm",ariaLabel:this.previousLabel,disabled:e<=1,onClick:()=>this.goTo(e-1)},r(c,null)),r("div",{part:"dots",class:"bs-carousel__dots","aria-hidden":"true"},Array.from({length:this.pageCount},((s,t)=>r("span",{part:t+1===e?"dot current":"dot",class:"bs-carousel__dot "+(t+1===e?"bs-carousel__dot--active":"")})))),r("bs-icon-button",{part:"next",variant:"subtle",size:"sm",ariaLabel:this.nextLabel,disabled:e>=this.pageCount,onClick:()=>this.goTo(e+1)},r(u,null))]}render(){const e=this.pageCount>1;return r("section",{key:"4d3a0024b4f407a595769bc3dce7270104a0aeb7",part:"carousel",class:"bs-carousel",role:"region","aria-roledescription":"carousel","aria-label":this.label,style:{"--bs-carousel-slides-per-view":this.perView+""}},r("div",{key:"7160dbff92ce24112a5ebe54f10cfb4034d29750",part:"slides",class:"bs-carousel__slides","aria-live":!this.autoplay||this.paused||this.interacting?"polite":"off"},r("slot",{key:"fee4505b4a303719c62f9a7b76bea784ef920a20",onSlotchange:this.onSlotChange})),e&&r("div",{key:"d70a3780f4d9c00c087d931fb4b50401890a2c38",part:"tracker",class:"bs-carousel__tracker"},"numbers"===this.tracker?r("bs-pagination",{part:"pagination",totalPages:this.pageCount,currentPage:this.page,onBsPageChange:e=>{e.stopPropagation(),this.goTo(e.detail)}}):r("div",{class:"bs-carousel__nav"},this.renderDotsTracker()),this.renderPause()))}static get watchers(){return{currentPage:[{onCurrentPageChange:0}],autoplay:[{updateTimer:0}],paused:[{updateTimer:0}],interval:[{updateTimer:0}],interacting:[{updateTimer:0}],slideCount:[{updateTimer:0}],slidesPerView:[{updateTimer:0}]}}static get style(){return":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}}"}},[769,"bs-carousel",{tracker:[1],slidesPerView:[2,"slides-per-view"],currentPage:[1538,"current-page"],autoplay:[4],interval:[2],paused:[1540],label:[1],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],pauseLabel:[1,"pause-label"],playLabel:[1,"play-label"],slideCount:[32],interacting:[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{currentPage:[{onCurrentPageChange:0}],autoplay:[{updateTimer:0}],paused:[{updateTimer:0}],interval:[{updateTimer:0}],interacting:[{updateTimer:0}],slideCount:[{updateTimer:0}],slidesPerView:[{updateTimer:0}]}]),c=()=>r("svg",{class:"bs-carousel__chevron",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),u=()=>r("svg",{class:"bs-carousel__chevron",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M9 18L15 12L9 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),d=()=>r("svg",{slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("rect",{x:"6",y:"5",width:"4",height:"14",rx:"1",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round"}),r("rect",{x:"14",y:"5",width:"4",height:"14",rx:"1",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round"})),h=()=>r("svg",{slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M7 5L19 12L7 19V5Z",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round"}));function b(){"undefined"!=typeof customElements&&["bs-carousel","bs-button","bs-icon-button","bs-pagination"].forEach((s=>{switch(s){case"bs-carousel":customElements.get(e(s))||customElements.define(e(s),n);break;case"bs-button":customElements.get(e(s))||i();break;case"bs-icon-button":customElements.get(e(s))||o();break;case"bs-pagination":customElements.get(e(s))||l()}}))}b();const p=n,g=b;export{p as BsCarousel,g as defineCustomElement}
+import{t as e,p as s,H as t,c as a,h as r}from"./p-JYlmcxBn.js";import{d as i}from"./p-CpUHnsq9.js";import{d as o}from"./p-BoeorHNv.js";import{d as l}from"./p-EtXc94lJ.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsPageChange=a(this,"bsPageChange"),this.bsPauseChange=a(this,"bsPauseChange")}get el(){return this}tracker="dots";slidesPerView=3;currentPage=1;autoplay=!1;interval=5e3;paused=!1;label="Carousel";previousLabel="Previous slide";nextLabel="Next slide";pauseLabel="Pause";playLabel="Play";bsPageChange;bsPauseChange;slideCount=0;interacting=!1;timer;get slides(){return Array.from(this.el.children).filter((e=>!e.hasAttribute("slot")))}get perView(){return Number.isFinite(this.slidesPerView)&&this.slidesPerView>=1?Math.floor(this.slidesPerView):1}get pageCount(){return Math.max(1,Math.ceil(this.slideCount/this.perView))}get page(){return Math.min(Math.max(1,Math.floor(this.currentPage)||1),this.pageCount)}componentWillLoad(){this.slideCount=this.slides.length,this.currentPage!==this.page&&(this.currentPage=this.page),this.autoplay&&window.matchMedia?.("(prefers-reduced-motion: reduce)").matches&&(this.paused=!0)}componentDidLoad(){this.applySlides(),this.updateTimer()}componentDidRender(){this.applySlides()}disconnectedCallback(){this.stopTimer()}onCurrentPageChange(){this.currentPage!==this.page&&(this.currentPage=this.page)}updateTimer(){this.stopTimer(),this.autoplay&&!this.paused&&!this.interacting&&this.pageCount>1&&(this.timer=window.setInterval((()=>this.goTo(this.page>=this.pageCount?1:this.page+1)),Math.max(250,this.interval)))}stopTimer(){void 0!==this.timer&&(window.clearInterval(this.timer),this.timer=void 0)}onMouseEnter(){this.interacting=!0}onMouseLeave(){this.interacting=this.el.matches(":focus-within")}onFocusIn(){this.interacting=!0}onFocusOut(){this.interacting=this.el.matches(":hover")}goTo(e){const s=Math.min(Math.max(1,e),this.pageCount);s!==this.page&&(this.currentPage=s,this.bsPageChange.emit(s))}applySlides(){const e=this.slides,s=(this.page-1)*this.perView;e.forEach(((t,a)=>{t.hidden=a<s||a>=s+this.perView,t.hasAttribute("role")||t.setAttribute("role","group"),t.hasAttribute("aria-roledescription")||t.setAttribute("aria-roledescription","slide"),t.hasAttribute("aria-label")||t.setAttribute("aria-label",`${a+1} of ${e.length}`)}))}onSlotChange=()=>{this.slideCount=this.slides.length};onTogglePause=()=>{this.paused=!this.paused,this.bsPauseChange.emit(this.paused)};renderPause(){return this.autoplay?r("bs-button",{part:"pause",variant:"neutral",size:"md",onClick:this.onTogglePause},r(this.paused?h:d,null),this.paused?this.playLabel:this.pauseLabel):null}renderDotsTracker(){const e=this.page;return[r("bs-icon-button",{part:"prev",variant:"subtle",size:"sm",ariaLabel:this.previousLabel,disabled:e<=1,onClick:()=>this.goTo(e-1)},r(c,null)),r("div",{part:"dots",class:"bs-carousel__dots","aria-hidden":"true"},Array.from({length:this.pageCount},((s,t)=>r("span",{part:t+1===e?"dot current":"dot",class:"bs-carousel__dot "+(t+1===e?"bs-carousel__dot--active":"")})))),r("bs-icon-button",{part:"next",variant:"subtle",size:"sm",ariaLabel:this.nextLabel,disabled:e>=this.pageCount,onClick:()=>this.goTo(e+1)},r(u,null))]}render(){const e=this.pageCount>1;return r("section",{key:"4d3a0024b4f407a595769bc3dce7270104a0aeb7",part:"carousel",class:"bs-carousel",role:"region","aria-roledescription":"carousel","aria-label":this.label,style:{"--bs-carousel-slides-per-view":this.perView+""}},r("div",{key:"7160dbff92ce24112a5ebe54f10cfb4034d29750",part:"slides",class:"bs-carousel__slides","aria-live":!this.autoplay||this.paused||this.interacting?"polite":"off"},r("slot",{key:"fee4505b4a303719c62f9a7b76bea784ef920a20",onSlotchange:this.onSlotChange})),e&&r("div",{key:"d70a3780f4d9c00c087d931fb4b50401890a2c38",part:"tracker",class:"bs-carousel__tracker"},"numbers"===this.tracker?r("bs-pagination",{part:"pagination",totalPages:this.pageCount,currentPage:this.page,onBsPageChange:e=>{e.stopPropagation(),this.goTo(e.detail)}}):r("div",{class:"bs-carousel__nav"},this.renderDotsTracker()),this.renderPause()))}static get watchers(){return{currentPage:[{onCurrentPageChange:0}],autoplay:[{updateTimer:0}],paused:[{updateTimer:0}],interval:[{updateTimer:0}],interacting:[{updateTimer:0}],slideCount:[{updateTimer:0}],slidesPerView:[{updateTimer:0}]}}static get style(){return":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}}"}},[769,"bs-carousel",{tracker:[1],slidesPerView:[2,"slides-per-view"],currentPage:[1538,"current-page"],autoplay:[4],interval:[2],paused:[1540],label:[1],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],pauseLabel:[1,"pause-label"],playLabel:[1,"play-label"],slideCount:[32],interacting:[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{currentPage:[{onCurrentPageChange:0}],autoplay:[{updateTimer:0}],paused:[{updateTimer:0}],interval:[{updateTimer:0}],interacting:[{updateTimer:0}],slideCount:[{updateTimer:0}],slidesPerView:[{updateTimer:0}]}]),c=()=>r("svg",{class:"bs-carousel__chevron",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),u=()=>r("svg",{class:"bs-carousel__chevron",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M9 18L15 12L9 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),d=()=>r("svg",{slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("rect",{x:"6",y:"5",width:"4",height:"14",rx:"1",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round"}),r("rect",{x:"14",y:"5",width:"4",height:"14",rx:"1",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round"})),h=()=>r("svg",{slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M7 5L19 12L7 19V5Z",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round"}));function b(){"undefined"!=typeof customElements&&["bs-carousel","bs-button","bs-icon-button","bs-pagination"].forEach((s=>{switch(s){case"bs-carousel":customElements.get(e(s))||customElements.define(e(s),n);break;case"bs-button":customElements.get(e(s))||i();break;case"bs-icon-button":customElements.get(e(s))||o();break;case"bs-pagination":customElements.get(e(s))||l()}}))}b();const p=n,g=b;export{p as BsCarousel,g as defineCustomElement}

package/dist/components/bs-data-table.js

@@ -1 +1 @@
-import{t,p as e,H as a,c as s,h as l}from"./p-JYlmcxBn.js";const o=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsSort=s(this,"bsSort"),this.bsRowSelect=s(this,"bsRowSelect")}columns=[];rows=[];sortColumn;sortDirection="asc";selectable=!1;cellRenderer;bsSort;bsRowSelect;selectedIds=new Set;onHeaderClick=t=>{t.sortable&&this.bsSort.emit({column:t.key,direction:this.sortColumn===t.key&&"asc"===this.sortDirection?"desc":"asc"})};onRowCheckboxChange=(t,e)=>{const a=e.target.checked,s=new Set(this.selectedIds);a?s.add(t.id):s.delete(t.id),this.selectedIds=s,this.bsRowSelect.emit({id:t.id,selected:a})};onSelectAllChange=t=>{const e=t.target.checked;this.selectedIds=e?new Set(this.rows.map((t=>t.id))):new Set;for(const t of this.rows)this.bsRowSelect.emit({id:t.id,selected:e})};async clearSelection(){const t=Array.from(this.selectedIds);this.selectedIds=new Set;for(const e of t)this.bsRowSelect.emit({id:e,selected:!1})}render(){return l("table",{key:"a1a9d0c92eb2af12f8f9cab9ba4ae0994a10958a",part:"table",class:"bs-data-table"},l("thead",{key:"2b51500b221465d750b55c31e00af94684367eb2",part:"head"},l("tr",{key:"57aa25ca9b255213f155b5b30841e284d1eebaf8"},this.selectable&&l("th",{key:"44b709a7cd1f2072934efe8fef44a63b2ed20d62",class:"bs-data-table__select-col"},this.rows.length>0&&l("input",{key:"084d099453c53333d77c60786b7eb6bedfa21ef3",type:"checkbox","aria-label":"Select all rows",checked:this.selectedIds.size>0&&this.selectedIds.size===this.rows.length,indeterminate:this.selectedIds.size>0&&this.selectedIds.size<this.rows.length,onChange:this.onSelectAllChange})),this.columns.map((t=>{const e=this.sortColumn===t.key;return l("th",{part:"header-cell",class:"bs-data-table__header-cell","aria-sort":t.sortable?e?"asc"===this.sortDirection?"ascending":"descending":"none":void 0},t.sortable?l("button",{type:"button",class:"bs-data-table__sort-button",onClick:()=>this.onHeaderClick(t)},t.label,e&&l("span",{class:"bs-data-table__sort-indicator"},"asc"===this.sortDirection?" ▲":" ▼")):t.label)})))),l("tbody",{key:"0438897652b9f8909ff67ae9f7b22d0950f1e5e8",part:"body"},this.rows.map((t=>l("tr",{part:"row",class:"bs-data-table__row"},this.selectable&&l("td",{class:"bs-data-table__select-col"},l("input",{type:"checkbox",checked:this.selectedIds.has(t.id),onChange:e=>this.onRowCheckboxChange(t,e)})),this.columns.map((e=>this.cellRenderer?l("td",{part:"cell",class:"bs-data-table__cell",innerHTML:this.cellRenderer(t,e)}):l("td",{part:"cell",class:"bs-data-table__cell"},(t[e.key]??"")+""))))))))}static get style(){return":host{display:block;--bs-data-table-cell-padding-y:var(--bs-spacing-200);--bs-data-table-cell-padding-x:var(--bs-spacing-300)}.bs-data-table{width:100%;border-collapse:collapse;font-family:inherit;font-size:var(--bs-font-size-sm);color:var(--bs-text-default)}.bs-data-table__header-cell{text-align:start;padding:var(--bs-data-table-cell-padding-y) var(--bs-data-table-cell-padding-x);border-bottom:1px solid var(--bs-border-default);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-secondary);white-space:nowrap}.bs-data-table__sort-button{display:inline-flex;align-items:center;border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;user-select:none}.bs-data-table__sort-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-data-table__sort-indicator{color:var(--bs-text-action)}.bs-data-table__row:hover{background:var(--bs-surface-hover)}.bs-data-table__cell{padding:var(--bs-data-table-cell-padding-y) var(--bs-data-table-cell-padding-x);border-bottom:1px solid var(--bs-border-default)}.bs-data-table__select-col{width:var(--bs-spacing-500);padding:var(--bs-data-table-cell-padding-y) var(--bs-data-table-cell-padding-x);border-bottom:1px solid var(--bs-border-default)}"}},[513,"bs-data-table",{columns:[16],rows:[16],sortColumn:[1,"sort-column"],sortDirection:[1,"sort-direction"],selectable:[4],cellRenderer:[16],selectedIds:[32],clearSelection:[64]}]);function d(){"undefined"!=typeof customElements&&["bs-data-table"].forEach((e=>{"bs-data-table"===e&&(customElements.get(t(e))||customElements.define(t(e),o))}))}d();const r=o,c=d;export{r as BsDataTable,c as defineCustomElement}
+import{t,p as e,H as a,c as s,h as l}from"./p-JYlmcxBn.js";const c=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsSort=s(this,"bsSort"),this.bsRowSelect=s(this,"bsRowSelect")}columns=[];rows=[];sortColumn;sortDirection="asc";selectable=!1;cellRenderer;bsSort;bsRowSelect;selectedIds=new Set;onHeaderClick=t=>{t.sortable&&this.bsSort.emit({column:t.key,direction:this.sortColumn===t.key&&"asc"===this.sortDirection?"desc":"asc"})};onRowCheckboxChange=(t,e)=>{const a=e.target.checked,s=new Set(this.selectedIds);a?s.add(t.id):s.delete(t.id),this.selectedIds=s,this.bsRowSelect.emit({id:t.id,selected:a})};onSelectAllChange=t=>{const e=t.target.checked;this.selectedIds=e?new Set(this.rows.map((t=>t.id))):new Set;for(const t of this.rows)this.bsRowSelect.emit({id:t.id,selected:e})};async clearSelection(){const t=Array.from(this.selectedIds);this.selectedIds=new Set;for(const e of t)this.bsRowSelect.emit({id:e,selected:!1})}render(){return l("table",{key:"7ea79a70148513512cdba2f8cb8d5a5c7ae09706",part:"table",class:"bs-data-table"},l("thead",{key:"e9cf73cbba196e9caf4b03a837866a5370c13e19",part:"head"},l("tr",{key:"a33fbd57f1925e34c6e7ce292b6945d2ee5c6113"},this.selectable&&l("th",{key:"876948b66e54ae68d6aa6148c962781223fa0441",class:"bs-data-table__select-col"},this.rows.length>0&&l("input",{key:"cf8f26258bcee486190e3ac4b3d5ce4715784d5f",type:"checkbox","aria-label":"Select all rows",checked:this.selectedIds.size>0&&this.selectedIds.size===this.rows.length,indeterminate:this.selectedIds.size>0&&this.selectedIds.size<this.rows.length,onChange:this.onSelectAllChange})),this.columns.map((t=>{const e=this.sortColumn===t.key;return l("th",{part:"header-cell",class:"bs-data-table__header-cell","aria-sort":t.sortable?e?"asc"===this.sortDirection?"ascending":"descending":"none":void 0},t.sortable?l("button",{type:"button",class:"bs-data-table__sort-button",onClick:()=>this.onHeaderClick(t)},t.label,e&&l("span",{class:"bs-data-table__sort-indicator"},"asc"===this.sortDirection?" ▲":" ▼")):t.label)})))),l("tbody",{key:"3a0c2ce6fea27797b855ee2b3c724d0e99471d28",part:"body"},this.rows.map((t=>l("tr",{part:"row",class:"bs-data-table__row"},this.selectable&&l("td",{class:"bs-data-table__select-col"},l("input",{type:"checkbox",checked:this.selectedIds.has(t.id),onChange:e=>this.onRowCheckboxChange(t,e)})),this.columns.map((e=>this.cellRenderer?l("td",{part:"cell",class:"bs-data-table__cell",innerHTML:this.cellRenderer(t,e)}):l("td",{part:"cell",class:"bs-data-table__cell"},(t[e.key]??"")+""))))))))}static get style(){return":host{display:block;--bs-data-table-cell-padding-y:var(--bs-spacing-200);--bs-data-table-cell-padding-x:var(--bs-spacing-300)}.bs-data-table{width:100%;border-collapse:collapse;font-family:inherit;font-size:var(--bs-font-size-sm);color:var(--bs-text-default)}.bs-data-table__header-cell{text-align:start;padding:var(--bs-data-table-cell-padding-y) var(--bs-data-table-cell-padding-x);border-bottom:1px solid var(--bs-border-default);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-secondary);white-space:nowrap}.bs-data-table__sort-button{display:inline-flex;align-items:center;border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;user-select:none}.bs-data-table__sort-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-data-table__sort-indicator{color:var(--bs-text-action)}.bs-data-table__row:hover{background:var(--bs-surface-hover)}.bs-data-table__cell{padding:var(--bs-data-table-cell-padding-y) var(--bs-data-table-cell-padding-x);border-bottom:1px solid var(--bs-border-default)}.bs-data-table__select-col{width:var(--bs-spacing-500);padding:var(--bs-data-table-cell-padding-y) var(--bs-data-table-cell-padding-x);border-bottom:1px solid var(--bs-border-default)}"}},[513,"bs-data-table",{columns:[16],rows:[16],sortColumn:[1,"sort-column"],sortDirection:[1,"sort-direction"],selectable:[4],cellRenderer:[16],selectedIds:[32],clearSelection:[64]}]);function o(){"undefined"!=typeof customElements&&["bs-data-table"].forEach((e=>{"bs-data-table"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))}o();const d=c,r=o;export{d as BsDataTable,r as defineCustomElement}

package/dist/components/bs-dialog.js

@@ -1 +1 @@
-import{t as i,p as s,H as e,c as o,h as a}from"./p-JYlmcxBn.js";import{d as t}from"./p-BkHYJIyj.js";const n=s(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bsClose=o(this,"bsClose")}open=!1;heading;size="md";centered=!1;bsClose;hasFooter=!1;hasImage=!1;hasIcon=!1;onFooterSlotchange=i=>{this.hasFooter=i.target.assignedNodes().length>0};onImageSlotchange=i=>{this.hasImage=i.target.assignedNodes().length>0};onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};dialogRef;previouslyFocused;previousBodyOverflow;wasOpen=!1;close=()=>{this.open=!1,this.bsClose.emit()};onKeydown(i){this.open&&"Escape"===i.key&&this.close()}onBackdropClick=i=>{i.target===i.currentTarget&&this.close()};onFocusIn(i){this.open&&this.dialogRef?.isConnected&&!i.composedPath().includes(this.dialogRef)&&this.dialogRef.focus()}componentDidRender(){this.open&&!this.wasOpen?(this.previouslyFocused=document.activeElement,requestAnimationFrame((()=>this.dialogRef?.focus())),this.previousBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden"):!this.open&&this.wasOpen&&(this.previouslyFocused?.focus(),document.body.style.overflow=this.previousBodyOverflow??""),this.wasOpen=this.open}disconnectedCallback(){this.wasOpen&&(document.body.style.overflow=this.previousBodyOverflow??"")}render(){if(!this.open)return null;const i=this.centered||this.hasImage;return a("div",{part:"backdrop",class:"bs-dialog__backdrop",onClick:this.onBackdropClick},a("div",{ref:i=>this.dialogRef=i,tabIndex:-1,part:"dialog",class:"bs-dialog__dialog bs-dialog__dialog--"+this.size,role:"dialog","aria-modal":"true","aria-label":this.heading},i&&a("bs-icon-button",{part:"close",class:"bs-dialog__close--floating",variant:"neutral",size:"md","aria-label":"Close",onClick:this.close},a(d,null)),a("div",{part:"image",class:"bs-dialog__image "+(this.hasImage?"bs-dialog__image--visible":"")},a("slot",{name:"image",onSlotchange:this.onImageSlotchange})),this.centered&&a("div",{part:"icon",class:"bs-dialog__icon "+(this.hasIcon?"bs-dialog__icon--visible":"")},a("slot",{name:"icon",onSlotchange:this.onIconSlotchange})),a("div",{part:"header",class:"bs-dialog__header "+(this.centered?"bs-dialog__header--centered":"")},a("span",{class:"bs-dialog__heading"},this.heading),!i&&a("bs-icon-button",{part:"close",variant:"subtle",size:"md","aria-label":"Close",onClick:this.close},a(d,null))),a("div",{part:"body",class:"bs-dialog__body "+(this.centered?"bs-dialog__body--centered":"")},a("slot",null)),a("div",{part:"footer",class:"bs-dialog__footer "+(this.hasFooter?"bs-dialog__footer--visible":"")},a("slot",{name:"footer",onSlotchange:this.onFooterSlotchange}))))}static get style(){return".bs-dialog__backdrop{position:fixed;inset:0;z-index:var(--bs-z-index-modal);display:flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.4)}.bs-dialog__dialog{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - var(--bs-spacing-800));background:var(--bs-surface-base);color:var(--bs-text-default);border-radius:var(--bs-border-radius-200);box-shadow:var(--bs-shadow-xl);font-family:inherit}.bs-dialog__dialog--sm{width:360px}.bs-dialog__dialog--md{width:560px}.bs-dialog__dialog--lg{width:800px}.bs-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-spacing-200) var(--bs-spacing-200) var(--bs-spacing-100)}.bs-dialog__image--visible+.bs-dialog__header,.bs-dialog__icon--visible+.bs-dialog__header{padding-top:0}.bs-dialog__heading{font-size:var(--bs-font-size-lg);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-default)}.bs-dialog__close--floating{position:absolute;top:var(--bs-spacing-200);inset-inline-end:var(--bs-spacing-200);z-index:1}.bs-dialog__body{padding:0 var(--bs-spacing-200) var(--bs-spacing-200);overflow-y:auto}.bs-dialog__body--centered{text-align:center}.bs-dialog__footer--visible{display:flex;justify-content:flex-end;gap:var(--bs-spacing-200);padding:0 var(--bs-spacing-200) var(--bs-spacing-200)}.bs-dialog__image--visible{overflow:hidden;border-radius:var(--bs-border-radius-200) var(--bs-border-radius-200) 0 0;margin-bottom:var(--bs-spacing-200)}.bs-dialog__image--visible ::slotted(img){display:block;width:100%;height:auto;object-fit:cover}.bs-dialog__icon--visible{display:flex;align-items:center;justify-content:center;padding:var(--bs-spacing-200) var(--bs-spacing-200) 0;margin-bottom:var(--bs-spacing-200)}.bs-dialog__icon--visible ::slotted(*){width:64px;height:64px}.bs-dialog__header--centered{justify-content:center;text-align:center}@media (forced-colors: active){.bs-dialog__dialog{border:1px solid CanvasText}}"}},[769,"bs-dialog",{open:[1540],heading:[1],size:[1],centered:[516],hasFooter:[32],hasImage:[32],hasIcon:[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]),d=()=>a("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{d:"M12.5 3.5L3.5 12.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),a("path",{d:"M12.5 12.5L3.5 3.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function l(){"undefined"!=typeof customElements&&["bs-dialog","bs-icon-button"].forEach((s=>{switch(s){case"bs-dialog":customElements.get(i(s))||customElements.define(i(s),n);break;case"bs-icon-button":customElements.get(i(s))||t()}}))}l();const r=n,c=l;export{r as BsDialog,c as defineCustomElement}
+import{t as i,p as s,H as e,c as o,h as a}from"./p-JYlmcxBn.js";import{d as t}from"./p-BoeorHNv.js";const n=s(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bsClose=o(this,"bsClose")}open=!1;heading;size="md";centered=!1;bsClose;hasFooter=!1;hasImage=!1;hasIcon=!1;onFooterSlotchange=i=>{this.hasFooter=i.target.assignedNodes().length>0};onImageSlotchange=i=>{this.hasImage=i.target.assignedNodes().length>0};onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};dialogRef;previouslyFocused;previousBodyOverflow;wasOpen=!1;close=()=>{this.open=!1,this.bsClose.emit()};onKeydown(i){this.open&&"Escape"===i.key&&this.close()}onBackdropClick=i=>{i.target===i.currentTarget&&this.close()};onFocusIn(i){this.open&&this.dialogRef?.isConnected&&!i.composedPath().includes(this.dialogRef)&&this.dialogRef.focus()}componentDidRender(){this.open&&!this.wasOpen?(this.previouslyFocused=document.activeElement,requestAnimationFrame((()=>this.dialogRef?.focus())),this.previousBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden"):!this.open&&this.wasOpen&&(this.previouslyFocused?.focus(),document.body.style.overflow=this.previousBodyOverflow??""),this.wasOpen=this.open}disconnectedCallback(){this.wasOpen&&(document.body.style.overflow=this.previousBodyOverflow??"")}render(){if(!this.open)return null;const i=this.centered||this.hasImage;return a("div",{part:"backdrop",class:"bs-dialog__backdrop",onClick:this.onBackdropClick},a("div",{ref:i=>this.dialogRef=i,tabIndex:-1,part:"dialog",class:"bs-dialog__dialog bs-dialog__dialog--"+this.size,role:"dialog","aria-modal":"true","aria-label":this.heading},i&&a("bs-icon-button",{part:"close",class:"bs-dialog__close--floating",variant:"neutral",size:"md","aria-label":"Close",onClick:this.close},a(d,null)),a("div",{part:"image",class:"bs-dialog__image "+(this.hasImage?"bs-dialog__image--visible":"")},a("slot",{name:"image",onSlotchange:this.onImageSlotchange})),this.centered&&a("div",{part:"icon",class:"bs-dialog__icon "+(this.hasIcon?"bs-dialog__icon--visible":"")},a("slot",{name:"icon",onSlotchange:this.onIconSlotchange})),a("div",{part:"header",class:"bs-dialog__header "+(this.centered?"bs-dialog__header--centered":"")},a("span",{class:"bs-dialog__heading"},this.heading),!i&&a("bs-icon-button",{part:"close",variant:"subtle",size:"md","aria-label":"Close",onClick:this.close},a(d,null))),a("div",{part:"body",class:"bs-dialog__body "+(this.centered?"bs-dialog__body--centered":"")},a("slot",null)),a("div",{part:"footer",class:"bs-dialog__footer "+(this.hasFooter?"bs-dialog__footer--visible":"")},a("slot",{name:"footer",onSlotchange:this.onFooterSlotchange}))))}static get style(){return".bs-dialog__backdrop{position:fixed;inset:0;z-index:var(--bs-z-index-modal);display:flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.4)}.bs-dialog__dialog{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - var(--bs-spacing-800));background:var(--bs-surface-base);color:var(--bs-text-default);border-radius:var(--bs-border-radius-200);box-shadow:var(--bs-shadow-xl);font-family:inherit}.bs-dialog__dialog--sm{width:360px}.bs-dialog__dialog--md{width:560px}.bs-dialog__dialog--lg{width:800px}.bs-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-spacing-200) var(--bs-spacing-200) var(--bs-spacing-100)}.bs-dialog__image--visible+.bs-dialog__header,.bs-dialog__icon--visible+.bs-dialog__header{padding-top:0}.bs-dialog__heading{font-size:var(--bs-font-size-lg);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-default)}.bs-dialog__close--floating{position:absolute;top:var(--bs-spacing-200);inset-inline-end:var(--bs-spacing-200);z-index:1}.bs-dialog__body{padding:0 var(--bs-spacing-200) var(--bs-spacing-200);overflow-y:auto}.bs-dialog__body--centered{text-align:center}.bs-dialog__footer--visible{display:flex;justify-content:flex-end;gap:var(--bs-spacing-200);padding:0 var(--bs-spacing-200) var(--bs-spacing-200)}.bs-dialog__image--visible{overflow:hidden;border-radius:var(--bs-border-radius-200) var(--bs-border-radius-200) 0 0;margin-bottom:var(--bs-spacing-200)}.bs-dialog__image--visible ::slotted(img){display:block;width:100%;height:auto;object-fit:cover}.bs-dialog__icon--visible{display:flex;align-items:center;justify-content:center;padding:var(--bs-spacing-200) var(--bs-spacing-200) 0;margin-bottom:var(--bs-spacing-200)}.bs-dialog__icon--visible ::slotted(*){width:64px;height:64px}.bs-dialog__header--centered{justify-content:center;text-align:center}@media (forced-colors: active){.bs-dialog__dialog{border:1px solid CanvasText}}"}},[769,"bs-dialog",{open:[1540],heading:[1],size:[1],centered:[516],hasFooter:[32],hasImage:[32],hasIcon:[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]),d=()=>a("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{d:"M12.5 3.5L3.5 12.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),a("path",{d:"M12.5 12.5L3.5 3.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function l(){"undefined"!=typeof customElements&&["bs-dialog","bs-icon-button"].forEach((s=>{switch(s){case"bs-dialog":customElements.get(i(s))||customElements.define(i(s),n);break;case"bs-icon-button":customElements.get(i(s))||t()}}))}l();const r=n,c=l;export{r as BsDialog,c as defineCustomElement}

package/dist/components/bs-file-upload-item.js

@@ -1 +1 @@
-import{t as e,p as s,H as i,c as t,h as o}from"./p-JYlmcxBn.js";import{d as l}from"./p-BkHYJIyj.js";import{d as a}from"./p-wei0Ija2.js";const r=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsCancel=t(this,"bsCancel"),this.bsRemove=t(this,"bsRemove")}state="loading";fileName="";fileSize;progress=0;message;thumbnailSrc;thumbnailAlt="";cancelLabel="Cancel upload";removeLabel="Remove file";bsCancel;bsRemove;get clampedProgress(){return Math.min(100,Math.max(0,Math.round(Number.isFinite(this.progress)?this.progress:0)))}get statusText(){if(this.message)return this.message;switch(this.state){case"in-progress":return this.clampedProgress+"% uploaded";case"error":return"Upload failed";case"success":return"File uploaded successfully";default:return"Loading..."}}onAction=()=>{"success"===this.state?this.bsRemove.emit():this.bsCancel.emit()};renderStatus(){return"loading"===this.state||"in-progress"===this.state?o("bs-progress-linear",{part:"progress",size:"small",type:"loading"===this.state?"indeterminate":"determinate",value:this.clampedProgress,ariaLabel:this.fileName||"Upload progress"},this.statusText):o("div",{part:"status",class:"bs-file-upload-item__status bs-file-upload-item__status--"+this.state,role:"status"},o("success"===this.state?d:u,null),o("span",{class:"bs-file-upload-item__status-text"},this.statusText))}render(){const e="success"===this.state;return o("div",{key:"d26aebbbdb7858444d2ff3084c421ce1e70acd9e",part:"item",class:"bs-file-upload-item bs-file-upload-item--"+this.state},o("div",{key:"2bf21442cc31bc9f85178e97bdae140de59fd7ce",part:"thumbnail",class:"bs-file-upload-item__thumbnail"},o("slot",{key:"fb9a9d723855e6d2556e61fb5cc7414e296ddf89",name:"thumbnail"},this.thumbnailSrc?o("img",{class:"bs-file-upload-item__image",src:this.thumbnailSrc,alt:this.thumbnailAlt}):o(n,null))),o("div",{key:"ca1cab03c21d93b4fe754e8e4575bbee5c6c11bd",class:"bs-file-upload-item__content"},o("div",{key:"072532a7cfb4a699ab9920594ed4299bd094eea3",class:"bs-file-upload-item__meta"},o("span",{key:"f30ec89b3af9d5a4fc3ea2cf9252713f47a68ba2",part:"name",class:"bs-file-upload-item__name"},this.fileName),this.fileSize&&o("span",{key:"63aeb6db94d78011a649fa1a0771d488890c330b",part:"size",class:"bs-file-upload-item__size"},this.fileSize)),this.renderStatus()),o("bs-icon-button",{key:"5434d917777db308f8b16f84e2ccd5efcfb46dc8",part:"action",variant:"subtle",size:"lg",ariaLabel:e?this.removeLabel:this.cancelLabel,onClick:this.onAction},o(e?b:c,null)))}static get style(){return":host{display:block;--bs-file-upload-item-bg:var(--bs-surface-base);--bs-file-upload-item-border-color:var(--bs-border-default);--bs-file-upload-item-border-width:var(--bs-border-width-thin);--bs-file-upload-item-radius:var(--bs-border-radius-150);--bs-file-upload-item-padding:var(--bs-spacing-200);--bs-file-upload-item-gap:var(--bs-spacing-150);--bs-file-upload-item-thumbnail-size:80px;--bs-file-upload-item-thumbnail-radius:var(--bs-border-radius-100);--bs-file-upload-item-thumbnail-bg:var(--bs-surface-container);--bs-file-upload-item-thumbnail-icon-color:var(--bs-icon-muted);--bs-file-upload-item-content-gap:var(--bs-spacing-100);--bs-file-upload-item-name-color:var(--bs-text-default);--bs-file-upload-item-size-color:var(--bs-text-default);--bs-file-upload-item-success-color:var(--bs-text-success);--bs-file-upload-item-success-icon-color:var(--bs-icon-success);--bs-file-upload-item-error-color:var(--bs-text-error);--bs-file-upload-item-error-icon-color:var(--bs-icon-error)}.bs-file-upload-item{box-sizing:border-box;display:flex;align-items:flex-start;gap:var(--bs-file-upload-item-gap);padding:var(--bs-file-upload-item-padding);border:var(--bs-file-upload-item-border-width) solid var(--bs-file-upload-item-border-color);border-radius:var(--bs-file-upload-item-radius);background:var(--bs-file-upload-item-bg);font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-file-upload-item__thumbnail{display:flex;flex:none;align-items:center;justify-content:center;width:var(--bs-file-upload-item-thumbnail-size);height:var(--bs-file-upload-item-thumbnail-size);overflow:hidden;border-radius:var(--bs-file-upload-item-thumbnail-radius);background:var(--bs-file-upload-item-thumbnail-bg);color:var(--bs-file-upload-item-thumbnail-icon-color)}.bs-file-upload-item__placeholder{display:block;width:32px;height:32px}.bs-file-upload-item__image{display:block;width:100%;height:100%;object-fit:cover}.bs-file-upload-item__content{display:flex;flex:1;flex-direction:column;justify-content:center;gap:var(--bs-file-upload-item-content-gap);align-self:stretch;min-width:0}.bs-file-upload-item__meta{display:flex;flex-direction:column}.bs-file-upload-item__name{color:var(--bs-file-upload-item-name-color);font-weight:600;overflow-wrap:anywhere}.bs-file-upload-item__size{color:var(--bs-file-upload-item-size-color);font-size:var(--bs-font-size-sm);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-file-upload-item__status{display:flex;align-items:center;gap:var(--bs-spacing-50);min-height:24px}.bs-file-upload-item__status-icon{display:block;flex:none;width:16px;height:16px}.bs-file-upload-item__status--success{color:var(--bs-file-upload-item-success-color)}.bs-file-upload-item__status--success .bs-file-upload-item__status-icon{color:var(--bs-file-upload-item-success-icon-color)}.bs-file-upload-item__status--error{color:var(--bs-file-upload-item-error-color)}.bs-file-upload-item__status--error .bs-file-upload-item__status-icon{color:var(--bs-file-upload-item-error-icon-color)}bs-progress-linear{width:100%}bs-icon-button{flex:none;--bs-icon-neutral-default:var(--bs-icon-default)}@media (forced-colors: active){.bs-file-upload-item{border-color:CanvasText}}"}},[769,"bs-file-upload-item",{state:[513],fileName:[1,"file-name"],fileSize:[1,"file-size"],progress:[2],message:[1],thumbnailSrc:[1,"thumbnail-src"],thumbnailAlt:[1,"thumbnail-alt"],cancelLabel:[1,"cancel-label"],removeLabel:[1,"remove-label"]}]),n=()=>o("svg",{class:"bs-file-upload-item__placeholder",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},o("path",{d:"M5 6H27C27.5523 6 28 6.44772 28 7V25C28 25.5523 27.5523 26 27 26H5C4.44772 26 4 25.5523 4 25V7C4 6.44772 4.44772 6 5 6Z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M19.5 14C20.3284 14 21 13.3284 21 12.5C21 11.6716 20.3284 11 19.5 11C18.6716 11 18 11.6716 18 12.5C18 13.3284 18.6716 14 19.5 14Z",fill:"currentColor"}),o("path",{d:"M18.4137 20.5L21.625 17.2925C21.8125 17.1051 22.0668 16.9998 22.3319 16.9998C22.597 16.9998 22.8512 17.1051 23.0387 17.2925L28 22.2575",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M4 21.0863L10.7925 14.2925C10.8854 14.1995 10.9957 14.1258 11.1171 14.0754C11.2385 14.0251 11.3686 13.9992 11.5 13.9992C11.6314 13.9992 11.7615 14.0251 11.8829 14.0754C12.0043 14.1258 12.1146 14.1995 12.2075 14.2925L23.9137 26",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),d=()=>o("svg",{class:"bs-file-upload-item__status-icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},o("path",{d:"M11.0306 5.96938C11.1005 6.03905 11.156 6.12185 11.1939 6.21301C11.2317 6.30417 11.2512 6.40191 11.2512 6.50063C11.2512 6.59934 11.2317 6.69708 11.1939 6.78824C11.156 6.8794 11.1005 6.9622 11.0306 7.03188L7.53062 10.5319C7.46095 10.6018 7.37815 10.6573 7.28699 10.6951C7.19582 10.733 7.09809 10.7525 6.99937 10.7525C6.90066 10.7525 6.80292 10.733 6.71176 10.6951C6.6206 10.6573 6.5378 10.6018 6.46812 10.5319L4.96812 9.03187C4.89836 8.96211 4.84302 8.87929 4.80526 8.78814C4.76751 8.69698 4.74807 8.59929 4.74807 8.50062C4.74807 8.40196 4.76751 8.30427 4.80526 8.21311C4.84302 8.12196 4.89836 8.03914 4.96812 7.96938C5.03789 7.89961 5.12071 7.84427 5.21186 7.80651C5.30302 7.76876 5.40071 7.74932 5.49937 7.74932C5.59804 7.74932 5.69573 7.76876 5.78689 7.80651C5.87804 7.84427 5.96086 7.89961 6.03062 7.96938L7 8.9375L9.96937 5.9675C10.0392 5.89789 10.122 5.84272 10.2131 5.80513C10.3042 5.76755 10.4018 5.7483 10.5004 5.74847C10.599 5.74865 10.6965 5.76825 10.7875 5.80615C10.8785 5.84405 10.9611 5.89952 11.0306 5.96938ZM14.75 8C14.75 9.33502 14.3541 10.6401 13.6124 11.7501C12.8707 12.8601 11.8165 13.7253 10.5831 14.2362C9.34971 14.7471 7.99251 14.8808 6.68314 14.6203C5.37377 14.3598 4.17103 13.717 3.22703 12.773C2.28302 11.829 1.64015 10.6262 1.3797 9.31686C1.11925 8.00749 1.25292 6.65029 1.76381 5.41689C2.2747 4.18349 3.13987 3.12928 4.2499 2.38758C5.35993 1.64588 6.66498 1.25 8 1.25C9.7896 1.25199 11.5053 1.96378 12.7708 3.22922C14.0362 4.49466 14.748 6.2104 14.75 8ZM13.25 8C13.25 6.96165 12.9421 5.94661 12.3652 5.08326C11.7883 4.2199 10.9684 3.54699 10.0091 3.14963C9.04978 2.75227 7.99418 2.6483 6.97578 2.85088C5.95738 3.05345 5.02191 3.55346 4.28769 4.28769C3.55346 5.02191 3.05345 5.95738 2.85088 6.97578C2.6483 7.99418 2.75227 9.04978 3.14963 10.0091C3.54699 10.9684 4.2199 11.7883 5.08326 12.3652C5.94661 12.9421 6.96165 13.25 8 13.25C9.39193 13.2485 10.7264 12.6949 11.7107 11.7107C12.6949 10.7264 13.2485 9.39193 13.25 8Z",fill:"currentColor"})),u=()=>o("svg",{class:"bs-file-upload-item__status-icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},o("path",{d:"M10.5306 6.53062L9.0625 8L10.5325 9.46937C10.6734 9.61027 10.7526 9.80137 10.7526 10.0006C10.7526 10.1999 10.6734 10.391 10.5325 10.5319C10.3916 10.6728 10.2005 10.7519 10.0013 10.7519C9.80199 10.7519 9.6109 10.6728 9.47 10.5319L8 9.0625L6.53062 10.5325C6.38973 10.6734 6.19863 10.7526 5.99937 10.7526C5.80012 10.7526 5.60902 10.6734 5.46812 10.5325C5.32723 10.3916 5.24807 10.2005 5.24807 10.0013C5.24807 9.80199 5.32723 9.6109 5.46812 9.47L6.9375 8L5.46937 6.53062C5.39961 6.46086 5.34427 6.37804 5.30651 6.28689C5.26876 6.19573 5.24932 6.09804 5.24932 5.99937C5.24932 5.80012 5.32848 5.60902 5.46937 5.46812C5.61027 5.32723 5.80137 5.24807 6.00062 5.24807C6.19988 5.24807 6.39098 5.32723 6.53187 5.46812L8 6.9375L9.46937 5.4675C9.61027 5.3266 9.80137 5.24745 10.0006 5.24745C10.1999 5.24745 10.391 5.3266 10.5319 5.4675C10.6728 5.6084 10.7519 5.79949 10.7519 5.99875C10.7519 6.19801 10.6728 6.3891 10.5319 6.53L10.5306 6.53062ZM14.75 8C14.75 9.33502 14.3541 10.6401 13.6124 11.7501C12.8707 12.8601 11.8165 13.7253 10.5831 14.2362C9.34971 14.7471 7.99251 14.8808 6.68314 14.6203C5.37377 14.3598 4.17103 13.717 3.22703 12.773C2.28302 11.829 1.64015 10.6262 1.3797 9.31686C1.11925 8.00749 1.25292 6.65029 1.76381 5.41689C2.2747 4.18349 3.13987 3.12928 4.2499 2.38758C5.35993 1.64588 6.66498 1.25 8 1.25C9.7896 1.25199 11.5053 1.96378 12.7708 3.22922C14.0362 4.49466 14.748 6.2104 14.75 8ZM13.25 8C13.25 6.96165 12.9421 5.94661 12.3652 5.08326C11.7883 4.2199 10.9684 3.54699 10.0091 3.14963C9.04978 2.75227 7.99418 2.6483 6.97578 2.85088C5.95738 3.05345 5.02191 3.55346 4.28769 4.28769C3.55346 5.02191 3.05345 5.95738 2.85088 6.97578C2.6483 7.99418 2.75227 9.04978 3.14963 10.0091C3.54699 10.9684 4.2199 11.7883 5.08326 12.3652C5.94661 12.9421 6.96165 13.25 8 13.25C9.39193 13.2485 10.7264 12.6949 11.7107 11.7107C12.6949 10.7264 13.2485 9.39193 13.25 8Z",fill:"currentColor"})),c=()=>o("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},o("path",{d:"M18.75 5.25L5.25 18.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M18.75 18.75L5.25 5.25",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),b=()=>o("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},o("path",{d:"M20.25 5.25H3.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M9.75 9.75V15.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M14.25 9.75V15.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M18.75 5.25V19.5C18.75 19.6989 18.671 19.8897 18.5303 20.0303C18.3897 20.171 18.1989 20.25 18 20.25H6C5.80109 20.25 5.61032 20.171 5.46967 20.0303C5.32902 19.8897 5.25 19.6989 5.25 19.5V5.25",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M15.75 5.25V3.75C15.75 3.35218 15.592 2.97064 15.3107 2.68934C15.0294 2.40804 14.6478 2.25 14.25 2.25H9.75C9.35218 2.25 8.97064 2.40804 8.68934 2.68934C8.40804 2.97064 8.25 3.35218 8.25 3.75V5.25",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}));function p(){"undefined"!=typeof customElements&&["bs-file-upload-item","bs-icon-button","bs-progress-linear"].forEach((s=>{switch(s){case"bs-file-upload-item":customElements.get(e(s))||customElements.define(e(s),r);break;case"bs-icon-button":customElements.get(e(s))||l();break;case"bs-progress-linear":customElements.get(e(s))||a()}}))}p();const m=r,f=p;export{m as BsFileUploadItem,f as defineCustomElement}
+import{t as e,p as s,H as i,c as t,h as o}from"./p-JYlmcxBn.js";import{d as l}from"./p-BoeorHNv.js";import{d as a}from"./p-wei0Ija2.js";const r=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsCancel=t(this,"bsCancel"),this.bsRemove=t(this,"bsRemove")}state="loading";fileName="";fileSize;progress=0;message;thumbnailSrc;thumbnailAlt="";cancelLabel="Cancel upload";removeLabel="Remove file";bsCancel;bsRemove;get clampedProgress(){return Math.min(100,Math.max(0,Math.round(Number.isFinite(this.progress)?this.progress:0)))}get statusText(){if(this.message)return this.message;switch(this.state){case"in-progress":return this.clampedProgress+"% uploaded";case"error":return"Upload failed";case"success":return"File uploaded successfully";default:return"Loading..."}}onAction=()=>{"success"===this.state?this.bsRemove.emit():this.bsCancel.emit()};renderStatus(){return"loading"===this.state||"in-progress"===this.state?o("bs-progress-linear",{part:"progress",size:"small",type:"loading"===this.state?"indeterminate":"determinate",value:this.clampedProgress,ariaLabel:this.fileName||"Upload progress"},this.statusText):o("div",{part:"status",class:"bs-file-upload-item__status bs-file-upload-item__status--"+this.state,role:"status"},o("success"===this.state?d:u,null),o("span",{class:"bs-file-upload-item__status-text"},this.statusText))}render(){const e="success"===this.state;return o("div",{key:"d26aebbbdb7858444d2ff3084c421ce1e70acd9e",part:"item",class:"bs-file-upload-item bs-file-upload-item--"+this.state},o("div",{key:"2bf21442cc31bc9f85178e97bdae140de59fd7ce",part:"thumbnail",class:"bs-file-upload-item__thumbnail"},o("slot",{key:"fb9a9d723855e6d2556e61fb5cc7414e296ddf89",name:"thumbnail"},this.thumbnailSrc?o("img",{class:"bs-file-upload-item__image",src:this.thumbnailSrc,alt:this.thumbnailAlt}):o(n,null))),o("div",{key:"ca1cab03c21d93b4fe754e8e4575bbee5c6c11bd",class:"bs-file-upload-item__content"},o("div",{key:"072532a7cfb4a699ab9920594ed4299bd094eea3",class:"bs-file-upload-item__meta"},o("span",{key:"f30ec89b3af9d5a4fc3ea2cf9252713f47a68ba2",part:"name",class:"bs-file-upload-item__name"},this.fileName),this.fileSize&&o("span",{key:"63aeb6db94d78011a649fa1a0771d488890c330b",part:"size",class:"bs-file-upload-item__size"},this.fileSize)),this.renderStatus()),o("bs-icon-button",{key:"5434d917777db308f8b16f84e2ccd5efcfb46dc8",part:"action",variant:"subtle",size:"lg",ariaLabel:e?this.removeLabel:this.cancelLabel,onClick:this.onAction},o(e?b:c,null)))}static get style(){return":host{display:block;--bs-file-upload-item-bg:var(--bs-surface-base);--bs-file-upload-item-border-color:var(--bs-border-default);--bs-file-upload-item-border-width:var(--bs-border-width-thin);--bs-file-upload-item-radius:var(--bs-border-radius-150);--bs-file-upload-item-padding:var(--bs-spacing-200);--bs-file-upload-item-gap:var(--bs-spacing-150);--bs-file-upload-item-thumbnail-size:80px;--bs-file-upload-item-thumbnail-radius:var(--bs-border-radius-100);--bs-file-upload-item-thumbnail-bg:var(--bs-surface-container);--bs-file-upload-item-thumbnail-icon-color:var(--bs-icon-muted);--bs-file-upload-item-content-gap:var(--bs-spacing-100);--bs-file-upload-item-name-color:var(--bs-text-default);--bs-file-upload-item-size-color:var(--bs-text-default);--bs-file-upload-item-success-color:var(--bs-text-success);--bs-file-upload-item-success-icon-color:var(--bs-icon-success);--bs-file-upload-item-error-color:var(--bs-text-error);--bs-file-upload-item-error-icon-color:var(--bs-icon-error)}.bs-file-upload-item{box-sizing:border-box;display:flex;align-items:flex-start;gap:var(--bs-file-upload-item-gap);padding:var(--bs-file-upload-item-padding);border:var(--bs-file-upload-item-border-width) solid var(--bs-file-upload-item-border-color);border-radius:var(--bs-file-upload-item-radius);background:var(--bs-file-upload-item-bg);font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-file-upload-item__thumbnail{display:flex;flex:none;align-items:center;justify-content:center;width:var(--bs-file-upload-item-thumbnail-size);height:var(--bs-file-upload-item-thumbnail-size);overflow:hidden;border-radius:var(--bs-file-upload-item-thumbnail-radius);background:var(--bs-file-upload-item-thumbnail-bg);color:var(--bs-file-upload-item-thumbnail-icon-color)}.bs-file-upload-item__placeholder{display:block;width:32px;height:32px}.bs-file-upload-item__image{display:block;width:100%;height:100%;object-fit:cover}.bs-file-upload-item__content{display:flex;flex:1;flex-direction:column;justify-content:center;gap:var(--bs-file-upload-item-content-gap);align-self:stretch;min-width:0}.bs-file-upload-item__meta{display:flex;flex-direction:column}.bs-file-upload-item__name{color:var(--bs-file-upload-item-name-color);font-weight:600;overflow-wrap:anywhere}.bs-file-upload-item__size{color:var(--bs-file-upload-item-size-color);font-size:var(--bs-font-size-sm);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-file-upload-item__status{display:flex;align-items:center;gap:var(--bs-spacing-50);min-height:24px}.bs-file-upload-item__status-icon{display:block;flex:none;width:16px;height:16px}.bs-file-upload-item__status--success{color:var(--bs-file-upload-item-success-color)}.bs-file-upload-item__status--success .bs-file-upload-item__status-icon{color:var(--bs-file-upload-item-success-icon-color)}.bs-file-upload-item__status--error{color:var(--bs-file-upload-item-error-color)}.bs-file-upload-item__status--error .bs-file-upload-item__status-icon{color:var(--bs-file-upload-item-error-icon-color)}bs-progress-linear{width:100%}bs-icon-button{flex:none;--bs-icon-neutral-default:var(--bs-icon-default)}@media (forced-colors: active){.bs-file-upload-item{border-color:CanvasText}}"}},[769,"bs-file-upload-item",{state:[513],fileName:[1,"file-name"],fileSize:[1,"file-size"],progress:[2],message:[1],thumbnailSrc:[1,"thumbnail-src"],thumbnailAlt:[1,"thumbnail-alt"],cancelLabel:[1,"cancel-label"],removeLabel:[1,"remove-label"]}]),n=()=>o("svg",{class:"bs-file-upload-item__placeholder",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},o("path",{d:"M5 6H27C27.5523 6 28 6.44772 28 7V25C28 25.5523 27.5523 26 27 26H5C4.44772 26 4 25.5523 4 25V7C4 6.44772 4.44772 6 5 6Z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M19.5 14C20.3284 14 21 13.3284 21 12.5C21 11.6716 20.3284 11 19.5 11C18.6716 11 18 11.6716 18 12.5C18 13.3284 18.6716 14 19.5 14Z",fill:"currentColor"}),o("path",{d:"M18.4137 20.5L21.625 17.2925C21.8125 17.1051 22.0668 16.9998 22.3319 16.9998C22.597 16.9998 22.8512 17.1051 23.0387 17.2925L28 22.2575",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M4 21.0863L10.7925 14.2925C10.8854 14.1995 10.9957 14.1258 11.1171 14.0754C11.2385 14.0251 11.3686 13.9992 11.5 13.9992C11.6314 13.9992 11.7615 14.0251 11.8829 14.0754C12.0043 14.1258 12.1146 14.1995 12.2075 14.2925L23.9137 26",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),d=()=>o("svg",{class:"bs-file-upload-item__status-icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},o("path",{d:"M11.0306 5.96938C11.1005 6.03905 11.156 6.12185 11.1939 6.21301C11.2317 6.30417 11.2512 6.40191 11.2512 6.50063C11.2512 6.59934 11.2317 6.69708 11.1939 6.78824C11.156 6.8794 11.1005 6.9622 11.0306 7.03188L7.53062 10.5319C7.46095 10.6018 7.37815 10.6573 7.28699 10.6951C7.19582 10.733 7.09809 10.7525 6.99937 10.7525C6.90066 10.7525 6.80292 10.733 6.71176 10.6951C6.6206 10.6573 6.5378 10.6018 6.46812 10.5319L4.96812 9.03187C4.89836 8.96211 4.84302 8.87929 4.80526 8.78814C4.76751 8.69698 4.74807 8.59929 4.74807 8.50062C4.74807 8.40196 4.76751 8.30427 4.80526 8.21311C4.84302 8.12196 4.89836 8.03914 4.96812 7.96938C5.03789 7.89961 5.12071 7.84427 5.21186 7.80651C5.30302 7.76876 5.40071 7.74932 5.49937 7.74932C5.59804 7.74932 5.69573 7.76876 5.78689 7.80651C5.87804 7.84427 5.96086 7.89961 6.03062 7.96938L7 8.9375L9.96937 5.9675C10.0392 5.89789 10.122 5.84272 10.2131 5.80513C10.3042 5.76755 10.4018 5.7483 10.5004 5.74847C10.599 5.74865 10.6965 5.76825 10.7875 5.80615C10.8785 5.84405 10.9611 5.89952 11.0306 5.96938ZM14.75 8C14.75 9.33502 14.3541 10.6401 13.6124 11.7501C12.8707 12.8601 11.8165 13.7253 10.5831 14.2362C9.34971 14.7471 7.99251 14.8808 6.68314 14.6203C5.37377 14.3598 4.17103 13.717 3.22703 12.773C2.28302 11.829 1.64015 10.6262 1.3797 9.31686C1.11925 8.00749 1.25292 6.65029 1.76381 5.41689C2.2747 4.18349 3.13987 3.12928 4.2499 2.38758C5.35993 1.64588 6.66498 1.25 8 1.25C9.7896 1.25199 11.5053 1.96378 12.7708 3.22922C14.0362 4.49466 14.748 6.2104 14.75 8ZM13.25 8C13.25 6.96165 12.9421 5.94661 12.3652 5.08326C11.7883 4.2199 10.9684 3.54699 10.0091 3.14963C9.04978 2.75227 7.99418 2.6483 6.97578 2.85088C5.95738 3.05345 5.02191 3.55346 4.28769 4.28769C3.55346 5.02191 3.05345 5.95738 2.85088 6.97578C2.6483 7.99418 2.75227 9.04978 3.14963 10.0091C3.54699 10.9684 4.2199 11.7883 5.08326 12.3652C5.94661 12.9421 6.96165 13.25 8 13.25C9.39193 13.2485 10.7264 12.6949 11.7107 11.7107C12.6949 10.7264 13.2485 9.39193 13.25 8Z",fill:"currentColor"})),u=()=>o("svg",{class:"bs-file-upload-item__status-icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},o("path",{d:"M10.5306 6.53062L9.0625 8L10.5325 9.46937C10.6734 9.61027 10.7526 9.80137 10.7526 10.0006C10.7526 10.1999 10.6734 10.391 10.5325 10.5319C10.3916 10.6728 10.2005 10.7519 10.0013 10.7519C9.80199 10.7519 9.6109 10.6728 9.47 10.5319L8 9.0625L6.53062 10.5325C6.38973 10.6734 6.19863 10.7526 5.99937 10.7526C5.80012 10.7526 5.60902 10.6734 5.46812 10.5325C5.32723 10.3916 5.24807 10.2005 5.24807 10.0013C5.24807 9.80199 5.32723 9.6109 5.46812 9.47L6.9375 8L5.46937 6.53062C5.39961 6.46086 5.34427 6.37804 5.30651 6.28689C5.26876 6.19573 5.24932 6.09804 5.24932 5.99937C5.24932 5.80012 5.32848 5.60902 5.46937 5.46812C5.61027 5.32723 5.80137 5.24807 6.00062 5.24807C6.19988 5.24807 6.39098 5.32723 6.53187 5.46812L8 6.9375L9.46937 5.4675C9.61027 5.3266 9.80137 5.24745 10.0006 5.24745C10.1999 5.24745 10.391 5.3266 10.5319 5.4675C10.6728 5.6084 10.7519 5.79949 10.7519 5.99875C10.7519 6.19801 10.6728 6.3891 10.5319 6.53L10.5306 6.53062ZM14.75 8C14.75 9.33502 14.3541 10.6401 13.6124 11.7501C12.8707 12.8601 11.8165 13.7253 10.5831 14.2362C9.34971 14.7471 7.99251 14.8808 6.68314 14.6203C5.37377 14.3598 4.17103 13.717 3.22703 12.773C2.28302 11.829 1.64015 10.6262 1.3797 9.31686C1.11925 8.00749 1.25292 6.65029 1.76381 5.41689C2.2747 4.18349 3.13987 3.12928 4.2499 2.38758C5.35993 1.64588 6.66498 1.25 8 1.25C9.7896 1.25199 11.5053 1.96378 12.7708 3.22922C14.0362 4.49466 14.748 6.2104 14.75 8ZM13.25 8C13.25 6.96165 12.9421 5.94661 12.3652 5.08326C11.7883 4.2199 10.9684 3.54699 10.0091 3.14963C9.04978 2.75227 7.99418 2.6483 6.97578 2.85088C5.95738 3.05345 5.02191 3.55346 4.28769 4.28769C3.55346 5.02191 3.05345 5.95738 2.85088 6.97578C2.6483 7.99418 2.75227 9.04978 3.14963 10.0091C3.54699 10.9684 4.2199 11.7883 5.08326 12.3652C5.94661 12.9421 6.96165 13.25 8 13.25C9.39193 13.2485 10.7264 12.6949 11.7107 11.7107C12.6949 10.7264 13.2485 9.39193 13.25 8Z",fill:"currentColor"})),c=()=>o("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},o("path",{d:"M18.75 5.25L5.25 18.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M18.75 18.75L5.25 5.25",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),b=()=>o("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},o("path",{d:"M20.25 5.25H3.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M9.75 9.75V15.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M14.25 9.75V15.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M18.75 5.25V19.5C18.75 19.6989 18.671 19.8897 18.5303 20.0303C18.3897 20.171 18.1989 20.25 18 20.25H6C5.80109 20.25 5.61032 20.171 5.46967 20.0303C5.32902 19.8897 5.25 19.6989 5.25 19.5V5.25",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M15.75 5.25V3.75C15.75 3.35218 15.592 2.97064 15.3107 2.68934C15.0294 2.40804 14.6478 2.25 14.25 2.25H9.75C9.35218 2.25 8.97064 2.40804 8.68934 2.68934C8.40804 2.97064 8.25 3.35218 8.25 3.75V5.25",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}));function p(){"undefined"!=typeof customElements&&["bs-file-upload-item","bs-icon-button","bs-progress-linear"].forEach((s=>{switch(s){case"bs-file-upload-item":customElements.get(e(s))||customElements.define(e(s),r);break;case"bs-icon-button":customElements.get(e(s))||l();break;case"bs-progress-linear":customElements.get(e(s))||a()}}))}p();const m=r,f=p;export{m as BsFileUploadItem,f as defineCustomElement}

package/dist/components/bs-icon-button.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-BkHYJIyj.js";const p=o,r=s;export{p as BsIconButton,r as defineCustomElement}
+import{B as o,d as r}from"./p-BoeorHNv.js";const s=o,p=r;export{s as BsIconButton,p as defineCustomElement}

package/dist/components/bs-inline-tab.js

@@ -1 +1 @@
-import{t as i,p as e,H as n,c as a,h as b}from"./p-JYlmcxBn.js";const t=e(class extends n{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bsSelect=a(this,"bsSelect")}get el(){return this}selected=!1;disabled=!1;ariaLabel=null;tabbable;hasIcon=!1;hasLabel=!1;bsSelect;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasLabel=this.hasSlottedContent(null)}hasSlottedContent(i){return Array.from(this.el.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE?e.getAttribute("slot")===i:null===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};onLabelSlotchange=i=>{this.hasLabel=i.target.assignedNodes().length>0};onClick=()=>{this.disabled||this.bsSelect.emit()};render(){return b("button",{key:"72a2298b0dff31e192dc679ee153d1d87e6a8723",type:"button",part:"tab",role:"tab",class:`bs-inline-tab ${this.selected?"bs-inline-tab--selected":""} ${this.disabled?"bs-inline-tab--disabled":""} ${this.hasIcon&&!this.hasLabel?"bs-inline-tab--icon-only":""} ${this.hasIcon?"bs-inline-tab--has-icon":""}`,disabled:this.disabled,"aria-selected":this.selected+"","aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabel,tabIndex:void 0===this.tabbable?void 0:this.tabbable?0:-1,onClick:this.onClick},b("span",{key:"25679b5cfc3bfec29f91b12f6180048429706b86",part:"icon",class:"bs-inline-tab__icon "+(this.hasIcon?"bs-inline-tab__icon--has-content":"")},b("slot",{key:"f5c996ae38a4e5ace60c8b1145dfb64114097600",name:"icon",onSlotchange:this.onIconSlotchange})),b("span",{key:"101ac663fa1b05e3f4f2faaaff865e02ecbd4e90",part:"label",class:"bs-inline-tab__label "+(this.hasLabel?"bs-inline-tab__label--has-content":"")},b("slot",{key:"a705183b26ad7d7ad3e286939b256cfbafb78580",onSlotchange:this.onLabelSlotchange})))}static get style(){return":host{display:inline-block;--bs-inline-tab-radius:var(--bs-border-radius-full);--bs-inline-tab-padding-y:var(--bs-spacing-100);--bs-inline-tab-padding-x:var(--bs-spacing-200);--bs-inline-tab-padding-left-with-icon:var(--bs-spacing-150);--bs-inline-tab-padding-right-with-icon:var(--bs-spacing-200);--bs-inline-tab-gap:var(--bs-spacing-50);--bs-inline-tab-bg-default:var(--bs-color-neutral-container);--bs-inline-tab-color-default:var(--bs-text-secondary);--bs-inline-tab-bg-hover:var(--bs-color-neutral-container-hover);--bs-inline-tab-color-hover:var(--bs-text-default);--bs-inline-tab-bg-focus:var(--bs-color-neutral-container-focused);--bs-inline-tab-bg-pressed:var(--bs-color-neutral-container-pressed);--bs-inline-tab-focus-ring-color:var(--bs-border-neutral-focus);--bs-inline-tab-bg-disabled:var(--bs-surface-action-disabled);--bs-inline-tab-color-disabled:var(--bs-text-on-disabled);--bs-inline-tab-bg-selected:var(--bs-color-primary-default);--bs-inline-tab-color-selected:var(--bs-text-on-action);--bs-inline-tab-bg-selected-hover:var(--bs-color-primary-hover);--bs-inline-tab-bg-selected-focus:var(--bs-color-primary-focused);--bs-inline-tab-bg-selected-pressed:var(--bs-color-primary-pressed);--bs-inline-tab-font-size:var(--bs-font-size-sm);--bs-inline-tab-font-weight:var(--bs-font-weight-semibold);--bs-inline-tab-line-height:var(--bs-line-height-body-sm)}.bs-inline-tab{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;border-radius:var(--bs-inline-tab-radius);padding:var(--bs-inline-tab-padding-y) var(--bs-inline-tab-padding-x);background:var(--bs-inline-tab-bg-default);color:var(--bs-inline-tab-color-default);transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-inline-tab--has-icon{padding-top:var(--bs-inline-tab-padding-y);padding-bottom:var(--bs-inline-tab-padding-y);padding-inline-start:var(--bs-inline-tab-padding-left-with-icon);padding-inline-end:var(--bs-inline-tab-padding-right-with-icon);gap:var(--bs-inline-tab-gap)}.bs-inline-tab:focus-visible{outline:2px solid var(--bs-inline-tab-focus-ring-color);outline-offset:2px}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-hover);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-focus);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-pressed);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab--selected{background:var(--bs-inline-tab-bg-selected);color:var(--bs-inline-tab-color-selected)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-selected-hover)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-selected-focus)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-selected-pressed)}.bs-inline-tab--disabled{background:var(--bs-inline-tab-bg-disabled);color:var(--bs-inline-tab-color-disabled);cursor:not-allowed}.bs-inline-tab__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-inline-tab__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-inline-tab__icon ::slotted(svg){width:24px;height:24px}.bs-inline-tab__label{display:none;font-size:var(--bs-inline-tab-font-size);font-weight:var(--bs-inline-tab-font-weight);line-height:calc(var(--bs-inline-tab-line-height) * 1px);white-space:nowrap}.bs-inline-tab__label--has-content{display:inline-block}"}},[769,"bs-inline-tab",{selected:[516],disabled:[4],ariaLabel:[1,"aria-label"],tabbable:[4],hasIcon:[32],hasLabel:[32]}]);function s(){"undefined"!=typeof customElements&&["bs-inline-tab"].forEach((e=>{"bs-inline-tab"===e&&(customElements.get(i(e))||customElements.define(i(e),t))}))}s();const l=t,o=s;export{l as BsInlineTab,o as defineCustomElement}
+import{t as i,p as n,H as e,c as a,h as b}from"./p-JYlmcxBn.js";const t=n(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bsSelect=a(this,"bsSelect")}get el(){return this}selected=!1;disabled=!1;ariaLabel=null;value;tabbable;hasIcon=!1;hasLabel=!1;bsSelect;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasLabel=this.hasSlottedContent(null)}hasSlottedContent(i){return Array.from(this.el.childNodes).some((n=>n.nodeType===Node.ELEMENT_NODE?n.getAttribute("slot")===i:null===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};onLabelSlotchange=i=>{this.hasLabel=i.target.assignedNodes().length>0};onClick=()=>{this.disabled||this.bsSelect.emit()};render(){return b("button",{key:"0d6927b0b39a7d84add287e6473681e5052b5f2d",type:"button",part:"tab",role:"tab",class:`bs-inline-tab ${this.selected?"bs-inline-tab--selected":""} ${this.disabled?"bs-inline-tab--disabled":""} ${this.hasIcon&&!this.hasLabel?"bs-inline-tab--icon-only":""} ${this.hasIcon?"bs-inline-tab--has-icon":""}`,disabled:this.disabled,"aria-selected":this.selected+"","aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabel,tabIndex:void 0===this.tabbable?void 0:this.tabbable?0:-1,onClick:this.onClick},b("span",{key:"866660f0f79927cd018df42286719f2f48262cbb",part:"icon",class:"bs-inline-tab__icon "+(this.hasIcon?"bs-inline-tab__icon--has-content":"")},b("slot",{key:"58e11c8a0a57646644cb0b7c950d73f5cee52310",name:"icon",onSlotchange:this.onIconSlotchange})),b("span",{key:"38d2e1df2b4e494f68d3c4b9ea34d7a317401953",part:"label",class:"bs-inline-tab__label "+(this.hasLabel?"bs-inline-tab__label--has-content":"")},b("slot",{key:"51fb6ec04479b18af787bca4e64f8105a0b19311",onSlotchange:this.onLabelSlotchange})))}static get style(){return":host{display:inline-block;--bs-inline-tab-radius:var(--bs-border-radius-full);--bs-inline-tab-padding-y:var(--bs-spacing-100);--bs-inline-tab-padding-x:var(--bs-spacing-200);--bs-inline-tab-padding-left-with-icon:var(--bs-spacing-150);--bs-inline-tab-padding-right-with-icon:var(--bs-spacing-200);--bs-inline-tab-gap:var(--bs-spacing-50);--bs-inline-tab-bg-default:var(--bs-color-neutral-container);--bs-inline-tab-color-default:var(--bs-text-secondary);--bs-inline-tab-bg-hover:var(--bs-color-neutral-container-hover);--bs-inline-tab-color-hover:var(--bs-text-default);--bs-inline-tab-bg-focus:var(--bs-color-neutral-container-focused);--bs-inline-tab-bg-pressed:var(--bs-color-neutral-container-pressed);--bs-inline-tab-focus-ring-color:var(--bs-border-neutral-focus);--bs-inline-tab-bg-disabled:var(--bs-surface-action-disabled);--bs-inline-tab-color-disabled:var(--bs-text-on-disabled);--bs-inline-tab-bg-selected:var(--bs-color-primary-default);--bs-inline-tab-color-selected:var(--bs-text-on-action);--bs-inline-tab-bg-selected-hover:var(--bs-color-primary-hover);--bs-inline-tab-bg-selected-focus:var(--bs-color-primary-focused);--bs-inline-tab-bg-selected-pressed:var(--bs-color-primary-pressed);--bs-inline-tab-font-size:var(--bs-font-size-sm);--bs-inline-tab-font-weight:var(--bs-font-weight-semibold);--bs-inline-tab-line-height:var(--bs-line-height-body-sm)}.bs-inline-tab{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;border-radius:var(--bs-inline-tab-radius);padding:var(--bs-inline-tab-padding-y) var(--bs-inline-tab-padding-x);background:var(--bs-inline-tab-bg-default);color:var(--bs-inline-tab-color-default);transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-inline-tab--has-icon{padding-top:var(--bs-inline-tab-padding-y);padding-bottom:var(--bs-inline-tab-padding-y);padding-inline-start:var(--bs-inline-tab-padding-left-with-icon);padding-inline-end:var(--bs-inline-tab-padding-right-with-icon);gap:var(--bs-inline-tab-gap)}.bs-inline-tab:focus-visible{outline:2px solid var(--bs-inline-tab-focus-ring-color);outline-offset:2px}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-hover);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-focus);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-pressed);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab--selected{background:var(--bs-inline-tab-bg-selected);color:var(--bs-inline-tab-color-selected)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-selected-hover)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-selected-focus)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-selected-pressed)}.bs-inline-tab--disabled{background:var(--bs-inline-tab-bg-disabled);color:var(--bs-inline-tab-color-disabled);cursor:not-allowed}.bs-inline-tab__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-inline-tab__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-inline-tab__icon ::slotted(svg){width:24px;height:24px}.bs-inline-tab__label{display:none;font-size:var(--bs-inline-tab-font-size);font-weight:var(--bs-inline-tab-font-weight);line-height:calc(var(--bs-inline-tab-line-height) * 1px);white-space:nowrap}.bs-inline-tab__label--has-content{display:inline-block}"}},[769,"bs-inline-tab",{selected:[516],disabled:[4],ariaLabel:[1,"aria-label"],value:[513],tabbable:[4],hasIcon:[32],hasLabel:[32]}]);function s(){"undefined"!=typeof customElements&&["bs-inline-tab"].forEach((n=>{"bs-inline-tab"===n&&(customElements.get(i(n))||customElements.define(i(n),t))}))}s();const l=t,o=s;export{l as BsInlineTab,o as defineCustomElement}