bareframe 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -5
- package/dist/bareframe.min.js +33 -17
- package/dist/components/action-list.js +0 -3
- package/dist/components/anchor.js +0 -3
- package/dist/components/bottom-navigation.js +0 -3
- package/dist/components/breadcrumb.js +0 -4
- package/dist/components/button.js +2 -2
- package/dist/components/calendar.js +0 -3
- package/dist/components/canvas.js +0 -3
- package/dist/components/card.js +0 -3
- package/dist/components/carousel.js +0 -3
- package/dist/components/combobox.js +0 -3
- package/dist/components/command-palette.js +0 -3
- package/dist/components/countdown.js +0 -3
- package/dist/components/data-grid.js +0 -3
- package/dist/components/date-picker.js +0 -3
- package/dist/components/date-range-picker.js +0 -3
- package/dist/components/dialog.js +0 -3
- package/dist/components/drawer.js +0 -3
- package/dist/components/dropdown.js +0 -3
- package/dist/components/edge.js +0 -3
- package/dist/components/editor.css +111 -0
- package/dist/components/editor.js +173 -0
- package/dist/components/empty-state.js +0 -3
- package/dist/components/error-summary.js +0 -3
- package/dist/components/fab.js +0 -3
- package/dist/components/filter-bar.js +0 -3
- package/dist/components/form-field.js +0 -3
- package/dist/components/grid.js +0 -3
- package/dist/components/hero.js +0 -3
- package/dist/components/icon.js +0 -3
- package/dist/components/image.js +0 -3
- package/dist/components/key-value-list.js +0 -3
- package/dist/components/link.js +0 -3
- package/dist/components/list.js +0 -3
- package/dist/components/loading-indicator.js +0 -3
- package/dist/components/map.js +0 -3
- package/dist/components/menu.js +0 -3
- package/dist/components/message.js +0 -3
- package/dist/components/metric-card.js +0 -3
- package/dist/components/modal.js +0 -3
- package/dist/components/nav.js +0 -3
- package/dist/components/number-field.js +0 -3
- package/dist/components/otp-input.js +0 -3
- package/dist/components/pagination.js +0 -3
- package/dist/components/quick-actions.js +0 -3
- package/dist/components/search.js +0 -3
- package/dist/components/segmented-control.js +0 -3
- package/dist/components/split-button.js +0 -3
- package/dist/components/splitter.js +0 -3
- package/dist/components/stack.js +0 -3
- package/dist/components/tab.js +0 -3
- package/dist/components/table.js +0 -3
- package/dist/components/tag.js +0 -3
- package/dist/components/timeline.js +0 -3
- package/dist/components/toast.js +0 -3
- package/dist/components/toggle.js +0 -3
- package/dist/components/toolbar.js +0 -3
- package/dist/components/tree-view.js +0 -3
- package/dist/components/video-player.js +0 -3
- package/dist/components/virtual-list.js +0 -3
- package/dist/index.js +153 -225
- package/dist/manifest.json +3 -4
- package/package.json +5 -3
- package/dist/components/code-block.css +0 -30
- package/dist/components/code-block.js +0 -31
- package/dist/components/textarea.css +0 -30
- package/dist/components/textarea.js +0 -31
package/dist/bareframe.min.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var Jt=Object.defineProperty;var Yt=(s,e,i)=>e in s?Jt(s,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):s[e]=i;var a=(s,e,i)=>Yt(s,typeof e!="symbol"?e+"":e,i);var _=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._details=[],this._itemIds=[]}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-accordion-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-accordion-gap%3A%20var(--bf-theme-space-2%2C%200.5rem)%3B%0A%09--bf-accordion-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-accordion-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-accordion-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-accordion-border-color%3A%20var(--bf-theme-accordion-border-color%2C%20%23cbd5e1)%3B%0A%09--bf-accordion-bg%3A%20var(--bf-theme-accordion-bg%2C%20%23ffffff)%3B%0A%09--bf-accordion-color%3A%20var(--bf-theme-accordion-color%2C%20%230f172a)%3B%0A%09--bf-accordion-trigger-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-accordion-trigger-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-accordion-panel-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-accordion-panel-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-accordion-trigger-bg%3A%20var(--bf-theme-accordion-trigger-bg%2C%20%23f8fafc)%3B%0A%09--bf-accordion-trigger-hover-bg%3A%20var(%0A%09%09--bf-theme-accordion-trigger-hover-bg%2C%0A%09%09%23f1f5f9%0A%09)%3B%0A%09--bf-accordion-trigger-open-bg%3A%20var(%0A%09%09--bf-theme-accordion-trigger-open-bg%2C%0A%09%09%23eff6ff%0A%09)%3B%0A%09--bf-accordion-trigger-color%3A%20var(--bf-theme-accordion-trigger-color%2C%20%230f172a)%3B%0A%09--bf-accordion-panel-bg%3A%20var(--bf-theme-accordion-panel-bg%2C%20%23ffffff)%3B%0A%09--bf-accordion-focus-ring-width%3A%20var(--bf-theme-focus-ring-width%2C%202px)%3B%0A%09--bf-accordion-focus-ring-style%3A%20var(--bf-theme-focus-ring-style%2C%20solid)%3B%0A%09--bf-accordion-focus-ring-color%3A%20var(--bf-theme-focus-ring-color%2C%20%2393c5fd)%3B%0A%09--bf-accordion-focus-ring-offset%3A%20var(--bf-theme-focus-ring-offset%2C%202px)%3B%0A%09--bf-accordion-chevron-color%3A%20var(--bf-theme-accordion-chevron-color%2C%20%23475569)%3B%0A%09--bf-accordion-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-accordion-font)%3B%0A%09color%3A%20var(--bf-accordion-color)%3B%0A%7D%0A%0A.accordion%20%7B%0A%09display%3A%20grid%3B%0A%09gap%3A%20var(--bf-accordion-gap)%3B%0A%7D%0A%0A.accordion-item%20%7B%0A%09border-width%3A%20var(--bf-accordion-border-width)%3B%0A%09border-style%3A%20var(--bf-accordion-border-style)%3B%0A%09border-color%3A%20var(--bf-accordion-border-color)%3B%0A%09border-radius%3A%20var(--bf-accordion-radius)%3B%0A%09background%3A%20var(--bf-accordion-bg)%3B%0A%09overflow%3A%20clip%3B%0A%7D%0A%0A.accordion-trigger%20%7B%0A%09list-style%3A%20none%3B%0A%09cursor%3A%20pointer%3B%0A%09padding%3A%20var(--bf-accordion-trigger-padding-y)%0A%09%09var(--bf-accordion-trigger-padding-x)%3B%0A%09background%3A%20var(--bf-accordion-trigger-bg)%3B%0A%09color%3A%20var(--bf-accordion-trigger-color)%3B%0A%09transition%3A%20var(--bf-accordion-transition)%3B%0A%09display%3A%20flex%3B%0A%09align-items%3A%20center%3B%0A%09justify-content%3A%20space-between%3B%0A%7D%0A%0A.accordion-trigger%3A%3A-webkit-details-marker%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.accordion-trigger%3A%3Aafter%20%7B%0A%09content%3A%20'%2B'%3B%0A%09color%3A%20var(--bf-accordion-chevron-color)%3B%0A%09font-weight%3A%20700%3B%0A%09line-height%3A%201%3B%0A%7D%0A%0A.accordion-item%5Bopen%5D%20%3E%20.accordion-trigger%3A%3Aafter%20%7B%0A%09content%3A%20'-'%3B%0A%7D%0A%0A.accordion-trigger%3Ahover%20%7B%0A%09background%3A%20var(--bf-accordion-trigger-hover-bg)%3B%0A%7D%0A%0A.accordion-trigger%3Afocus-visible%20%7B%0A%09outline-width%3A%20var(--bf-accordion-focus-ring-width)%3B%0A%09outline-style%3A%20var(--bf-accordion-focus-ring-style)%3B%0A%09outline-color%3A%20var(--bf-accordion-focus-ring-color)%3B%0A%09outline-offset%3A%20calc(var(--bf-accordion-focus-ring-offset)%20*%20-1)%3B%0A%7D%0A%0A.accordion-item%5Bopen%5D%20%3E%20.accordion-trigger%20%7B%0A%09background%3A%20var(--bf-accordion-trigger-open-bg)%3B%0A%7D%0A%0A.accordion-panel%20%7B%0A%09padding%3A%20var(--bf-accordion-panel-padding-y)%20var(--bf-accordion-panel-padding-x)%3B%0A%09background%3A%20var(--bf-accordion-panel-bg)%3B%0A%09border-top-width%3A%20var(--bf-accordion-border-width)%3B%0A%09border-top-style%3A%20var(--bf-accordion-border-style)%3B%0A%09border-top-color%3A%20var(--bf-accordion-border-color)%3B%0A%7D%0A%0A.accordion-panel%20%3A%3Aslotted(*)%20%7B%0A%09margin%3A%200%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="accordion",t.setAttribute("part","accordion"),[...this.children].filter(o=>o.nodeType===Node.ELEMENT_NODE).forEach((o,l)=>{let c=o.getAttribute("title")||o.getAttribute("data-title")||`Section ${l+1}`,m=`item-${l+1}`,d=o.hasAttribute("open"),u=this._ensureItemId(o,l);o.setAttribute("slot",m);let h=document.createElement("details");h.className="accordion-item",h.setAttribute("part","item"),h.dataset.itemId=u,d&&(h.open=!0);let p=document.createElement("summary");p.className="accordion-trigger",p.setAttribute("part","trigger"),p.textContent=c;let b=document.createElement("div");b.className="accordion-panel",b.setAttribute("part","panel");let qt=document.createElement("slot");qt.name=m,b.append(qt),h.append(p,b),t.append(h),this._details.push(h),this._itemIds.push(u),h.addEventListener("toggle",()=>{!this.multiple&&h.open&&this._details.forEach(Dt=>{Dt!==h&&(Dt.open=!1)}),this.dispatchEvent(new CustomEvent("bf-accordion-toggle",{bubbles:!0,composed:!0,detail:{index:l,id:u,title:c,open:h.open}}))})}),this.shadowRoot.replaceChildren(i,t);let n=this.getAttribute("active-id");n&&this.openItem(n)}get multiple(){return this.hasAttribute("multiple")}attributeChangedCallback(e,i,t){this._initialized&&e==="active-id"&&i!==t&&t&&this.openItem(t)}openItem(e){let i=this._details.find(t=>t.dataset.itemId===e);i&&(i.open=!0)}closeItem(e){let i=this._details.find(t=>t.dataset.itemId===e);i&&(i.open=!1)}toggleItem(e){let i=this._details.find(t=>t.dataset.itemId===e);i&&(i.open=!i.open)}_ensureItemId(e,i){let t=e.getAttribute("id");if(t&&!this._itemIds.includes(t))return t;let r=this.getAttribute("id")||"bf-accordion",n=i+1,o=`${r}-item-${n}`;for(;this._itemIds.includes(o)||this.querySelector(`#${CSS.escape(o)}`)&&this.querySelector(`#${CSS.escape(o)}`)!==e;)n+=1,o=`${r}-item-${n}`;return e.setAttribute("id",o),o}};a(_,"observedAttributes",["active-id"]);customElements.define("bf-accordion",_);var D=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-action-list-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-action-list-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-action-list-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-action-list-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-action-list-border-color%3A%20var(--bf-theme-action-list-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-action-list-bg%3A%20var(--bf-theme-action-list-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-action-list-color%3A%20var(--bf-theme-action-list-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-action-list-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-action-list-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-action-list-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-action-list-font)%3B%0A%09color%3A%20var(--bf-action-list-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-action-list-bg)%3B%0A%09color%3A%20var(--bf-action-list-color)%3B%0A%09border-width%3A%20var(--bf-action-list-border-width)%3B%0A%09border-style%3A%20var(--bf-action-list-border-style)%3B%0A%09border-color%3A%20var(--bf-action-list-border-color)%3B%0A%09border-radius%3A%20var(--bf-action-list-radius)%3B%0A%09padding%3A%20var(--bf-action-list-padding-y)%20var(--bf-action-list-padding-x)%3B%0A%09transition%3A%20var(--bf-action-list-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="action list"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-action-list",D);var V=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-anchor-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-anchor-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-anchor-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-anchor-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-anchor-border-color%3A%20var(--bf-theme-anchor-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-anchor-bg%3A%20var(--bf-theme-anchor-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-anchor-color%3A%20var(--bf-theme-anchor-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-anchor-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-anchor-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-anchor-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-anchor-font)%3B%0A%09color%3A%20var(--bf-anchor-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-anchor-bg)%3B%0A%09color%3A%20var(--bf-anchor-color)%3B%0A%09border-width%3A%20var(--bf-anchor-border-width)%3B%0A%09border-style%3A%20var(--bf-anchor-border-style)%3B%0A%09border-color%3A%20var(--bf-anchor-border-color)%3B%0A%09border-radius%3A%20var(--bf-anchor-radius)%3B%0A%09padding%3A%20var(--bf-anchor-padding-y)%20var(--bf-anchor-padding-x)%3B%0A%09transition%3A%20var(--bf-anchor-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="anchor"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-anchor",V);var O=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._items=[],this._filtered=[],this._activeIndex=-1,this._listOpen=!1,this._boundOnDocumentClick=this._onDocumentClick.bind(this)}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-autocomplete-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-autocomplete-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-autocomplete-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-autocomplete-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-autocomplete-border-color%3A%20var(%0A%09%09--bf-theme-autocomplete-border-color%2C%0A%09%09var(--bf-theme-border-1%2C%20%23d1d5db)%0A%09)%3B%0A%09--bf-autocomplete-bg%3A%20var(%0A%09%09--bf-theme-autocomplete-bg%2C%0A%09%09var(--bf-theme-surface-1%2C%20%23ffffff)%0A%09)%3B%0A%09--bf-autocomplete-color%3A%20var(%0A%09%09--bf-theme-autocomplete-color%2C%0A%09%09var(--bf-theme-text-1%2C%20%23111827)%0A%09)%3B%0A%09--bf-autocomplete-placeholder%3A%20var(--bf-theme-text-2%2C%20%236b7280)%3B%0A%09--bf-autocomplete-focus%3A%20var(--bf-theme-focus-ring-color%2C%20%239ca3af)%3B%0A%09--bf-autocomplete-list-max-height%3A%20220px%3B%0A%09--bf-autocomplete-item-hover-bg%3A%20var(--bf-theme-surface-2%2C%20%23f3f4f6)%3B%0A%09--bf-autocomplete-item-active-bg%3A%20var(--bf-theme-surface-2%2C%20%23e5e7eb)%3B%0A%09--bf-autocomplete-shadow%3A%200%208px%2026px%20rgba(15%2C%2023%2C%2042%2C%200.12)%3B%0A%0A%09display%3A%20inline-block%3B%0A%09width%3A%20min(100%25%2C%20420px)%3B%0A%09font%3A%20var(--bf-autocomplete-font)%3B%0A%7D%0A%0A.root%20%7B%0A%09position%3A%20relative%3B%0A%7D%0A%0A.input%20%7B%0A%09width%3A%20100%25%3B%0A%09box-sizing%3A%20border-box%3B%0A%09font%3A%20inherit%3B%0A%09color%3A%20var(--bf-autocomplete-color)%3B%0A%09background%3A%20var(--bf-autocomplete-bg)%3B%0A%09border-width%3A%20var(--bf-autocomplete-border-width)%3B%0A%09border-style%3A%20var(--bf-autocomplete-border-style)%3B%0A%09border-color%3A%20var(--bf-autocomplete-border-color)%3B%0A%09border-radius%3A%20var(--bf-autocomplete-radius)%3B%0A%09padding%3A%200.62rem%200.8rem%3B%0A%09outline%3A%20none%3B%0A%7D%0A%0A.input%3A%3Aplaceholder%20%7B%0A%09color%3A%20var(--bf-autocomplete-placeholder)%3B%0A%7D%0A%0A.input%3Afocus-visible%20%7B%0A%09border-color%3A%20var(--bf-autocomplete-focus)%3B%0A%09box-shadow%3A%200%200%200%202px%20color-mix(in%20srgb%2C%20var(--bf-autocomplete-focus)%2030%25%2C%20transparent)%3B%0A%7D%0A%0A.list%20%7B%0A%09position%3A%20absolute%3B%0A%09top%3A%20calc(100%25%20%2B%200.35rem)%3B%0A%09left%3A%200%3B%0A%09right%3A%200%3B%0A%09margin%3A%200%3B%0A%09padding%3A%200.35rem%3B%0A%09list-style%3A%20none%3B%0A%09border-width%3A%20var(--bf-autocomplete-border-width)%3B%0A%09border-style%3A%20var(--bf-autocomplete-border-style)%3B%0A%09border-color%3A%20var(--bf-autocomplete-border-color)%3B%0A%09border-radius%3A%20calc(var(--bf-autocomplete-radius)%20-%202px)%3B%0A%09background%3A%20var(--bf-autocomplete-bg)%3B%0A%09max-height%3A%20var(--bf-autocomplete-list-max-height)%3B%0A%09overflow%3A%20auto%3B%0A%09box-shadow%3A%20var(--bf-autocomplete-shadow)%3B%0A%09z-index%3A%2020%3B%0A%7D%0A%0A.item%20%7B%0A%09padding%3A%200.48rem%200.55rem%3B%0A%09border-radius%3A%20calc(var(--bf-autocomplete-radius)%20-%204px)%3B%0A%09cursor%3A%20pointer%3B%0A%7D%0A%0A.item%3Ahover%20%7B%0A%09background%3A%20var(--bf-autocomplete-item-hover-bg)%3B%0A%7D%0A%0A.item.active%20%7B%0A%09background%3A%20var(--bf-autocomplete-item-active-bg)%3B%0A%7D%0A%0A.item.empty%20%7B%0A%09cursor%3A%20default%3B%0A%09color%3A%20var(--bf-autocomplete-placeholder)%3B%0A%7D%0A",import.meta.url),i=this.getAttribute("placeholder")||"Search...",t=this.getAttribute("value")||"",r=`ac-list-${Math.random().toString(36).slice(2,10)}`;this.shadowRoot.innerHTML=`
|
|
1
|
+
var Xt=Object.defineProperty;var Jt=(s,e,i)=>e in s?Xt(s,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):s[e]=i;var a=(s,e,i)=>Jt(s,typeof e!="symbol"?e+"":e,i);var _=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._details=[],this._itemIds=[]}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-accordion-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-accordion-gap%3A%20var(--bf-theme-space-2%2C%200.5rem)%3B%0A%09--bf-accordion-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-accordion-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-accordion-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-accordion-border-color%3A%20var(--bf-theme-accordion-border-color%2C%20%23cbd5e1)%3B%0A%09--bf-accordion-bg%3A%20var(--bf-theme-accordion-bg%2C%20%23ffffff)%3B%0A%09--bf-accordion-color%3A%20var(--bf-theme-accordion-color%2C%20%230f172a)%3B%0A%09--bf-accordion-trigger-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-accordion-trigger-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-accordion-panel-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-accordion-panel-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-accordion-trigger-bg%3A%20var(--bf-theme-accordion-trigger-bg%2C%20%23f8fafc)%3B%0A%09--bf-accordion-trigger-hover-bg%3A%20var(%0A%09%09--bf-theme-accordion-trigger-hover-bg%2C%0A%09%09%23f1f5f9%0A%09)%3B%0A%09--bf-accordion-trigger-open-bg%3A%20var(%0A%09%09--bf-theme-accordion-trigger-open-bg%2C%0A%09%09%23eff6ff%0A%09)%3B%0A%09--bf-accordion-trigger-color%3A%20var(--bf-theme-accordion-trigger-color%2C%20%230f172a)%3B%0A%09--bf-accordion-panel-bg%3A%20var(--bf-theme-accordion-panel-bg%2C%20%23ffffff)%3B%0A%09--bf-accordion-focus-ring-width%3A%20var(--bf-theme-focus-ring-width%2C%202px)%3B%0A%09--bf-accordion-focus-ring-style%3A%20var(--bf-theme-focus-ring-style%2C%20solid)%3B%0A%09--bf-accordion-focus-ring-color%3A%20var(--bf-theme-focus-ring-color%2C%20%2393c5fd)%3B%0A%09--bf-accordion-focus-ring-offset%3A%20var(--bf-theme-focus-ring-offset%2C%202px)%3B%0A%09--bf-accordion-chevron-color%3A%20var(--bf-theme-accordion-chevron-color%2C%20%23475569)%3B%0A%09--bf-accordion-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-accordion-font)%3B%0A%09color%3A%20var(--bf-accordion-color)%3B%0A%7D%0A%0A.accordion%20%7B%0A%09display%3A%20grid%3B%0A%09gap%3A%20var(--bf-accordion-gap)%3B%0A%7D%0A%0A.accordion-item%20%7B%0A%09border-width%3A%20var(--bf-accordion-border-width)%3B%0A%09border-style%3A%20var(--bf-accordion-border-style)%3B%0A%09border-color%3A%20var(--bf-accordion-border-color)%3B%0A%09border-radius%3A%20var(--bf-accordion-radius)%3B%0A%09background%3A%20var(--bf-accordion-bg)%3B%0A%09overflow%3A%20clip%3B%0A%7D%0A%0A.accordion-trigger%20%7B%0A%09list-style%3A%20none%3B%0A%09cursor%3A%20pointer%3B%0A%09padding%3A%20var(--bf-accordion-trigger-padding-y)%0A%09%09var(--bf-accordion-trigger-padding-x)%3B%0A%09background%3A%20var(--bf-accordion-trigger-bg)%3B%0A%09color%3A%20var(--bf-accordion-trigger-color)%3B%0A%09transition%3A%20var(--bf-accordion-transition)%3B%0A%09display%3A%20flex%3B%0A%09align-items%3A%20center%3B%0A%09justify-content%3A%20space-between%3B%0A%7D%0A%0A.accordion-trigger%3A%3A-webkit-details-marker%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.accordion-trigger%3A%3Aafter%20%7B%0A%09content%3A%20'%2B'%3B%0A%09color%3A%20var(--bf-accordion-chevron-color)%3B%0A%09font-weight%3A%20700%3B%0A%09line-height%3A%201%3B%0A%7D%0A%0A.accordion-item%5Bopen%5D%20%3E%20.accordion-trigger%3A%3Aafter%20%7B%0A%09content%3A%20'-'%3B%0A%7D%0A%0A.accordion-trigger%3Ahover%20%7B%0A%09background%3A%20var(--bf-accordion-trigger-hover-bg)%3B%0A%7D%0A%0A.accordion-trigger%3Afocus-visible%20%7B%0A%09outline-width%3A%20var(--bf-accordion-focus-ring-width)%3B%0A%09outline-style%3A%20var(--bf-accordion-focus-ring-style)%3B%0A%09outline-color%3A%20var(--bf-accordion-focus-ring-color)%3B%0A%09outline-offset%3A%20calc(var(--bf-accordion-focus-ring-offset)%20*%20-1)%3B%0A%7D%0A%0A.accordion-item%5Bopen%5D%20%3E%20.accordion-trigger%20%7B%0A%09background%3A%20var(--bf-accordion-trigger-open-bg)%3B%0A%7D%0A%0A.accordion-panel%20%7B%0A%09padding%3A%20var(--bf-accordion-panel-padding-y)%20var(--bf-accordion-panel-padding-x)%3B%0A%09background%3A%20var(--bf-accordion-panel-bg)%3B%0A%09border-top-width%3A%20var(--bf-accordion-border-width)%3B%0A%09border-top-style%3A%20var(--bf-accordion-border-style)%3B%0A%09border-top-color%3A%20var(--bf-accordion-border-color)%3B%0A%7D%0A%0A.accordion-panel%20%3A%3Aslotted(*)%20%7B%0A%09margin%3A%200%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="accordion",t.setAttribute("part","accordion"),[...this.children].filter(o=>o.nodeType===Node.ELEMENT_NODE).forEach((o,l)=>{let c=o.getAttribute("title")||o.getAttribute("data-title")||`Section ${l+1}`,m=`item-${l+1}`,d=o.hasAttribute("open"),u=this._ensureItemId(o,l);o.setAttribute("slot",m);let h=document.createElement("details");h.className="accordion-item",h.setAttribute("part","item"),h.dataset.itemId=u,d&&(h.open=!0);let p=document.createElement("summary");p.className="accordion-trigger",p.setAttribute("part","trigger"),p.textContent=c;let b=document.createElement("div");b.className="accordion-panel",b.setAttribute("part","panel");let Ft=document.createElement("slot");Ft.name=m,b.append(Ft),h.append(p,b),t.append(h),this._details.push(h),this._itemIds.push(u),h.addEventListener("toggle",()=>{!this.multiple&&h.open&&this._details.forEach(qt=>{qt!==h&&(qt.open=!1)}),this.dispatchEvent(new CustomEvent("bf-accordion-toggle",{bubbles:!0,composed:!0,detail:{index:l,id:u,title:c,open:h.open}}))})}),this.shadowRoot.replaceChildren(i,t);let n=this.getAttribute("active-id");n&&this.openItem(n)}get multiple(){return this.hasAttribute("multiple")}attributeChangedCallback(e,i,t){this._initialized&&e==="active-id"&&i!==t&&t&&this.openItem(t)}openItem(e){let i=this._details.find(t=>t.dataset.itemId===e);i&&(i.open=!0)}closeItem(e){let i=this._details.find(t=>t.dataset.itemId===e);i&&(i.open=!1)}toggleItem(e){let i=this._details.find(t=>t.dataset.itemId===e);i&&(i.open=!i.open)}_ensureItemId(e,i){let t=e.getAttribute("id");if(t&&!this._itemIds.includes(t))return t;let r=this.getAttribute("id")||"bf-accordion",n=i+1,o=`${r}-item-${n}`;for(;this._itemIds.includes(o)||this.querySelector(`#${CSS.escape(o)}`)&&this.querySelector(`#${CSS.escape(o)}`)!==e;)n+=1,o=`${r}-item-${n}`;return e.setAttribute("id",o),o}};a(_,"observedAttributes",["active-id"]);customElements.define("bf-accordion",_);var V=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-action-list-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-action-list-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-action-list-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-action-list-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-action-list-border-color%3A%20var(--bf-theme-action-list-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-action-list-bg%3A%20var(--bf-theme-action-list-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-action-list-color%3A%20var(--bf-theme-action-list-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-action-list-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-action-list-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-action-list-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-action-list-font)%3B%0A%09color%3A%20var(--bf-action-list-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-action-list-bg)%3B%0A%09color%3A%20var(--bf-action-list-color)%3B%0A%09border-width%3A%20var(--bf-action-list-border-width)%3B%0A%09border-style%3A%20var(--bf-action-list-border-style)%3B%0A%09border-color%3A%20var(--bf-action-list-border-color)%3B%0A%09border-radius%3A%20var(--bf-action-list-radius)%3B%0A%09padding%3A%20var(--bf-action-list-padding-y)%20var(--bf-action-list-padding-x)%3B%0A%09transition%3A%20var(--bf-action-list-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-action-list",V);var O=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-anchor-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-anchor-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-anchor-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-anchor-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-anchor-border-color%3A%20var(--bf-theme-anchor-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-anchor-bg%3A%20var(--bf-theme-anchor-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-anchor-color%3A%20var(--bf-theme-anchor-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-anchor-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-anchor-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-anchor-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-anchor-font)%3B%0A%09color%3A%20var(--bf-anchor-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-anchor-bg)%3B%0A%09color%3A%20var(--bf-anchor-color)%3B%0A%09border-width%3A%20var(--bf-anchor-border-width)%3B%0A%09border-style%3A%20var(--bf-anchor-border-style)%3B%0A%09border-color%3A%20var(--bf-anchor-border-color)%3B%0A%09border-radius%3A%20var(--bf-anchor-radius)%3B%0A%09padding%3A%20var(--bf-anchor-padding-y)%20var(--bf-anchor-padding-x)%3B%0A%09transition%3A%20var(--bf-anchor-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-anchor",O);var P=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._items=[],this._filtered=[],this._activeIndex=-1,this._listOpen=!1,this._boundOnDocumentClick=this._onDocumentClick.bind(this)}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-autocomplete-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-autocomplete-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-autocomplete-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-autocomplete-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-autocomplete-border-color%3A%20var(%0A%09%09--bf-theme-autocomplete-border-color%2C%0A%09%09var(--bf-theme-border-1%2C%20%23d1d5db)%0A%09)%3B%0A%09--bf-autocomplete-bg%3A%20var(%0A%09%09--bf-theme-autocomplete-bg%2C%0A%09%09var(--bf-theme-surface-1%2C%20%23ffffff)%0A%09)%3B%0A%09--bf-autocomplete-color%3A%20var(%0A%09%09--bf-theme-autocomplete-color%2C%0A%09%09var(--bf-theme-text-1%2C%20%23111827)%0A%09)%3B%0A%09--bf-autocomplete-placeholder%3A%20var(--bf-theme-text-2%2C%20%236b7280)%3B%0A%09--bf-autocomplete-focus%3A%20var(--bf-theme-focus-ring-color%2C%20%239ca3af)%3B%0A%09--bf-autocomplete-list-max-height%3A%20220px%3B%0A%09--bf-autocomplete-item-hover-bg%3A%20var(--bf-theme-surface-2%2C%20%23f3f4f6)%3B%0A%09--bf-autocomplete-item-active-bg%3A%20var(--bf-theme-surface-2%2C%20%23e5e7eb)%3B%0A%09--bf-autocomplete-shadow%3A%200%208px%2026px%20rgba(15%2C%2023%2C%2042%2C%200.12)%3B%0A%0A%09display%3A%20inline-block%3B%0A%09width%3A%20min(100%25%2C%20420px)%3B%0A%09font%3A%20var(--bf-autocomplete-font)%3B%0A%7D%0A%0A.root%20%7B%0A%09position%3A%20relative%3B%0A%7D%0A%0A.input%20%7B%0A%09width%3A%20100%25%3B%0A%09box-sizing%3A%20border-box%3B%0A%09font%3A%20inherit%3B%0A%09color%3A%20var(--bf-autocomplete-color)%3B%0A%09background%3A%20var(--bf-autocomplete-bg)%3B%0A%09border-width%3A%20var(--bf-autocomplete-border-width)%3B%0A%09border-style%3A%20var(--bf-autocomplete-border-style)%3B%0A%09border-color%3A%20var(--bf-autocomplete-border-color)%3B%0A%09border-radius%3A%20var(--bf-autocomplete-radius)%3B%0A%09padding%3A%200.62rem%200.8rem%3B%0A%09outline%3A%20none%3B%0A%7D%0A%0A.input%3A%3Aplaceholder%20%7B%0A%09color%3A%20var(--bf-autocomplete-placeholder)%3B%0A%7D%0A%0A.input%3Afocus-visible%20%7B%0A%09border-color%3A%20var(--bf-autocomplete-focus)%3B%0A%09box-shadow%3A%200%200%200%202px%20color-mix(in%20srgb%2C%20var(--bf-autocomplete-focus)%2030%25%2C%20transparent)%3B%0A%7D%0A%0A.list%20%7B%0A%09position%3A%20absolute%3B%0A%09top%3A%20calc(100%25%20%2B%200.35rem)%3B%0A%09left%3A%200%3B%0A%09right%3A%200%3B%0A%09margin%3A%200%3B%0A%09padding%3A%200.35rem%3B%0A%09list-style%3A%20none%3B%0A%09border-width%3A%20var(--bf-autocomplete-border-width)%3B%0A%09border-style%3A%20var(--bf-autocomplete-border-style)%3B%0A%09border-color%3A%20var(--bf-autocomplete-border-color)%3B%0A%09border-radius%3A%20calc(var(--bf-autocomplete-radius)%20-%202px)%3B%0A%09background%3A%20var(--bf-autocomplete-bg)%3B%0A%09max-height%3A%20var(--bf-autocomplete-list-max-height)%3B%0A%09overflow%3A%20auto%3B%0A%09box-shadow%3A%20var(--bf-autocomplete-shadow)%3B%0A%09z-index%3A%2020%3B%0A%7D%0A%0A.item%20%7B%0A%09padding%3A%200.48rem%200.55rem%3B%0A%09border-radius%3A%20calc(var(--bf-autocomplete-radius)%20-%204px)%3B%0A%09cursor%3A%20pointer%3B%0A%7D%0A%0A.item%3Ahover%20%7B%0A%09background%3A%20var(--bf-autocomplete-item-hover-bg)%3B%0A%7D%0A%0A.item.active%20%7B%0A%09background%3A%20var(--bf-autocomplete-item-active-bg)%3B%0A%7D%0A%0A.item.empty%20%7B%0A%09cursor%3A%20default%3B%0A%09color%3A%20var(--bf-autocomplete-placeholder)%3B%0A%7D%0A",import.meta.url),i=this.getAttribute("placeholder")||"Search...",t=this.getAttribute("value")||"",r=`ac-list-${Math.random().toString(36).slice(2,10)}`;this.shadowRoot.innerHTML=`
|
|
2
2
|
<link rel="stylesheet" href="${e.href}" />
|
|
3
3
|
<div class="root" part="root">
|
|
4
4
|
<input
|
|
@@ -15,17 +15,17 @@ var Jt=Object.defineProperty;var Yt=(s,e,i)=>e in s?Jt(s,e,{enumerable:!0,config
|
|
|
15
15
|
/>
|
|
16
16
|
<ul class="list" part="list" id="${r}" role="listbox" hidden></ul>
|
|
17
17
|
</div>
|
|
18
|
-
`,this._input=this.shadowRoot.querySelector(".input"),this._list=this.shadowRoot.querySelector(".list"),this._input.value=t,this._setItemsFromAttributes(),this._filtered=[...this._items],this._renderList(),this._input.addEventListener("focus",()=>{this._filter(this._input.value),this._openList()}),this._input.addEventListener("input",()=>{let n=this._input.value;this._filter(n),this._openList(),this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{value:n}}))}),this._input.addEventListener("keydown",n=>{if(!this._listOpen&&(n.key==="ArrowDown"||n.key==="ArrowUp")&&this._openList(),n.key==="ArrowDown"&&(n.preventDefault(),this._moveActive(1)),n.key==="ArrowUp"&&(n.preventDefault(),this._moveActive(-1)),n.key==="Enter"&&this._activeIndex>=0){n.preventDefault();let o=this._filtered[this._activeIndex];o&&this._select(o)}n.key==="Escape"&&this._closeList()}),document.addEventListener("click",this._boundOnDocumentClick)}disconnectedCallback(){document.removeEventListener("click",this._boundOnDocumentClick)}_setItemsFromAttributes(){let e=this.getAttribute("options");if(e)try{let t=JSON.parse(e);if(Array.isArray(t)){this._items=t.map(r=>String(r));return}}catch{}let i=this.getAttribute("options-csv");if(i){this._items=i.split(",").map(t=>t.trim()).filter(Boolean);return}this._items=["Accessibility","Accordion","Autocomplete","Button","Card","Color Picker","Data Grid","Dropdown","Modal","Typography"]}_filter(e){let i=e.trim().toLowerCase();i?this._filtered=this._items.filter(t=>t.toLowerCase().includes(i)):this._filtered=[...this._items],this._activeIndex=-1,this._renderList()}_renderList(){if(this._list.innerHTML="",!this._filtered.length){let e=document.createElement("li");e.className="item empty",e.textContent="No matches",e.setAttribute("part","item empty"),this._list.append(e);return}this._filtered.forEach((e,i)=>{let t=document.createElement("li");t.className="item",t.textContent=e,t.role="option",t.id=`ac-opt-${i}`,t.setAttribute("part","item"),t.addEventListener("mousedown",r=>{r.preventDefault(),this._select(e)}),this._list.append(t)})}_moveActive(e){if(!this._filtered.length)return;let i=this._activeIndex+e;i<0?this._activeIndex=this._filtered.length-1:i>=this._filtered.length?this._activeIndex=0:this._activeIndex=i;let t=[...this.shadowRoot.querySelectorAll(".item:not(.empty)")];t.forEach((n,o)=>{n.classList.toggle("active",o===this._activeIndex)});let r=t[this._activeIndex];r&&(this._input.setAttribute("aria-activedescendant",r.id),r.scrollIntoView({block:"nearest"}))}_select(e){this._input.value=e,this._closeList(),this.dispatchEvent(new CustomEvent("bf-select",{bubbles:!0,composed:!0,detail:{value:e}}))}_openList(){this._listOpen=!0,this._input.setAttribute("aria-expanded","true"),this._list.hidden=!1}_closeList(){this._listOpen=!1,this._activeIndex=-1,this._input.setAttribute("aria-expanded","false"),this._input.removeAttribute("aria-activedescendant"),this._list.hidden=!0,this.shadowRoot.querySelectorAll(".item.active").forEach(e=>{e.classList.remove("active")})}_onDocumentClick(e){!this.contains(e.target)&&!this.shadowRoot.contains(e.target)&&this._closeList()}};customElements.define("bf-autocomplete",
|
|
18
|
+
`,this._input=this.shadowRoot.querySelector(".input"),this._list=this.shadowRoot.querySelector(".list"),this._input.value=t,this._setItemsFromAttributes(),this._filtered=[...this._items],this._renderList(),this._input.addEventListener("focus",()=>{this._filter(this._input.value),this._openList()}),this._input.addEventListener("input",()=>{let n=this._input.value;this._filter(n),this._openList(),this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{value:n}}))}),this._input.addEventListener("keydown",n=>{if(!this._listOpen&&(n.key==="ArrowDown"||n.key==="ArrowUp")&&this._openList(),n.key==="ArrowDown"&&(n.preventDefault(),this._moveActive(1)),n.key==="ArrowUp"&&(n.preventDefault(),this._moveActive(-1)),n.key==="Enter"&&this._activeIndex>=0){n.preventDefault();let o=this._filtered[this._activeIndex];o&&this._select(o)}n.key==="Escape"&&this._closeList()}),document.addEventListener("click",this._boundOnDocumentClick)}disconnectedCallback(){document.removeEventListener("click",this._boundOnDocumentClick)}_setItemsFromAttributes(){let e=this.getAttribute("options");if(e)try{let t=JSON.parse(e);if(Array.isArray(t)){this._items=t.map(r=>String(r));return}}catch{}let i=this.getAttribute("options-csv");if(i){this._items=i.split(",").map(t=>t.trim()).filter(Boolean);return}this._items=["Accessibility","Accordion","Autocomplete","Button","Card","Color Picker","Data Grid","Dropdown","Modal","Typography"]}_filter(e){let i=e.trim().toLowerCase();i?this._filtered=this._items.filter(t=>t.toLowerCase().includes(i)):this._filtered=[...this._items],this._activeIndex=-1,this._renderList()}_renderList(){if(this._list.innerHTML="",!this._filtered.length){let e=document.createElement("li");e.className="item empty",e.textContent="No matches",e.setAttribute("part","item empty"),this._list.append(e);return}this._filtered.forEach((e,i)=>{let t=document.createElement("li");t.className="item",t.textContent=e,t.role="option",t.id=`ac-opt-${i}`,t.setAttribute("part","item"),t.addEventListener("mousedown",r=>{r.preventDefault(),this._select(e)}),this._list.append(t)})}_moveActive(e){if(!this._filtered.length)return;let i=this._activeIndex+e;i<0?this._activeIndex=this._filtered.length-1:i>=this._filtered.length?this._activeIndex=0:this._activeIndex=i;let t=[...this.shadowRoot.querySelectorAll(".item:not(.empty)")];t.forEach((n,o)=>{n.classList.toggle("active",o===this._activeIndex)});let r=t[this._activeIndex];r&&(this._input.setAttribute("aria-activedescendant",r.id),r.scrollIntoView({block:"nearest"}))}_select(e){this._input.value=e,this._closeList(),this.dispatchEvent(new CustomEvent("bf-select",{bubbles:!0,composed:!0,detail:{value:e}}))}_openList(){this._listOpen=!0,this._input.setAttribute("aria-expanded","true"),this._list.hidden=!1}_closeList(){this._listOpen=!1,this._activeIndex=-1,this._input.setAttribute("aria-expanded","false"),this._input.removeAttribute("aria-activedescendant"),this._list.hidden=!0,this.shadowRoot.querySelectorAll(".item.active").forEach(e=>{e.classList.remove("active")})}_onDocumentClick(e){!this.contains(e.target)&&!this.shadowRoot.contains(e.target)&&this._closeList()}};customElements.define("bf-autocomplete",P);var G=class extends HTMLElement{static get observedAttributes(){return["name","src","alt","initials","size","status"]}constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this._initialized||(this._initialized=!0,this._render())}attributeChangedCallback(){this._initialized&&this._render()}_render(){let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-avatar-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-avatar-size-sm%3A%202rem%3B%0A%09--bf-avatar-size-md%3A%202.5rem%3B%0A%09--bf-avatar-size-lg%3A%203rem%3B%0A%09--bf-avatar-size-xl%3A%203.75rem%3B%0A%09--bf-avatar-radius%3A%20999px%3B%0A%09--bf-avatar-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-avatar-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-avatar-border-color%3A%20var(%0A%09%09--bf-theme-avatar-border-color%2C%0A%09%09var(--bf-theme-border-1%2C%20%23d1d5db)%0A%09)%3B%0A%09--bf-avatar-bg%3A%20var(%0A%09%09--bf-theme-avatar-bg%2C%0A%09%09var(--bf-theme-surface-2%2C%20%23f3f4f6)%0A%09)%3B%0A%09--bf-avatar-color%3A%20var(%0A%09%09--bf-theme-avatar-color%2C%0A%09%09var(--bf-theme-text-1%2C%20%23111827)%0A%09)%3B%0A%09--bf-avatar-fallback-bg%3A%20var(%0A%09%09--bf-theme-avatar-fallback-bg%2C%0A%09%09color-mix(in%20srgb%2C%20var(--bf-avatar-bg)%2075%25%2C%20%2394a3b8%2025%25)%0A%09)%3B%0A%09--bf-avatar-fallback-color%3A%20var(%0A%09%09--bf-theme-avatar-fallback-color%2C%0A%09%09var(--bf-avatar-color)%0A%09)%3B%0A%09--bf-avatar-shadow%3A%20var(--bf-theme-avatar-shadow%2C%200%201px%202px%20rgba(15%2C%2023%2C%2042%2C%200.08))%3B%0A%09--bf-avatar-status-size%3A%200.62rem%3B%0A%09--bf-avatar-status-ring%3A%20var(--bf-theme-surface-1%2C%20%23ffffff)%3B%0A%09--bf-avatar-status-online%3A%20%2316a34a%3B%0A%09--bf-avatar-status-away%3A%20%23f59e0b%3B%0A%09--bf-avatar-status-busy%3A%20%23ef4444%3B%0A%09--bf-avatar-status-offline%3A%20%2364748b%3B%0A%0A%09display%3A%20inline-block%3B%0A%09font%3A%20var(--bf-avatar-font)%3B%0A%7D%0A%0A.root%20%7B%0A%09position%3A%20relative%3B%0A%09width%3A%20var(--bf-avatar-size-md)%3B%0A%09height%3A%20var(--bf-avatar-size-md)%3B%0A%09border-radius%3A%20var(--bf-avatar-radius)%3B%0A%09border-width%3A%20var(--bf-avatar-border-width)%3B%0A%09border-style%3A%20var(--bf-avatar-border-style)%3B%0A%09border-color%3A%20var(--bf-avatar-border-color)%3B%0A%09overflow%3A%20hidden%3B%0A%09background%3A%20var(--bf-avatar-bg)%3B%0A%09color%3A%20var(--bf-avatar-color)%3B%0A%09box-shadow%3A%20var(--bf-avatar-shadow)%3B%0A%7D%0A%0A.root.size-sm%20%7B%0A%09width%3A%20var(--bf-avatar-size-sm)%3B%0A%09height%3A%20var(--bf-avatar-size-sm)%3B%0A%7D%0A%0A.root.size-md%20%7B%0A%09width%3A%20var(--bf-avatar-size-md)%3B%0A%09height%3A%20var(--bf-avatar-size-md)%3B%0A%7D%0A%0A.root.size-lg%20%7B%0A%09width%3A%20var(--bf-avatar-size-lg)%3B%0A%09height%3A%20var(--bf-avatar-size-lg)%3B%0A%7D%0A%0A.root.size-xl%20%7B%0A%09width%3A%20var(--bf-avatar-size-xl)%3B%0A%09height%3A%20var(--bf-avatar-size-xl)%3B%0A%7D%0A%0A.image%2C%0A.fallback%20%7B%0A%09width%3A%20100%25%3B%0A%09height%3A%20100%25%3B%0A%7D%0A%0A.image%20%7B%0A%09display%3A%20block%3B%0A%09object-fit%3A%20cover%3B%0A%09background%3A%20var(--bf-avatar-bg)%3B%0A%7D%0A%0A.fallback%20%7B%0A%09display%3A%20grid%3B%0A%09place-items%3A%20center%3B%0A%09font-weight%3A%20700%3B%0A%09letter-spacing%3A%200.02em%3B%0A%09background%3A%20var(--bf-avatar-fallback-bg)%3B%0A%09color%3A%20var(--bf-avatar-fallback-color)%3B%0A%09user-select%3A%20none%3B%0A%7D%0A%0A.root.size-sm%20.fallback%20%7B%0A%09font-size%3A%200.7rem%3B%0A%7D%0A%0A.root.size-md%20.fallback%20%7B%0A%09font-size%3A%200.85rem%3B%0A%7D%0A%0A.root.size-lg%20.fallback%20%7B%0A%09font-size%3A%201rem%3B%0A%7D%0A%0A.root.size-xl%20.fallback%20%7B%0A%09font-size%3A%201.15rem%3B%0A%7D%0A%0A.hidden%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.status%20%7B%0A%09position%3A%20absolute%3B%0A%09right%3A%200.02rem%3B%0A%09bottom%3A%200.02rem%3B%0A%09width%3A%20var(--bf-avatar-status-size)%3B%0A%09height%3A%20var(--bf-avatar-status-size)%3B%0A%09border-radius%3A%20999px%3B%0A%09border%3A%202px%20solid%20var(--bf-avatar-status-ring)%3B%0A%7D%0A%0A.status.online%20%7B%0A%09background%3A%20var(--bf-avatar-status-online)%3B%0A%7D%0A%0A.status.away%20%7B%0A%09background%3A%20var(--bf-avatar-status-away)%3B%0A%7D%0A%0A.status.busy%20%7B%0A%09background%3A%20var(--bf-avatar-status-busy)%3B%0A%7D%0A%0A.status.offline%20%7B%0A%09background%3A%20var(--bf-avatar-status-offline)%3B%0A%7D%0A",import.meta.url),i=this.getAttribute("name")||"",t=this.getAttribute("src")||"",r=this.getAttribute("alt")||i||"Avatar",o=this.getAttribute("initials")||this._buildInitials(i),l=this.getAttribute("size")||"md",c=this.getAttribute("status")||"",m=c&&["online","away","busy","offline"].includes(c);if(this.shadowRoot.innerHTML=`
|
|
19
19
|
<link rel="stylesheet" href="${e.href}" />
|
|
20
20
|
<div class="root size-${l}" part="root">
|
|
21
21
|
${t?`<img class="image" part="image" src="${t}" alt="${r.replace(/"/g,""")}" />`:""}
|
|
22
22
|
<div class="fallback ${t?"hidden":""}" part="fallback" aria-label="${r.replace(/"/g,""")}">${o||"?"}</div>
|
|
23
23
|
${m?`<span class="status ${c}" part="status"></span>`:""}
|
|
24
24
|
</div>
|
|
25
|
-
`,t){let d=this.shadowRoot.querySelector(".image"),u=this.shadowRoot.querySelector(".fallback");d.addEventListener("error",()=>{d.classList.add("hidden"),u.classList.remove("hidden")})}}_buildInitials(e){return e.trim()?e.trim().split(/\s+/).slice(0,2).map(t=>t.charAt(0).toUpperCase()).join(""):""}};customElements.define("bf-avatar",
|
|
25
|
+
`,t){let d=this.shadowRoot.querySelector(".image"),u=this.shadowRoot.querySelector(".fallback");d.addEventListener("error",()=>{d.classList.add("hidden"),u.classList.remove("hidden")})}}_buildInitials(e){return e.trim()?e.trim().split(/\s+/).slice(0,2).map(t=>t.charAt(0).toUpperCase()).join(""):""}};customElements.define("bf-avatar",G);var W=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-bottom-navigation-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-bottom-navigation-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-bottom-navigation-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-bottom-navigation-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-bottom-navigation-border-color%3A%20var(--bf-theme-bottom-navigation-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-bottom-navigation-bg%3A%20var(--bf-theme-bottom-navigation-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-bottom-navigation-color%3A%20var(--bf-theme-bottom-navigation-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-bottom-navigation-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-bottom-navigation-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-bottom-navigation-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-bottom-navigation-font)%3B%0A%09color%3A%20var(--bf-bottom-navigation-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-bottom-navigation-bg)%3B%0A%09color%3A%20var(--bf-bottom-navigation-color)%3B%0A%09border-width%3A%20var(--bf-bottom-navigation-border-width)%3B%0A%09border-style%3A%20var(--bf-bottom-navigation-border-style)%3B%0A%09border-color%3A%20var(--bf-bottom-navigation-border-color)%3B%0A%09border-radius%3A%20var(--bf-bottom-navigation-radius)%3B%0A%09padding%3A%20var(--bf-bottom-navigation-padding-y)%20var(--bf-bottom-navigation-padding-x)%3B%0A%09transition%3A%20var(--bf-bottom-navigation-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-bottom-navigation",W);var f=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onSlotChange=this._onSlotChange.bind(this)}connectedCallback(){if(this._initialized){this._render();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-breadcrumb-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-breadcrumb-radius%3A%20var(--bf-theme-radius-md%2C%207px)%3B%0A%09--bf-breadcrumb-border-color%3A%20var(--bf-theme-breadcrumb-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-breadcrumb-bg%3A%20var(--bf-theme-breadcrumb-bg%2C%20transparent)%3B%0A%09--bf-breadcrumb-color%3A%20var(--bf-theme-breadcrumb-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-breadcrumb-muted%3A%20var(--bf-theme-text-2%2C%20%2364748b)%3B%0A%09--bf-breadcrumb-link%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%09--bf-breadcrumb-pill-bg%3A%20var(--bf-theme-surface-1%2C%20%23ffffff)%3B%0A%0A%09display%3A%20inline-block%3B%0A%09font%3A%20var(--bf-breadcrumb-font)%3B%0A%09color%3A%20var(--bf-breadcrumb-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-breadcrumb-bg)%3B%0A%09color%3A%20var(--bf-breadcrumb-color)%3B%0A%7D%0A%0A.list%20%7B%0A%09list-style%3A%20none%3B%0A%09margin%3A%200%3B%0A%09padding%3A%200%3B%0A%09display%3A%20flex%3B%0A%09flex-wrap%3A%20wrap%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%200.45rem%3B%0A%7D%0A%0A.item%20%7B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%200.45rem%3B%0A%09color%3A%20inherit%3B%0A%7D%0A%0A.item%20a%2C%0A.item%20span%20%7B%0A%09font%3A%20inherit%3B%0A%09color%3A%20inherit%3B%0A%09text-decoration%3A%20none%3B%0A%7D%0A%0A.item%20a%20%7B%0A%09color%3A%20var(--bf-breadcrumb-link)%3B%0A%7D%0A%0A.item%20.current%20%7B%0A%09color%3A%20var(--bf-breadcrumb-color)%3B%0A%09font-weight%3A%20600%3B%0A%7D%0A%0A.item%20.ellipsis%20%7B%0A%09color%3A%20var(--bf-breadcrumb-muted)%3B%0A%7D%0A%0A.separator%20%7B%0A%09color%3A%20var(--bf-breadcrumb-muted)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'minimal'%5D%20.separator%20%7B%0A%09opacity%3A%200.55%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'pills'%5D%20.item%20a%2C%0A.root%5Bdata-variant%3D'pills'%5D%20.item%20span%20%7B%0A%09border%3A%201px%20solid%20var(--bf-breadcrumb-border-color)%3B%0A%09background%3A%20var(--bf-breadcrumb-pill-bg)%3B%0A%09border-radius%3A%20var(--bf-breadcrumb-radius)%3B%0A%09padding%3A%200.2rem%200.5rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'pills'%5D%20.separator%20%7B%0A%09margin-inline%3A%20-0.1rem%200.1rem%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("nav");t.className="root",t.setAttribute("part","root"),t.setAttribute("aria-label","Breadcrumb"),t.innerHTML=`
|
|
26
26
|
<ol class="list" part="list"></ol>
|
|
27
27
|
<slot hidden></slot>
|
|
28
|
-
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._list=t.querySelector(".list"),this._slot=t.querySelector("slot"),this._slot.addEventListener("slotchange",this._onSlotChange),this._render()}attributeChangedCallback(){this._render()}_onSlotChange(){this._render()}_variant(){let e=(this.getAttribute("variant")||"default").toLowerCase();return["default","pills","minimal"].includes(e)?e:"default"}_separatorText(){let e=this.getAttribute("separator-icon");if(e)return e;let i=this.getAttribute("separator");if(!i)return"\u203A";let t=i.toLowerCase();return t==="chevron"?"\u203A":t==="slash"?"/":t==="dot"?"\u2022":t==="pipe"?"|":i}_max(){let e=Number.parseInt(this.getAttribute("max")||"",10);return Number.isFinite(e)&&e>=2?e:1/0}_itemsFromDom(){let e=[],i=[...this.children];for(let t of i){let r=t.textContent?.trim();if(!r)continue;let n=t.tagName.toLowerCase()==="a"&&t.getAttribute("href");e.push({label:r,href:n?t.getAttribute("href"):"",current:t.hasAttribute("current")})}return e}_applyCollapse(e){let i=this._max();if(i===1/0||e.length<=i||i<3)return e;let t=e[0],r=i-2,n=e.slice(e.length-r);return[t,{label:"...",href:"",current:!1,ellipsis:!0},...n]}_render(){if(!this._list||!this._root)return;let e=this._applyCollapse(this._itemsFromDom());if(this._root.setAttribute("data-variant",this._variant()),this._list.replaceChildren(),!e.length){let i=document.createElement("li");i.className="item",i.textContent="breadcrumb",this._list.append(i);return}e.forEach((i,t)=>{let r=document.createElement("li");if(r.className="item",i.ellipsis){let n=document.createElement("span");n.className="ellipsis",n.textContent=i.label,r.append(n)}else if(i.href&&!i.current){let n=document.createElement("a");n.href=i.href,n.textContent=i.label,r.append(n)}else{let n=document.createElement("span");n.className=i.current||t===e.length-1?"current":"",n.textContent=i.label,(i.current||t===e.length-1)&&n.setAttribute("aria-current","page"),r.append(n)}if(t<e.length-1){let n=document.createElement("span");n.className="separator",n.textContent=this._separatorText(),r.append(n)}this._list.append(r)})}};a(f,"observedAttributes",["variant","separator","separator-icon","max"]);customElements.define("bf-breadcrumb",f);var g=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onClick=this._onClick.bind(this)}connectedCallback(){if(this._initialized){this._syncState();return}this._initialized=!0;let e=this.getAttribute("label")||"Button",i=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-button-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-button-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-button-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-button-border-radius%3A%20var(--bf-theme-radius-md%2C%206px)%3B%0A%09--bf-button-padding-y%3A%20var(--bf-theme-space-2%2C%200.5rem)%3B%0A%09--bf-button-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-button-cursor%3A%20var(--bf-theme-cursor-button%2C%20pointer)%3B%0A%09--bf-button-opacity-hover%3A%20var(--bf-theme-opacity-hover%2C%200.95)%3B%0A%09--bf-button-active-translate-y%3A%20var(--bf-theme-active-translate-y%2C%201px)%3B%0A%09--bf-button-focus-outline-width%3A%20var(--bf-theme-focus-ring-width%2C%202px)%3B%0A%09--bf-button-focus-outline-style%3A%20var(--bf-theme-focus-ring-style%2C%20solid)%3B%0A%09--bf-button-focus-outline-color%3A%20var(--bf-theme-focus-ring-color%2C%20%2393c5fd)%3B%0A%09--bf-button-focus-outline-offset%3A%20var(--bf-theme-focus-ring-offset%2C%202px)%3B%0A%09--bf-button-transition%3A%0A%09%09var(--bf-theme-transition-transform%2C%20transform%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-opacity%2C%20opacity%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09--bf-button-primary-bg%3A%20var(--bf-theme-button-primary-bg%2C%20%231d4ed8)%3B%0A%09--bf-button-primary-color%3A%20var(--bf-theme-button-primary-color%2C%20%23ffffff)%3B%0A%09--bf-button-primary-border-color%3A%20var(%0A%09%09--bf-theme-button-primary-border-color%2C%0A%09%09transparent%0A%09)%3B%0A%09--bf-button-primary-hover-bg%3A%20var(--bf-button-primary-bg)%3B%0A%09--bf-button-primary-hover-color%3A%20var(--bf-button-primary-color)%3B%0A%09--bf-button-primary-hover-border-color%3A%20var(--bf-button-primary-border-color)%3B%0A%09--bf-button-primary-active-bg%3A%20var(--bf-button-primary-bg)%3B%0A%09--bf-button-primary-active-color%3A%20var(--bf-button-primary-color)%3B%0A%09--bf-button-primary-active-border-color%3A%20var(%0A%09%09--bf-button-primary-border-color%0A%09)%3B%0A%0A%09--bf-button-secondary-bg%3A%20var(--bf-theme-button-secondary-bg%2C%20%23ffffff)%3B%0A%09--bf-button-secondary-color%3A%20var(--bf-theme-button-secondary-color%2C%20%231d4ed8)%3B%0A%09--bf-button-secondary-border-color%3A%20var(%0A%09%09--bf-theme-button-secondary-border-color%2C%0A%09%09%231d4ed8%0A%09)%3B%0A%09--bf-button-secondary-hover-bg%3A%20var(--bf-button-secondary-bg)%3B%0A%09--bf-button-secondary-hover-color%3A%20var(--bf-button-secondary-color)%3B%0A%09--bf-button-secondary-hover-border-color%3A%20var(%0A%09%09--bf-button-secondary-border-color%0A%09)%3B%0A%09--bf-button-secondary-active-bg%3A%20var(--bf-button-secondary-bg)%3B%0A%09--bf-button-secondary-active-color%3A%20var(--bf-button-secondary-color)%3B%0A%09--bf-button-secondary-active-border-color%3A%20var(%0A%09%09--bf-button-secondary-border-color%0A%09)%3B%0A%0A%09display%3A%20inline-block%3B%0A%7D%0A%0Abutton%20%7B%0A%09--_bf-button-bg%3A%20var(--bf-button-primary-bg)%3B%0A%09--_bf-button-color%3A%20var(--bf-button-primary-color)%3B%0A%09--_bf-button-border-color%3A%20var(--bf-button-primary-border-color)%3B%0A%09--_bf-button-hover-bg%3A%20var(--bf-button-primary-hover-bg)%3B%0A%09--_bf-button-hover-color%3A%20var(--bf-button-primary-hover-color)%3B%0A%09--_bf-button-hover-border-color%3A%20var(--bf-button-primary-hover-border-color)%3B%0A%09--_bf-button-active-bg%3A%20var(--bf-button-primary-active-bg)%3B%0A%09--_bf-button-active-color%3A%20var(--bf-button-primary-active-color)%3B%0A%09--_bf-button-active-border-color%3A%20var(%0A%09%09--bf-button-primary-active-border-color%0A%09)%3B%0A%0A%09font%3A%20var(--bf-button-font)%3B%0A%09border-width%3A%20var(--bf-button-border-width)%3B%0A%09border-style%3A%20var(--bf-button-border-style)%3B%0A%09border-color%3A%20var(--_bf-button-border-color)%3B%0A%09border-radius%3A%20var(--bf-button-border-radius)%3B%0A%09cursor%3A%20var(--bf-button-cursor)%3B%0A%09padding%3A%20var(--bf-button-padding-y)%20var(--bf-button-padding-x)%3B%0A%09transition%3A%20var(--bf-button-transition)%3B%0A%09background%3A%20var(--_bf-button-bg)%3B%0A%09color%3A%20var(--_bf-button-color)%3B%0A%7D%0A%0Abutton%3Ahover%20%7B%0A%09opacity%3A%20var(--bf-button-opacity-hover)%3B%0A%09background%3A%20var(--_bf-button-hover-bg)%3B%0A%09color%3A%20var(--_bf-button-hover-color)%3B%0A%09border-color%3A%20var(--_bf-button-hover-border-color)%3B%0A%7D%0A%0Abutton%3Aactive%20%7B%0A%09transform%3A%20translateY(var(--bf-button-active-translate-y))%3B%0A%09background%3A%20var(--_bf-button-active-bg)%3B%0A%09color%3A%20var(--_bf-button-active-color)%3B%0A%09border-color%3A%20var(--_bf-button-active-border-color)%3B%0A%7D%0A%0Abutton%3Afocus-visible%20%7B%0A%09outline-width%3A%20var(--bf-button-focus-outline-width)%3B%0A%09outline-style%3A%20var(--bf-button-focus-outline-style)%3B%0A%09outline-color%3A%20var(--bf-button-focus-outline-color)%3B%0A%09outline-offset%3A%20var(--bf-button-focus-outline-offset)%3B%0A%7D%0A%0Abutton%3Adisabled%20%7B%0A%09opacity%3A%20var(--bf-button-disabled-opacity%2C%200.55)%3B%0A%09cursor%3A%20var(--bf-button-disabled-cursor%2C%20not-allowed)%3B%0A%7D%0A%0Abutton.primary%20%7B%0A%09--_bf-button-bg%3A%20var(--bf-button-primary-bg)%3B%0A%09--_bf-button-color%3A%20var(--bf-button-primary-color)%3B%0A%09--_bf-button-border-color%3A%20var(--bf-button-primary-border-color)%3B%0A%09--_bf-button-hover-bg%3A%20var(--bf-button-primary-hover-bg)%3B%0A%09--_bf-button-hover-color%3A%20var(--bf-button-primary-hover-color)%3B%0A%09--_bf-button-hover-border-color%3A%20var(--bf-button-primary-hover-border-color)%3B%0A%09--_bf-button-active-bg%3A%20var(--bf-button-primary-active-bg)%3B%0A%09--_bf-button-active-color%3A%20var(--bf-button-primary-active-color)%3B%0A%09--_bf-button-active-border-color%3A%20var(%0A%09%09--bf-button-primary-active-border-color%0A%09)%3B%0A%7D%0A%0Abutton.secondary%20%7B%0A%09--_bf-button-bg%3A%20var(--bf-button-secondary-bg)%3B%0A%09--_bf-button-color%3A%20var(--bf-button-secondary-color)%3B%0A%09--_bf-button-border-color%3A%20var(--bf-button-secondary-border-color)%3B%0A%09--_bf-button-hover-bg%3A%20var(--bf-button-secondary-hover-bg)%3B%0A%09--_bf-button-hover-color%3A%20var(--bf-button-secondary-hover-color)%3B%0A%09--_bf-button-hover-border-color%3A%20var(%0A%09%09--bf-button-secondary-hover-border-color%0A%09)%3B%0A%09--_bf-button-active-bg%3A%20var(--bf-button-secondary-active-bg)%3B%0A%09--_bf-button-active-color%3A%20var(--bf-button-secondary-active-color)%3B%0A%09--_bf-button-active-border-color%3A%20var(%0A%09%09--bf-button-secondary-active-border-color%0A%09)%3B%0A%7D%0A%0Abutton.is-selected%20%7B%0A%09box-shadow%3A%20inset%200%200%200%202px%20var(--bf-theme-focus-ring-color%2C%20%2393c5fd)%3B%0A%7D%0A",import.meta.url);this.shadowRoot.innerHTML="";let t=document.createElement("link");t.rel="stylesheet",t.href=i.href;let r=document.createElement("button");r.className=this.getAttribute("variant")||"primary",r.type="button",r.textContent=e,r.append(document.createElement("slot")),this.shadowRoot.append(t,r),this._button=r,r.addEventListener("click",this._onClick),this._syncState()}attributeChangedCallback(){this._syncState()}get selected(){return this.hasAttribute("selected")}set selected(e){if(e){this.setAttribute("selected","");return}this.removeAttribute("selected")}_onClick(){this._applyGroupSelection();let e=this.getAttribute("label")||"Button",i=this.getAttribute("variant")||"primary";this.dispatchEvent(new CustomEvent("bf-click",{bubbles:!0,composed:!0,detail:{label:e,variant:i,selected:this.selected,group:this.getAttribute("group")||"",at:new Date().toISOString()}}))}_groupLimit(){let e=this.getAttribute("multiple");if(e===null)return 1;if(e==="")return 1/0;let i=Number.parseInt(e,10);return Number.isFinite(i)&&i>0?i:1}_applyGroupSelection(){let e=this.getAttribute("group");if(!e)return;let i=[...document.querySelectorAll(`bf-button[group="${CSS.escape(e)}"]`)],t=this._groupLimit();if(t===1){for(let n of i)n.selected=n===this;return}if(this.selected){this.selected=!1;return}i.filter(n=>n.selected).length>=t||(this.selected=!0)}_syncState(){this._button&&(this._button.className=this.getAttribute("variant")||"primary",this._button.disabled=this.hasAttribute("disabled"),this._button.setAttribute("aria-pressed",String(this.selected)),this._button.classList.toggle("is-selected",this.selected))}};a(g,"observedAttributes",["selected","disabled","variant","label","group"]);customElements.define("bf-button",g);var j=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-calendar-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-calendar-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-calendar-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-calendar-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-calendar-border-color%3A%20var(--bf-theme-calendar-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-calendar-bg%3A%20var(--bf-theme-calendar-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-calendar-color%3A%20var(--bf-theme-calendar-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-calendar-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-calendar-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-calendar-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-calendar-font)%3B%0A%09color%3A%20var(--bf-calendar-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-calendar-bg)%3B%0A%09color%3A%20var(--bf-calendar-color)%3B%0A%09border-width%3A%20var(--bf-calendar-border-width)%3B%0A%09border-style%3A%20var(--bf-calendar-border-style)%3B%0A%09border-color%3A%20var(--bf-calendar-border-color)%3B%0A%09border-radius%3A%20var(--bf-calendar-radius)%3B%0A%09padding%3A%20var(--bf-calendar-padding-y)%20var(--bf-calendar-padding-x)%3B%0A%09transition%3A%20var(--bf-calendar-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="calendar"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-calendar",j);var X=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-canvas-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-canvas-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-canvas-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-canvas-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-canvas-border-color%3A%20var(--bf-theme-canvas-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-canvas-bg%3A%20var(--bf-theme-canvas-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-canvas-color%3A%20var(--bf-theme-canvas-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-canvas-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-canvas-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-canvas-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-canvas-font)%3B%0A%09color%3A%20var(--bf-canvas-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-canvas-bg)%3B%0A%09color%3A%20var(--bf-canvas-color)%3B%0A%09border-width%3A%20var(--bf-canvas-border-width)%3B%0A%09border-style%3A%20var(--bf-canvas-border-style)%3B%0A%09border-color%3A%20var(--bf-canvas-border-color)%3B%0A%09border-radius%3A%20var(--bf-canvas-radius)%3B%0A%09padding%3A%20var(--bf-canvas-padding-y)%20var(--bf-canvas-padding-x)%3B%0A%09transition%3A%20var(--bf-canvas-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="canvas"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-canvas",X);var W=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-card-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-card-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-card-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-card-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-card-border-color%3A%20var(--bf-theme-card-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-card-bg%3A%20var(--bf-theme-card-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-card-color%3A%20var(--bf-theme-card-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-card-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-card-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-card-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-card-font)%3B%0A%09color%3A%20var(--bf-card-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-card-bg)%3B%0A%09color%3A%20var(--bf-card-color)%3B%0A%09border-width%3A%20var(--bf-card-border-width)%3B%0A%09border-style%3A%20var(--bf-card-border-style)%3B%0A%09border-color%3A%20var(--bf-card-border-color)%3B%0A%09border-radius%3A%20var(--bf-card-radius)%3B%0A%09padding%3A%20var(--bf-card-padding-y)%20var(--bf-card-padding-x)%3B%0A%09transition%3A%20var(--bf-card-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="card"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-card",W);var J=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-carousel-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-carousel-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-carousel-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-carousel-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-carousel-border-color%3A%20var(--bf-theme-carousel-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-carousel-bg%3A%20var(--bf-theme-carousel-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-carousel-color%3A%20var(--bf-theme-carousel-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-carousel-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-carousel-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-carousel-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-carousel-font)%3B%0A%09color%3A%20var(--bf-carousel-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-carousel-bg)%3B%0A%09color%3A%20var(--bf-carousel-color)%3B%0A%09border-width%3A%20var(--bf-carousel-border-width)%3B%0A%09border-style%3A%20var(--bf-carousel-border-style)%3B%0A%09border-color%3A%20var(--bf-carousel-border-color)%3B%0A%09border-radius%3A%20var(--bf-carousel-radius)%3B%0A%09padding%3A%20var(--bf-carousel-padding-y)%20var(--bf-carousel-padding-x)%3B%0A%09transition%3A%20var(--bf-carousel-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="carousel"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-carousel",J);var v=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-chart-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-chart-radius%3A%20var(--bf-theme-radius-md%2C%2010px)%3B%0A%09--bf-chart-border-color%3A%20var(--bf-theme-chart-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-chart-bg%3A%20var(--bf-theme-chart-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-chart-color%3A%20var(--bf-theme-chart-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-chart-accent%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%09--bf-chart-muted%3A%20var(--bf-theme-surface-2%2C%20%23e2e8f0)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-chart-font)%3B%0A%09color%3A%20var(--bf-chart-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-chart-bg)%3B%0A%09color%3A%20var(--bf-chart-color)%3B%0A%09border%3A%201px%20solid%20var(--bf-chart-border-color)%3B%0A%09border-radius%3A%20var(--bf-chart-radius)%3B%0A%09padding%3A%200.75rem%3B%0A%09display%3A%20grid%3B%0A%09gap%3A%200.55rem%3B%0A%7D%0A%0A.viz%20%7B%0A%09display%3A%20grid%3B%0A%09height%3A%20130px%3B%0A%09align-items%3A%20end%3B%0A%7D%0A%0A.bar%20%7B%0A%09display%3A%20none%3B%0A%09background%3A%20var(--bf-chart-accent)%3B%0A%09border-radius%3A%206px%206px%200%200%3B%0A%7D%0A%0A.viz%20.bar%3Anth-child(1)%20%7B%20height%3A%2035%25%3B%20%7D%0A.viz%20.bar%3Anth-child(2)%20%7B%20height%3A%2052%25%3B%20%7D%0A.viz%20.bar%3Anth-child(3)%20%7B%20height%3A%2074%25%3B%20%7D%0A.viz%20.bar%3Anth-child(4)%20%7B%20height%3A%2046%25%3B%20%7D%0A.viz%20.bar%3Anth-child(5)%20%7B%20height%3A%2062%25%3B%20%7D%0A%0A.line%2C%0A.pie%2C%0A.donut%2C%0A.gauge%2C%0A.heatmap%2C%0A.treemap%2C%0A.gantt%2C%0A.graph%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'bar'%5D%20.viz%2C%0A.root%5Bdata-variant%3D'sparkline'%5D%20.viz%20%7B%0A%09grid-template-columns%3A%20repeat(5%2C%201fr)%3B%0A%09gap%3A%200.45rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'bar'%5D%20.bar%20%7B%0A%09display%3A%20block%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'line'%5D%20.line%2C%0A.root%5Bdata-variant%3D'sparkline'%5D%20.line%20%7B%0A%09display%3A%20block%3B%0A%09height%3A%2070%25%3B%0A%09border-bottom%3A%203px%20solid%20var(--bf-chart-accent)%3B%0A%09border-left%3A%203px%20solid%20transparent%3B%0A%09border-right%3A%203px%20solid%20transparent%3B%0A%09clip-path%3A%20polygon(0%2070%25%2C%2018%25%2048%25%2C%2036%25%2058%25%2C%2056%25%2028%25%2C%2076%25%2042%25%2C%20100%25%2012%25%2C%20100%25%20100%25%2C%200%20100%25)%3B%0A%09background%3A%20linear-gradient(to%20top%2C%20color-mix(in%20srgb%2C%20var(--bf-chart-accent)%2020%25%2C%20transparent)%2C%20transparent)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'line'%5D%20.viz%2C%0A.root%5Bdata-variant%3D'sparkline'%5D%20.viz%20%7B%0A%09grid-template-columns%3A%201fr%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'pie'%5D%20.pie%2C%0A.root%5Bdata-variant%3D'donut'%5D%20.donut%2C%0A.root%5Bdata-variant%3D'gauge'%5D%20.gauge%20%7B%0A%09display%3A%20block%3B%0A%09justify-self%3A%20center%3B%0A%09width%3A%20108px%3B%0A%09height%3A%20108px%3B%0A%09border-radius%3A%2050%25%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'pie'%5D%20.pie%20%7B%0A%09background%3A%20conic-gradient(var(--bf-chart-accent)%200%2062%25%2C%20var(--bf-chart-muted)%2062%25%20100%25)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'donut'%5D%20.donut%20%7B%0A%09background%3A%0A%09%09radial-gradient(circle%20at%20center%2C%20var(--bf-chart-bg)%2046%25%2C%20transparent%2047%25)%2C%0A%09%09conic-gradient(var(--bf-chart-accent)%200%2068%25%2C%20var(--bf-chart-muted)%2068%25%20100%25)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'gauge'%5D%20.gauge%20%7B%0A%09height%3A%2064px%3B%0A%09border-radius%3A%2064px%2064px%200%200%3B%0A%09background%3A%20conic-gradient(from%20180deg%20at%2050%25%20100%25%2C%20var(--bf-chart-accent)%200%2058%25%2C%20var(--bf-chart-muted)%2058%25%20100%25)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'heatmap'%5D%20.heatmap%20%7B%0A%09display%3A%20grid%3B%0A%09grid-template-columns%3A%20repeat(4%2C%201fr)%3B%0A%09gap%3A%200.35rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'heatmap'%5D%20.heatmap%20span%20%7B%0A%09aspect-ratio%3A%201%3B%0A%09border-radius%3A%204px%3B%0A%09background%3A%20color-mix(in%20srgb%2C%20var(--bf-chart-accent)%2020%25%2C%20var(--bf-chart-muted))%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'heatmap'%5D%20.heatmap%20span%3Anth-child(3n)%20%7B%0A%09background%3A%20color-mix(in%20srgb%2C%20var(--bf-chart-accent)%2060%25%2C%20var(--bf-chart-muted))%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'treemap'%5D%20.treemap%20%7B%0A%09display%3A%20grid%3B%0A%09grid-template-columns%3A%201.2fr%201fr%3B%0A%09gap%3A%200.35rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'treemap'%5D%20.treemap%20span%20%7B%0A%09min-height%3A%2056px%3B%0A%09background%3A%20color-mix(in%20srgb%2C%20var(--bf-chart-accent)%2035%25%2C%20var(--bf-chart-muted))%3B%0A%09border-radius%3A%206px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'treemap'%5D%20.treemap%20span%3Afirst-child%20%7B%0A%09grid-row%3A%20span%202%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'gantt'%5D%20.gantt%20%7B%0A%09display%3A%20grid%3B%0A%09gap%3A%200.45rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'gantt'%5D%20.gantt%20span%20%7B%0A%09height%3A%200.65rem%3B%0A%09border-radius%3A%20999px%3B%0A%09background%3A%20var(--bf-chart-muted)%3B%0A%09position%3A%20relative%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'gantt'%5D%20.gantt%20span%3A%3Aafter%20%7B%0A%09content%3A%20''%3B%0A%09position%3A%20absolute%3B%0A%09inset%3A%200%20auto%200%200%3B%0A%09width%3A%2045%25%3B%0A%09border-radius%3A%20inherit%3B%0A%09background%3A%20var(--bf-chart-accent)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'gantt'%5D%20.gantt%20span%3Anth-child(2)%3A%3Aafter%20%7B%20width%3A%2070%25%3B%20%7D%0A.root%5Bdata-variant%3D'gantt'%5D%20.gantt%20span%3Anth-child(3)%3A%3Aafter%20%7B%20width%3A%2032%25%3B%20%7D%0A%0A.root%5Bdata-variant%3D'graph'%5D%20.graph%20%7B%0A%09display%3A%20grid%3B%0A%09grid-template-columns%3A%20repeat(3%2C%201fr)%3B%0A%09align-items%3A%20center%3B%0A%09justify-items%3A%20center%3B%0A%09gap%3A%200.45rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'graph'%5D%20.graph%20span%20%7B%0A%09width%3A%201rem%3B%0A%09height%3A%201rem%3B%0A%09border-radius%3A%2050%25%3B%0A%09background%3A%20var(--bf-chart-accent)%3B%0A%7D%0A%0A.meta%3Aempty%20%7B%0A%09display%3A%20none%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
28
|
+
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._list=t.querySelector(".list"),this._slot=t.querySelector("slot"),this._slot.addEventListener("slotchange",this._onSlotChange),this._render()}attributeChangedCallback(){this._render()}_onSlotChange(){this._render()}_variant(){let e=(this.getAttribute("variant")||"default").toLowerCase();return["default","pills","minimal"].includes(e)?e:"default"}_separatorText(){let e=this.getAttribute("separator-icon");if(e)return e;let i=this.getAttribute("separator");if(!i)return"\u203A";let t=i.toLowerCase();return t==="chevron"?"\u203A":t==="slash"?"/":t==="dot"?"\u2022":t==="pipe"?"|":i}_max(){let e=Number.parseInt(this.getAttribute("max")||"",10);return Number.isFinite(e)&&e>=2?e:1/0}_itemsFromDom(){let e=[],i=[...this.children];for(let t of i){let r=t.textContent?.trim();if(!r)continue;let n=t.tagName.toLowerCase()==="a"&&t.getAttribute("href");e.push({label:r,href:n?t.getAttribute("href"):"",current:t.hasAttribute("current")})}return e}_applyCollapse(e){let i=this._max();if(i===1/0||e.length<=i||i<3)return e;let t=e[0],r=i-2,n=e.slice(e.length-r);return[t,{label:"...",href:"",current:!1,ellipsis:!0},...n]}_render(){if(!this._list||!this._root)return;let e=this._applyCollapse(this._itemsFromDom());this._root.setAttribute("data-variant",this._variant()),this._list.replaceChildren(),e.length&&e.forEach((i,t)=>{let r=document.createElement("li");if(r.className="item",i.ellipsis){let n=document.createElement("span");n.className="ellipsis",n.textContent=i.label,r.append(n)}else if(i.href&&!i.current){let n=document.createElement("a");n.href=i.href,n.textContent=i.label,r.append(n)}else{let n=document.createElement("span");n.className=i.current||t===e.length-1?"current":"",n.textContent=i.label,(i.current||t===e.length-1)&&n.setAttribute("aria-current","page"),r.append(n)}if(t<e.length-1){let n=document.createElement("span");n.className="separator",n.textContent=this._separatorText(),r.append(n)}this._list.append(r)})}};a(f,"observedAttributes",["variant","separator","separator-icon","max"]);customElements.define("bf-breadcrumb",f);var g=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onClick=this._onClick.bind(this)}connectedCallback(){if(this._initialized){this._syncState();return}this._initialized=!0;let e=this.getAttribute("label")||"",i=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-button-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-button-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-button-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-button-border-radius%3A%20var(--bf-theme-radius-md%2C%206px)%3B%0A%09--bf-button-padding-y%3A%20var(--bf-theme-space-2%2C%200.5rem)%3B%0A%09--bf-button-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-button-cursor%3A%20var(--bf-theme-cursor-button%2C%20pointer)%3B%0A%09--bf-button-opacity-hover%3A%20var(--bf-theme-opacity-hover%2C%200.95)%3B%0A%09--bf-button-active-translate-y%3A%20var(--bf-theme-active-translate-y%2C%201px)%3B%0A%09--bf-button-focus-outline-width%3A%20var(--bf-theme-focus-ring-width%2C%202px)%3B%0A%09--bf-button-focus-outline-style%3A%20var(--bf-theme-focus-ring-style%2C%20solid)%3B%0A%09--bf-button-focus-outline-color%3A%20var(--bf-theme-focus-ring-color%2C%20%2393c5fd)%3B%0A%09--bf-button-focus-outline-offset%3A%20var(--bf-theme-focus-ring-offset%2C%202px)%3B%0A%09--bf-button-transition%3A%0A%09%09var(--bf-theme-transition-transform%2C%20transform%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-opacity%2C%20opacity%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09--bf-button-primary-bg%3A%20var(--bf-theme-button-primary-bg%2C%20%231d4ed8)%3B%0A%09--bf-button-primary-color%3A%20var(--bf-theme-button-primary-color%2C%20%23ffffff)%3B%0A%09--bf-button-primary-border-color%3A%20var(%0A%09%09--bf-theme-button-primary-border-color%2C%0A%09%09transparent%0A%09)%3B%0A%09--bf-button-primary-hover-bg%3A%20var(--bf-button-primary-bg)%3B%0A%09--bf-button-primary-hover-color%3A%20var(--bf-button-primary-color)%3B%0A%09--bf-button-primary-hover-border-color%3A%20var(--bf-button-primary-border-color)%3B%0A%09--bf-button-primary-active-bg%3A%20var(--bf-button-primary-bg)%3B%0A%09--bf-button-primary-active-color%3A%20var(--bf-button-primary-color)%3B%0A%09--bf-button-primary-active-border-color%3A%20var(%0A%09%09--bf-button-primary-border-color%0A%09)%3B%0A%0A%09--bf-button-secondary-bg%3A%20var(--bf-theme-button-secondary-bg%2C%20%23ffffff)%3B%0A%09--bf-button-secondary-color%3A%20var(--bf-theme-button-secondary-color%2C%20%231d4ed8)%3B%0A%09--bf-button-secondary-border-color%3A%20var(%0A%09%09--bf-theme-button-secondary-border-color%2C%0A%09%09%231d4ed8%0A%09)%3B%0A%09--bf-button-secondary-hover-bg%3A%20var(--bf-button-secondary-bg)%3B%0A%09--bf-button-secondary-hover-color%3A%20var(--bf-button-secondary-color)%3B%0A%09--bf-button-secondary-hover-border-color%3A%20var(%0A%09%09--bf-button-secondary-border-color%0A%09)%3B%0A%09--bf-button-secondary-active-bg%3A%20var(--bf-button-secondary-bg)%3B%0A%09--bf-button-secondary-active-color%3A%20var(--bf-button-secondary-color)%3B%0A%09--bf-button-secondary-active-border-color%3A%20var(%0A%09%09--bf-button-secondary-border-color%0A%09)%3B%0A%0A%09display%3A%20inline-block%3B%0A%7D%0A%0Abutton%20%7B%0A%09--_bf-button-bg%3A%20var(--bf-button-primary-bg)%3B%0A%09--_bf-button-color%3A%20var(--bf-button-primary-color)%3B%0A%09--_bf-button-border-color%3A%20var(--bf-button-primary-border-color)%3B%0A%09--_bf-button-hover-bg%3A%20var(--bf-button-primary-hover-bg)%3B%0A%09--_bf-button-hover-color%3A%20var(--bf-button-primary-hover-color)%3B%0A%09--_bf-button-hover-border-color%3A%20var(--bf-button-primary-hover-border-color)%3B%0A%09--_bf-button-active-bg%3A%20var(--bf-button-primary-active-bg)%3B%0A%09--_bf-button-active-color%3A%20var(--bf-button-primary-active-color)%3B%0A%09--_bf-button-active-border-color%3A%20var(%0A%09%09--bf-button-primary-active-border-color%0A%09)%3B%0A%0A%09font%3A%20var(--bf-button-font)%3B%0A%09border-width%3A%20var(--bf-button-border-width)%3B%0A%09border-style%3A%20var(--bf-button-border-style)%3B%0A%09border-color%3A%20var(--_bf-button-border-color)%3B%0A%09border-radius%3A%20var(--bf-button-border-radius)%3B%0A%09cursor%3A%20var(--bf-button-cursor)%3B%0A%09padding%3A%20var(--bf-button-padding-y)%20var(--bf-button-padding-x)%3B%0A%09transition%3A%20var(--bf-button-transition)%3B%0A%09background%3A%20var(--_bf-button-bg)%3B%0A%09color%3A%20var(--_bf-button-color)%3B%0A%7D%0A%0Abutton%3Ahover%20%7B%0A%09opacity%3A%20var(--bf-button-opacity-hover)%3B%0A%09background%3A%20var(--_bf-button-hover-bg)%3B%0A%09color%3A%20var(--_bf-button-hover-color)%3B%0A%09border-color%3A%20var(--_bf-button-hover-border-color)%3B%0A%7D%0A%0Abutton%3Aactive%20%7B%0A%09transform%3A%20translateY(var(--bf-button-active-translate-y))%3B%0A%09background%3A%20var(--_bf-button-active-bg)%3B%0A%09color%3A%20var(--_bf-button-active-color)%3B%0A%09border-color%3A%20var(--_bf-button-active-border-color)%3B%0A%7D%0A%0Abutton%3Afocus-visible%20%7B%0A%09outline-width%3A%20var(--bf-button-focus-outline-width)%3B%0A%09outline-style%3A%20var(--bf-button-focus-outline-style)%3B%0A%09outline-color%3A%20var(--bf-button-focus-outline-color)%3B%0A%09outline-offset%3A%20var(--bf-button-focus-outline-offset)%3B%0A%7D%0A%0Abutton%3Adisabled%20%7B%0A%09opacity%3A%20var(--bf-button-disabled-opacity%2C%200.55)%3B%0A%09cursor%3A%20var(--bf-button-disabled-cursor%2C%20not-allowed)%3B%0A%7D%0A%0Abutton.primary%20%7B%0A%09--_bf-button-bg%3A%20var(--bf-button-primary-bg)%3B%0A%09--_bf-button-color%3A%20var(--bf-button-primary-color)%3B%0A%09--_bf-button-border-color%3A%20var(--bf-button-primary-border-color)%3B%0A%09--_bf-button-hover-bg%3A%20var(--bf-button-primary-hover-bg)%3B%0A%09--_bf-button-hover-color%3A%20var(--bf-button-primary-hover-color)%3B%0A%09--_bf-button-hover-border-color%3A%20var(--bf-button-primary-hover-border-color)%3B%0A%09--_bf-button-active-bg%3A%20var(--bf-button-primary-active-bg)%3B%0A%09--_bf-button-active-color%3A%20var(--bf-button-primary-active-color)%3B%0A%09--_bf-button-active-border-color%3A%20var(%0A%09%09--bf-button-primary-active-border-color%0A%09)%3B%0A%7D%0A%0Abutton.secondary%20%7B%0A%09--_bf-button-bg%3A%20var(--bf-button-secondary-bg)%3B%0A%09--_bf-button-color%3A%20var(--bf-button-secondary-color)%3B%0A%09--_bf-button-border-color%3A%20var(--bf-button-secondary-border-color)%3B%0A%09--_bf-button-hover-bg%3A%20var(--bf-button-secondary-hover-bg)%3B%0A%09--_bf-button-hover-color%3A%20var(--bf-button-secondary-hover-color)%3B%0A%09--_bf-button-hover-border-color%3A%20var(%0A%09%09--bf-button-secondary-hover-border-color%0A%09)%3B%0A%09--_bf-button-active-bg%3A%20var(--bf-button-secondary-active-bg)%3B%0A%09--_bf-button-active-color%3A%20var(--bf-button-secondary-active-color)%3B%0A%09--_bf-button-active-border-color%3A%20var(%0A%09%09--bf-button-secondary-active-border-color%0A%09)%3B%0A%7D%0A%0Abutton.is-selected%20%7B%0A%09box-shadow%3A%20inset%200%200%200%202px%20var(--bf-theme-focus-ring-color%2C%20%2393c5fd)%3B%0A%7D%0A",import.meta.url);this.shadowRoot.innerHTML="";let t=document.createElement("link");t.rel="stylesheet",t.href=i.href;let r=document.createElement("button");r.className=this.getAttribute("variant")||"primary",r.type="button",r.textContent=e,r.append(document.createElement("slot")),this.shadowRoot.append(t,r),this._button=r,r.addEventListener("click",this._onClick),this._syncState()}attributeChangedCallback(){this._syncState()}get selected(){return this.hasAttribute("selected")}set selected(e){if(e){this.setAttribute("selected","");return}this.removeAttribute("selected")}_onClick(){this._applyGroupSelection();let e=this.getAttribute("label")||"",i=this.getAttribute("variant")||"primary";this.dispatchEvent(new CustomEvent("bf-click",{bubbles:!0,composed:!0,detail:{label:e,variant:i,selected:this.selected,group:this.getAttribute("group")||"",at:new Date().toISOString()}}))}_groupLimit(){let e=this.getAttribute("multiple");if(e===null)return 1;if(e==="")return 1/0;let i=Number.parseInt(e,10);return Number.isFinite(i)&&i>0?i:1}_applyGroupSelection(){let e=this.getAttribute("group");if(!e)return;let i=[...document.querySelectorAll(`bf-button[group="${CSS.escape(e)}"]`)],t=this._groupLimit();if(t===1){for(let n of i)n.selected=n===this;return}if(this.selected){this.selected=!1;return}i.filter(n=>n.selected).length>=t||(this.selected=!0)}_syncState(){this._button&&(this._button.className=this.getAttribute("variant")||"primary",this._button.disabled=this.hasAttribute("disabled"),this._button.setAttribute("aria-pressed",String(this.selected)),this._button.classList.toggle("is-selected",this.selected))}};a(g,"observedAttributes",["selected","disabled","variant","label","group"]);customElements.define("bf-button",g);var j=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-calendar-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-calendar-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-calendar-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-calendar-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-calendar-border-color%3A%20var(--bf-theme-calendar-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-calendar-bg%3A%20var(--bf-theme-calendar-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-calendar-color%3A%20var(--bf-theme-calendar-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-calendar-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-calendar-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-calendar-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-calendar-font)%3B%0A%09color%3A%20var(--bf-calendar-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-calendar-bg)%3B%0A%09color%3A%20var(--bf-calendar-color)%3B%0A%09border-width%3A%20var(--bf-calendar-border-width)%3B%0A%09border-style%3A%20var(--bf-calendar-border-style)%3B%0A%09border-color%3A%20var(--bf-calendar-border-color)%3B%0A%09border-radius%3A%20var(--bf-calendar-radius)%3B%0A%09padding%3A%20var(--bf-calendar-padding-y)%20var(--bf-calendar-padding-x)%3B%0A%09transition%3A%20var(--bf-calendar-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-calendar",j);var X=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-canvas-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-canvas-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-canvas-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-canvas-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-canvas-border-color%3A%20var(--bf-theme-canvas-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-canvas-bg%3A%20var(--bf-theme-canvas-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-canvas-color%3A%20var(--bf-theme-canvas-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-canvas-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-canvas-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-canvas-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-canvas-font)%3B%0A%09color%3A%20var(--bf-canvas-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-canvas-bg)%3B%0A%09color%3A%20var(--bf-canvas-color)%3B%0A%09border-width%3A%20var(--bf-canvas-border-width)%3B%0A%09border-style%3A%20var(--bf-canvas-border-style)%3B%0A%09border-color%3A%20var(--bf-canvas-border-color)%3B%0A%09border-radius%3A%20var(--bf-canvas-radius)%3B%0A%09padding%3A%20var(--bf-canvas-padding-y)%20var(--bf-canvas-padding-x)%3B%0A%09transition%3A%20var(--bf-canvas-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-canvas",X);var J=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-card-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-card-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-card-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-card-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-card-border-color%3A%20var(--bf-theme-card-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-card-bg%3A%20var(--bf-theme-card-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-card-color%3A%20var(--bf-theme-card-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-card-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-card-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-card-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-card-font)%3B%0A%09color%3A%20var(--bf-card-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-card-bg)%3B%0A%09color%3A%20var(--bf-card-color)%3B%0A%09border-width%3A%20var(--bf-card-border-width)%3B%0A%09border-style%3A%20var(--bf-card-border-style)%3B%0A%09border-color%3A%20var(--bf-card-border-color)%3B%0A%09border-radius%3A%20var(--bf-card-radius)%3B%0A%09padding%3A%20var(--bf-card-padding-y)%20var(--bf-card-padding-x)%3B%0A%09transition%3A%20var(--bf-card-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-card",J);var Y=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-carousel-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-carousel-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-carousel-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-carousel-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-carousel-border-color%3A%20var(--bf-theme-carousel-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-carousel-bg%3A%20var(--bf-theme-carousel-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-carousel-color%3A%20var(--bf-theme-carousel-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-carousel-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-carousel-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-carousel-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-carousel-font)%3B%0A%09color%3A%20var(--bf-carousel-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-carousel-bg)%3B%0A%09color%3A%20var(--bf-carousel-color)%3B%0A%09border-width%3A%20var(--bf-carousel-border-width)%3B%0A%09border-style%3A%20var(--bf-carousel-border-style)%3B%0A%09border-color%3A%20var(--bf-carousel-border-color)%3B%0A%09border-radius%3A%20var(--bf-carousel-radius)%3B%0A%09padding%3A%20var(--bf-carousel-padding-y)%20var(--bf-carousel-padding-x)%3B%0A%09transition%3A%20var(--bf-carousel-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-carousel",Y);var v=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-chart-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-chart-radius%3A%20var(--bf-theme-radius-md%2C%2010px)%3B%0A%09--bf-chart-border-color%3A%20var(--bf-theme-chart-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-chart-bg%3A%20var(--bf-theme-chart-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-chart-color%3A%20var(--bf-theme-chart-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-chart-accent%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%09--bf-chart-muted%3A%20var(--bf-theme-surface-2%2C%20%23e2e8f0)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-chart-font)%3B%0A%09color%3A%20var(--bf-chart-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-chart-bg)%3B%0A%09color%3A%20var(--bf-chart-color)%3B%0A%09border%3A%201px%20solid%20var(--bf-chart-border-color)%3B%0A%09border-radius%3A%20var(--bf-chart-radius)%3B%0A%09padding%3A%200.75rem%3B%0A%09display%3A%20grid%3B%0A%09gap%3A%200.55rem%3B%0A%7D%0A%0A.viz%20%7B%0A%09display%3A%20grid%3B%0A%09height%3A%20130px%3B%0A%09align-items%3A%20end%3B%0A%7D%0A%0A.bar%20%7B%0A%09display%3A%20none%3B%0A%09background%3A%20var(--bf-chart-accent)%3B%0A%09border-radius%3A%206px%206px%200%200%3B%0A%7D%0A%0A.viz%20.bar%3Anth-child(1)%20%7B%20height%3A%2035%25%3B%20%7D%0A.viz%20.bar%3Anth-child(2)%20%7B%20height%3A%2052%25%3B%20%7D%0A.viz%20.bar%3Anth-child(3)%20%7B%20height%3A%2074%25%3B%20%7D%0A.viz%20.bar%3Anth-child(4)%20%7B%20height%3A%2046%25%3B%20%7D%0A.viz%20.bar%3Anth-child(5)%20%7B%20height%3A%2062%25%3B%20%7D%0A%0A.line%2C%0A.pie%2C%0A.donut%2C%0A.gauge%2C%0A.heatmap%2C%0A.treemap%2C%0A.gantt%2C%0A.graph%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'bar'%5D%20.viz%2C%0A.root%5Bdata-variant%3D'sparkline'%5D%20.viz%20%7B%0A%09grid-template-columns%3A%20repeat(5%2C%201fr)%3B%0A%09gap%3A%200.45rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'bar'%5D%20.bar%20%7B%0A%09display%3A%20block%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'line'%5D%20.line%2C%0A.root%5Bdata-variant%3D'sparkline'%5D%20.line%20%7B%0A%09display%3A%20block%3B%0A%09height%3A%2070%25%3B%0A%09border-bottom%3A%203px%20solid%20var(--bf-chart-accent)%3B%0A%09border-left%3A%203px%20solid%20transparent%3B%0A%09border-right%3A%203px%20solid%20transparent%3B%0A%09clip-path%3A%20polygon(0%2070%25%2C%2018%25%2048%25%2C%2036%25%2058%25%2C%2056%25%2028%25%2C%2076%25%2042%25%2C%20100%25%2012%25%2C%20100%25%20100%25%2C%200%20100%25)%3B%0A%09background%3A%20linear-gradient(to%20top%2C%20color-mix(in%20srgb%2C%20var(--bf-chart-accent)%2020%25%2C%20transparent)%2C%20transparent)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'line'%5D%20.viz%2C%0A.root%5Bdata-variant%3D'sparkline'%5D%20.viz%20%7B%0A%09grid-template-columns%3A%201fr%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'pie'%5D%20.pie%2C%0A.root%5Bdata-variant%3D'donut'%5D%20.donut%2C%0A.root%5Bdata-variant%3D'gauge'%5D%20.gauge%20%7B%0A%09display%3A%20block%3B%0A%09justify-self%3A%20center%3B%0A%09width%3A%20108px%3B%0A%09height%3A%20108px%3B%0A%09border-radius%3A%2050%25%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'pie'%5D%20.pie%20%7B%0A%09background%3A%20conic-gradient(var(--bf-chart-accent)%200%2062%25%2C%20var(--bf-chart-muted)%2062%25%20100%25)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'donut'%5D%20.donut%20%7B%0A%09background%3A%0A%09%09radial-gradient(circle%20at%20center%2C%20var(--bf-chart-bg)%2046%25%2C%20transparent%2047%25)%2C%0A%09%09conic-gradient(var(--bf-chart-accent)%200%2068%25%2C%20var(--bf-chart-muted)%2068%25%20100%25)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'gauge'%5D%20.gauge%20%7B%0A%09height%3A%2064px%3B%0A%09border-radius%3A%2064px%2064px%200%200%3B%0A%09background%3A%20conic-gradient(from%20180deg%20at%2050%25%20100%25%2C%20var(--bf-chart-accent)%200%2058%25%2C%20var(--bf-chart-muted)%2058%25%20100%25)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'heatmap'%5D%20.heatmap%20%7B%0A%09display%3A%20grid%3B%0A%09grid-template-columns%3A%20repeat(4%2C%201fr)%3B%0A%09gap%3A%200.35rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'heatmap'%5D%20.heatmap%20span%20%7B%0A%09aspect-ratio%3A%201%3B%0A%09border-radius%3A%204px%3B%0A%09background%3A%20color-mix(in%20srgb%2C%20var(--bf-chart-accent)%2020%25%2C%20var(--bf-chart-muted))%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'heatmap'%5D%20.heatmap%20span%3Anth-child(3n)%20%7B%0A%09background%3A%20color-mix(in%20srgb%2C%20var(--bf-chart-accent)%2060%25%2C%20var(--bf-chart-muted))%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'treemap'%5D%20.treemap%20%7B%0A%09display%3A%20grid%3B%0A%09grid-template-columns%3A%201.2fr%201fr%3B%0A%09gap%3A%200.35rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'treemap'%5D%20.treemap%20span%20%7B%0A%09min-height%3A%2056px%3B%0A%09background%3A%20color-mix(in%20srgb%2C%20var(--bf-chart-accent)%2035%25%2C%20var(--bf-chart-muted))%3B%0A%09border-radius%3A%206px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'treemap'%5D%20.treemap%20span%3Afirst-child%20%7B%0A%09grid-row%3A%20span%202%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'gantt'%5D%20.gantt%20%7B%0A%09display%3A%20grid%3B%0A%09gap%3A%200.45rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'gantt'%5D%20.gantt%20span%20%7B%0A%09height%3A%200.65rem%3B%0A%09border-radius%3A%20999px%3B%0A%09background%3A%20var(--bf-chart-muted)%3B%0A%09position%3A%20relative%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'gantt'%5D%20.gantt%20span%3A%3Aafter%20%7B%0A%09content%3A%20''%3B%0A%09position%3A%20absolute%3B%0A%09inset%3A%200%20auto%200%200%3B%0A%09width%3A%2045%25%3B%0A%09border-radius%3A%20inherit%3B%0A%09background%3A%20var(--bf-chart-accent)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'gantt'%5D%20.gantt%20span%3Anth-child(2)%3A%3Aafter%20%7B%20width%3A%2070%25%3B%20%7D%0A.root%5Bdata-variant%3D'gantt'%5D%20.gantt%20span%3Anth-child(3)%3A%3Aafter%20%7B%20width%3A%2032%25%3B%20%7D%0A%0A.root%5Bdata-variant%3D'graph'%5D%20.graph%20%7B%0A%09display%3A%20grid%3B%0A%09grid-template-columns%3A%20repeat(3%2C%201fr)%3B%0A%09align-items%3A%20center%3B%0A%09justify-items%3A%20center%3B%0A%09gap%3A%200.45rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'graph'%5D%20.graph%20span%20%7B%0A%09width%3A%201rem%3B%0A%09height%3A%201rem%3B%0A%09border-radius%3A%2050%25%3B%0A%09background%3A%20var(--bf-chart-accent)%3B%0A%7D%0A%0A.meta%3Aempty%20%7B%0A%09display%3A%20none%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
29
29
|
<div class="viz" part="viz">
|
|
30
30
|
<div class="bar"></div><div class="bar"></div><div class="bar"></div><div class="bar"></div><div class="bar"></div>
|
|
31
31
|
<div class="line"></div>
|
|
@@ -46,19 +46,35 @@ var Jt=Object.defineProperty;var Yt=(s,e,i)=>e in s?Jt(s,e,{enumerable:!0,config
|
|
|
46
46
|
<input type="checkbox" part="input" />
|
|
47
47
|
<span class="box" part="box"></span>
|
|
48
48
|
<span class="text" part="text"><slot></slot></span>
|
|
49
|
-
`,this.shadowRoot.replaceChildren(i,t),this._input=this.shadowRoot.querySelector("input"),this._input.addEventListener("change",this._onInputChange),this._syncState()}attributeChangedCallback(){this._syncState()}get checked(){return this.hasAttribute("checked")}set checked(e){if(e){this.setAttribute("checked","");return}this.removeAttribute("checked")}get value(){return this.getAttribute("value")||this.textContent?.trim()||""}_onInputChange(){let e=this._input.checked;if(e&&!this._canSelectMore()){this._input.checked=!1;return}this.checked=e,this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{group:this._effectiveGroup(),value:this.value,checked:this.checked}}))}_effectiveGroup(){return this.getAttribute("group")||""}_groupLimit(){let e=this.getAttribute("multiple");if(e===null||e==="")return 1/0;let i=Number.parseInt(e,10);return Number.isFinite(i)&&i>0?i:1/0}_canSelectMore(){let e=this._effectiveGroup();if(!e)return!0;let i=this._groupLimit();if(i===1/0)return!0;let t=[...document.querySelectorAll(`bf-checkbox[group="${CSS.escape(e)}"][checked]`)];return t.length<i||t.includes(this)}_syncState(){this._input&&(this._input.checked=this.checked,this._input.disabled=this.hasAttribute("disabled"),this._input.value=this.value,this.getAttribute("label")&&this.setAttribute("aria-label",this.getAttribute("label")))}};a(A,"observedAttributes",["checked","disabled","label","value"]);customElements.define("bf-checkbox",A);var Y=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-code-block-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-code-block-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-code-block-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-code-block-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-code-block-border-color%3A%20var(--bf-theme-code-block-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-code-block-bg%3A%20var(--bf-theme-code-block-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-code-block-color%3A%20var(--bf-theme-code-block-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-code-block-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-code-block-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-code-block-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-code-block-font)%3B%0A%09color%3A%20var(--bf-code-block-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-code-block-bg)%3B%0A%09color%3A%20var(--bf-code-block-color)%3B%0A%09border-width%3A%20var(--bf-code-block-border-width)%3B%0A%09border-style%3A%20var(--bf-code-block-border-style)%3B%0A%09border-color%3A%20var(--bf-code-block-border-color)%3B%0A%09border-radius%3A%20var(--bf-code-block-radius)%3B%0A%09padding%3A%20var(--bf-code-block-padding-y)%20var(--bf-code-block-padding-x)%3B%0A%09transition%3A%20var(--bf-code-block-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="code block"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-code-block",Y);var Z=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-combobox-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-combobox-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-combobox-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-combobox-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-combobox-border-color%3A%20var(--bf-theme-combobox-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-combobox-bg%3A%20var(--bf-theme-combobox-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-combobox-color%3A%20var(--bf-theme-combobox-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-combobox-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-combobox-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-combobox-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-combobox-font)%3B%0A%09color%3A%20var(--bf-combobox-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-combobox-bg)%3B%0A%09color%3A%20var(--bf-combobox-color)%3B%0A%09border-width%3A%20var(--bf-combobox-border-width)%3B%0A%09border-style%3A%20var(--bf-combobox-border-style)%3B%0A%09border-color%3A%20var(--bf-combobox-border-color)%3B%0A%09border-radius%3A%20var(--bf-combobox-radius)%3B%0A%09padding%3A%20var(--bf-combobox-padding-y)%20var(--bf-combobox-padding-x)%3B%0A%09transition%3A%20var(--bf-combobox-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="combobox"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-combobox",Z);var K=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-command-palette-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-command-palette-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-command-palette-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-command-palette-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-command-palette-border-color%3A%20var(--bf-theme-command-palette-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-command-palette-bg%3A%20var(--bf-theme-command-palette-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-command-palette-color%3A%20var(--bf-theme-command-palette-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-command-palette-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-command-palette-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-command-palette-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-command-palette-font)%3B%0A%09color%3A%20var(--bf-command-palette-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-command-palette-bg)%3B%0A%09color%3A%20var(--bf-command-palette-color)%3B%0A%09border-width%3A%20var(--bf-command-palette-border-width)%3B%0A%09border-style%3A%20var(--bf-command-palette-border-style)%3B%0A%09border-color%3A%20var(--bf-command-palette-border-color)%3B%0A%09border-radius%3A%20var(--bf-command-palette-radius)%3B%0A%09padding%3A%20var(--bf-command-palette-padding-y)%20var(--bf-command-palette-padding-x)%3B%0A%09transition%3A%20var(--bf-command-palette-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="command palette"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-command-palette",K);var Q=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-countdown-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-countdown-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-countdown-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-countdown-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-countdown-border-color%3A%20var(--bf-theme-countdown-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-countdown-bg%3A%20var(--bf-theme-countdown-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-countdown-color%3A%20var(--bf-theme-countdown-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-countdown-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-countdown-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-countdown-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-countdown-font)%3B%0A%09color%3A%20var(--bf-countdown-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-countdown-bg)%3B%0A%09color%3A%20var(--bf-countdown-color)%3B%0A%09border-width%3A%20var(--bf-countdown-border-width)%3B%0A%09border-style%3A%20var(--bf-countdown-border-style)%3B%0A%09border-color%3A%20var(--bf-countdown-border-color)%3B%0A%09border-radius%3A%20var(--bf-countdown-radius)%3B%0A%09padding%3A%20var(--bf-countdown-padding-y)%20var(--bf-countdown-padding-x)%3B%0A%09transition%3A%20var(--bf-countdown-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="countdown"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-countdown",Q);var B=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-data-grid-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-data-grid-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-data-grid-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-data-grid-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-data-grid-border-color%3A%20var(--bf-theme-data-grid-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-data-grid-bg%3A%20var(--bf-theme-data-grid-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-data-grid-color%3A%20var(--bf-theme-data-grid-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-data-grid-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-data-grid-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-data-grid-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-data-grid-font)%3B%0A%09color%3A%20var(--bf-data-grid-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-data-grid-bg)%3B%0A%09color%3A%20var(--bf-data-grid-color)%3B%0A%09border-width%3A%20var(--bf-data-grid-border-width)%3B%0A%09border-style%3A%20var(--bf-data-grid-border-style)%3B%0A%09border-color%3A%20var(--bf-data-grid-border-color)%3B%0A%09border-radius%3A%20var(--bf-data-grid-radius)%3B%0A%09padding%3A%20var(--bf-data-grid-padding-y)%20var(--bf-data-grid-padding-x)%3B%0A%09transition%3A%20var(--bf-data-grid-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="data grid"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-data-grid",B);var tt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-date-picker-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-date-picker-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-date-picker-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-date-picker-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-date-picker-border-color%3A%20var(--bf-theme-date-picker-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-date-picker-bg%3A%20var(--bf-theme-date-picker-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-date-picker-color%3A%20var(--bf-theme-date-picker-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-date-picker-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-date-picker-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-date-picker-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-date-picker-font)%3B%0A%09color%3A%20var(--bf-date-picker-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-date-picker-bg)%3B%0A%09color%3A%20var(--bf-date-picker-color)%3B%0A%09border-width%3A%20var(--bf-date-picker-border-width)%3B%0A%09border-style%3A%20var(--bf-date-picker-border-style)%3B%0A%09border-color%3A%20var(--bf-date-picker-border-color)%3B%0A%09border-radius%3A%20var(--bf-date-picker-radius)%3B%0A%09padding%3A%20var(--bf-date-picker-padding-y)%20var(--bf-date-picker-padding-x)%3B%0A%09transition%3A%20var(--bf-date-picker-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="date picker"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-date-picker",tt);var et=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-date-range-picker-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-date-range-picker-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-date-range-picker-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-date-range-picker-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-date-range-picker-border-color%3A%20var(--bf-theme-date-range-picker-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-date-range-picker-bg%3A%20var(--bf-theme-date-range-picker-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-date-range-picker-color%3A%20var(--bf-theme-date-range-picker-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-date-range-picker-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-date-range-picker-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-date-range-picker-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-date-range-picker-font)%3B%0A%09color%3A%20var(--bf-date-range-picker-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-date-range-picker-bg)%3B%0A%09color%3A%20var(--bf-date-range-picker-color)%3B%0A%09border-width%3A%20var(--bf-date-range-picker-border-width)%3B%0A%09border-style%3A%20var(--bf-date-range-picker-border-style)%3B%0A%09border-color%3A%20var(--bf-date-range-picker-border-color)%3B%0A%09border-radius%3A%20var(--bf-date-range-picker-radius)%3B%0A%09padding%3A%20var(--bf-date-range-picker-padding-y)%20var(--bf-date-range-picker-padding-x)%3B%0A%09transition%3A%20var(--bf-date-range-picker-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="date range picker"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-date-range-picker",et);var C=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onBackdropClick=this._onBackdropClick.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-dialog-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-dialog-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-dialog-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-dialog-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-dialog-border-color%3A%20var(--bf-theme-dialog-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-dialog-bg%3A%20var(--bf-theme-dialog-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-dialog-color%3A%20var(--bf-theme-dialog-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-dialog-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-dialog-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-dialog-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09--bf-dialog-backdrop%3A%20rgba(2%2C%206%2C%2023%2C%200.45)%3B%0A%09--bf-dialog-max-w%3A%2036rem%3B%0A%09--bf-dialog-shadow%3A%200%2018px%2044px%20rgba(2%2C%206%2C%2023%2C%200.28)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-dialog-font)%3B%0A%09color%3A%20var(--bf-dialog-color)%3B%0A%09z-index%3A%201100%3B%0A%7D%0A%0A.root%20%7B%0A%09position%3A%20fixed%3B%0A%09inset%3A%200%3B%0A%09display%3A%20grid%3B%0A%09align-items%3A%20center%3B%0A%09justify-items%3A%20center%3B%0A%09padding%3A%201rem%3B%0A%7D%0A%0A.backdrop%20%7B%0A%09position%3A%20absolute%3B%0A%09inset%3A%200%3B%0A%09background%3A%20var(--bf-dialog-backdrop)%3B%0A%7D%0A%0A.panel%20%7B%0A%09position%3A%20relative%3B%0A%09width%3A%20min(100%25%2C%20var(--bf-dialog-max-w))%3B%0A%09background%3A%20var(--bf-dialog-bg)%3B%0A%09color%3A%20var(--bf-dialog-color)%3B%0A%09border-width%3A%20var(--bf-dialog-border-width)%3B%0A%09border-style%3A%20var(--bf-dialog-border-style)%3B%0A%09border-color%3A%20var(--bf-dialog-border-color)%3B%0A%09border-radius%3A%20var(--bf-dialog-radius)%3B%0A%09padding%3A%20var(--bf-dialog-padding-y)%20var(--bf-dialog-padding-x)%3B%0A%09transition%3A%20var(--bf-dialog-transition)%3B%0A%09box-shadow%3A%20var(--bf-dialog-shadow)%3B%0A%7D%0A%0A.root%5Bdata-open%3D'false'%5D%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'tooltip'%5D%20.backdrop%2C%0A.root%5Bdata-variant%3D'popover'%5D%20.backdrop%2C%0A.root%5Bdata-variant%3D'panel'%5D%20.backdrop%2C%0A.root%5Bdata-variant%3D'sheet'%5D%20.backdrop%2C%0A.root%5Bdata-variant%3D'bottom-sheet'%5D%20.backdrop%20%7B%0A%09background%3A%20transparent%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'tooltip'%5D%20.panel%20%7B%0A%09width%3A%20auto%3B%0A%09max-width%3A%2018rem%3B%0A%09padding%3A%200.35rem%200.55rem%3B%0A%09border-radius%3A%206px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'popover'%5D%20.panel%20%7B%0A%09width%3A%20min(24rem%2C%20100%25)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'sheet'%5D%20%7B%0A%09align-items%3A%20center%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'bottom-sheet'%5D%20%7B%0A%09align-items%3A%20end%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'bottom-sheet'%5D%20.panel%20%7B%0A%09width%3A%20min(100%25%2C%2042rem)%3B%0A%09border-radius%3A%2014px%2014px%200%200%3B%0A%7D%0A%0A.root%5Bdata-position%3D'top'%5D%20%7B%0A%09align-items%3A%20start%3B%0A%7D%0A%0A.root%5Bdata-position%3D'bottom'%5D%20%7B%0A%09align-items%3A%20end%3B%0A%7D%0A%0A.root%5Bdata-position%3D'left'%5D%20%7B%0A%09justify-items%3A%20start%3B%0A%7D%0A%0A.root%5Bdata-position%3D'right'%5D%20%7B%0A%09justify-items%3A%20end%3B%0A%7D%0A%0A.root%5Bdata-position%3D'top-left'%5D%20%7B%0A%09align-items%3A%20start%3B%0A%09justify-items%3A%20start%3B%0A%7D%0A%0A.root%5Bdata-position%3D'top-right'%5D%20%7B%0A%09align-items%3A%20start%3B%0A%09justify-items%3A%20end%3B%0A%7D%0A%0A.root%5Bdata-position%3D'bottom-left'%5D%20%7B%0A%09align-items%3A%20end%3B%0A%09justify-items%3A%20start%3B%0A%7D%0A%0A.root%5Bdata-position%3D'bottom-right'%5D%20%7B%0A%09align-items%3A%20end%3B%0A%09justify-items%3A%20end%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
49
|
+
`,this.shadowRoot.replaceChildren(i,t),this._input=this.shadowRoot.querySelector("input"),this._input.addEventListener("change",this._onInputChange),this._syncState()}attributeChangedCallback(){this._syncState()}get checked(){return this.hasAttribute("checked")}set checked(e){if(e){this.setAttribute("checked","");return}this.removeAttribute("checked")}get value(){return this.getAttribute("value")||this.textContent?.trim()||""}_onInputChange(){let e=this._input.checked;if(e&&!this._canSelectMore()){this._input.checked=!1;return}this.checked=e,this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{group:this._effectiveGroup(),value:this.value,checked:this.checked}}))}_effectiveGroup(){return this.getAttribute("group")||""}_groupLimit(){let e=this.getAttribute("multiple");if(e===null||e==="")return 1/0;let i=Number.parseInt(e,10);return Number.isFinite(i)&&i>0?i:1/0}_canSelectMore(){let e=this._effectiveGroup();if(!e)return!0;let i=this._groupLimit();if(i===1/0)return!0;let t=[...document.querySelectorAll(`bf-checkbox[group="${CSS.escape(e)}"][checked]`)];return t.length<i||t.includes(this)}_syncState(){this._input&&(this._input.checked=this.checked,this._input.disabled=this.hasAttribute("disabled"),this._input.value=this.value,this.getAttribute("label")&&this.setAttribute("aria-label",this.getAttribute("label")))}};a(A,"observedAttributes",["checked","disabled","label","value"]);customElements.define("bf-checkbox",A);var Z=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-combobox-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-combobox-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-combobox-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-combobox-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-combobox-border-color%3A%20var(--bf-theme-combobox-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-combobox-bg%3A%20var(--bf-theme-combobox-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-combobox-color%3A%20var(--bf-theme-combobox-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-combobox-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-combobox-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-combobox-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-combobox-font)%3B%0A%09color%3A%20var(--bf-combobox-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-combobox-bg)%3B%0A%09color%3A%20var(--bf-combobox-color)%3B%0A%09border-width%3A%20var(--bf-combobox-border-width)%3B%0A%09border-style%3A%20var(--bf-combobox-border-style)%3B%0A%09border-color%3A%20var(--bf-combobox-border-color)%3B%0A%09border-radius%3A%20var(--bf-combobox-radius)%3B%0A%09padding%3A%20var(--bf-combobox-padding-y)%20var(--bf-combobox-padding-x)%3B%0A%09transition%3A%20var(--bf-combobox-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-combobox",Z);var K=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-command-palette-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-command-palette-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-command-palette-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-command-palette-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-command-palette-border-color%3A%20var(--bf-theme-command-palette-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-command-palette-bg%3A%20var(--bf-theme-command-palette-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-command-palette-color%3A%20var(--bf-theme-command-palette-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-command-palette-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-command-palette-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-command-palette-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-command-palette-font)%3B%0A%09color%3A%20var(--bf-command-palette-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-command-palette-bg)%3B%0A%09color%3A%20var(--bf-command-palette-color)%3B%0A%09border-width%3A%20var(--bf-command-palette-border-width)%3B%0A%09border-style%3A%20var(--bf-command-palette-border-style)%3B%0A%09border-color%3A%20var(--bf-command-palette-border-color)%3B%0A%09border-radius%3A%20var(--bf-command-palette-radius)%3B%0A%09padding%3A%20var(--bf-command-palette-padding-y)%20var(--bf-command-palette-padding-x)%3B%0A%09transition%3A%20var(--bf-command-palette-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-command-palette",K);var Q=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-countdown-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-countdown-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-countdown-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-countdown-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-countdown-border-color%3A%20var(--bf-theme-countdown-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-countdown-bg%3A%20var(--bf-theme-countdown-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-countdown-color%3A%20var(--bf-theme-countdown-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-countdown-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-countdown-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-countdown-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-countdown-font)%3B%0A%09color%3A%20var(--bf-countdown-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-countdown-bg)%3B%0A%09color%3A%20var(--bf-countdown-color)%3B%0A%09border-width%3A%20var(--bf-countdown-border-width)%3B%0A%09border-style%3A%20var(--bf-countdown-border-style)%3B%0A%09border-color%3A%20var(--bf-countdown-border-color)%3B%0A%09border-radius%3A%20var(--bf-countdown-radius)%3B%0A%09padding%3A%20var(--bf-countdown-padding-y)%20var(--bf-countdown-padding-x)%3B%0A%09transition%3A%20var(--bf-countdown-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-countdown",Q);var B=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-data-grid-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-data-grid-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-data-grid-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-data-grid-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-data-grid-border-color%3A%20var(--bf-theme-data-grid-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-data-grid-bg%3A%20var(--bf-theme-data-grid-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-data-grid-color%3A%20var(--bf-theme-data-grid-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-data-grid-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-data-grid-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-data-grid-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-data-grid-font)%3B%0A%09color%3A%20var(--bf-data-grid-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-data-grid-bg)%3B%0A%09color%3A%20var(--bf-data-grid-color)%3B%0A%09border-width%3A%20var(--bf-data-grid-border-width)%3B%0A%09border-style%3A%20var(--bf-data-grid-border-style)%3B%0A%09border-color%3A%20var(--bf-data-grid-border-color)%3B%0A%09border-radius%3A%20var(--bf-data-grid-radius)%3B%0A%09padding%3A%20var(--bf-data-grid-padding-y)%20var(--bf-data-grid-padding-x)%3B%0A%09transition%3A%20var(--bf-data-grid-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-data-grid",B);var tt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-date-picker-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-date-picker-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-date-picker-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-date-picker-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-date-picker-border-color%3A%20var(--bf-theme-date-picker-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-date-picker-bg%3A%20var(--bf-theme-date-picker-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-date-picker-color%3A%20var(--bf-theme-date-picker-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-date-picker-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-date-picker-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-date-picker-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-date-picker-font)%3B%0A%09color%3A%20var(--bf-date-picker-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-date-picker-bg)%3B%0A%09color%3A%20var(--bf-date-picker-color)%3B%0A%09border-width%3A%20var(--bf-date-picker-border-width)%3B%0A%09border-style%3A%20var(--bf-date-picker-border-style)%3B%0A%09border-color%3A%20var(--bf-date-picker-border-color)%3B%0A%09border-radius%3A%20var(--bf-date-picker-radius)%3B%0A%09padding%3A%20var(--bf-date-picker-padding-y)%20var(--bf-date-picker-padding-x)%3B%0A%09transition%3A%20var(--bf-date-picker-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-date-picker",tt);var et=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-date-range-picker-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-date-range-picker-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-date-range-picker-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-date-range-picker-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-date-range-picker-border-color%3A%20var(--bf-theme-date-range-picker-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-date-range-picker-bg%3A%20var(--bf-theme-date-range-picker-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-date-range-picker-color%3A%20var(--bf-theme-date-range-picker-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-date-range-picker-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-date-range-picker-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-date-range-picker-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-date-range-picker-font)%3B%0A%09color%3A%20var(--bf-date-range-picker-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-date-range-picker-bg)%3B%0A%09color%3A%20var(--bf-date-range-picker-color)%3B%0A%09border-width%3A%20var(--bf-date-range-picker-border-width)%3B%0A%09border-style%3A%20var(--bf-date-range-picker-border-style)%3B%0A%09border-color%3A%20var(--bf-date-range-picker-border-color)%3B%0A%09border-radius%3A%20var(--bf-date-range-picker-radius)%3B%0A%09padding%3A%20var(--bf-date-range-picker-padding-y)%20var(--bf-date-range-picker-padding-x)%3B%0A%09transition%3A%20var(--bf-date-range-picker-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-date-range-picker",et);var k=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onBackdropClick=this._onBackdropClick.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-dialog-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-dialog-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-dialog-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-dialog-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-dialog-border-color%3A%20var(--bf-theme-dialog-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-dialog-bg%3A%20var(--bf-theme-dialog-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-dialog-color%3A%20var(--bf-theme-dialog-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-dialog-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-dialog-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-dialog-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09--bf-dialog-backdrop%3A%20rgba(2%2C%206%2C%2023%2C%200.45)%3B%0A%09--bf-dialog-max-w%3A%2036rem%3B%0A%09--bf-dialog-shadow%3A%200%2018px%2044px%20rgba(2%2C%206%2C%2023%2C%200.28)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-dialog-font)%3B%0A%09color%3A%20var(--bf-dialog-color)%3B%0A%09z-index%3A%201100%3B%0A%7D%0A%0A.root%20%7B%0A%09position%3A%20fixed%3B%0A%09inset%3A%200%3B%0A%09display%3A%20grid%3B%0A%09align-items%3A%20center%3B%0A%09justify-items%3A%20center%3B%0A%09padding%3A%201rem%3B%0A%7D%0A%0A.backdrop%20%7B%0A%09position%3A%20absolute%3B%0A%09inset%3A%200%3B%0A%09background%3A%20var(--bf-dialog-backdrop)%3B%0A%7D%0A%0A.panel%20%7B%0A%09position%3A%20relative%3B%0A%09width%3A%20min(100%25%2C%20var(--bf-dialog-max-w))%3B%0A%09background%3A%20var(--bf-dialog-bg)%3B%0A%09color%3A%20var(--bf-dialog-color)%3B%0A%09border-width%3A%20var(--bf-dialog-border-width)%3B%0A%09border-style%3A%20var(--bf-dialog-border-style)%3B%0A%09border-color%3A%20var(--bf-dialog-border-color)%3B%0A%09border-radius%3A%20var(--bf-dialog-radius)%3B%0A%09padding%3A%20var(--bf-dialog-padding-y)%20var(--bf-dialog-padding-x)%3B%0A%09transition%3A%20var(--bf-dialog-transition)%3B%0A%09box-shadow%3A%20var(--bf-dialog-shadow)%3B%0A%7D%0A%0A.root%5Bdata-open%3D'false'%5D%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'tooltip'%5D%20.backdrop%2C%0A.root%5Bdata-variant%3D'popover'%5D%20.backdrop%2C%0A.root%5Bdata-variant%3D'panel'%5D%20.backdrop%2C%0A.root%5Bdata-variant%3D'sheet'%5D%20.backdrop%2C%0A.root%5Bdata-variant%3D'bottom-sheet'%5D%20.backdrop%20%7B%0A%09background%3A%20transparent%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'tooltip'%5D%20.panel%20%7B%0A%09width%3A%20auto%3B%0A%09max-width%3A%2018rem%3B%0A%09padding%3A%200.35rem%200.55rem%3B%0A%09border-radius%3A%206px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'popover'%5D%20.panel%20%7B%0A%09width%3A%20min(24rem%2C%20100%25)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'sheet'%5D%20%7B%0A%09align-items%3A%20center%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'bottom-sheet'%5D%20%7B%0A%09align-items%3A%20end%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'bottom-sheet'%5D%20.panel%20%7B%0A%09width%3A%20min(100%25%2C%2042rem)%3B%0A%09border-radius%3A%2014px%2014px%200%200%3B%0A%7D%0A%0A.root%5Bdata-position%3D'top'%5D%20%7B%0A%09align-items%3A%20start%3B%0A%7D%0A%0A.root%5Bdata-position%3D'bottom'%5D%20%7B%0A%09align-items%3A%20end%3B%0A%7D%0A%0A.root%5Bdata-position%3D'left'%5D%20%7B%0A%09justify-items%3A%20start%3B%0A%7D%0A%0A.root%5Bdata-position%3D'right'%5D%20%7B%0A%09justify-items%3A%20end%3B%0A%7D%0A%0A.root%5Bdata-position%3D'top-left'%5D%20%7B%0A%09align-items%3A%20start%3B%0A%09justify-items%3A%20start%3B%0A%7D%0A%0A.root%5Bdata-position%3D'top-right'%5D%20%7B%0A%09align-items%3A%20start%3B%0A%09justify-items%3A%20end%3B%0A%7D%0A%0A.root%5Bdata-position%3D'bottom-left'%5D%20%7B%0A%09align-items%3A%20end%3B%0A%09justify-items%3A%20start%3B%0A%7D%0A%0A.root%5Bdata-position%3D'bottom-right'%5D%20%7B%0A%09align-items%3A%20end%3B%0A%09justify-items%3A%20end%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
50
50
|
<div class="backdrop" part="backdrop"></div>
|
|
51
51
|
<div class="panel" part="panel"><slot></slot></div>
|
|
52
|
-
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._backdrop=t.querySelector(".backdrop"),this._panel=t.querySelector(".panel"),this._backdrop.addEventListener("click",this._onBackdropClick),this.
|
|
52
|
+
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._backdrop=t.querySelector(".backdrop"),this._panel=t.querySelector(".panel"),this._backdrop.addEventListener("click",this._onBackdropClick),this._sync()}attributeChangedCallback(){this._sync()}get openState(){return this.hasAttribute("open")}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){if(this.hasAttribute("open")){this.close();return}this.open()}_onBackdropClick(){let e=this._variant();e==="tooltip"||e==="popover"||this.hasAttribute("persistent")||(this.close(),this.dispatchEvent(new CustomEvent("bf-close",{bubbles:!0,composed:!0,detail:{id:this.id||""}})))}_variant(){let e=(this.getAttribute("variant")||"").toLowerCase();return["dialog","sheet","bottom-sheet","popover","tooltip","panel"].includes(e)?e:this.hasAttribute("sheet")?"sheet":this.hasAttribute("bottom-sheet")?"bottom-sheet":this.hasAttribute("popover")?"popover":this.hasAttribute("tooltip")?"tooltip":this.hasAttribute("panel")?"panel":"dialog"}_position(){let e=(this.getAttribute("position")||"").toLowerCase().replace(/\s+/g,"-");return["center","left","right","top","bottom","top-left","top-right","bottom-left","bottom-right"].includes(e)?e:this.hasAttribute("left")?"left":this.hasAttribute("right")?"right":this.hasAttribute("top")?"top":this.hasAttribute("bottom")?"bottom":(this.hasAttribute("center"),"center")}_shouldOpenByDefault(){return!this.hasAttribute("id")}_sync(){if(!this._root||!this._panel)return;if(!this.hasAttribute("open")&&this._shouldOpenByDefault()){this.setAttribute("open","");return}let e=this.hasAttribute("open"),i=this._variant(),t=this._position();this._root.setAttribute("data-open",e?"true":"false"),this._root.setAttribute("data-variant",i),this._root.setAttribute("data-position",t),this.hidden=!e,this.setAttribute("aria-hidden",String(!e)),this.setAttribute("role",i==="tooltip"?"tooltip":"dialog"),this.getAttribute("label")&&this.setAttribute("aria-label",this.getAttribute("label"))}};a(k,"observedAttributes",["open","variant","position","modal","sheet","bottom-sheet","popover","tooltip","panel","top","bottom","left","right","center","label"]);customElements.define("bf-dialog",k);var C=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-divider-border-color%3A%20var(--bf-theme-divider-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-divider-thickness%3A%201px%3B%0A%09--bf-divider-min-length%3A%202rem%3B%0A%0A%09display%3A%20block%3B%0A%7D%0A%0A.root%20%7B%0A%09box-sizing%3A%20border-box%3B%0A%09border-radius%3A%20999px%3B%0A%09background%3A%20var(--bf-divider-border-color)%3B%0A%09min-width%3A%20var(--bf-divider-min-length)%3B%0A%7D%0A%0A.root%5Bdata-orientation%3D'horizontal'%5D%20%7B%0A%09height%3A%20var(--bf-divider-thickness)%3B%0A%09width%3A%20100%25%3B%0A%7D%0A%0A.root%5Bdata-orientation%3D'vertical'%5D%20%7B%0A%09width%3A%20var(--bf-divider-thickness)%3B%0A%09height%3A%20100%25%3B%0A%09min-height%3A%20var(--bf-divider-min-length)%3B%0A%09min-width%3A%200%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t),this._root=t,this._sync()}attributeChangedCallback(){this._sync()}_sync(){if(!this._root)return;let e=this.hasAttribute("vertical");this._root.dataset.orientation=e?"vertical":"horizontal";let i=this.getAttribute("thickness");if(!i){this.style.removeProperty("--bf-divider-thickness");return}let t=Number.parseFloat(i);if(Number.isFinite(t)){this.style.setProperty("--bf-divider-thickness",`${t}px`);return}this.style.setProperty("--bf-divider-thickness",i)}};a(C,"observedAttributes",["vertical","thickness"]);customElements.define("bf-divider",C);var y=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onBackdropClick=this._onBackdropClick.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-drawer-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-drawer-bg%3A%20var(--bf-theme-drawer-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-drawer-color%3A%20var(--bf-theme-drawer-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-drawer-border-color%3A%20var(--bf-theme-drawer-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-drawer-backdrop%3A%20rgba(2%2C%206%2C%2023%2C%200.35)%3B%0A%09--bf-drawer-width%3A%20min(90vw%2C%2022rem)%3B%0A%09--bf-drawer-height%3A%20min(75vh%2C%2024rem)%3B%0A%09--bf-drawer-shadow%3A%200%2018px%2044px%20rgba(2%2C%206%2C%2023%2C%200.28)%3B%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-drawer-font)%3B%0A%09z-index%3A%201190%3B%0A%7D%0A%0A.root%20%7B%0A%09position%3A%20fixed%3B%0A%09inset%3A%200%3B%0A%09display%3A%20grid%3B%0A%7D%0A%0A.root%5Bdata-open%3D'false'%5D%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.backdrop%20%7B%0A%09position%3A%20absolute%3B%0A%09inset%3A%200%3B%0A%09background%3A%20var(--bf-drawer-backdrop)%3B%0A%7D%0A%0A.panel%20%7B%0A%09position%3A%20relative%3B%0A%09background%3A%20var(--bf-drawer-bg)%3B%0A%09color%3A%20var(--bf-drawer-color)%3B%0A%09border%3A%201px%20solid%20var(--bf-drawer-border-color)%3B%0A%09box-shadow%3A%20var(--bf-drawer-shadow)%3B%0A%09padding%3A%201rem%3B%0A%7D%0A%0A.root%5Bdata-side%3D'right'%5D%20%7B%0A%09justify-items%3A%20end%3B%0A%7D%0A%0A.root%5Bdata-side%3D'right'%5D%20.panel%20%7B%0A%09width%3A%20var(--bf-drawer-width)%3B%0A%09height%3A%20100%25%3B%0A%09border-radius%3A%200%3B%0A%7D%0A%0A.root%5Bdata-side%3D'left'%5D%20%7B%0A%09justify-items%3A%20start%3B%0A%7D%0A%0A.root%5Bdata-side%3D'left'%5D%20.panel%20%7B%0A%09width%3A%20var(--bf-drawer-width)%3B%0A%09height%3A%20100%25%3B%0A%09border-radius%3A%200%3B%0A%7D%0A%0A.root%5Bdata-side%3D'top'%5D%20%7B%0A%09align-items%3A%20start%3B%0A%7D%0A%0A.root%5Bdata-side%3D'top'%5D%20.panel%20%7B%0A%09width%3A%20100%25%3B%0A%09max-width%3A%20100%25%3B%0A%09height%3A%20var(--bf-drawer-height)%3B%0A%09border-radius%3A%200%200%2012px%2012px%3B%0A%7D%0A%0A.root%5Bdata-side%3D'bottom'%5D%20%7B%0A%09align-items%3A%20end%3B%0A%7D%0A%0A.root%5Bdata-side%3D'bottom'%5D%20.panel%20%7B%0A%09width%3A%20100%25%3B%0A%09max-width%3A%20100%25%3B%0A%09height%3A%20var(--bf-drawer-height)%3B%0A%09border-radius%3A%2012px%2012px%200%200%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
53
53
|
<div class="backdrop" part="backdrop"></div>
|
|
54
54
|
<div class="panel" part="panel"><slot></slot></div>
|
|
55
|
-
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._backdrop=t.querySelector(".backdrop"),this._backdrop.addEventListener("click",this._onBackdropClick),this.textContent?.trim()||(this.textContent="drawer"),this._sync()}attributeChangedCallback(){this._sync()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){if(this.hasAttribute("open")){this.close();return}this.open()}_onBackdropClick(){this.hasAttribute("persistent")||this.close()}_side(){let e=(this.getAttribute("side")||"").toLowerCase();return["left","right","top","bottom"].includes(e)?e:this.hasAttribute("left")?"left":this.hasAttribute("top")?"top":this.hasAttribute("bottom")?"bottom":"right"}_shouldOpenByDefault(){return!this.hasAttribute("id")}_sync(){if(!this._root)return;if(!this.hasAttribute("open")&&this._shouldOpenByDefault()){this.setAttribute("open","");return}let e=this.hasAttribute("open");this.hidden=!e,this._root.setAttribute("data-open",e?"true":"false"),this._root.setAttribute("data-side",this._side()),this.setAttribute("aria-hidden",String(!e)),this.setAttribute("role","dialog"),this.getAttribute("label")&&this.setAttribute("aria-label",this.getAttribute("label"))}};a(E,"observedAttributes",["open","side","label","left","right","top","bottom"]);customElements.define("bf-drawer",E);var it=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-dropdown-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-dropdown-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-dropdown-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-dropdown-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-dropdown-border-color%3A%20var(--bf-theme-dropdown-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-dropdown-bg%3A%20var(--bf-theme-dropdown-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-dropdown-color%3A%20var(--bf-theme-dropdown-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-dropdown-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-dropdown-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-dropdown-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-dropdown-font)%3B%0A%09color%3A%20var(--bf-dropdown-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-dropdown-bg)%3B%0A%09color%3A%20var(--bf-dropdown-color)%3B%0A%09border-width%3A%20var(--bf-dropdown-border-width)%3B%0A%09border-style%3A%20var(--bf-dropdown-border-style)%3B%0A%09border-color%3A%20var(--bf-dropdown-border-color)%3B%0A%09border-radius%3A%20var(--bf-dropdown-radius)%3B%0A%09padding%3A%20var(--bf-dropdown-padding-y)%20var(--bf-dropdown-padding-x)%3B%0A%09transition%3A%20var(--bf-dropdown-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="dropdown"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-dropdown",it);var y=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized){this._syncPosition();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-edge-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-edge-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-edge-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-edge-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-edge-border-color%3A%20var(--bf-theme-header-border-color%2C%20var(--bf-theme-footer-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1)))%3B%0A%09--bf-edge-bg%3A%20var(--bf-theme-header-bg%2C%20var(--bf-theme-footer-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff)))%3B%0A%09--bf-edge-color%3A%20var(--bf-theme-header-color%2C%20var(--bf-theme-footer-color%2C%20var(--bf-theme-text-1%2C%20%230f172a)))%3B%0A%09--bf-edge-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-edge-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-edge-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-edge-font)%3B%0A%09color%3A%20var(--bf-edge-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-edge-bg)%3B%0A%09color%3A%20var(--bf-edge-color)%3B%0A%09border-width%3A%20var(--bf-edge-border-width)%3B%0A%09border-style%3A%20var(--bf-edge-border-style)%3B%0A%09border-color%3A%20var(--bf-edge-border-color)%3B%0A%09border-radius%3A%20var(--bf-edge-radius)%3B%0A%09padding%3A%20var(--bf-edge-padding-y)%20var(--bf-edge-padding-x)%3B%0A%09transition%3A%20var(--bf-edge-transition)%3B%0A%7D%0A%0A%3Ahost(%5Bsticky%5D)%20%7B%0A%09position%3A%20sticky%3B%0A%09z-index%3A%20var(--bf-theme-z-sticky%2C%20100)%3B%0A%7D%0A%0A%3Ahost(%5Bfixed%5D)%20%7B%0A%09position%3A%20fixed%3B%0A%09left%3A%200%3B%0A%09right%3A%200%3B%0A%09z-index%3A%20var(--bf-theme-z-fixed%2C%20200)%3B%0A%7D%0A%0A%3Ahost(%5Bheader%5D%5Bsticky%5D)%2C%0A%3Ahost(%5Bheader%5D%5Bfixed%5D)%20%7B%0A%09top%3A%200%3B%0A%09bottom%3A%20auto%3B%0A%7D%0A%0A%3Ahost(%5Bfooter%5D%5Bsticky%5D)%2C%0A%3Ahost(%5Bfooter%5D%5Bfixed%5D)%20%7B%0A%09bottom%3A%200%3B%0A%09top%3A%20auto%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="edge"),this.shadowRoot.replaceChildren(i,t),this._syncPosition()}attributeChangedCallback(){this._syncPosition()}_syncPosition(){!this.hasAttribute("header")&&!this.hasAttribute("footer")&&!this.getAttribute("position")&&this.setAttribute("header","");let e=this.getAttribute("position");e==="bottom"&&(this.removeAttribute("header"),this.setAttribute("footer","")),e==="top"&&(this.removeAttribute("footer"),this.setAttribute("header",""))}};a(y,"observedAttributes",["position","sticky","fixed","header","footer"]);customElements.define("bf-edge",y);var st=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-empty-state-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-empty-state-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-empty-state-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-empty-state-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-empty-state-border-color%3A%20var(--bf-theme-empty-state-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-empty-state-bg%3A%20var(--bf-theme-empty-state-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-empty-state-color%3A%20var(--bf-theme-empty-state-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-empty-state-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-empty-state-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-empty-state-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-empty-state-font)%3B%0A%09color%3A%20var(--bf-empty-state-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-empty-state-bg)%3B%0A%09color%3A%20var(--bf-empty-state-color)%3B%0A%09border-width%3A%20var(--bf-empty-state-border-width)%3B%0A%09border-style%3A%20var(--bf-empty-state-border-style)%3B%0A%09border-color%3A%20var(--bf-empty-state-border-color)%3B%0A%09border-radius%3A%20var(--bf-empty-state-radius)%3B%0A%09padding%3A%20var(--bf-empty-state-padding-y)%20var(--bf-empty-state-padding-x)%3B%0A%09transition%3A%20var(--bf-empty-state-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="empty state"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-empty-state",st);var rt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-error-summary-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-error-summary-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-error-summary-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-error-summary-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-error-summary-border-color%3A%20var(--bf-theme-error-summary-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-error-summary-bg%3A%20var(--bf-theme-error-summary-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-error-summary-color%3A%20var(--bf-theme-error-summary-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-error-summary-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-error-summary-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-error-summary-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-error-summary-font)%3B%0A%09color%3A%20var(--bf-error-summary-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-error-summary-bg)%3B%0A%09color%3A%20var(--bf-error-summary-color)%3B%0A%09border-width%3A%20var(--bf-error-summary-border-width)%3B%0A%09border-style%3A%20var(--bf-error-summary-border-style)%3B%0A%09border-color%3A%20var(--bf-error-summary-border-color)%3B%0A%09border-radius%3A%20var(--bf-error-summary-radius)%3B%0A%09padding%3A%20var(--bf-error-summary-padding-y)%20var(--bf-error-summary-padding-x)%3B%0A%09transition%3A%20var(--bf-error-summary-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="error summary"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-error-summary",rt);var nt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-fab-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-fab-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-fab-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-fab-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-fab-border-color%3A%20var(--bf-theme-fab-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-fab-bg%3A%20var(--bf-theme-fab-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-fab-color%3A%20var(--bf-theme-fab-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-fab-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-fab-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-fab-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-fab-font)%3B%0A%09color%3A%20var(--bf-fab-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-fab-bg)%3B%0A%09color%3A%20var(--bf-fab-color)%3B%0A%09border-width%3A%20var(--bf-fab-border-width)%3B%0A%09border-style%3A%20var(--bf-fab-border-style)%3B%0A%09border-color%3A%20var(--bf-fab-border-color)%3B%0A%09border-radius%3A%20var(--bf-fab-radius)%3B%0A%09padding%3A%20var(--bf-fab-padding-y)%20var(--bf-fab-padding-x)%3B%0A%09transition%3A%20var(--bf-fab-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="fab"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-fab",nt);var L=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onRootClick=this._onRootClick.bind(this),this._onInputChange=this._onInputChange.bind(this),this._onDragOver=this._onDragOver.bind(this),this._onDragLeave=this._onDragLeave.bind(this),this._onDrop=this._onDrop.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-file-upload-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-file-upload-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-file-upload-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-file-upload-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-file-upload-border-color%3A%20var(%0A%09%09--bf-theme-file-upload-border-color%2C%0A%09%09var(--bf-theme-upload-dropzone-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%0A%09)%3B%0A%09--bf-file-upload-bg%3A%20var(%0A%09%09--bf-theme-file-upload-bg%2C%0A%09%09var(--bf-theme-upload-dropzone-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%0A%09)%3B%0A%09--bf-file-upload-color%3A%20var(%0A%09%09--bf-theme-file-upload-color%2C%0A%09%09var(--bf-theme-upload-dropzone-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%0A%09)%3B%0A%09--bf-file-upload-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-file-upload-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-file-upload-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-file-upload-font)%3B%0A%09color%3A%20var(--bf-file-upload-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20grid%3B%0A%09gap%3A%200.45rem%3B%0A%09background%3A%20var(--bf-file-upload-bg)%3B%0A%09color%3A%20var(--bf-file-upload-color)%3B%0A%09border-width%3A%20var(--bf-file-upload-border-width)%3B%0A%09border-style%3A%20var(--bf-file-upload-border-style)%3B%0A%09border-color%3A%20var(--bf-file-upload-border-color)%3B%0A%09border-radius%3A%20var(--bf-file-upload-radius)%3B%0A%09padding%3A%20var(--bf-file-upload-padding-y)%20var(--bf-file-upload-padding-x)%3B%0A%09transition%3A%20var(--bf-file-upload-transition)%3B%0A%09cursor%3A%20pointer%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'dropzone'%5D%20%7B%0A%09min-height%3A%207rem%3B%0A%09align-content%3A%20center%3B%0A%09text-align%3A%20center%3B%0A%7D%0A%0A.root%5Bdata-border%3D'dotted'%5D%20%7B%0A%09border-style%3A%20dotted%3B%0A%7D%0A%0A.root%5Bdata-border%3D'dashed'%5D%20%7B%0A%09border-style%3A%20dashed%3B%0A%7D%0A%0A.root%5Bdata-drag%3D'over'%5D%20%7B%0A%09background%3A%20color-mix(in%20srgb%2C%20var(--bf-file-upload-bg)%2070%25%2C%20var(--bf-file-upload-border-color))%3B%0A%7D%0A%0A.root%5Bdata-disabled%3D'true'%5D%20%7B%0A%09opacity%3A%200.65%3B%0A%09cursor%3A%20not-allowed%3B%0A%7D%0A%0A.native%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.label%20%7B%0A%09font-weight%3A%20600%3B%0A%7D%0A%0A.meta%20%7B%0A%09color%3A%20var(--bf-theme-text-2%2C%20%23475569)%3B%0A%09font-size%3A%200.9em%3B%0A%7D%0A%0A.files%20%7B%0A%09display%3A%20flex%3B%0A%09flex-wrap%3A%20wrap%3B%0A%09gap%3A%200.35rem%3B%0A%7D%0A%0A.file%20%7B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%200.25rem%3B%0A%09padding%3A%200.2rem%200.45rem%3B%0A%09border-radius%3A%20999px%3B%0A%09border%3A%201px%20solid%20color-mix(in%20srgb%2C%20var(--bf-file-upload-border-color)%2090%25%2C%20transparent)%3B%0A%09background%3A%20color-mix(in%20srgb%2C%20var(--bf-file-upload-bg)%2082%25%2C%20var(--bf-file-upload-border-color))%3B%0A%09font-size%3A%200.82em%3B%0A%7D%0A%0Aslot%3Anot(%3Aempty)%20%7B%0A%09display%3A%20block%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
55
|
+
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._backdrop=t.querySelector(".backdrop"),this._backdrop.addEventListener("click",this._onBackdropClick),this._sync()}attributeChangedCallback(){this._sync()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){if(this.hasAttribute("open")){this.close();return}this.open()}_onBackdropClick(){this.hasAttribute("persistent")||this.close()}_side(){let e=(this.getAttribute("side")||"").toLowerCase();return["left","right","top","bottom"].includes(e)?e:this.hasAttribute("left")?"left":this.hasAttribute("top")?"top":this.hasAttribute("bottom")?"bottom":"right"}_shouldOpenByDefault(){return!this.hasAttribute("id")}_sync(){if(!this._root)return;if(!this.hasAttribute("open")&&this._shouldOpenByDefault()){this.setAttribute("open","");return}let e=this.hasAttribute("open");this.hidden=!e,this._root.setAttribute("data-open",e?"true":"false"),this._root.setAttribute("data-side",this._side()),this.setAttribute("aria-hidden",String(!e)),this.setAttribute("role","dialog"),this.getAttribute("label")&&this.setAttribute("aria-label",this.getAttribute("label"))}};a(y,"observedAttributes",["open","side","label","left","right","top","bottom"]);customElements.define("bf-drawer",y);var it=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-dropdown-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-dropdown-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-dropdown-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-dropdown-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-dropdown-border-color%3A%20var(--bf-theme-dropdown-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-dropdown-bg%3A%20var(--bf-theme-dropdown-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-dropdown-color%3A%20var(--bf-theme-dropdown-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-dropdown-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-dropdown-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-dropdown-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-dropdown-font)%3B%0A%09color%3A%20var(--bf-dropdown-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-dropdown-bg)%3B%0A%09color%3A%20var(--bf-dropdown-color)%3B%0A%09border-width%3A%20var(--bf-dropdown-border-width)%3B%0A%09border-style%3A%20var(--bf-dropdown-border-style)%3B%0A%09border-color%3A%20var(--bf-dropdown-border-color)%3B%0A%09border-radius%3A%20var(--bf-dropdown-radius)%3B%0A%09padding%3A%20var(--bf-dropdown-padding-y)%20var(--bf-dropdown-padding-x)%3B%0A%09transition%3A%20var(--bf-dropdown-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-dropdown",it);var E=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized){this._syncPosition();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-edge-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-edge-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-edge-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-edge-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-edge-border-color%3A%20var(--bf-theme-header-border-color%2C%20var(--bf-theme-footer-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1)))%3B%0A%09--bf-edge-bg%3A%20var(--bf-theme-header-bg%2C%20var(--bf-theme-footer-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff)))%3B%0A%09--bf-edge-color%3A%20var(--bf-theme-header-color%2C%20var(--bf-theme-footer-color%2C%20var(--bf-theme-text-1%2C%20%230f172a)))%3B%0A%09--bf-edge-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-edge-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-edge-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-edge-font)%3B%0A%09color%3A%20var(--bf-edge-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-edge-bg)%3B%0A%09color%3A%20var(--bf-edge-color)%3B%0A%09border-width%3A%20var(--bf-edge-border-width)%3B%0A%09border-style%3A%20var(--bf-edge-border-style)%3B%0A%09border-color%3A%20var(--bf-edge-border-color)%3B%0A%09border-radius%3A%20var(--bf-edge-radius)%3B%0A%09padding%3A%20var(--bf-edge-padding-y)%20var(--bf-edge-padding-x)%3B%0A%09transition%3A%20var(--bf-edge-transition)%3B%0A%7D%0A%0A%3Ahost(%5Bsticky%5D)%20%7B%0A%09position%3A%20sticky%3B%0A%09z-index%3A%20var(--bf-theme-z-sticky%2C%20100)%3B%0A%7D%0A%0A%3Ahost(%5Bfixed%5D)%20%7B%0A%09position%3A%20fixed%3B%0A%09left%3A%200%3B%0A%09right%3A%200%3B%0A%09z-index%3A%20var(--bf-theme-z-fixed%2C%20200)%3B%0A%7D%0A%0A%3Ahost(%5Bheader%5D%5Bsticky%5D)%2C%0A%3Ahost(%5Bheader%5D%5Bfixed%5D)%20%7B%0A%09top%3A%200%3B%0A%09bottom%3A%20auto%3B%0A%7D%0A%0A%3Ahost(%5Bfooter%5D%5Bsticky%5D)%2C%0A%3Ahost(%5Bfooter%5D%5Bfixed%5D)%20%7B%0A%09bottom%3A%200%3B%0A%09top%3A%20auto%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t),this._syncPosition()}attributeChangedCallback(){this._syncPosition()}_syncPosition(){!this.hasAttribute("header")&&!this.hasAttribute("footer")&&!this.getAttribute("position")&&this.setAttribute("header","");let e=this.getAttribute("position");e==="bottom"&&(this.removeAttribute("header"),this.setAttribute("footer","")),e==="top"&&(this.removeAttribute("footer"),this.setAttribute("header",""))}};a(E,"observedAttributes",["position","sticky","fixed","header","footer"]);customElements.define("bf-edge",E);var w=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onInput=this._onInput.bind(this),this._onToolbarClick=this._onToolbarClick.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-editor-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-editor-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-editor-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-editor-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-editor-border-color%3A%20var(--bf-theme-editor-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-editor-bg%3A%20var(--bf-theme-editor-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-editor-color%3A%20var(--bf-theme-editor-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-editor-muted%3A%20var(--bf-theme-text-2%2C%20%2364748b)%3B%0A%09--bf-editor-code-bg%3A%20color-mix(in%20srgb%2C%20var(--bf-editor-bg)%2086%25%2C%20%230f172a%2014%25)%3B%0A%09--bf-editor-code-color%3A%20%23e2e8f0%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-editor-font)%3B%0A%09color%3A%20var(--bf-editor-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-editor-bg)%3B%0A%09color%3A%20var(--bf-editor-color)%3B%0A%09border-width%3A%20var(--bf-editor-border-width)%3B%0A%09border-style%3A%20var(--bf-editor-border-style)%3B%0A%09border-color%3A%20var(--bf-editor-border-color)%3B%0A%09border-radius%3A%20var(--bf-editor-radius)%3B%0A%09overflow%3A%20hidden%3B%0A%7D%0A%0A.toolbar%20%7B%0A%09display%3A%20none%3B%0A%09gap%3A%200.35rem%3B%0A%09padding%3A%200.5rem%3B%0A%09border-bottom%3A%201px%20solid%20var(--bf-editor-border-color)%3B%0A%09background%3A%20color-mix(in%20srgb%2C%20var(--bf-editor-bg)%2092%25%2C%20var(--bf-editor-border-color))%3B%0A%7D%0A%0A.toolbar%20button%20%7B%0A%09border%3A%201px%20solid%20var(--bf-editor-border-color)%3B%0A%09background%3A%20var(--bf-editor-bg)%3B%0A%09color%3A%20var(--bf-editor-color)%3B%0A%09border-radius%3A%206px%3B%0A%09padding%3A%200.22rem%200.45rem%3B%0A%09cursor%3A%20pointer%3B%0A%09font%3A%20inherit%3B%0A%09font-size%3A%200.85rem%3B%0A%7D%0A%0A.code-wrap%20%7B%0A%09display%3A%20grid%3B%0A%09grid-template-columns%3A%20auto%201fr%3B%0A%09min-height%3A%20220px%3B%0A%09background%3A%20var(--bf-editor-code-bg)%3B%0A%7D%0A%0A.line-numbers%20%7B%0A%09padding%3A%200.8rem%200.55rem%3B%0A%09margin%3A%200%3B%0A%09white-space%3A%20pre%3B%0A%09line-height%3A%201.45%3B%0A%09font-family%3A%20ui-monospace%2C%20SFMono-Regular%2C%20Menlo%2C%20Monaco%2C%20Consolas%2C%20'Liberation%20Mono'%2C%20'Courier%20New'%2C%20monospace%3B%0A%09font-size%3A%200.85rem%3B%0A%09color%3A%20color-mix(in%20srgb%2C%20var(--bf-editor-code-color)%2055%25%2C%20transparent)%3B%0A%09border-right%3A%201px%20solid%20color-mix(in%20srgb%2C%20var(--bf-editor-border-color)%2080%25%2C%20transparent)%3B%0A%09user-select%3A%20none%3B%0A%7D%0A%0A.code%20%7B%0A%09width%3A%20100%25%3B%0A%09min-height%3A%20220px%3B%0A%09resize%3A%20vertical%3B%0A%09padding%3A%200.8rem%3B%0A%09border%3A%200%3B%0A%09outline%3A%200%3B%0A%09background%3A%20transparent%3B%0A%09color%3A%20var(--bf-editor-code-color)%3B%0A%09font-family%3A%20ui-monospace%2C%20SFMono-Regular%2C%20Menlo%2C%20Monaco%2C%20Consolas%2C%20'Liberation%20Mono'%2C%20'Courier%20New'%2C%20monospace%3B%0A%09font-size%3A%200.9rem%3B%0A%09line-height%3A%201.45%3B%0A%7D%0A%0A.rich%20%7B%0A%09display%3A%20none%3B%0A%09min-height%3A%20220px%3B%0A%09padding%3A%200.8rem%3B%0A%09outline%3A%20none%3B%0A%09line-height%3A%201.5%3B%0A%7D%0A%0A.rich%3Aempty%3A%3Abefore%20%7B%0A%09content%3A%20attr(data-placeholder)%3B%0A%09color%3A%20var(--bf-editor-muted)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'richtext'%5D%20.toolbar%20%7B%0A%09display%3A%20flex%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'richtext'%5D%20.code-wrap%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'richtext'%5D%20.rich%20%7B%0A%09display%3A%20block%3B%0A%7D%0A%0A%3Ahost(%5Bdisabled%5D)%20%7B%0A%09opacity%3A%200.72%3B%0A%7D%0A%0A%3Ahost(%5Bdisabled%5D)%20.toolbar%20button%20%7B%0A%09cursor%3A%20not-allowed%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
56
|
+
<div class="toolbar" part="toolbar">
|
|
57
|
+
<button type="button" data-cmd="bold" title="Bold"><b>B</b></button>
|
|
58
|
+
<button type="button" data-cmd="italic" title="Italic"><i>I</i></button>
|
|
59
|
+
<button type="button" data-cmd="underline" title="Underline"><u>U</u></button>
|
|
60
|
+
<button type="button" data-cmd="insertUnorderedList" title="Bullet List">\u2022 List</button>
|
|
61
|
+
<button type="button" data-cmd="insertOrderedList" title="Numbered List">1. List</button>
|
|
62
|
+
</div>
|
|
63
|
+
<div class="code-wrap" part="code-wrap">
|
|
64
|
+
<div class="line-numbers" part="line-numbers"></div>
|
|
65
|
+
<textarea class="code" part="code"></textarea>
|
|
66
|
+
</div>
|
|
67
|
+
<div class="rich" part="rich" contenteditable="true"></div>
|
|
68
|
+
</div>
|
|
69
|
+
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._toolbar=t.querySelector(".toolbar"),this._codeWrap=t.querySelector(".code-wrap"),this._lineNumbers=t.querySelector(".line-numbers"),this._code=t.querySelector(".code"),this._rich=t.querySelector(".rich"),this._code.addEventListener("input",this._onInput),this._rich.addEventListener("input",this._onInput),this._toolbar.addEventListener("click",this._onToolbarClick),this._sync()}disconnectedCallback(){!this._code||!this._rich||!this._toolbar||(this._code.removeEventListener("input",this._onInput),this._rich.removeEventListener("input",this._onInput),this._toolbar.removeEventListener("click",this._onToolbarClick))}attributeChangedCallback(){this._sync()}_variant(){let e=(this.getAttribute("variant")||"").toLowerCase();return e==="richtext"||this.hasAttribute("richtext")?"richtext":(e==="code"||this.hasAttribute("code"),"code")}_sync(){if(!this._root||!this._code||!this._rich||!this._toolbar)return;let e=this._variant();this._root.dataset.variant=e;let i=this.hasAttribute("disabled");this._code.disabled=i,this._rich.setAttribute("contenteditable",i?"false":"true");let t=this.getAttribute("placeholder")||(e==="richtext"?"Write rich content\u2026":"Write code\u2026");this._code.placeholder=t,this._rich.dataset.placeholder=t;let r=this.getAttribute("value");if(r!=null&&this._lastSyncedValue!==r)e==="richtext"?this._rich.innerHTML=r:(this._code.value=r,this._renderLineNumbers()),this._lastSyncedValue=r;else if(r==null&&!this._hasUserInput){let n=this.textContent.trim();n&&(e==="richtext"?this._rich.innerHTML=n:(this._code.value=n,this._renderLineNumbers()),this._hasUserInput=!0)}e==="code"&&this._renderLineNumbers()}_onInput(){let e=this._variant();if(this._hasUserInput=!0,e==="code"){this._renderLineNumbers(),this.setAttribute("value",this._code.value),this._lastSyncedValue=this._code.value,this._emitChange(this._code.value,"code");return}this.setAttribute("value",this._rich.innerHTML),this._lastSyncedValue=this._rich.innerHTML,this._emitChange(this._rich.innerHTML,"richtext")}_renderLineNumbers(){let e=Math.max(1,this._code.value.split(`
|
|
70
|
+
`).length),i=Array.from({length:e},(t,r)=>String(r+1)).join(`
|
|
71
|
+
`);this._lineNumbers.textContent=i}_onToolbarClick(e){let i=e.target instanceof Element?e.target.closest("button[data-cmd]"):null;if(!i||this._variant()!=="richtext"||this.hasAttribute("disabled"))return;let t=i.getAttribute("data-cmd");t&&(this._rich.focus(),document.execCommand(t,!1),this._onInput())}_emitChange(e,i){this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{value:e,mode:i}}))}};a(w,"observedAttributes",["variant","code","richtext","placeholder","value","disabled"]);customElements.define("bf-editor",w);var st=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-empty-state-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-empty-state-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-empty-state-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-empty-state-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-empty-state-border-color%3A%20var(--bf-theme-empty-state-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-empty-state-bg%3A%20var(--bf-theme-empty-state-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-empty-state-color%3A%20var(--bf-theme-empty-state-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-empty-state-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-empty-state-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-empty-state-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-empty-state-font)%3B%0A%09color%3A%20var(--bf-empty-state-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-empty-state-bg)%3B%0A%09color%3A%20var(--bf-empty-state-color)%3B%0A%09border-width%3A%20var(--bf-empty-state-border-width)%3B%0A%09border-style%3A%20var(--bf-empty-state-border-style)%3B%0A%09border-color%3A%20var(--bf-empty-state-border-color)%3B%0A%09border-radius%3A%20var(--bf-empty-state-radius)%3B%0A%09padding%3A%20var(--bf-empty-state-padding-y)%20var(--bf-empty-state-padding-x)%3B%0A%09transition%3A%20var(--bf-empty-state-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-empty-state",st);var rt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-error-summary-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-error-summary-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-error-summary-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-error-summary-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-error-summary-border-color%3A%20var(--bf-theme-error-summary-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-error-summary-bg%3A%20var(--bf-theme-error-summary-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-error-summary-color%3A%20var(--bf-theme-error-summary-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-error-summary-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-error-summary-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-error-summary-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-error-summary-font)%3B%0A%09color%3A%20var(--bf-error-summary-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-error-summary-bg)%3B%0A%09color%3A%20var(--bf-error-summary-color)%3B%0A%09border-width%3A%20var(--bf-error-summary-border-width)%3B%0A%09border-style%3A%20var(--bf-error-summary-border-style)%3B%0A%09border-color%3A%20var(--bf-error-summary-border-color)%3B%0A%09border-radius%3A%20var(--bf-error-summary-radius)%3B%0A%09padding%3A%20var(--bf-error-summary-padding-y)%20var(--bf-error-summary-padding-x)%3B%0A%09transition%3A%20var(--bf-error-summary-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-error-summary",rt);var nt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-fab-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-fab-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-fab-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-fab-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-fab-border-color%3A%20var(--bf-theme-fab-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-fab-bg%3A%20var(--bf-theme-fab-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-fab-color%3A%20var(--bf-theme-fab-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-fab-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-fab-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-fab-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-fab-font)%3B%0A%09color%3A%20var(--bf-fab-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-fab-bg)%3B%0A%09color%3A%20var(--bf-fab-color)%3B%0A%09border-width%3A%20var(--bf-fab-border-width)%3B%0A%09border-style%3A%20var(--bf-fab-border-style)%3B%0A%09border-color%3A%20var(--bf-fab-border-color)%3B%0A%09border-radius%3A%20var(--bf-fab-radius)%3B%0A%09padding%3A%20var(--bf-fab-padding-y)%20var(--bf-fab-padding-x)%3B%0A%09transition%3A%20var(--bf-fab-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-fab",nt);var L=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onRootClick=this._onRootClick.bind(this),this._onInputChange=this._onInputChange.bind(this),this._onDragOver=this._onDragOver.bind(this),this._onDragLeave=this._onDragLeave.bind(this),this._onDrop=this._onDrop.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-file-upload-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-file-upload-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-file-upload-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-file-upload-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-file-upload-border-color%3A%20var(%0A%09%09--bf-theme-file-upload-border-color%2C%0A%09%09var(--bf-theme-upload-dropzone-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%0A%09)%3B%0A%09--bf-file-upload-bg%3A%20var(%0A%09%09--bf-theme-file-upload-bg%2C%0A%09%09var(--bf-theme-upload-dropzone-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%0A%09)%3B%0A%09--bf-file-upload-color%3A%20var(%0A%09%09--bf-theme-file-upload-color%2C%0A%09%09var(--bf-theme-upload-dropzone-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%0A%09)%3B%0A%09--bf-file-upload-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-file-upload-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-file-upload-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-file-upload-font)%3B%0A%09color%3A%20var(--bf-file-upload-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20grid%3B%0A%09gap%3A%200.45rem%3B%0A%09background%3A%20var(--bf-file-upload-bg)%3B%0A%09color%3A%20var(--bf-file-upload-color)%3B%0A%09border-width%3A%20var(--bf-file-upload-border-width)%3B%0A%09border-style%3A%20var(--bf-file-upload-border-style)%3B%0A%09border-color%3A%20var(--bf-file-upload-border-color)%3B%0A%09border-radius%3A%20var(--bf-file-upload-radius)%3B%0A%09padding%3A%20var(--bf-file-upload-padding-y)%20var(--bf-file-upload-padding-x)%3B%0A%09transition%3A%20var(--bf-file-upload-transition)%3B%0A%09cursor%3A%20pointer%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'dropzone'%5D%20%7B%0A%09min-height%3A%207rem%3B%0A%09align-content%3A%20center%3B%0A%09text-align%3A%20center%3B%0A%7D%0A%0A.root%5Bdata-border%3D'dotted'%5D%20%7B%0A%09border-style%3A%20dotted%3B%0A%7D%0A%0A.root%5Bdata-border%3D'dashed'%5D%20%7B%0A%09border-style%3A%20dashed%3B%0A%7D%0A%0A.root%5Bdata-drag%3D'over'%5D%20%7B%0A%09background%3A%20color-mix(in%20srgb%2C%20var(--bf-file-upload-bg)%2070%25%2C%20var(--bf-file-upload-border-color))%3B%0A%7D%0A%0A.root%5Bdata-disabled%3D'true'%5D%20%7B%0A%09opacity%3A%200.65%3B%0A%09cursor%3A%20not-allowed%3B%0A%7D%0A%0A.native%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.label%20%7B%0A%09font-weight%3A%20600%3B%0A%7D%0A%0A.meta%20%7B%0A%09color%3A%20var(--bf-theme-text-2%2C%20%23475569)%3B%0A%09font-size%3A%200.9em%3B%0A%7D%0A%0A.files%20%7B%0A%09display%3A%20flex%3B%0A%09flex-wrap%3A%20wrap%3B%0A%09gap%3A%200.35rem%3B%0A%7D%0A%0A.file%20%7B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%200.25rem%3B%0A%09padding%3A%200.2rem%200.45rem%3B%0A%09border-radius%3A%20999px%3B%0A%09border%3A%201px%20solid%20color-mix(in%20srgb%2C%20var(--bf-file-upload-border-color)%2090%25%2C%20transparent)%3B%0A%09background%3A%20color-mix(in%20srgb%2C%20var(--bf-file-upload-bg)%2082%25%2C%20var(--bf-file-upload-border-color))%3B%0A%09font-size%3A%200.82em%3B%0A%7D%0A%0Aslot%3Anot(%3Aempty)%20%7B%0A%09display%3A%20block%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
56
72
|
<input class="native" type="file" />
|
|
57
73
|
<div class="label" part="label"></div>
|
|
58
74
|
<div class="meta" part="meta"></div>
|
|
59
75
|
<div class="files" part="files"></div>
|
|
60
76
|
<slot></slot>
|
|
61
|
-
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._input=t.querySelector(".native"),this._label=t.querySelector(".label"),this._meta=t.querySelector(".meta"),this._files=t.querySelector(".files"),t.addEventListener("click",this._onRootClick),this._input.addEventListener("change",this._onInputChange),t.addEventListener("dragover",this._onDragOver),t.addEventListener("dragleave",this._onDragLeave),t.addEventListener("drop",this._onDrop),this._sync()}disconnectedCallback(){!this._root||!this._input||(this._root.removeEventListener("click",this._onRootClick),this._root.removeEventListener("dragover",this._onDragOver),this._root.removeEventListener("dragleave",this._onDragLeave),this._root.removeEventListener("drop",this._onDrop),this._input.removeEventListener("change",this._onInputChange))}attributeChangedCallback(){this._sync()}_variant(){return(this.getAttribute("variant")||"").toLowerCase()==="dropzone"||this.hasAttribute("dropzone")?"dropzone":"input"}_sync(){if(!this._root||!this._input||!this._label||!this._meta||!this._files)return;let e=this._variant();this._root.dataset.variant=e,this._root.dataset.border=this.hasAttribute("dotted")?"dotted":this.hasAttribute("dashed")?"dashed":"solid";let i=this.hasAttribute("disabled");this._root.dataset.disabled=i?"true":"false",this._input.disabled=i,this.hasAttribute("multiple")?(this._input.multiple=!0,this._root.dataset.multiple="true"):(this._input.multiple=!1,this._root.dataset.multiple="false");let t=this.getAttribute("accept")||"";t?this._input.setAttribute("accept",t):this._input.removeAttribute("accept"),this._label.textContent=this.getAttribute("label")||(e==="dropzone"?"Drop files here or click to browse":"Choose file"),(!this._selectedFiles||this._selectedFiles.length===0)&&(this._meta.textContent=this._input.multiple?"No files selected":"No file selected",this._files.replaceChildren())}_onRootClick(e){this.hasAttribute("disabled")||e.target instanceof Element&&e.target.tagName.toLowerCase()==="a"||this._input.click()}_onInputChange(){this._setFiles(this._input.files)}_onDragOver(e){this._variant()!=="dropzone"||this.hasAttribute("disabled")||(e.preventDefault(),this._root.dataset.drag="over")}_onDragLeave(){this._root&&(this._root.dataset.drag="off")}_onDrop(e){if(this._variant()!=="dropzone"||this.hasAttribute("disabled"))return;e.preventDefault(),this._root.dataset.drag="off";let i=e.dataTransfer?.files;!i||i.length===0||this._setFiles(i)}_setFiles(e){let i=Array.from(e||[]);this._selectedFiles=this._input.multiple?i:i.slice(0,1),this._meta.textContent=this._selectedFiles.length?`${this._selectedFiles.length} file${this._selectedFiles.length===1?"":"s"} selected`:this._input.multiple?"No files selected":"No file selected";let t=this._selectedFiles.slice(0,3).map(r=>{let n=document.createElement("span");return n.className="file",n.textContent=r.name,n});if(this._selectedFiles.length>3){let r=document.createElement("span");r.className="file",r.textContent=`+${this._selectedFiles.length-3} more`,t.push(r)}this._files.replaceChildren(...t),this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{count:this._selectedFiles.length,files:this._selectedFiles.map(r=>({name:r.name,size:r.size,type:r.type}))}}))}};a(L,"observedAttributes",["variant","dropzone","multiple","accept","dotted","dashed","disabled"]);customElements.define("bf-file-upload",L);var ot=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-filter-bar-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-filter-bar-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-filter-bar-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-filter-bar-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-filter-bar-border-color%3A%20var(--bf-theme-filter-bar-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-filter-bar-bg%3A%20var(--bf-theme-filter-bar-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-filter-bar-color%3A%20var(--bf-theme-filter-bar-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-filter-bar-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-filter-bar-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-filter-bar-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-filter-bar-font)%3B%0A%09color%3A%20var(--bf-filter-bar-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-filter-bar-bg)%3B%0A%09color%3A%20var(--bf-filter-bar-color)%3B%0A%09border-width%3A%20var(--bf-filter-bar-border-width)%3B%0A%09border-style%3A%20var(--bf-filter-bar-border-style)%3B%0A%09border-color%3A%20var(--bf-filter-bar-border-color)%3B%0A%09border-radius%3A%20var(--bf-filter-bar-radius)%3B%0A%09padding%3A%20var(--bf-filter-bar-padding-y)%20var(--bf-filter-bar-padding-x)%3B%0A%09transition%3A%20var(--bf-filter-bar-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="filter bar"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-filter-bar",ot);var at=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-form-field-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-form-field-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-form-field-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-form-field-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-form-field-border-color%3A%20var(--bf-theme-form-field-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-form-field-bg%3A%20var(--bf-theme-form-field-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-form-field-color%3A%20var(--bf-theme-form-field-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-form-field-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-form-field-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-form-field-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-form-field-font)%3B%0A%09color%3A%20var(--bf-form-field-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-form-field-bg)%3B%0A%09color%3A%20var(--bf-form-field-color)%3B%0A%09border-width%3A%20var(--bf-form-field-border-width)%3B%0A%09border-style%3A%20var(--bf-form-field-border-style)%3B%0A%09border-color%3A%20var(--bf-form-field-border-color)%3B%0A%09border-radius%3A%20var(--bf-form-field-radius)%3B%0A%09padding%3A%20var(--bf-form-field-padding-y)%20var(--bf-form-field-padding-x)%3B%0A%09transition%3A%20var(--bf-form-field-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="form field"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-form-field",at);var lt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-grid-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-grid-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-grid-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-grid-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-grid-border-color%3A%20var(--bf-theme-grid-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-grid-bg%3A%20var(--bf-theme-grid-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-grid-color%3A%20var(--bf-theme-grid-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-grid-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-grid-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-grid-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-grid-font)%3B%0A%09color%3A%20var(--bf-grid-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-grid-bg)%3B%0A%09color%3A%20var(--bf-grid-color)%3B%0A%09border-width%3A%20var(--bf-grid-border-width)%3B%0A%09border-style%3A%20var(--bf-grid-border-style)%3B%0A%09border-color%3A%20var(--bf-grid-border-color)%3B%0A%09border-radius%3A%20var(--bf-grid-radius)%3B%0A%09padding%3A%20var(--bf-grid-padding-y)%20var(--bf-grid-padding-x)%3B%0A%09transition%3A%20var(--bf-grid-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="grid"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-grid",lt);var ct=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-hero-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-hero-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-hero-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-hero-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-hero-border-color%3A%20var(--bf-theme-hero-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-hero-bg%3A%20var(--bf-theme-hero-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-hero-color%3A%20var(--bf-theme-hero-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-hero-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-hero-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-hero-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-hero-font)%3B%0A%09color%3A%20var(--bf-hero-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-hero-bg)%3B%0A%09color%3A%20var(--bf-hero-color)%3B%0A%09border-width%3A%20var(--bf-hero-border-width)%3B%0A%09border-style%3A%20var(--bf-hero-border-style)%3B%0A%09border-color%3A%20var(--bf-hero-border-color)%3B%0A%09border-radius%3A%20var(--bf-hero-radius)%3B%0A%09padding%3A%20var(--bf-hero-padding-y)%20var(--bf-hero-padding-x)%3B%0A%09transition%3A%20var(--bf-hero-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="hero"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-hero",ct);var ht=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-icon-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-icon-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-icon-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-icon-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-icon-border-color%3A%20var(--bf-theme-icon-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-icon-bg%3A%20var(--bf-theme-icon-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-icon-color%3A%20var(--bf-theme-icon-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-icon-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-icon-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-icon-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-icon-font)%3B%0A%09color%3A%20var(--bf-icon-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-icon-bg)%3B%0A%09color%3A%20var(--bf-icon-color)%3B%0A%09border-width%3A%20var(--bf-icon-border-width)%3B%0A%09border-style%3A%20var(--bf-icon-border-style)%3B%0A%09border-color%3A%20var(--bf-icon-border-color)%3B%0A%09border-radius%3A%20var(--bf-icon-radius)%3B%0A%09padding%3A%20var(--bf-icon-padding-y)%20var(--bf-icon-padding-x)%3B%0A%09transition%3A%20var(--bf-icon-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="icon"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-icon",ht);var ut=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-image-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-image-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-image-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-image-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-image-border-color%3A%20var(--bf-theme-image-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-image-bg%3A%20var(--bf-theme-image-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-image-color%3A%20var(--bf-theme-image-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-image-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-image-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-image-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-image-font)%3B%0A%09color%3A%20var(--bf-image-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-image-bg)%3B%0A%09color%3A%20var(--bf-image-color)%3B%0A%09border-width%3A%20var(--bf-image-border-width)%3B%0A%09border-style%3A%20var(--bf-image-border-style)%3B%0A%09border-color%3A%20var(--bf-image-border-color)%3B%0A%09border-radius%3A%20var(--bf-image-radius)%3B%0A%09padding%3A%20var(--bf-image-padding-y)%20var(--bf-image-padding-x)%3B%0A%09transition%3A%20var(--bf-image-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="image"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-image",ut);var w=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onInput=this._onInput.bind(this),this._onChange=this._onChange.bind(this),this._onFormatChange=this._onFormatChange.bind(this),this._onPickerInput=this._onPickerInput.bind(this),this._onSwatchClick=this._onSwatchClick.bind(this),this._color={r:0,g:0,b:0,a:1},this._colorFormat="hex"}connectedCallback(){if(this._initialized){this._syncState();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-input-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-input-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-input-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-input-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-input-border-color%3A%20var(--bf-theme-input-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-input-bg%3A%20var(--bf-theme-input-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-input-color%3A%20var(--bf-theme-input-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-input-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-input-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-input-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-input-font)%3B%0A%09color%3A%20var(--bf-input-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20flex%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%200.5rem%3B%0A%09background%3A%20var(--bf-input-bg)%3B%0A%09color%3A%20var(--bf-input-color)%3B%0A%09border-width%3A%20var(--bf-input-border-width)%3B%0A%09border-style%3A%20var(--bf-input-border-style)%3B%0A%09border-color%3A%20var(--bf-input-border-color)%3B%0A%09border-radius%3A%20var(--bf-input-radius)%3B%0A%09padding%3A%20var(--bf-input-padding-y)%20var(--bf-input-padding-x)%3B%0A%09transition%3A%20var(--bf-input-transition)%3B%0A%7D%0A%0A.field%20%7B%0A%09width%3A%20100%25%3B%0A%09min-width%3A%200%3B%0A%09border%3A%200%3B%0A%09outline%3A%200%3B%0A%09background%3A%20transparent%3B%0A%09color%3A%20inherit%3B%0A%09font%3A%20inherit%3B%0A%09padding%3A%200%3B%0A%7D%0A%0A.swatch%2C%0A.format%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root.is-color%20.swatch%2C%0A.root.is-color%20.format%20%7B%0A%09display%3A%20inline-flex%3B%0A%7D%0A%0A.swatch%20%7B%0A%09width%3A%201.25rem%3B%0A%09height%3A%201.25rem%3B%0A%09border%3A%201px%20solid%20var(--bf-theme-border-1%2C%20%2394a3b8)%3B%0A%09border-radius%3A%204px%3B%0A%09cursor%3A%20pointer%3B%0A%09flex%3A%200%200%20auto%3B%0A%7D%0A%0A.format%20%7B%0A%09border%3A%200%3B%0A%09outline%3A%200%3B%0A%09background%3A%20transparent%3B%0A%09color%3A%20inherit%3B%0A%09font%3A%20inherit%3B%0A%09cursor%3A%20pointer%3B%0A%09flex%3A%200%200%20auto%3B%0A%7D%0A%0A.picker%20%7B%0A%09position%3A%20absolute%3B%0A%09opacity%3A%200%3B%0A%09pointer-events%3A%20none%3B%0A%09width%3A%200%3B%0A%09height%3A%200%3B%0A%7D%0A%0A.root.is-color.swatch-right%20.swatch%20%7B%0A%09order%3A%203%3B%0A%7D%0A%0A.root.is-color.swatch-hidden%20.swatch%20%7B%0A%09display%3A%20none%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");if(t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
77
|
+
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._input=t.querySelector(".native"),this._label=t.querySelector(".label"),this._meta=t.querySelector(".meta"),this._files=t.querySelector(".files"),t.addEventListener("click",this._onRootClick),this._input.addEventListener("change",this._onInputChange),t.addEventListener("dragover",this._onDragOver),t.addEventListener("dragleave",this._onDragLeave),t.addEventListener("drop",this._onDrop),this._sync()}disconnectedCallback(){!this._root||!this._input||(this._root.removeEventListener("click",this._onRootClick),this._root.removeEventListener("dragover",this._onDragOver),this._root.removeEventListener("dragleave",this._onDragLeave),this._root.removeEventListener("drop",this._onDrop),this._input.removeEventListener("change",this._onInputChange))}attributeChangedCallback(){this._sync()}_variant(){return(this.getAttribute("variant")||"").toLowerCase()==="dropzone"||this.hasAttribute("dropzone")?"dropzone":"input"}_sync(){if(!this._root||!this._input||!this._label||!this._meta||!this._files)return;let e=this._variant();this._root.dataset.variant=e,this._root.dataset.border=this.hasAttribute("dotted")?"dotted":this.hasAttribute("dashed")?"dashed":"solid";let i=this.hasAttribute("disabled");this._root.dataset.disabled=i?"true":"false",this._input.disabled=i,this.hasAttribute("multiple")?(this._input.multiple=!0,this._root.dataset.multiple="true"):(this._input.multiple=!1,this._root.dataset.multiple="false");let t=this.getAttribute("accept")||"";t?this._input.setAttribute("accept",t):this._input.removeAttribute("accept"),this._label.textContent=this.getAttribute("label")||(e==="dropzone"?"Drop files here or click to browse":"Choose file"),(!this._selectedFiles||this._selectedFiles.length===0)&&(this._meta.textContent=this._input.multiple?"No files selected":"No file selected",this._files.replaceChildren())}_onRootClick(e){this.hasAttribute("disabled")||e.target instanceof Element&&e.target.tagName.toLowerCase()==="a"||this._input.click()}_onInputChange(){this._setFiles(this._input.files)}_onDragOver(e){this._variant()!=="dropzone"||this.hasAttribute("disabled")||(e.preventDefault(),this._root.dataset.drag="over")}_onDragLeave(){this._root&&(this._root.dataset.drag="off")}_onDrop(e){if(this._variant()!=="dropzone"||this.hasAttribute("disabled"))return;e.preventDefault(),this._root.dataset.drag="off";let i=e.dataTransfer?.files;!i||i.length===0||this._setFiles(i)}_setFiles(e){let i=Array.from(e||[]);this._selectedFiles=this._input.multiple?i:i.slice(0,1),this._meta.textContent=this._selectedFiles.length?`${this._selectedFiles.length} file${this._selectedFiles.length===1?"":"s"} selected`:this._input.multiple?"No files selected":"No file selected";let t=this._selectedFiles.slice(0,3).map(r=>{let n=document.createElement("span");return n.className="file",n.textContent=r.name,n});if(this._selectedFiles.length>3){let r=document.createElement("span");r.className="file",r.textContent=`+${this._selectedFiles.length-3} more`,t.push(r)}this._files.replaceChildren(...t),this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{count:this._selectedFiles.length,files:this._selectedFiles.map(r=>({name:r.name,size:r.size,type:r.type}))}}))}};a(L,"observedAttributes",["variant","dropzone","multiple","accept","dotted","dashed","disabled"]);customElements.define("bf-file-upload",L);var ot=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-filter-bar-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-filter-bar-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-filter-bar-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-filter-bar-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-filter-bar-border-color%3A%20var(--bf-theme-filter-bar-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-filter-bar-bg%3A%20var(--bf-theme-filter-bar-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-filter-bar-color%3A%20var(--bf-theme-filter-bar-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-filter-bar-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-filter-bar-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-filter-bar-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-filter-bar-font)%3B%0A%09color%3A%20var(--bf-filter-bar-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-filter-bar-bg)%3B%0A%09color%3A%20var(--bf-filter-bar-color)%3B%0A%09border-width%3A%20var(--bf-filter-bar-border-width)%3B%0A%09border-style%3A%20var(--bf-filter-bar-border-style)%3B%0A%09border-color%3A%20var(--bf-filter-bar-border-color)%3B%0A%09border-radius%3A%20var(--bf-filter-bar-radius)%3B%0A%09padding%3A%20var(--bf-filter-bar-padding-y)%20var(--bf-filter-bar-padding-x)%3B%0A%09transition%3A%20var(--bf-filter-bar-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-filter-bar",ot);var at=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-form-field-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-form-field-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-form-field-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-form-field-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-form-field-border-color%3A%20var(--bf-theme-form-field-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-form-field-bg%3A%20var(--bf-theme-form-field-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-form-field-color%3A%20var(--bf-theme-form-field-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-form-field-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-form-field-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-form-field-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-form-field-font)%3B%0A%09color%3A%20var(--bf-form-field-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-form-field-bg)%3B%0A%09color%3A%20var(--bf-form-field-color)%3B%0A%09border-width%3A%20var(--bf-form-field-border-width)%3B%0A%09border-style%3A%20var(--bf-form-field-border-style)%3B%0A%09border-color%3A%20var(--bf-form-field-border-color)%3B%0A%09border-radius%3A%20var(--bf-form-field-radius)%3B%0A%09padding%3A%20var(--bf-form-field-padding-y)%20var(--bf-form-field-padding-x)%3B%0A%09transition%3A%20var(--bf-form-field-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-form-field",at);var lt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-grid-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-grid-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-grid-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-grid-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-grid-border-color%3A%20var(--bf-theme-grid-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-grid-bg%3A%20var(--bf-theme-grid-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-grid-color%3A%20var(--bf-theme-grid-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-grid-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-grid-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-grid-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-grid-font)%3B%0A%09color%3A%20var(--bf-grid-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-grid-bg)%3B%0A%09color%3A%20var(--bf-grid-color)%3B%0A%09border-width%3A%20var(--bf-grid-border-width)%3B%0A%09border-style%3A%20var(--bf-grid-border-style)%3B%0A%09border-color%3A%20var(--bf-grid-border-color)%3B%0A%09border-radius%3A%20var(--bf-grid-radius)%3B%0A%09padding%3A%20var(--bf-grid-padding-y)%20var(--bf-grid-padding-x)%3B%0A%09transition%3A%20var(--bf-grid-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-grid",lt);var ct=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-hero-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-hero-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-hero-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-hero-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-hero-border-color%3A%20var(--bf-theme-hero-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-hero-bg%3A%20var(--bf-theme-hero-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-hero-color%3A%20var(--bf-theme-hero-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-hero-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-hero-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-hero-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-hero-font)%3B%0A%09color%3A%20var(--bf-hero-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-hero-bg)%3B%0A%09color%3A%20var(--bf-hero-color)%3B%0A%09border-width%3A%20var(--bf-hero-border-width)%3B%0A%09border-style%3A%20var(--bf-hero-border-style)%3B%0A%09border-color%3A%20var(--bf-hero-border-color)%3B%0A%09border-radius%3A%20var(--bf-hero-radius)%3B%0A%09padding%3A%20var(--bf-hero-padding-y)%20var(--bf-hero-padding-x)%3B%0A%09transition%3A%20var(--bf-hero-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-hero",ct);var ht=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-icon-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-icon-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-icon-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-icon-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-icon-border-color%3A%20var(--bf-theme-icon-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-icon-bg%3A%20var(--bf-theme-icon-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-icon-color%3A%20var(--bf-theme-icon-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-icon-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-icon-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-icon-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-icon-font)%3B%0A%09color%3A%20var(--bf-icon-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-icon-bg)%3B%0A%09color%3A%20var(--bf-icon-color)%3B%0A%09border-width%3A%20var(--bf-icon-border-width)%3B%0A%09border-style%3A%20var(--bf-icon-border-style)%3B%0A%09border-color%3A%20var(--bf-icon-border-color)%3B%0A%09border-radius%3A%20var(--bf-icon-radius)%3B%0A%09padding%3A%20var(--bf-icon-padding-y)%20var(--bf-icon-padding-x)%3B%0A%09transition%3A%20var(--bf-icon-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-icon",ht);var ut=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-image-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-image-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-image-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-image-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-image-border-color%3A%20var(--bf-theme-image-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-image-bg%3A%20var(--bf-theme-image-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-image-color%3A%20var(--bf-theme-image-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-image-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-image-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-image-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-image-font)%3B%0A%09color%3A%20var(--bf-image-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-image-bg)%3B%0A%09color%3A%20var(--bf-image-color)%3B%0A%09border-width%3A%20var(--bf-image-border-width)%3B%0A%09border-style%3A%20var(--bf-image-border-style)%3B%0A%09border-color%3A%20var(--bf-image-border-color)%3B%0A%09border-radius%3A%20var(--bf-image-radius)%3B%0A%09padding%3A%20var(--bf-image-padding-y)%20var(--bf-image-padding-x)%3B%0A%09transition%3A%20var(--bf-image-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-image",ut);var x=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onInput=this._onInput.bind(this),this._onChange=this._onChange.bind(this),this._onFormatChange=this._onFormatChange.bind(this),this._onPickerInput=this._onPickerInput.bind(this),this._onSwatchClick=this._onSwatchClick.bind(this),this._color={r:0,g:0,b:0,a:1},this._colorFormat="hex"}connectedCallback(){if(this._initialized){this._syncState();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-input-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-input-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-input-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-input-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-input-border-color%3A%20var(--bf-theme-input-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-input-bg%3A%20var(--bf-theme-input-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-input-color%3A%20var(--bf-theme-input-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-input-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-input-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-input-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-input-font)%3B%0A%09color%3A%20var(--bf-input-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20flex%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%200.5rem%3B%0A%09background%3A%20var(--bf-input-bg)%3B%0A%09color%3A%20var(--bf-input-color)%3B%0A%09border-width%3A%20var(--bf-input-border-width)%3B%0A%09border-style%3A%20var(--bf-input-border-style)%3B%0A%09border-color%3A%20var(--bf-input-border-color)%3B%0A%09border-radius%3A%20var(--bf-input-radius)%3B%0A%09padding%3A%20var(--bf-input-padding-y)%20var(--bf-input-padding-x)%3B%0A%09transition%3A%20var(--bf-input-transition)%3B%0A%7D%0A%0A.field%20%7B%0A%09width%3A%20100%25%3B%0A%09min-width%3A%200%3B%0A%09border%3A%200%3B%0A%09outline%3A%200%3B%0A%09background%3A%20transparent%3B%0A%09color%3A%20inherit%3B%0A%09font%3A%20inherit%3B%0A%09padding%3A%200%3B%0A%7D%0A%0A.swatch%2C%0A.format%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root.is-color%20.swatch%2C%0A.root.is-color%20.format%20%7B%0A%09display%3A%20inline-flex%3B%0A%7D%0A%0A.swatch%20%7B%0A%09width%3A%201.25rem%3B%0A%09height%3A%201.25rem%3B%0A%09border%3A%201px%20solid%20var(--bf-theme-border-1%2C%20%2394a3b8)%3B%0A%09border-radius%3A%204px%3B%0A%09cursor%3A%20pointer%3B%0A%09flex%3A%200%200%20auto%3B%0A%7D%0A%0A.format%20%7B%0A%09border%3A%200%3B%0A%09outline%3A%200%3B%0A%09background%3A%20transparent%3B%0A%09color%3A%20inherit%3B%0A%09font%3A%20inherit%3B%0A%09cursor%3A%20pointer%3B%0A%09flex%3A%200%200%20auto%3B%0A%7D%0A%0A.picker%20%7B%0A%09position%3A%20absolute%3B%0A%09opacity%3A%200%3B%0A%09pointer-events%3A%20none%3B%0A%09width%3A%200%3B%0A%09height%3A%200%3B%0A%7D%0A%0A.root.is-color.swatch-right%20.swatch%20%7B%0A%09order%3A%203%3B%0A%7D%0A%0A.root.is-color.swatch-hidden%20.swatch%20%7B%0A%09display%3A%20none%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");if(t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
62
78
|
<button class="swatch" part="swatch" type="button" aria-label="Pick color"></button>
|
|
63
79
|
<input class="field" part="input" />
|
|
64
80
|
<select class="format" part="format" aria-label="Color format">
|
|
@@ -66,10 +82,10 @@ var Jt=Object.defineProperty;var Yt=(s,e,i)=>e in s?Jt(s,e,{enumerable:!0,config
|
|
|
66
82
|
<option value="rgba">RGBA</option>
|
|
67
83
|
</select>
|
|
68
84
|
<input class="picker" part="picker" type="color" tabindex="-1" aria-hidden="true" />
|
|
69
|
-
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._field=t.querySelector(".field"),this._swatch=t.querySelector(".swatch"),this._format=t.querySelector(".format"),this._picker=t.querySelector(".picker"),this._field.addEventListener("input",this._onInput),this._field.addEventListener("change",this._onChange),this._format.addEventListener("change",this._onFormatChange),this._picker.addEventListener("input",this._onPickerInput),this._swatch.addEventListener("click",this._onSwatchClick),!this.hasAttribute("value")){let r=this.textContent?.trim();r&&this.setAttribute("value",r)}this._syncState()}attributeChangedCallback(e){e==="value"&&this._reflectingValue||this._syncState()}get value(){return this._field?.value||""}set value(e){this.setAttribute("value",`${e??""}`)}_reflectValueAttribute(){let e=this._field.value;this.getAttribute("value")!==e&&(this._reflectingValue=!0,this.setAttribute("value",e),this._reflectingValue=!1)}_onInput(){this._isColorType()&&this._tryConsumeColorString(this._field.value),this._reflectValueAttribute(),this.dispatchEvent(new CustomEvent("bf-input",{bubbles:!0,composed:!0,detail:{value:this._field.value}}))}_onChange(){this._isColorType()&&(this._tryConsumeColorString(this._field.value)||(this._field.value=this._serializeColor(this._colorFormat,this._color)),this._renderColorUi()),this._reflectValueAttribute(),this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{value:this._field.value}}))}_onFormatChange(){this._isColorType()&&(this._colorFormat=this._format.value,this._field.value=this._serializeColor(this._colorFormat,this._color),this._reflectValueAttribute())}_onPickerInput(){if(!this._isColorType())return;let e=this._parseHex(this._picker.value);e&&(this._color={...e,a:this._color.a},this._field.value=this._serializeColor(this._colorFormat,this._color),this._renderColorUi(),this._reflectValueAttribute(),this.dispatchEvent(new CustomEvent("bf-input",{bubbles:!0,composed:!0,detail:{value:this._field.value}})))}_onSwatchClick(){this._isColorType()&&!this.hasAttribute("disabled")&&this._picker.click()}_isColorType(){return(this.getAttribute("type")||"text").toLowerCase()==="color"}_allowedColorFormats(){let e=this.hasAttribute("hex"),i=this.hasAttribute("rgba");if(e&&i)return["hex","rgba"];if(e)return["hex"];if(i)return["rgba"];let t=(this.getAttribute("format")||"").toLowerCase();return t==="hex"?["hex"]:t==="rgba"?["rgba"]:["hex","rgba"]}_resolveColorFormat(e){let i=(this.getAttribute("format")||"").toLowerCase();return e.includes(i)?i:e.includes(this._colorFormat)?this._colorFormat:e[0]||"hex"}_resolveSwatchPosition(){let e=(this.getAttribute("swatch")||"").toLowerCase();return e==="left"||e==="right"||e==="hidden"?e:this.hasAttribute("swatch-hidden")?"hidden":this.hasAttribute("right")?"right":(this.hasAttribute("left"),"left")}_normalizeHex(e){return this._serializeColor("hex",this._parseHex(e)||this._color)}_renderColorUi(){let e=this._resolveSwatchPosition(),i=this._allowedColorFormats();this._colorFormat=this._resolveColorFormat(i),this._root.classList.add("is-color"),this._root.classList.toggle("swatch-right",e==="right"),this._root.classList.toggle("swatch-hidden",e==="hidden"),this._format.innerHTML=i.map(t=>`<option value="${t}">${t.toUpperCase()}</option>`).join(""),this._format.value=this._colorFormat,this._format.hidden=i.length<=1,this._picker.value=this._normalizeHex(this._serializeColor("hex",this._color)),this._swatch.style.background=this._serializeColor("rgba",this._color)}_renderDefaultUi(){this._root.classList.remove("is-color","swatch-right","swatch-hidden")}_clampChannel(e){return Math.min(255,Math.max(0,e))}_clampAlpha(e){return Math.min(1,Math.max(0,e))}_parseHex(e){let i=`${e||""}`.trim().replace(/^#/,"");if(!i)return null;if(i.length===3||i.length===4){let t=Number.parseInt(i[0]+i[0],16),r=Number.parseInt(i[1]+i[1],16),n=Number.parseInt(i[2]+i[2],16),o=i.length===4?Number.parseInt(i[3]+i[3],16)/255:1;return[t,r,n,o].some(l=>Number.isNaN(l))?null:{r:t,g:r,b:n,a:o}}if(i.length===6||i.length===8){let t=Number.parseInt(i.slice(0,2),16),r=Number.parseInt(i.slice(2,4),16),n=Number.parseInt(i.slice(4,6),16),o=i.length===8?Number.parseInt(i.slice(6,8),16)/255:1;return[t,r,n,o].some(l=>Number.isNaN(l))?null:{r:t,g:r,b:n,a:o}}return null}_parseRgba(e){let i=`${e||""}`.trim().match(/^rgba?\(\s*([^\)]+)\s*\)$/i);if(!i)return null;let t=i[1].split(",").map(c=>c.trim());if(t.length!==3&&t.length!==4)return null;let r=Number.parseFloat(t[0]),n=Number.parseFloat(t[1]),o=Number.parseFloat(t[2]),l=t.length===4?Number.parseFloat(t[3]):1;return[r,n,o,l].some(c=>Number.isNaN(c))?null:{r:this._clampChannel(r),g:this._clampChannel(n),b:this._clampChannel(o),a:this._clampAlpha(l)}}_tryConsumeColorString(e){let i=this._parseHex(e);if(i)return this._color=i,this._renderColorUi(),!0;let t=this._parseRgba(e);return t?(this._color=t,this._renderColorUi(),!0):!1}_toHexChannel(e){return Math.round(this._clampChannel(e)).toString(16).padStart(2,"0")}_toAlphaString(e){return`${Math.round(this._clampAlpha(e)*1e3)/1e3}`}_serializeColor(e,i){return e==="rgba"?`rgba(${Math.round(i.r)}, ${Math.round(i.g)}, ${Math.round(i.b)}, ${this._toAlphaString(i.a)})`:`#${this._toHexChannel(i.r)}${this._toHexChannel(i.g)}${this._toHexChannel(i.b)}`}_syncState(){if(!this._field||!this._root)return;let e=(this.getAttribute("type")||"text").toLowerCase(),i=this.getAttribute("value")||"";this._field.type=e==="color"?"text":e,this._field.value=i,this._field.placeholder=this.getAttribute("placeholder")||"",this._field.disabled=this.hasAttribute("disabled"),this._field.required=this.hasAttribute("required"),this._field.readOnly=this.hasAttribute("readonly"),this._field.name=this.getAttribute("name")||"",this._field.min=this.getAttribute("min")||"",this._field.max=this.getAttribute("max")||"",this._field.step=this.getAttribute("step")||"",this.getAttribute("label")?this._field.setAttribute("aria-label",this.getAttribute("label")):this._field.removeAttribute("aria-label"),e==="color"?(this._tryConsumeColorString(i)||i||(this._color={r:0,g:0,b:0,a:1}),this._renderColorUi(),this._field.value=this._serializeColor(this._colorFormat,this._color),this._reflectValueAttribute()):this._renderDefaultUi()}};a(w,"observedAttributes",["type","value","placeholder","disabled","required","readonly","name","label","min","max","step","swatch","swatch-hidden","left","right","format","hex","rgba"]);customElements.define("bf-input",w);var dt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-key-value-list-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-key-value-list-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-key-value-list-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-key-value-list-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-key-value-list-border-color%3A%20var(--bf-theme-key-value-list-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-key-value-list-bg%3A%20var(--bf-theme-key-value-list-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-key-value-list-color%3A%20var(--bf-theme-key-value-list-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-key-value-list-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-key-value-list-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-key-value-list-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-key-value-list-font)%3B%0A%09color%3A%20var(--bf-key-value-list-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-key-value-list-bg)%3B%0A%09color%3A%20var(--bf-key-value-list-color)%3B%0A%09border-width%3A%20var(--bf-key-value-list-border-width)%3B%0A%09border-style%3A%20var(--bf-key-value-list-border-style)%3B%0A%09border-color%3A%20var(--bf-key-value-list-border-color)%3B%0A%09border-radius%3A%20var(--bf-key-value-list-radius)%3B%0A%09padding%3A%20var(--bf-key-value-list-padding-y)%20var(--bf-key-value-list-padding-x)%3B%0A%09transition%3A%20var(--bf-key-value-list-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="key-value list"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-key-value-list",dt);var mt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-link-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-link-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-link-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-link-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-link-border-color%3A%20var(--bf-theme-link-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-link-bg%3A%20var(--bf-theme-link-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-link-color%3A%20var(--bf-theme-link-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-link-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-link-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-link-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-link-font)%3B%0A%09color%3A%20var(--bf-link-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-link-bg)%3B%0A%09color%3A%20var(--bf-link-color)%3B%0A%09border-width%3A%20var(--bf-link-border-width)%3B%0A%09border-style%3A%20var(--bf-link-border-style)%3B%0A%09border-color%3A%20var(--bf-link-border-color)%3B%0A%09border-radius%3A%20var(--bf-link-radius)%3B%0A%09padding%3A%20var(--bf-link-padding-y)%20var(--bf-link-padding-x)%3B%0A%09transition%3A%20var(--bf-link-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="link"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-link",mt);var pt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onSlotChange=this._onSlotChange.bind(this)}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-list-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-list-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-list-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-list-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-list-border-color%3A%20var(--bf-theme-list-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-list-bg%3A%20var(--bf-theme-list-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-list-color%3A%20var(--bf-theme-list-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-list-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-list-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-list-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-list-font)%3B%0A%09color%3A%20var(--bf-list-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-list-bg)%3B%0A%09color%3A%20var(--bf-list-color)%3B%0A%09border-width%3A%20var(--bf-list-border-width)%3B%0A%09border-style%3A%20var(--bf-list-border-style)%3B%0A%09border-color%3A%20var(--bf-list-border-color)%3B%0A%09border-radius%3A%20var(--bf-list-radius)%3B%0A%09padding%3A%20var(--bf-list-padding-y)%20var(--bf-list-padding-x)%3B%0A%09transition%3A%20var(--bf-list-transition)%3B%0A%7D%0A%0A.root%20%3A%3Aslotted(%5Bitem%5D)%20%7B%0A%09display%3A%20block%3B%0A%09padding%3A%200.45rem%200.6rem%3B%0A%09border-radius%3A%200.4rem%3B%0A%09cursor%3A%20pointer%3B%0A%7D%0A%0A.root%20%3A%3Aslotted(%5Bitem%5D%3Ahover)%20%7B%0A%09background%3A%20var(--bf-theme-surface-2%2C%20%23f8fafc)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="list"),this.shadowRoot.replaceChildren(i,t),this._slot=t.querySelector("slot"),this._slot.addEventListener("slotchange",this._onSlotChange),this._onSlotChange()}_onSlotChange(){if(!this._slot)return;let e=this._slot.assignedElements({flatten:!0}).filter(i=>i.hasAttribute("item"));for(let[i,t]of e.entries())t.setAttribute("role",t.getAttribute("role")||"listitem"),t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.dataset.bfListBound!=="true"&&(t.dataset.bfListBound="true",t.addEventListener("click",()=>this._emitSelect(t,i)),t.addEventListener("keydown",r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),this._emitSelect(t,i))}))}_emitSelect(e,i){this.dispatchEvent(new CustomEvent("bf-select",{bubbles:!0,composed:!0,detail:{index:i,id:e.id||"",value:e.getAttribute("value")||e.textContent?.trim()||""}}))}};customElements.define("bf-list",pt);var bt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-loading-indicator-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-loading-indicator-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-loading-indicator-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-loading-indicator-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-loading-indicator-border-color%3A%20var(--bf-theme-loading-indicator-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-loading-indicator-bg%3A%20var(--bf-theme-loading-indicator-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-loading-indicator-color%3A%20var(--bf-theme-loading-indicator-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-loading-indicator-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-loading-indicator-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-loading-indicator-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-loading-indicator-font)%3B%0A%09color%3A%20var(--bf-loading-indicator-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-loading-indicator-bg)%3B%0A%09color%3A%20var(--bf-loading-indicator-color)%3B%0A%09border-width%3A%20var(--bf-loading-indicator-border-width)%3B%0A%09border-style%3A%20var(--bf-loading-indicator-border-style)%3B%0A%09border-color%3A%20var(--bf-loading-indicator-border-color)%3B%0A%09border-radius%3A%20var(--bf-loading-indicator-radius)%3B%0A%09padding%3A%20var(--bf-loading-indicator-padding-y)%20var(--bf-loading-indicator-padding-x)%3B%0A%09transition%3A%20var(--bf-loading-indicator-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="loading indicator"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-loading-indicator",bt);var _t=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-map-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-map-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-map-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-map-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-map-border-color%3A%20var(--bf-theme-map-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-map-bg%3A%20var(--bf-theme-map-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-map-color%3A%20var(--bf-theme-map-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-map-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-map-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-map-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-map-font)%3B%0A%09color%3A%20var(--bf-map-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-map-bg)%3B%0A%09color%3A%20var(--bf-map-color)%3B%0A%09border-width%3A%20var(--bf-map-border-width)%3B%0A%09border-style%3A%20var(--bf-map-border-style)%3B%0A%09border-color%3A%20var(--bf-map-border-color)%3B%0A%09border-radius%3A%20var(--bf-map-radius)%3B%0A%09padding%3A%20var(--bf-map-padding-y)%20var(--bf-map-padding-x)%3B%0A%09transition%3A%20var(--bf-map-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="map"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-map",_t);var x=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onSlotChange=this._onSlotChange.bind(this),this._onDocumentClick=this._onDocumentClick.bind(this)}connectedCallback(){if(this._initialized){this._sync(),this._onSlotChange();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-menu-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-menu-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-menu-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-menu-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-menu-border-color%3A%20var(--bf-theme-menu-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-menu-bg%3A%20var(--bf-theme-menu-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-menu-color%3A%20var(--bf-theme-menu-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-menu-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-menu-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-menu-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-menu-font)%3B%0A%09color%3A%20var(--bf-menu-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-menu-bg)%3B%0A%09color%3A%20var(--bf-menu-color)%3B%0A%09border-width%3A%20var(--bf-menu-border-width)%3B%0A%09border-style%3A%20var(--bf-menu-border-style)%3B%0A%09border-color%3A%20var(--bf-menu-border-color)%3B%0A%09border-radius%3A%20var(--bf-menu-radius)%3B%0A%09padding%3A%20var(--bf-menu-padding-y)%20var(--bf-menu-padding-x)%3B%0A%09transition%3A%20var(--bf-menu-transition)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'context'%5D%5Bdata-open%3D'false'%5D%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'context'%5D%20%7B%0A%09min-width%3A%2011rem%3B%0A%09box-shadow%3A%200%2014px%2036px%20rgba(2%2C%206%2C%2023%2C%200.2)%3B%0A%7D%0A%0A.root%20%3A%3Aslotted(%5Bitem%5D)%20%7B%0A%09display%3A%20block%3B%0A%09padding%3A%200.45rem%200.6rem%3B%0A%09border-radius%3A%200.4rem%3B%0A%09cursor%3A%20pointer%3B%0A%7D%0A%0A.root%20%3A%3Aslotted(%5Bitem%5D%3Ahover)%20%7B%0A%09background%3A%20var(--bf-theme-surface-2%2C%20%23f8fafc)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="menu"),this.shadowRoot.replaceChildren(i,t),this._root=t,this._slot=t.querySelector("slot"),this._slot.addEventListener("slotchange",this._onSlotChange),this._bindContextTarget(),document.addEventListener("click",this._onDocumentClick),this._onSlotChange(),this._sync()}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClick),this._contextTarget&&this._contextTarget.removeEventListener("contextmenu",this._boundContextMenuHandler)}attributeChangedCallback(e){e==="for"&&this._bindContextTarget(),this._sync()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){if(this.hasAttribute("open")){this.close();return}this.open()}_isContextMode(){return(this.getAttribute("variant")||"").toLowerCase()==="context"||this.hasAttribute("context")}_bindContextTarget(){if(!this._isContextMode())return;this._contextTarget&&this._boundContextMenuHandler&&this._contextTarget.removeEventListener("contextmenu",this._boundContextMenuHandler);let e=this.getAttribute("for");this._contextTarget=e?document.getElementById(e):this.parentElement,this._contextTarget&&(this._boundContextMenuHandler=i=>{i.preventDefault(),this.setAttribute("x",`${i.clientX}`),this.setAttribute("y",`${i.clientY}`),this.open()},this._contextTarget.addEventListener("contextmenu",this._boundContextMenuHandler))}_onDocumentClick(e){!this._isContextMode()||!this.hasAttribute("open")||e.composedPath().includes(this)||this.close()}_onSlotChange(){if(!this._slot)return;let e=this._slot.assignedElements({flatten:!0}).filter(i=>i.hasAttribute("item"));for(let[i,t]of e.entries())t.setAttribute("role",t.getAttribute("role")||"menuitem"),t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.dataset.bfMenuBound!=="true"&&(t.dataset.bfMenuBound="true",t.addEventListener("click",()=>this._emitSelect(t,i)),t.addEventListener("keydown",r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),this._emitSelect(t,i))}))}_emitSelect(e,i){this.dispatchEvent(new CustomEvent("bf-select",{bubbles:!0,composed:!0,detail:{index:i,id:e.id||"",value:e.getAttribute("value")||e.textContent?.trim()||""}})),this._isContextMode()&&this.close()}_sync(){if(!this._root)return;let e=this._isContextMode();this._root.setAttribute("data-variant",e?"context":"menu"),this._root.setAttribute("data-open",this.hasAttribute("open")?"true":"false"),e?(this.style.position="fixed",this.style.left=`${Number.parseFloat(this.getAttribute("x")||"0")||0}px`,this.style.top=`${Number.parseFloat(this.getAttribute("y")||"0")||0}px`,this.style.zIndex="1300"):(this.style.position="",this.style.left="",this.style.top="",this.style.zIndex="")}};a(x,"observedAttributes",["variant","context","open","x","y","for"]);customElements.define("bf-menu",x);var ft=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-message-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-message-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-message-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-message-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-message-border-color%3A%20var(--bf-theme-message-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-message-bg%3A%20var(--bf-theme-message-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-message-color%3A%20var(--bf-theme-message-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-message-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-message-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-message-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-message-font)%3B%0A%09color%3A%20var(--bf-message-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-message-bg)%3B%0A%09color%3A%20var(--bf-message-color)%3B%0A%09border-width%3A%20var(--bf-message-border-width)%3B%0A%09border-style%3A%20var(--bf-message-border-style)%3B%0A%09border-color%3A%20var(--bf-message-border-color)%3B%0A%09border-radius%3A%20var(--bf-message-radius)%3B%0A%09padding%3A%20var(--bf-message-padding-y)%20var(--bf-message-padding-x)%3B%0A%09transition%3A%20var(--bf-message-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="message"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-message",ft);var gt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-metric-card-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-metric-card-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-metric-card-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-metric-card-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-metric-card-border-color%3A%20var(--bf-theme-metric-card-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-metric-card-bg%3A%20var(--bf-theme-metric-card-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-metric-card-color%3A%20var(--bf-theme-metric-card-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-metric-card-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-metric-card-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-metric-card-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-metric-card-font)%3B%0A%09color%3A%20var(--bf-metric-card-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-metric-card-bg)%3B%0A%09color%3A%20var(--bf-metric-card-color)%3B%0A%09border-width%3A%20var(--bf-metric-card-border-width)%3B%0A%09border-style%3A%20var(--bf-metric-card-border-style)%3B%0A%09border-color%3A%20var(--bf-metric-card-border-color)%3B%0A%09border-radius%3A%20var(--bf-metric-card-radius)%3B%0A%09padding%3A%20var(--bf-metric-card-padding-y)%20var(--bf-metric-card-padding-x)%3B%0A%09transition%3A%20var(--bf-metric-card-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="metric card"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-metric-card",gt);var M=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onBackdropClick=this._onBackdropClick.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-modal-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-modal-bg%3A%20var(--bf-theme-modal-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-modal-color%3A%20var(--bf-theme-modal-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-modal-border-color%3A%20var(--bf-theme-modal-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-modal-radius%3A%20var(--bf-theme-radius-md%2C%2010px)%3B%0A%09--bf-modal-backdrop%3A%20rgba(2%2C%206%2C%2023%2C%200.48)%3B%0A%09--bf-modal-max-w%3A%2034rem%3B%0A%09--bf-modal-shadow%3A%200%2018px%2044px%20rgba(2%2C%206%2C%2023%2C%200.28)%3B%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-modal-font)%3B%0A%09z-index%3A%201200%3B%0A%7D%0A%0A.root%20%7B%0A%09position%3A%20fixed%3B%0A%09inset%3A%200%3B%0A%09display%3A%20grid%3B%0A%09align-items%3A%20center%3B%0A%09justify-items%3A%20center%3B%0A%09padding%3A%201rem%3B%0A%7D%0A%0A.root%5Bdata-open%3D'false'%5D%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.backdrop%20%7B%0A%09position%3A%20absolute%3B%0A%09inset%3A%200%3B%0A%09background%3A%20var(--bf-modal-backdrop)%3B%0A%7D%0A%0A.panel%20%7B%0A%09position%3A%20relative%3B%0A%09width%3A%20min(100%25%2C%20var(--bf-modal-max-w))%3B%0A%09background%3A%20var(--bf-modal-bg)%3B%0A%09color%3A%20var(--bf-modal-color)%3B%0A%09border%3A%201px%20solid%20var(--bf-modal-border-color)%3B%0A%09border-radius%3A%20var(--bf-modal-radius)%3B%0A%09padding%3A%201rem%3B%0A%09box-shadow%3A%20var(--bf-modal-shadow)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
85
|
+
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._field=t.querySelector(".field"),this._swatch=t.querySelector(".swatch"),this._format=t.querySelector(".format"),this._picker=t.querySelector(".picker"),this._field.addEventListener("input",this._onInput),this._field.addEventListener("change",this._onChange),this._format.addEventListener("change",this._onFormatChange),this._picker.addEventListener("input",this._onPickerInput),this._swatch.addEventListener("click",this._onSwatchClick),!this.hasAttribute("value")){let r=this.textContent?.trim();r&&this.setAttribute("value",r)}this._syncState()}attributeChangedCallback(e){e==="value"&&this._reflectingValue||this._syncState()}get value(){return this._field?.value||""}set value(e){this.setAttribute("value",`${e??""}`)}_reflectValueAttribute(){let e=this._field.value;this.getAttribute("value")!==e&&(this._reflectingValue=!0,this.setAttribute("value",e),this._reflectingValue=!1)}_onInput(){this._isColorType()&&this._tryConsumeColorString(this._field.value),this._reflectValueAttribute(),this.dispatchEvent(new CustomEvent("bf-input",{bubbles:!0,composed:!0,detail:{value:this._field.value}}))}_onChange(){this._isColorType()&&(this._tryConsumeColorString(this._field.value)||(this._field.value=this._serializeColor(this._colorFormat,this._color)),this._renderColorUi()),this._reflectValueAttribute(),this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{value:this._field.value}}))}_onFormatChange(){this._isColorType()&&(this._colorFormat=this._format.value,this._field.value=this._serializeColor(this._colorFormat,this._color),this._reflectValueAttribute())}_onPickerInput(){if(!this._isColorType())return;let e=this._parseHex(this._picker.value);e&&(this._color={...e,a:this._color.a},this._field.value=this._serializeColor(this._colorFormat,this._color),this._renderColorUi(),this._reflectValueAttribute(),this.dispatchEvent(new CustomEvent("bf-input",{bubbles:!0,composed:!0,detail:{value:this._field.value}})))}_onSwatchClick(){this._isColorType()&&!this.hasAttribute("disabled")&&this._picker.click()}_isColorType(){return(this.getAttribute("type")||"text").toLowerCase()==="color"}_allowedColorFormats(){let e=this.hasAttribute("hex"),i=this.hasAttribute("rgba");if(e&&i)return["hex","rgba"];if(e)return["hex"];if(i)return["rgba"];let t=(this.getAttribute("format")||"").toLowerCase();return t==="hex"?["hex"]:t==="rgba"?["rgba"]:["hex","rgba"]}_resolveColorFormat(e){let i=(this.getAttribute("format")||"").toLowerCase();return e.includes(i)?i:e.includes(this._colorFormat)?this._colorFormat:e[0]||"hex"}_resolveSwatchPosition(){let e=(this.getAttribute("swatch")||"").toLowerCase();return e==="left"||e==="right"||e==="hidden"?e:this.hasAttribute("swatch-hidden")?"hidden":this.hasAttribute("right")?"right":(this.hasAttribute("left"),"left")}_normalizeHex(e){return this._serializeColor("hex",this._parseHex(e)||this._color)}_renderColorUi(){let e=this._resolveSwatchPosition(),i=this._allowedColorFormats();this._colorFormat=this._resolveColorFormat(i),this._root.classList.add("is-color"),this._root.classList.toggle("swatch-right",e==="right"),this._root.classList.toggle("swatch-hidden",e==="hidden"),this._format.innerHTML=i.map(t=>`<option value="${t}">${t.toUpperCase()}</option>`).join(""),this._format.value=this._colorFormat,this._format.hidden=i.length<=1,this._picker.value=this._normalizeHex(this._serializeColor("hex",this._color)),this._swatch.style.background=this._serializeColor("rgba",this._color)}_renderDefaultUi(){this._root.classList.remove("is-color","swatch-right","swatch-hidden")}_clampChannel(e){return Math.min(255,Math.max(0,e))}_clampAlpha(e){return Math.min(1,Math.max(0,e))}_parseHex(e){let i=`${e||""}`.trim().replace(/^#/,"");if(!i)return null;if(i.length===3||i.length===4){let t=Number.parseInt(i[0]+i[0],16),r=Number.parseInt(i[1]+i[1],16),n=Number.parseInt(i[2]+i[2],16),o=i.length===4?Number.parseInt(i[3]+i[3],16)/255:1;return[t,r,n,o].some(l=>Number.isNaN(l))?null:{r:t,g:r,b:n,a:o}}if(i.length===6||i.length===8){let t=Number.parseInt(i.slice(0,2),16),r=Number.parseInt(i.slice(2,4),16),n=Number.parseInt(i.slice(4,6),16),o=i.length===8?Number.parseInt(i.slice(6,8),16)/255:1;return[t,r,n,o].some(l=>Number.isNaN(l))?null:{r:t,g:r,b:n,a:o}}return null}_parseRgba(e){let i=`${e||""}`.trim().match(/^rgba?\(\s*([^\)]+)\s*\)$/i);if(!i)return null;let t=i[1].split(",").map(c=>c.trim());if(t.length!==3&&t.length!==4)return null;let r=Number.parseFloat(t[0]),n=Number.parseFloat(t[1]),o=Number.parseFloat(t[2]),l=t.length===4?Number.parseFloat(t[3]):1;return[r,n,o,l].some(c=>Number.isNaN(c))?null:{r:this._clampChannel(r),g:this._clampChannel(n),b:this._clampChannel(o),a:this._clampAlpha(l)}}_tryConsumeColorString(e){let i=this._parseHex(e);if(i)return this._color=i,this._renderColorUi(),!0;let t=this._parseRgba(e);return t?(this._color=t,this._renderColorUi(),!0):!1}_toHexChannel(e){return Math.round(this._clampChannel(e)).toString(16).padStart(2,"0")}_toAlphaString(e){return`${Math.round(this._clampAlpha(e)*1e3)/1e3}`}_serializeColor(e,i){return e==="rgba"?`rgba(${Math.round(i.r)}, ${Math.round(i.g)}, ${Math.round(i.b)}, ${this._toAlphaString(i.a)})`:`#${this._toHexChannel(i.r)}${this._toHexChannel(i.g)}${this._toHexChannel(i.b)}`}_syncState(){if(!this._field||!this._root)return;let e=(this.getAttribute("type")||"text").toLowerCase(),i=this.getAttribute("value")||"";this._field.type=e==="color"?"text":e,this._field.value=i,this._field.placeholder=this.getAttribute("placeholder")||"",this._field.disabled=this.hasAttribute("disabled"),this._field.required=this.hasAttribute("required"),this._field.readOnly=this.hasAttribute("readonly"),this._field.name=this.getAttribute("name")||"",this._field.min=this.getAttribute("min")||"",this._field.max=this.getAttribute("max")||"",this._field.step=this.getAttribute("step")||"",this.getAttribute("label")?this._field.setAttribute("aria-label",this.getAttribute("label")):this._field.removeAttribute("aria-label"),e==="color"?(this._tryConsumeColorString(i)||i||(this._color={r:0,g:0,b:0,a:1}),this._renderColorUi(),this._field.value=this._serializeColor(this._colorFormat,this._color),this._reflectValueAttribute()):this._renderDefaultUi()}};a(x,"observedAttributes",["type","value","placeholder","disabled","required","readonly","name","label","min","max","step","swatch","swatch-hidden","left","right","format","hex","rgba"]);customElements.define("bf-input",x);var dt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-key-value-list-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-key-value-list-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-key-value-list-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-key-value-list-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-key-value-list-border-color%3A%20var(--bf-theme-key-value-list-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-key-value-list-bg%3A%20var(--bf-theme-key-value-list-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-key-value-list-color%3A%20var(--bf-theme-key-value-list-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-key-value-list-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-key-value-list-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-key-value-list-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-key-value-list-font)%3B%0A%09color%3A%20var(--bf-key-value-list-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-key-value-list-bg)%3B%0A%09color%3A%20var(--bf-key-value-list-color)%3B%0A%09border-width%3A%20var(--bf-key-value-list-border-width)%3B%0A%09border-style%3A%20var(--bf-key-value-list-border-style)%3B%0A%09border-color%3A%20var(--bf-key-value-list-border-color)%3B%0A%09border-radius%3A%20var(--bf-key-value-list-radius)%3B%0A%09padding%3A%20var(--bf-key-value-list-padding-y)%20var(--bf-key-value-list-padding-x)%3B%0A%09transition%3A%20var(--bf-key-value-list-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-key-value-list",dt);var mt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-link-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-link-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-link-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-link-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-link-border-color%3A%20var(--bf-theme-link-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-link-bg%3A%20var(--bf-theme-link-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-link-color%3A%20var(--bf-theme-link-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-link-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-link-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-link-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-link-font)%3B%0A%09color%3A%20var(--bf-link-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-link-bg)%3B%0A%09color%3A%20var(--bf-link-color)%3B%0A%09border-width%3A%20var(--bf-link-border-width)%3B%0A%09border-style%3A%20var(--bf-link-border-style)%3B%0A%09border-color%3A%20var(--bf-link-border-color)%3B%0A%09border-radius%3A%20var(--bf-link-radius)%3B%0A%09padding%3A%20var(--bf-link-padding-y)%20var(--bf-link-padding-x)%3B%0A%09transition%3A%20var(--bf-link-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-link",mt);var pt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onSlotChange=this._onSlotChange.bind(this)}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-list-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-list-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-list-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-list-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-list-border-color%3A%20var(--bf-theme-list-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-list-bg%3A%20var(--bf-theme-list-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-list-color%3A%20var(--bf-theme-list-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-list-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-list-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-list-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-list-font)%3B%0A%09color%3A%20var(--bf-list-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-list-bg)%3B%0A%09color%3A%20var(--bf-list-color)%3B%0A%09border-width%3A%20var(--bf-list-border-width)%3B%0A%09border-style%3A%20var(--bf-list-border-style)%3B%0A%09border-color%3A%20var(--bf-list-border-color)%3B%0A%09border-radius%3A%20var(--bf-list-radius)%3B%0A%09padding%3A%20var(--bf-list-padding-y)%20var(--bf-list-padding-x)%3B%0A%09transition%3A%20var(--bf-list-transition)%3B%0A%7D%0A%0A.root%20%3A%3Aslotted(%5Bitem%5D)%20%7B%0A%09display%3A%20block%3B%0A%09padding%3A%200.45rem%200.6rem%3B%0A%09border-radius%3A%200.4rem%3B%0A%09cursor%3A%20pointer%3B%0A%7D%0A%0A.root%20%3A%3Aslotted(%5Bitem%5D%3Ahover)%20%7B%0A%09background%3A%20var(--bf-theme-surface-2%2C%20%23f8fafc)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t),this._slot=t.querySelector("slot"),this._slot.addEventListener("slotchange",this._onSlotChange),this._onSlotChange()}_onSlotChange(){if(!this._slot)return;let e=this._slot.assignedElements({flatten:!0}).filter(i=>i.hasAttribute("item"));for(let[i,t]of e.entries())t.setAttribute("role",t.getAttribute("role")||"listitem"),t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.dataset.bfListBound!=="true"&&(t.dataset.bfListBound="true",t.addEventListener("click",()=>this._emitSelect(t,i)),t.addEventListener("keydown",r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),this._emitSelect(t,i))}))}_emitSelect(e,i){this.dispatchEvent(new CustomEvent("bf-select",{bubbles:!0,composed:!0,detail:{index:i,id:e.id||"",value:e.getAttribute("value")||e.textContent?.trim()||""}}))}};customElements.define("bf-list",pt);var bt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-loading-indicator-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-loading-indicator-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-loading-indicator-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-loading-indicator-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-loading-indicator-border-color%3A%20var(--bf-theme-loading-indicator-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-loading-indicator-bg%3A%20var(--bf-theme-loading-indicator-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-loading-indicator-color%3A%20var(--bf-theme-loading-indicator-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-loading-indicator-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-loading-indicator-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-loading-indicator-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-loading-indicator-font)%3B%0A%09color%3A%20var(--bf-loading-indicator-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-loading-indicator-bg)%3B%0A%09color%3A%20var(--bf-loading-indicator-color)%3B%0A%09border-width%3A%20var(--bf-loading-indicator-border-width)%3B%0A%09border-style%3A%20var(--bf-loading-indicator-border-style)%3B%0A%09border-color%3A%20var(--bf-loading-indicator-border-color)%3B%0A%09border-radius%3A%20var(--bf-loading-indicator-radius)%3B%0A%09padding%3A%20var(--bf-loading-indicator-padding-y)%20var(--bf-loading-indicator-padding-x)%3B%0A%09transition%3A%20var(--bf-loading-indicator-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-loading-indicator",bt);var _t=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-map-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-map-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-map-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-map-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-map-border-color%3A%20var(--bf-theme-map-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-map-bg%3A%20var(--bf-theme-map-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-map-color%3A%20var(--bf-theme-map-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-map-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-map-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-map-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-map-font)%3B%0A%09color%3A%20var(--bf-map-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-map-bg)%3B%0A%09color%3A%20var(--bf-map-color)%3B%0A%09border-width%3A%20var(--bf-map-border-width)%3B%0A%09border-style%3A%20var(--bf-map-border-style)%3B%0A%09border-color%3A%20var(--bf-map-border-color)%3B%0A%09border-radius%3A%20var(--bf-map-radius)%3B%0A%09padding%3A%20var(--bf-map-padding-y)%20var(--bf-map-padding-x)%3B%0A%09transition%3A%20var(--bf-map-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-map",_t);var S=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onSlotChange=this._onSlotChange.bind(this),this._onDocumentClick=this._onDocumentClick.bind(this)}connectedCallback(){if(this._initialized){this._sync(),this._onSlotChange();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-menu-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-menu-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-menu-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-menu-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-menu-border-color%3A%20var(--bf-theme-menu-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-menu-bg%3A%20var(--bf-theme-menu-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-menu-color%3A%20var(--bf-theme-menu-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-menu-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-menu-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-menu-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-menu-font)%3B%0A%09color%3A%20var(--bf-menu-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-menu-bg)%3B%0A%09color%3A%20var(--bf-menu-color)%3B%0A%09border-width%3A%20var(--bf-menu-border-width)%3B%0A%09border-style%3A%20var(--bf-menu-border-style)%3B%0A%09border-color%3A%20var(--bf-menu-border-color)%3B%0A%09border-radius%3A%20var(--bf-menu-radius)%3B%0A%09padding%3A%20var(--bf-menu-padding-y)%20var(--bf-menu-padding-x)%3B%0A%09transition%3A%20var(--bf-menu-transition)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'context'%5D%5Bdata-open%3D'false'%5D%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'context'%5D%20%7B%0A%09min-width%3A%2011rem%3B%0A%09box-shadow%3A%200%2014px%2036px%20rgba(2%2C%206%2C%2023%2C%200.2)%3B%0A%7D%0A%0A.root%20%3A%3Aslotted(%5Bitem%5D)%20%7B%0A%09display%3A%20block%3B%0A%09padding%3A%200.45rem%200.6rem%3B%0A%09border-radius%3A%200.4rem%3B%0A%09cursor%3A%20pointer%3B%0A%7D%0A%0A.root%20%3A%3Aslotted(%5Bitem%5D%3Ahover)%20%7B%0A%09background%3A%20var(--bf-theme-surface-2%2C%20%23f8fafc)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t),this._root=t,this._slot=t.querySelector("slot"),this._slot.addEventListener("slotchange",this._onSlotChange),this._bindContextTarget(),document.addEventListener("click",this._onDocumentClick),this._onSlotChange(),this._sync()}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClick),this._contextTarget&&this._contextTarget.removeEventListener("contextmenu",this._boundContextMenuHandler)}attributeChangedCallback(e){e==="for"&&this._bindContextTarget(),this._sync()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){if(this.hasAttribute("open")){this.close();return}this.open()}_isContextMode(){return(this.getAttribute("variant")||"").toLowerCase()==="context"||this.hasAttribute("context")}_bindContextTarget(){if(!this._isContextMode())return;this._contextTarget&&this._boundContextMenuHandler&&this._contextTarget.removeEventListener("contextmenu",this._boundContextMenuHandler);let e=this.getAttribute("for");this._contextTarget=e?document.getElementById(e):this.parentElement,this._contextTarget&&(this._boundContextMenuHandler=i=>{i.preventDefault(),this.setAttribute("x",`${i.clientX}`),this.setAttribute("y",`${i.clientY}`),this.open()},this._contextTarget.addEventListener("contextmenu",this._boundContextMenuHandler))}_onDocumentClick(e){!this._isContextMode()||!this.hasAttribute("open")||e.composedPath().includes(this)||this.close()}_onSlotChange(){if(!this._slot)return;let e=this._slot.assignedElements({flatten:!0}).filter(i=>i.hasAttribute("item"));for(let[i,t]of e.entries())t.setAttribute("role",t.getAttribute("role")||"menuitem"),t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.dataset.bfMenuBound!=="true"&&(t.dataset.bfMenuBound="true",t.addEventListener("click",()=>this._emitSelect(t,i)),t.addEventListener("keydown",r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),this._emitSelect(t,i))}))}_emitSelect(e,i){this.dispatchEvent(new CustomEvent("bf-select",{bubbles:!0,composed:!0,detail:{index:i,id:e.id||"",value:e.getAttribute("value")||e.textContent?.trim()||""}})),this._isContextMode()&&this.close()}_sync(){if(!this._root)return;let e=this._isContextMode();this._root.setAttribute("data-variant",e?"context":"menu"),this._root.setAttribute("data-open",this.hasAttribute("open")?"true":"false"),e?(this.style.position="fixed",this.style.left=`${Number.parseFloat(this.getAttribute("x")||"0")||0}px`,this.style.top=`${Number.parseFloat(this.getAttribute("y")||"0")||0}px`,this.style.zIndex="1300"):(this.style.position="",this.style.left="",this.style.top="",this.style.zIndex="")}};a(S,"observedAttributes",["variant","context","open","x","y","for"]);customElements.define("bf-menu",S);var ft=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-message-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-message-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-message-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-message-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-message-border-color%3A%20var(--bf-theme-message-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-message-bg%3A%20var(--bf-theme-message-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-message-color%3A%20var(--bf-theme-message-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-message-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-message-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-message-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-message-font)%3B%0A%09color%3A%20var(--bf-message-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-message-bg)%3B%0A%09color%3A%20var(--bf-message-color)%3B%0A%09border-width%3A%20var(--bf-message-border-width)%3B%0A%09border-style%3A%20var(--bf-message-border-style)%3B%0A%09border-color%3A%20var(--bf-message-border-color)%3B%0A%09border-radius%3A%20var(--bf-message-radius)%3B%0A%09padding%3A%20var(--bf-message-padding-y)%20var(--bf-message-padding-x)%3B%0A%09transition%3A%20var(--bf-message-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-message",ft);var gt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-metric-card-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-metric-card-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-metric-card-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-metric-card-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-metric-card-border-color%3A%20var(--bf-theme-metric-card-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-metric-card-bg%3A%20var(--bf-theme-metric-card-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-metric-card-color%3A%20var(--bf-theme-metric-card-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-metric-card-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-metric-card-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-metric-card-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-metric-card-font)%3B%0A%09color%3A%20var(--bf-metric-card-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-metric-card-bg)%3B%0A%09color%3A%20var(--bf-metric-card-color)%3B%0A%09border-width%3A%20var(--bf-metric-card-border-width)%3B%0A%09border-style%3A%20var(--bf-metric-card-border-style)%3B%0A%09border-color%3A%20var(--bf-metric-card-border-color)%3B%0A%09border-radius%3A%20var(--bf-metric-card-radius)%3B%0A%09padding%3A%20var(--bf-metric-card-padding-y)%20var(--bf-metric-card-padding-x)%3B%0A%09transition%3A%20var(--bf-metric-card-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-metric-card",gt);var M=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onBackdropClick=this._onBackdropClick.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-modal-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-modal-bg%3A%20var(--bf-theme-modal-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-modal-color%3A%20var(--bf-theme-modal-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-modal-border-color%3A%20var(--bf-theme-modal-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-modal-radius%3A%20var(--bf-theme-radius-md%2C%2010px)%3B%0A%09--bf-modal-backdrop%3A%20rgba(2%2C%206%2C%2023%2C%200.48)%3B%0A%09--bf-modal-max-w%3A%2034rem%3B%0A%09--bf-modal-shadow%3A%200%2018px%2044px%20rgba(2%2C%206%2C%2023%2C%200.28)%3B%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-modal-font)%3B%0A%09z-index%3A%201200%3B%0A%7D%0A%0A.root%20%7B%0A%09position%3A%20fixed%3B%0A%09inset%3A%200%3B%0A%09display%3A%20grid%3B%0A%09align-items%3A%20center%3B%0A%09justify-items%3A%20center%3B%0A%09padding%3A%201rem%3B%0A%7D%0A%0A.root%5Bdata-open%3D'false'%5D%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.backdrop%20%7B%0A%09position%3A%20absolute%3B%0A%09inset%3A%200%3B%0A%09background%3A%20var(--bf-modal-backdrop)%3B%0A%7D%0A%0A.panel%20%7B%0A%09position%3A%20relative%3B%0A%09width%3A%20min(100%25%2C%20var(--bf-modal-max-w))%3B%0A%09background%3A%20var(--bf-modal-bg)%3B%0A%09color%3A%20var(--bf-modal-color)%3B%0A%09border%3A%201px%20solid%20var(--bf-modal-border-color)%3B%0A%09border-radius%3A%20var(--bf-modal-radius)%3B%0A%09padding%3A%201rem%3B%0A%09box-shadow%3A%20var(--bf-modal-shadow)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
70
86
|
<div class="backdrop" part="backdrop"></div>
|
|
71
87
|
<div class="panel" part="panel"><slot></slot></div>
|
|
72
|
-
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._backdrop=t.querySelector(".backdrop"),this._backdrop.addEventListener("click",this._onBackdropClick),this.textContent?.trim()||(this.textContent="modal"),this._sync()}attributeChangedCallback(){this._sync()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){if(this.hasAttribute("open")){this.close();return}this.open()}_onBackdropClick(){this.hasAttribute("persistent")||this.close()}_shouldOpenByDefault(){return!this.hasAttribute("id")}_sync(){if(!this._root)return;if(!this.hasAttribute("open")&&this._shouldOpenByDefault()){this.setAttribute("open","");return}let e=this.hasAttribute("open");this.hidden=!e,this._root.setAttribute("data-open",e?"true":"false"),this.setAttribute("aria-hidden",String(!e)),this.setAttribute("role","dialog"),this.setAttribute("aria-modal","true"),this.getAttribute("label")&&this.setAttribute("aria-label",this.getAttribute("label"))}};a(M,"observedAttributes",["open","label"]);customElements.define("bf-modal",M);var vt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-nav-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-nav-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-nav-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-nav-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-nav-border-color%3A%20var(--bf-theme-nav-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-nav-bg%3A%20var(--bf-theme-nav-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-nav-color%3A%20var(--bf-theme-nav-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-nav-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-nav-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-nav-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-nav-font)%3B%0A%09color%3A%20var(--bf-nav-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20flex%3B%0A%09align-items%3A%20center%3B%0A%09justify-content%3A%20space-between%3B%0A%09gap%3A%20var(--bf-nav-padding-x)%3B%0A%09background%3A%20var(--bf-nav-bg)%3B%0A%09color%3A%20var(--bf-nav-color)%3B%0A%09border-width%3A%20var(--bf-nav-border-width)%3B%0A%09border-style%3A%20var(--bf-nav-border-style)%3B%0A%09border-color%3A%20var(--bf-nav-border-color)%3B%0A%09border-radius%3A%20var(--bf-nav-radius)%3B%0A%09padding%3A%20var(--bf-nav-padding-y)%20var(--bf-nav-padding-x)%3B%0A%09transition%3A%20var(--bf-nav-transition)%3B%0A%7D%0A%0A%3A%3Aslotted(%5Bcol%5D)%2C%0A%3A%3Aslotted(%5Bnav-col%5D)%20%7B%0A%09display%3A%20flex%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%20var(--bf-nav-padding-x)%3B%0A%09min-width%3A%200%3B%0A%7D%0A%0A%3A%3Aslotted(%5Bcol%5D%3Afirst-child)%2C%0A%3A%3Aslotted(%5Bnav-col%5D%3Afirst-child)%20%7B%0A%09justify-content%3A%20flex-start%3B%0A%09flex%3A%201%201%200%3B%0A%7D%0A%0A%3A%3Aslotted(%5Bcol%5D%3Anth-child(2))%2C%0A%3A%3Aslotted(%5Bnav-col%5D%3Anth-child(2))%20%7B%0A%09justify-content%3A%20center%3B%0A%09flex%3A%201%201%200%3B%0A%7D%0A%0A%3A%3Aslotted(%5Bcol%5D%3Alast-child)%2C%0A%3A%3Aslotted(%5Bnav-col%5D%3Alast-child)%20%7B%0A%09justify-content%3A%20flex-end%3B%0A%09flex%3A%201%201%200%3B%0A%7D%0A%0A%3A%3Aslotted(%5Brow%5D)%2C%0A%3A%3Aslotted(%5Bnav-row%5D)%20%7B%0A%09display%3A%20flex%3B%0A%09align-items%3A%20center%3B%0A%09justify-content%3A%20space-between%3B%0A%09gap%3A%20var(--bf-nav-padding-x)%3B%0A%09width%3A%20100%25%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="nav"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-nav",vt);var At=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-number-field-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-number-field-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-number-field-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-number-field-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-number-field-border-color%3A%20var(--bf-theme-number-field-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-number-field-bg%3A%20var(--bf-theme-number-field-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-number-field-color%3A%20var(--bf-theme-number-field-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-number-field-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-number-field-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-number-field-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-number-field-font)%3B%0A%09color%3A%20var(--bf-number-field-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-number-field-bg)%3B%0A%09color%3A%20var(--bf-number-field-color)%3B%0A%09border-width%3A%20var(--bf-number-field-border-width)%3B%0A%09border-style%3A%20var(--bf-number-field-border-style)%3B%0A%09border-color%3A%20var(--bf-number-field-border-color)%3B%0A%09border-radius%3A%20var(--bf-number-field-radius)%3B%0A%09padding%3A%20var(--bf-number-field-padding-y)%20var(--bf-number-field-padding-x)%3B%0A%09transition%3A%20var(--bf-number-field-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="number field"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-number-field",At);var Ct=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-otp-input-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-otp-input-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-otp-input-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-otp-input-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-otp-input-border-color%3A%20var(--bf-theme-otp-input-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-otp-input-bg%3A%20var(--bf-theme-otp-input-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-otp-input-color%3A%20var(--bf-theme-otp-input-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-otp-input-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-otp-input-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-otp-input-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-otp-input-font)%3B%0A%09color%3A%20var(--bf-otp-input-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-otp-input-bg)%3B%0A%09color%3A%20var(--bf-otp-input-color)%3B%0A%09border-width%3A%20var(--bf-otp-input-border-width)%3B%0A%09border-style%3A%20var(--bf-otp-input-border-style)%3B%0A%09border-color%3A%20var(--bf-otp-input-border-color)%3B%0A%09border-radius%3A%20var(--bf-otp-input-radius)%3B%0A%09padding%3A%20var(--bf-otp-input-padding-y)%20var(--bf-otp-input-padding-x)%3B%0A%09transition%3A%20var(--bf-otp-input-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="otp input"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-otp-input",Ct);var kt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-pagination-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-pagination-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-pagination-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-pagination-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-pagination-border-color%3A%20var(--bf-theme-pagination-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-pagination-bg%3A%20var(--bf-theme-pagination-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-pagination-color%3A%20var(--bf-theme-pagination-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-pagination-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-pagination-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-pagination-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-pagination-font)%3B%0A%09color%3A%20var(--bf-pagination-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-pagination-bg)%3B%0A%09color%3A%20var(--bf-pagination-color)%3B%0A%09border-width%3A%20var(--bf-pagination-border-width)%3B%0A%09border-style%3A%20var(--bf-pagination-border-style)%3B%0A%09border-color%3A%20var(--bf-pagination-border-color)%3B%0A%09border-radius%3A%20var(--bf-pagination-radius)%3B%0A%09padding%3A%20var(--bf-pagination-padding-y)%20var(--bf-pagination-padding-x)%3B%0A%09transition%3A%20var(--bf-pagination-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="pagination"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-pagination",kt);var S=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onSlotChange=this._onSlotChange.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-progress-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-progress-bg%3A%20var(--bf-theme-progress-bar-bg%2C%20var(--bf-theme-surface-2%2C%20%23e2e8f0))%3B%0A%09--bf-progress-color%3A%20var(--bf-theme-progress-bar-color%2C%20var(--bf-theme-button-primary-bg%2C%20%232563eb))%3B%0A%09--bf-progress-ring-bg%3A%20var(--bf-theme-progress-circle-bg%2C%20var(--bf-theme-surface-2%2C%20%23e2e8f0))%3B%0A%09--bf-progress-ring-color%3A%20var(--bf-theme-progress-circle-color%2C%20var(--bf-theme-button-primary-bg%2C%20%232563eb))%3B%0A%09--bf-progress-radius%3A%20var(--bf-theme-radius-md%2C%20999px)%3B%0A%09--bf-progress-track-height%3A%200.7rem%3B%0A%09--bf-progress-size-sm%3A%202rem%3B%0A%09--bf-progress-size-md%3A%203rem%3B%0A%09--bf-progress-size-lg%3A%204rem%3B%0A%0A%09display%3A%20inline-flex%3B%0A%09font%3A%20var(--bf-progress-font)%3B%0A%09color%3A%20var(--bf-theme-text-1%2C%20%230f172a)%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%200.5rem%3B%0A%7D%0A%0A.linear%20%7B%0A%09display%3A%20inline-block%3B%0A%09min-width%3A%208rem%3B%0A%7D%0A%0A.track%20%7B%0A%09width%3A%20100%25%3B%0A%09height%3A%20var(--bf-progress-track-height)%3B%0A%09border-radius%3A%20var(--bf-progress-radius)%3B%0A%09background%3A%20var(--bf-progress-bg)%3B%0A%09overflow%3A%20hidden%3B%0A%7D%0A%0A.fill%20%7B%0A%09height%3A%20100%25%3B%0A%09width%3A%200%3B%0A%09background%3A%20var(--bf-progress-color)%3B%0A%09transition%3A%20width%20160ms%20ease%3B%0A%7D%0A%0A.circular%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.circular%20svg%20%7B%0A%09width%3A%20var(--bf-progress-size-md)%3B%0A%09height%3A%20var(--bf-progress-size-md)%3B%0A%09transform%3A%20rotate(-90deg)%3B%0A%7D%0A%0A.ring%2C%0A.meter%20%7B%0A%09fill%3A%20none%3B%0A%09stroke-width%3A%2010%3B%0A%7D%0A%0A.ring%20%7B%0A%09stroke%3A%20var(--bf-progress-ring-bg)%3B%0A%7D%0A%0A.meter%20%7B%0A%09stroke%3A%20var(--bf-progress-ring-color)%3B%0A%09stroke-linecap%3A%20round%3B%0A%09transition%3A%20stroke-dashoffset%20180ms%20ease%3B%0A%7D%0A%0A.meta%3Aempty%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'circular'%5D%20.linear%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'circular'%5D%20.circular%20%7B%0A%09display%3A%20inline-block%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'striped'%5D%20.fill%20%7B%0A%09background-image%3A%20linear-gradient(%0A%09%0945deg%2C%0A%09%09rgba(255%2C%20255%2C%20255%2C%200.25)%2025%25%2C%0A%09%09transparent%2025%25%2C%0A%09%09transparent%2050%25%2C%0A%09%09rgba(255%2C%20255%2C%20255%2C%200.25)%2050%25%2C%0A%09%09rgba(255%2C%20255%2C%20255%2C%200.25)%2075%25%2C%0A%09%09transparent%2075%25%2C%0A%09%09transparent%0A%09)%3B%0A%09background-size%3A%200.9rem%200.9rem%3B%0A%7D%0A%0A.root%5Bdata-tone%3D'primary'%5D%20%7B%0A%09--bf-progress-color%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%09--bf-progress-ring-color%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%7D%0A%0A.root%5Bdata-tone%3D'secondary'%5D%20%7B%0A%09--bf-progress-color%3A%20var(--bf-theme-button-secondary-color%2C%20%231d4ed8)%3B%0A%09--bf-progress-ring-color%3A%20var(--bf-theme-button-secondary-color%2C%20%231d4ed8)%3B%0A%7D%0A%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-variant%3D'striped'%5D%20.fill%2C%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-loading-variant%3D'stripe'%5D%20.fill%20%7B%0A%09animation%3A%20bf-progress-stripes%20700ms%20linear%20infinite%3B%0A%7D%0A%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-loading-variant%3D'pulse'%5D%20.fill%20%7B%0A%09animation%3A%20bf-progress-pulse%20900ms%20ease-in-out%20infinite%3B%0A%7D%0A%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-loading-variant%3D'bounce'%5D%20.fill%20%7B%0A%09transform-origin%3A%20left%20center%3B%0A%09animation%3A%20bf-progress-bounce%20900ms%20ease-in-out%20infinite%3B%0A%7D%0A%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-variant%3D'circular'%5D%20.circular%20svg%2C%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-loading-variant%3D'spin'%5D%5Bdata-variant%3D'circular'%5D%20.circular%20svg%20%7B%0A%09animation%3A%20bf-progress-spin%201s%20linear%20infinite%3B%0A%7D%0A%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-variant%3D'circular'%5D%20.meter%20%7B%0A%09animation%3A%20bf-progress-meter%201.1s%20ease-in-out%20infinite%3B%0A%7D%0A%0A.root%5Bdata-size%3D'sm'%5D%20.circular%20svg%20%7B%0A%09width%3A%20var(--bf-progress-size-sm)%3B%0A%09height%3A%20var(--bf-progress-size-sm)%3B%0A%7D%0A%0A.root%5Bdata-size%3D'lg'%5D%20.circular%20svg%20%7B%0A%09width%3A%20var(--bf-progress-size-lg)%3B%0A%09height%3A%20var(--bf-progress-size-lg)%3B%0A%7D%0A%0A%40keyframes%20bf-progress-indeterminate%20%7B%0A%090%25%20%7B%0A%09%09transform%3A%20translateX(-120%25)%3B%0A%09%7D%0A%09100%25%20%7B%0A%09%09transform%3A%20translateX(260%25)%3B%0A%09%7D%0A%7D%0A%0A%40keyframes%20bf-progress-stripes%20%7B%0A%090%25%20%7B%0A%09%09background-position%3A%200%200%3B%0A%09%7D%0A%09100%25%20%7B%0A%09%09background-position%3A%200.9rem%200%3B%0A%09%7D%0A%7D%0A%0A%40keyframes%20bf-progress-pulse%20%7B%0A%090%25%2C%0A%09100%25%20%7B%0A%09%09opacity%3A%201%3B%0A%09%7D%0A%0950%25%20%7B%0A%09%09opacity%3A%200.45%3B%0A%09%7D%0A%7D%0A%0A%40keyframes%20bf-progress-bounce%20%7B%0A%090%25%2C%0A%09100%25%20%7B%0A%09%09transform%3A%20scaleX(1)%3B%0A%09%7D%0A%0950%25%20%7B%0A%09%09transform%3A%20scaleX(0.7)%3B%0A%09%7D%0A%7D%0A%0A%40keyframes%20bf-progress-spin%20%7B%0A%090%25%20%7B%0A%09%09transform%3A%20rotate(-90deg)%3B%0A%09%7D%0A%09100%25%20%7B%0A%09%09transform%3A%20rotate(270deg)%3B%0A%09%7D%0A%7D%0A%0A%40keyframes%20bf-progress-meter%20%7B%0A%090%25%20%7B%0A%09%09stroke-dashoffset%3A%20220%3B%0A%09%7D%0A%0950%25%20%7B%0A%09%09stroke-dashoffset%3A%2080%3B%0A%09%7D%0A%09100%25%20%7B%0A%09%09stroke-dashoffset%3A%20220%3B%0A%09%7D%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
88
|
+
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._backdrop=t.querySelector(".backdrop"),this._backdrop.addEventListener("click",this._onBackdropClick),this._sync()}attributeChangedCallback(){this._sync()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){if(this.hasAttribute("open")){this.close();return}this.open()}_onBackdropClick(){this.hasAttribute("persistent")||this.close()}_shouldOpenByDefault(){return!this.hasAttribute("id")}_sync(){if(!this._root)return;if(!this.hasAttribute("open")&&this._shouldOpenByDefault()){this.setAttribute("open","");return}let e=this.hasAttribute("open");this.hidden=!e,this._root.setAttribute("data-open",e?"true":"false"),this.setAttribute("aria-hidden",String(!e)),this.setAttribute("role","dialog"),this.setAttribute("aria-modal","true"),this.getAttribute("label")&&this.setAttribute("aria-label",this.getAttribute("label"))}};a(M,"observedAttributes",["open","label"]);customElements.define("bf-modal",M);var vt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-nav-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-nav-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-nav-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-nav-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-nav-border-color%3A%20var(--bf-theme-nav-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-nav-bg%3A%20var(--bf-theme-nav-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-nav-color%3A%20var(--bf-theme-nav-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-nav-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-nav-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-nav-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-nav-font)%3B%0A%09color%3A%20var(--bf-nav-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20flex%3B%0A%09align-items%3A%20center%3B%0A%09justify-content%3A%20space-between%3B%0A%09gap%3A%20var(--bf-nav-padding-x)%3B%0A%09background%3A%20var(--bf-nav-bg)%3B%0A%09color%3A%20var(--bf-nav-color)%3B%0A%09border-width%3A%20var(--bf-nav-border-width)%3B%0A%09border-style%3A%20var(--bf-nav-border-style)%3B%0A%09border-color%3A%20var(--bf-nav-border-color)%3B%0A%09border-radius%3A%20var(--bf-nav-radius)%3B%0A%09padding%3A%20var(--bf-nav-padding-y)%20var(--bf-nav-padding-x)%3B%0A%09transition%3A%20var(--bf-nav-transition)%3B%0A%7D%0A%0A%3A%3Aslotted(%5Bcol%5D)%2C%0A%3A%3Aslotted(%5Bnav-col%5D)%20%7B%0A%09display%3A%20flex%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%20var(--bf-nav-padding-x)%3B%0A%09min-width%3A%200%3B%0A%7D%0A%0A%3A%3Aslotted(%5Bcol%5D%3Afirst-child)%2C%0A%3A%3Aslotted(%5Bnav-col%5D%3Afirst-child)%20%7B%0A%09justify-content%3A%20flex-start%3B%0A%09flex%3A%201%201%200%3B%0A%7D%0A%0A%3A%3Aslotted(%5Bcol%5D%3Anth-child(2))%2C%0A%3A%3Aslotted(%5Bnav-col%5D%3Anth-child(2))%20%7B%0A%09justify-content%3A%20center%3B%0A%09flex%3A%201%201%200%3B%0A%7D%0A%0A%3A%3Aslotted(%5Bcol%5D%3Alast-child)%2C%0A%3A%3Aslotted(%5Bnav-col%5D%3Alast-child)%20%7B%0A%09justify-content%3A%20flex-end%3B%0A%09flex%3A%201%201%200%3B%0A%7D%0A%0A%3A%3Aslotted(%5Brow%5D)%2C%0A%3A%3Aslotted(%5Bnav-row%5D)%20%7B%0A%09display%3A%20flex%3B%0A%09align-items%3A%20center%3B%0A%09justify-content%3A%20space-between%3B%0A%09gap%3A%20var(--bf-nav-padding-x)%3B%0A%09width%3A%20100%25%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-nav",vt);var At=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-number-field-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-number-field-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-number-field-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-number-field-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-number-field-border-color%3A%20var(--bf-theme-number-field-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-number-field-bg%3A%20var(--bf-theme-number-field-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-number-field-color%3A%20var(--bf-theme-number-field-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-number-field-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-number-field-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-number-field-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-number-field-font)%3B%0A%09color%3A%20var(--bf-number-field-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-number-field-bg)%3B%0A%09color%3A%20var(--bf-number-field-color)%3B%0A%09border-width%3A%20var(--bf-number-field-border-width)%3B%0A%09border-style%3A%20var(--bf-number-field-border-style)%3B%0A%09border-color%3A%20var(--bf-number-field-border-color)%3B%0A%09border-radius%3A%20var(--bf-number-field-radius)%3B%0A%09padding%3A%20var(--bf-number-field-padding-y)%20var(--bf-number-field-padding-x)%3B%0A%09transition%3A%20var(--bf-number-field-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-number-field",At);var kt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-otp-input-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-otp-input-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-otp-input-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-otp-input-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-otp-input-border-color%3A%20var(--bf-theme-otp-input-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-otp-input-bg%3A%20var(--bf-theme-otp-input-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-otp-input-color%3A%20var(--bf-theme-otp-input-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-otp-input-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-otp-input-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-otp-input-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-otp-input-font)%3B%0A%09color%3A%20var(--bf-otp-input-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-otp-input-bg)%3B%0A%09color%3A%20var(--bf-otp-input-color)%3B%0A%09border-width%3A%20var(--bf-otp-input-border-width)%3B%0A%09border-style%3A%20var(--bf-otp-input-border-style)%3B%0A%09border-color%3A%20var(--bf-otp-input-border-color)%3B%0A%09border-radius%3A%20var(--bf-otp-input-radius)%3B%0A%09padding%3A%20var(--bf-otp-input-padding-y)%20var(--bf-otp-input-padding-x)%3B%0A%09transition%3A%20var(--bf-otp-input-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-otp-input",kt);var Ct=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-pagination-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-pagination-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-pagination-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-pagination-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-pagination-border-color%3A%20var(--bf-theme-pagination-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-pagination-bg%3A%20var(--bf-theme-pagination-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-pagination-color%3A%20var(--bf-theme-pagination-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-pagination-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-pagination-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-pagination-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-pagination-font)%3B%0A%09color%3A%20var(--bf-pagination-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-pagination-bg)%3B%0A%09color%3A%20var(--bf-pagination-color)%3B%0A%09border-width%3A%20var(--bf-pagination-border-width)%3B%0A%09border-style%3A%20var(--bf-pagination-border-style)%3B%0A%09border-color%3A%20var(--bf-pagination-border-color)%3B%0A%09border-radius%3A%20var(--bf-pagination-radius)%3B%0A%09padding%3A%20var(--bf-pagination-padding-y)%20var(--bf-pagination-padding-x)%3B%0A%09transition%3A%20var(--bf-pagination-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-pagination",Ct);var T=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onSlotChange=this._onSlotChange.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-progress-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-progress-bg%3A%20var(--bf-theme-progress-bar-bg%2C%20var(--bf-theme-surface-2%2C%20%23e2e8f0))%3B%0A%09--bf-progress-color%3A%20var(--bf-theme-progress-bar-color%2C%20var(--bf-theme-button-primary-bg%2C%20%232563eb))%3B%0A%09--bf-progress-ring-bg%3A%20var(--bf-theme-progress-circle-bg%2C%20var(--bf-theme-surface-2%2C%20%23e2e8f0))%3B%0A%09--bf-progress-ring-color%3A%20var(--bf-theme-progress-circle-color%2C%20var(--bf-theme-button-primary-bg%2C%20%232563eb))%3B%0A%09--bf-progress-radius%3A%20var(--bf-theme-radius-md%2C%20999px)%3B%0A%09--bf-progress-track-height%3A%200.7rem%3B%0A%09--bf-progress-size-sm%3A%202rem%3B%0A%09--bf-progress-size-md%3A%203rem%3B%0A%09--bf-progress-size-lg%3A%204rem%3B%0A%0A%09display%3A%20inline-flex%3B%0A%09font%3A%20var(--bf-progress-font)%3B%0A%09color%3A%20var(--bf-theme-text-1%2C%20%230f172a)%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%200.5rem%3B%0A%7D%0A%0A.linear%20%7B%0A%09display%3A%20inline-block%3B%0A%09min-width%3A%208rem%3B%0A%7D%0A%0A.track%20%7B%0A%09width%3A%20100%25%3B%0A%09height%3A%20var(--bf-progress-track-height)%3B%0A%09border-radius%3A%20var(--bf-progress-radius)%3B%0A%09background%3A%20var(--bf-progress-bg)%3B%0A%09overflow%3A%20hidden%3B%0A%7D%0A%0A.fill%20%7B%0A%09height%3A%20100%25%3B%0A%09width%3A%200%3B%0A%09background%3A%20var(--bf-progress-color)%3B%0A%09transition%3A%20width%20160ms%20ease%3B%0A%7D%0A%0A.circular%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.circular%20svg%20%7B%0A%09width%3A%20var(--bf-progress-size-md)%3B%0A%09height%3A%20var(--bf-progress-size-md)%3B%0A%09transform%3A%20rotate(-90deg)%3B%0A%7D%0A%0A.ring%2C%0A.meter%20%7B%0A%09fill%3A%20none%3B%0A%09stroke-width%3A%2010%3B%0A%7D%0A%0A.ring%20%7B%0A%09stroke%3A%20var(--bf-progress-ring-bg)%3B%0A%7D%0A%0A.meter%20%7B%0A%09stroke%3A%20var(--bf-progress-ring-color)%3B%0A%09stroke-linecap%3A%20round%3B%0A%09transition%3A%20stroke-dashoffset%20180ms%20ease%3B%0A%7D%0A%0A.meta%3Aempty%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'circular'%5D%20.linear%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'circular'%5D%20.circular%20%7B%0A%09display%3A%20inline-block%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'striped'%5D%20.fill%20%7B%0A%09background-image%3A%20linear-gradient(%0A%09%0945deg%2C%0A%09%09rgba(255%2C%20255%2C%20255%2C%200.25)%2025%25%2C%0A%09%09transparent%2025%25%2C%0A%09%09transparent%2050%25%2C%0A%09%09rgba(255%2C%20255%2C%20255%2C%200.25)%2050%25%2C%0A%09%09rgba(255%2C%20255%2C%20255%2C%200.25)%2075%25%2C%0A%09%09transparent%2075%25%2C%0A%09%09transparent%0A%09)%3B%0A%09background-size%3A%200.9rem%200.9rem%3B%0A%7D%0A%0A.root%5Bdata-tone%3D'primary'%5D%20%7B%0A%09--bf-progress-color%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%09--bf-progress-ring-color%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%7D%0A%0A.root%5Bdata-tone%3D'secondary'%5D%20%7B%0A%09--bf-progress-color%3A%20var(--bf-theme-button-secondary-color%2C%20%231d4ed8)%3B%0A%09--bf-progress-ring-color%3A%20var(--bf-theme-button-secondary-color%2C%20%231d4ed8)%3B%0A%7D%0A%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-variant%3D'striped'%5D%20.fill%2C%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-loading-variant%3D'stripe'%5D%20.fill%20%7B%0A%09animation%3A%20bf-progress-stripes%20700ms%20linear%20infinite%3B%0A%7D%0A%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-loading-variant%3D'pulse'%5D%20.fill%20%7B%0A%09animation%3A%20bf-progress-pulse%20900ms%20ease-in-out%20infinite%3B%0A%7D%0A%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-loading-variant%3D'bounce'%5D%20.fill%20%7B%0A%09transform-origin%3A%20left%20center%3B%0A%09animation%3A%20bf-progress-bounce%20900ms%20ease-in-out%20infinite%3B%0A%7D%0A%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-variant%3D'circular'%5D%20.circular%20svg%2C%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-loading-variant%3D'spin'%5D%5Bdata-variant%3D'circular'%5D%20.circular%20svg%20%7B%0A%09animation%3A%20bf-progress-spin%201s%20linear%20infinite%3B%0A%7D%0A%0A.root%5Bdata-loading%3D'true'%5D%5Bdata-variant%3D'circular'%5D%20.meter%20%7B%0A%09animation%3A%20bf-progress-meter%201.1s%20ease-in-out%20infinite%3B%0A%7D%0A%0A.root%5Bdata-size%3D'sm'%5D%20.circular%20svg%20%7B%0A%09width%3A%20var(--bf-progress-size-sm)%3B%0A%09height%3A%20var(--bf-progress-size-sm)%3B%0A%7D%0A%0A.root%5Bdata-size%3D'lg'%5D%20.circular%20svg%20%7B%0A%09width%3A%20var(--bf-progress-size-lg)%3B%0A%09height%3A%20var(--bf-progress-size-lg)%3B%0A%7D%0A%0A%40keyframes%20bf-progress-indeterminate%20%7B%0A%090%25%20%7B%0A%09%09transform%3A%20translateX(-120%25)%3B%0A%09%7D%0A%09100%25%20%7B%0A%09%09transform%3A%20translateX(260%25)%3B%0A%09%7D%0A%7D%0A%0A%40keyframes%20bf-progress-stripes%20%7B%0A%090%25%20%7B%0A%09%09background-position%3A%200%200%3B%0A%09%7D%0A%09100%25%20%7B%0A%09%09background-position%3A%200.9rem%200%3B%0A%09%7D%0A%7D%0A%0A%40keyframes%20bf-progress-pulse%20%7B%0A%090%25%2C%0A%09100%25%20%7B%0A%09%09opacity%3A%201%3B%0A%09%7D%0A%0950%25%20%7B%0A%09%09opacity%3A%200.45%3B%0A%09%7D%0A%7D%0A%0A%40keyframes%20bf-progress-bounce%20%7B%0A%090%25%2C%0A%09100%25%20%7B%0A%09%09transform%3A%20scaleX(1)%3B%0A%09%7D%0A%0950%25%20%7B%0A%09%09transform%3A%20scaleX(0.7)%3B%0A%09%7D%0A%7D%0A%0A%40keyframes%20bf-progress-spin%20%7B%0A%090%25%20%7B%0A%09%09transform%3A%20rotate(-90deg)%3B%0A%09%7D%0A%09100%25%20%7B%0A%09%09transform%3A%20rotate(270deg)%3B%0A%09%7D%0A%7D%0A%0A%40keyframes%20bf-progress-meter%20%7B%0A%090%25%20%7B%0A%09%09stroke-dashoffset%3A%20220%3B%0A%09%7D%0A%0950%25%20%7B%0A%09%09stroke-dashoffset%3A%2080%3B%0A%09%7D%0A%09100%25%20%7B%0A%09%09stroke-dashoffset%3A%20220%3B%0A%09%7D%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
73
89
|
<div class="linear" part="linear">
|
|
74
90
|
<div class="track" part="track">
|
|
75
91
|
<div class="fill" part="fill"></div>
|
|
@@ -82,11 +98,11 @@ var Jt=Object.defineProperty;var Yt=(s,e,i)=>e in s?Jt(s,e,{enumerable:!0,config
|
|
|
82
98
|
</svg>
|
|
83
99
|
</div>
|
|
84
100
|
<div class="meta" part="meta"><slot></slot></div>
|
|
85
|
-
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._fill=t.querySelector(".fill"),this._meter=t.querySelector(".meter"),this._slot=t.querySelector("slot"),this._slot.addEventListener("slotchange",this._onSlotChange),this._sync()}disconnectedCallback(){this._stopLoading()}attributeChangedCallback(){this._sync()}get value(){return this._value()}set value(e){this.setAttribute("value",String(e))}get max(){return this._max()}set max(e){this.setAttribute("max",String(e))}get variant(){return this._variant()}set variant(e){this.setAttribute("variant",String(e))}get size(){return this.getAttribute("size")||"md"}set size(e){this.setAttribute("size",String(e))}get tone(){return this._tone()}set tone(e){this.setAttribute("tone",String(e))}get loading(){return this.hasAttribute("loading")}set loading(e){if(e){this.setAttribute("loading","");return}this.removeAttribute("loading")}_onSlotChange(){this._renderValueTokens()}_variant(){let e=(this.getAttribute("variant")||"").toLowerCase();return e||(this.hasAttribute("circular")?e="circular":this.hasAttribute("striped")?e="striped":this.hasAttribute("linear")&&(e="linear")),e||(e="linear"),e==="circlular"&&(e="circular"),e==="indeterminate"?"linear":["linear","circular","striped"].includes(e)?e:"linear"}_tone(){let e=(this.getAttribute("tone")||"").toLowerCase();return e==="secondary"?"secondary":e==="primary"?"primary":this.hasAttribute("secondary")?"secondary":this.hasAttribute("primary")?"primary":"default"}_hasMax(){return this.hasAttribute("max")}_max(){let e=Number.parseFloat(this.getAttribute("max")||"");return!Number.isFinite(e)||e<=0?100:Number.isFinite(e)&&e>0?e:100}_value(){let e=Number.parseFloat(this.getAttribute("value")||"0");if(!Number.isFinite(e))return 0;let i=this._hasMax()?this._max():100;return Math.min(i,Math.max(0,e))}_percent(){return this._hasMax()?this._value()/this._max()*100:this._value()}_loadingVariant(){let e=(this.getAttribute("loading-variant")||"").toLowerCase(),i=(this.getAttribute("loading")||"").toLowerCase(),t=e||i||"loop";return["loop","pulse","stripe","bounce","spin"].includes(t)?t:"loop"}_loadingMs(){let e=Number.parseInt(this.getAttribute("loading-ms")||"450",10);return Number.isFinite(e)&&e>=80?e:450}_isLoading(){let e=(this.getAttribute("variant")||"").toLowerCase()==="indeterminate";return this.hasAttribute("loading")||this.hasAttribute("indeterminate")||e}_startLoading(){let e=this._loadingMs();this._loadingTimer&&this._loadingTimerMs===e||(this._stopLoading(),this._loadingTimerMs=e,this._loadingTimer=setInterval(()=>{let i=this._hasMax()?this._max():100,t=i/10,r=this._value()+t;r>i&&(r=0),this.value=Number(r.toFixed(4))},e))}_stopLoading(){this._loadingTimer&&(clearInterval(this._loadingTimer),this._loadingTimer=null,this._loadingTimerMs=null)}_formatValueLabel(){if(this._hasMax())return`${Math.round(this._percent())}%`;let e=this._value();return Number.isInteger(e)?`${e}`:`${e.toFixed(2)}`}_renderValueTokens(){let e=this.querySelectorAll("value");if(!e.length)return;let i=this._formatValueLabel();for(let t of e)t.textContent=i}_sync(){if(!this._root)return;let e=this._variant(),i=this._percent(),t=this.getAttribute("size")||"md",r=this._tone(),n=this._isLoading(),o=this._loadingVariant();this._root.setAttribute("data-variant",e),this._root.setAttribute("data-size",t),this._root.setAttribute("data-tone",r),this._root.setAttribute("data-loading",n?"true":"false"),this._root.setAttribute("data-loading-variant",o),this.setAttribute("role","progressbar"),this.setAttribute("aria-valuemin","0"),this.setAttribute("aria-valuemax",String(this._hasMax()?this._max():100)),this.setAttribute("aria-valuenow",String(this._value())),this.getAttribute("label")&&this.setAttribute("aria-label",this.getAttribute("label")),this._fill.style.width=`${i}%`;let l=2*Math.PI*42,c=l-i/100*l;this._meter.style.strokeDasharray=`${l}`,this._meter.style.strokeDashoffset=`${c}`,this._renderValueTokens(),n?this._startLoading():this._stopLoading()}};a(
|
|
101
|
+
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._fill=t.querySelector(".fill"),this._meter=t.querySelector(".meter"),this._slot=t.querySelector("slot"),this._slot.addEventListener("slotchange",this._onSlotChange),this._sync()}disconnectedCallback(){this._stopLoading()}attributeChangedCallback(){this._sync()}get value(){return this._value()}set value(e){this.setAttribute("value",String(e))}get max(){return this._max()}set max(e){this.setAttribute("max",String(e))}get variant(){return this._variant()}set variant(e){this.setAttribute("variant",String(e))}get size(){return this.getAttribute("size")||"md"}set size(e){this.setAttribute("size",String(e))}get tone(){return this._tone()}set tone(e){this.setAttribute("tone",String(e))}get loading(){return this.hasAttribute("loading")}set loading(e){if(e){this.setAttribute("loading","");return}this.removeAttribute("loading")}_onSlotChange(){this._renderValueTokens()}_variant(){let e=(this.getAttribute("variant")||"").toLowerCase();return e||(this.hasAttribute("circular")?e="circular":this.hasAttribute("striped")?e="striped":this.hasAttribute("linear")&&(e="linear")),e||(e="linear"),e==="circlular"&&(e="circular"),e==="indeterminate"?"linear":["linear","circular","striped"].includes(e)?e:"linear"}_tone(){let e=(this.getAttribute("tone")||"").toLowerCase();return e==="secondary"?"secondary":e==="primary"?"primary":this.hasAttribute("secondary")?"secondary":this.hasAttribute("primary")?"primary":"default"}_hasMax(){return this.hasAttribute("max")}_max(){let e=Number.parseFloat(this.getAttribute("max")||"");return!Number.isFinite(e)||e<=0?100:Number.isFinite(e)&&e>0?e:100}_value(){let e=Number.parseFloat(this.getAttribute("value")||"0");if(!Number.isFinite(e))return 0;let i=this._hasMax()?this._max():100;return Math.min(i,Math.max(0,e))}_percent(){return this._hasMax()?this._value()/this._max()*100:this._value()}_loadingVariant(){let e=(this.getAttribute("loading-variant")||"").toLowerCase(),i=(this.getAttribute("loading")||"").toLowerCase(),t=e||i||"loop";return["loop","pulse","stripe","bounce","spin"].includes(t)?t:"loop"}_loadingMs(){let e=Number.parseInt(this.getAttribute("loading-ms")||"450",10);return Number.isFinite(e)&&e>=80?e:450}_isLoading(){let e=(this.getAttribute("variant")||"").toLowerCase()==="indeterminate";return this.hasAttribute("loading")||this.hasAttribute("indeterminate")||e}_startLoading(){let e=this._loadingMs();this._loadingTimer&&this._loadingTimerMs===e||(this._stopLoading(),this._loadingTimerMs=e,this._loadingTimer=setInterval(()=>{let i=this._hasMax()?this._max():100,t=i/10,r=this._value()+t;r>i&&(r=0),this.value=Number(r.toFixed(4))},e))}_stopLoading(){this._loadingTimer&&(clearInterval(this._loadingTimer),this._loadingTimer=null,this._loadingTimerMs=null)}_formatValueLabel(){if(this._hasMax())return`${Math.round(this._percent())}%`;let e=this._value();return Number.isInteger(e)?`${e}`:`${e.toFixed(2)}`}_renderValueTokens(){let e=this.querySelectorAll("value");if(!e.length)return;let i=this._formatValueLabel();for(let t of e)t.textContent=i}_sync(){if(!this._root)return;let e=this._variant(),i=this._percent(),t=this.getAttribute("size")||"md",r=this._tone(),n=this._isLoading(),o=this._loadingVariant();this._root.setAttribute("data-variant",e),this._root.setAttribute("data-size",t),this._root.setAttribute("data-tone",r),this._root.setAttribute("data-loading",n?"true":"false"),this._root.setAttribute("data-loading-variant",o),this.setAttribute("role","progressbar"),this.setAttribute("aria-valuemin","0"),this.setAttribute("aria-valuemax",String(this._hasMax()?this._max():100)),this.setAttribute("aria-valuenow",String(this._value())),this.getAttribute("label")&&this.setAttribute("aria-label",this.getAttribute("label")),this._fill.style.width=`${i}%`;let l=2*Math.PI*42,c=l-i/100*l;this._meter.style.strokeDasharray=`${l}`,this._meter.style.strokeDashoffset=`${c}`,this._renderValueTokens(),n?this._startLoading():this._stopLoading()}};a(T,"observedAttributes",["variant","value","max","label","size","loading","loading-variant","loading-ms","linear","circular","indeterminate","striped","tone","primary","secondary"]);customElements.define("bf-progress",T);var yt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-quick-actions-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-quick-actions-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-quick-actions-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-quick-actions-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-quick-actions-border-color%3A%20var(--bf-theme-quick-actions-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-quick-actions-bg%3A%20var(--bf-theme-quick-actions-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-quick-actions-color%3A%20var(--bf-theme-quick-actions-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-quick-actions-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-quick-actions-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-quick-actions-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-quick-actions-font)%3B%0A%09color%3A%20var(--bf-quick-actions-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-quick-actions-bg)%3B%0A%09color%3A%20var(--bf-quick-actions-color)%3B%0A%09border-width%3A%20var(--bf-quick-actions-border-width)%3B%0A%09border-style%3A%20var(--bf-quick-actions-border-style)%3B%0A%09border-color%3A%20var(--bf-quick-actions-border-color)%3B%0A%09border-radius%3A%20var(--bf-quick-actions-radius)%3B%0A%09padding%3A%20var(--bf-quick-actions-padding-y)%20var(--bf-quick-actions-padding-x)%3B%0A%09transition%3A%20var(--bf-quick-actions-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-quick-actions",yt);var z=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onInputChange=this._onInputChange.bind(this)}connectedCallback(){if(this._initialized){this._syncState();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-radio-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-radio-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-radio-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-radio-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-radio-border-color%3A%20var(--bf-theme-radio-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-radio-bg%3A%20var(--bf-theme-radio-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-radio-color%3A%20var(--bf-theme-radio-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-radio-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-radio-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-radio-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20inline-block%3B%0A%09font%3A%20var(--bf-radio-font)%3B%0A%09color%3A%20var(--bf-radio-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%200.5rem%3B%0A%09cursor%3A%20pointer%3B%0A%09background%3A%20var(--bf-radio-bg)%3B%0A%09color%3A%20var(--bf-radio-color)%3B%0A%09border-width%3A%20var(--bf-radio-border-width)%3B%0A%09border-style%3A%20var(--bf-radio-border-style)%3B%0A%09border-color%3A%20var(--bf-radio-border-color)%3B%0A%09border-radius%3A%20var(--bf-radio-radius)%3B%0A%09padding%3A%20var(--bf-radio-padding-y)%20var(--bf-radio-padding-x)%3B%0A%09transition%3A%20var(--bf-radio-transition)%3B%0A%7D%0A%0Ainput%20%7B%0A%09position%3A%20absolute%3B%0A%09opacity%3A%200%3B%0A%09width%3A%200%3B%0A%09height%3A%200%3B%0A%7D%0A%0A.dot%20%7B%0A%09width%3A%200.95rem%3B%0A%09height%3A%200.95rem%3B%0A%09border-radius%3A%20999px%3B%0A%09border%3A%202px%20solid%20var(--bf-radio-border-color)%3B%0A%09display%3A%20inline-block%3B%0A%09position%3A%20relative%3B%0A%7D%0A%0A.dot%3A%3Aafter%20%7B%0A%09content%3A%20''%3B%0A%09position%3A%20absolute%3B%0A%09inset%3A%200.15rem%3B%0A%09border-radius%3A%20999px%3B%0A%09background%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%09transform%3A%20scale(0)%3B%0A%09transition%3A%20transform%20120ms%20ease%3B%0A%7D%0A%0Ainput%3Achecked%20%2B%20.dot%3A%3Aafter%20%7B%0A%09transform%3A%20scale(1)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("label");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
86
102
|
<input type="radio" part="input" />
|
|
87
103
|
<span class="dot" part="dot"></span>
|
|
88
104
|
<span class="text" part="text"><slot></slot></span>
|
|
89
|
-
`,this.shadowRoot.replaceChildren(i,t),this._input=this.shadowRoot.querySelector("input"),this._input.addEventListener("change",this._onInputChange),this._syncState()}attributeChangedCallback(){this._syncState()}get checked(){return this.hasAttribute("checked")}set checked(e){if(e){this.setAttribute("checked","");return}this.removeAttribute("checked")}_onInputChange(){this._input.checked&&(this.checked=!0,this._uncheckPeers()),this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{group:this._effectiveGroup(),value:this.value,checked:this.checked}}))}_uncheckPeers(){let e=this._effectiveGroup();if(!e)return;let i=document.querySelectorAll(`bf-radio[group="${CSS.escape(e)}"]`);for(let t of i)t!==this&&(t.checked=!1)}_effectiveGroup(){return this.getAttribute("group")||""}get value(){return this.getAttribute("value")||this.textContent?.trim()||""}_syncState(){if(!this._input)return;let e=this._effectiveGroup();this._input.name=e,this._input.value=this.value,this._input.checked=this.checked,this._input.disabled=this.hasAttribute("disabled"),!((this.textContent||"").trim().length>0)&&!this.getAttribute("label")&&this.setAttribute("label","radio"),this.getAttribute("label")&&this.setAttribute("aria-label",this.getAttribute("label"))}};a(
|
|
105
|
+
`,this.shadowRoot.replaceChildren(i,t),this._input=this.shadowRoot.querySelector("input"),this._input.addEventListener("change",this._onInputChange),this._syncState()}attributeChangedCallback(){this._syncState()}get checked(){return this.hasAttribute("checked")}set checked(e){if(e){this.setAttribute("checked","");return}this.removeAttribute("checked")}_onInputChange(){this._input.checked&&(this.checked=!0,this._uncheckPeers()),this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{group:this._effectiveGroup(),value:this.value,checked:this.checked}}))}_uncheckPeers(){let e=this._effectiveGroup();if(!e)return;let i=document.querySelectorAll(`bf-radio[group="${CSS.escape(e)}"]`);for(let t of i)t!==this&&(t.checked=!1)}_effectiveGroup(){return this.getAttribute("group")||""}get value(){return this.getAttribute("value")||this.textContent?.trim()||""}_syncState(){if(!this._input)return;let e=this._effectiveGroup();this._input.name=e,this._input.value=this.value,this._input.checked=this.checked,this._input.disabled=this.hasAttribute("disabled"),!((this.textContent||"").trim().length>0)&&!this.getAttribute("label")&&this.setAttribute("label","radio"),this.getAttribute("label")&&this.setAttribute("aria-label",this.getAttribute("label"))}};a(z,"observedAttributes",["checked","disabled","label","value","group"]);customElements.define("bf-radio",z);var N=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onSingleInput=this._onSingleInput.bind(this),this._onRangeInput=this._onRangeInput.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-range-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-range-track%3A%20var(--bf-theme-surface-2%2C%20%23e2e8f0)%3B%0A%09--bf-range-fill%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%09--bf-range-rating-active%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%09--bf-range-rating-muted%3A%20var(--bf-theme-border-1%2C%20%23cbd5e1)%3B%0A%09display%3A%20inline-flex%3B%0A%09font%3A%20var(--bf-range-font)%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20inline-flex%3B%0A%09flex-direction%3A%20column%3B%0A%09gap%3A%200.4rem%3B%0A%09min-width%3A%2012rem%3B%0A%7D%0A%0A.single%2C%0A.dual%2C%0A.rating%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-mode%3D'slider'%5D%20.single%20%7B%0A%09display%3A%20block%3B%0A%7D%0A%0A.root%5Bdata-mode%3D'range'%5D%20.dual%20%7B%0A%09display%3A%20block%3B%0A%09position%3A%20relative%3B%0A%09padding-block%3A%200.35rem%3B%0A%7D%0A%0A.root%5Bdata-mode%3D'rating'%5D%20.rating%20%7B%0A%09display%3A%20inline-flex%3B%0A%09gap%3A%200.25rem%3B%0A%7D%0A%0Ainput%5Btype%3D'range'%5D%20%7B%0A%09width%3A%20100%25%3B%0A%09accent-color%3A%20var(--bf-range-fill)%3B%0A%7D%0A%0A.dual-track%20%7B%0A%09position%3A%20absolute%3B%0A%09inset%3A%2050%25%200%20auto%3B%0A%09height%3A%200.35rem%3B%0A%09transform%3A%20translateY(-50%25)%3B%0A%09background%3A%20var(--bf-range-track)%3B%0A%09border-radius%3A%20999px%3B%0A%7D%0A%0A.dual-fill%20%7B%0A%09position%3A%20absolute%3B%0A%09height%3A%20100%25%3B%0A%09background%3A%20var(--bf-range-fill)%3B%0A%09border-radius%3A%20inherit%3B%0A%7D%0A%0A.dual%20input%5Btype%3D'range'%5D%20%7B%0A%09position%3A%20absolute%3B%0A%09left%3A%200%3B%0A%09right%3A%200%3B%0A%09top%3A%2050%25%3B%0A%09transform%3A%20translateY(-50%25)%3B%0A%09background%3A%20transparent%3B%0A%09pointer-events%3A%20none%3B%0A%7D%0A%0A.dual%20input%5Btype%3D'range'%5D%3A%3A-webkit-slider-thumb%20%7B%0A%09pointer-events%3A%20auto%3B%0A%7D%0A%0A.dual%20input%5Btype%3D'range'%5D%3A%3A-moz-range-thumb%20%7B%0A%09pointer-events%3A%20auto%3B%0A%7D%0A%0A.star%20%7B%0A%09border%3A%200%3B%0A%09background%3A%20transparent%3B%0A%09color%3A%20var(--bf-range-rating-muted)%3B%0A%09font%3A%20inherit%3B%0A%09font-size%3A%201.1rem%3B%0A%09cursor%3A%20pointer%3B%0A%09padding%3A%200%3B%0A%09line-height%3A%201%3B%0A%7D%0A%0A.star.is-active%20%7B%0A%09color%3A%20var(--bf-range-rating-active)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
90
106
|
<div class="single" part="single">
|
|
91
107
|
<input class="single-input" type="range" part="input" />
|
|
92
108
|
</div>
|
|
@@ -99,21 +115,21 @@ var Jt=Object.defineProperty;var Yt=(s,e,i)=>e in s?Jt(s,e,{enumerable:!0,config
|
|
|
99
115
|
</div>
|
|
100
116
|
<div class="rating" part="rating"></div>
|
|
101
117
|
<div class="meta" part="meta"><slot></slot></div>
|
|
102
|
-
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._single=t.querySelector(".single-input"),this._dualLow=t.querySelector(".dual-low"),this._dualHigh=t.querySelector(".dual-high"),this._dualFill=t.querySelector(".dual-fill"),this._rating=t.querySelector(".rating"),this._single.addEventListener("input",this._onSingleInput),this._single.addEventListener("change",this._onSingleInput),this._dualLow.addEventListener("input",this._onRangeInput),this._dualLow.addEventListener("change",this._onRangeInput),this._dualHigh.addEventListener("input",this._onRangeInput),this._dualHigh.addEventListener("change",this._onRangeInput),this._sync()}attributeChangedCallback(){this._sync()}_mode(){let e=(this.getAttribute("mode")||"").toLowerCase();return["slider","range","rating"].includes(e)?e:this.hasAttribute("rating")?"rating":this.hasAttribute("range")?"range":"slider"}_min(){let e=Number.parseFloat(this.getAttribute("min")||"0");return Number.isFinite(e)?e:0}_max(){let e=Number.parseFloat(this.getAttribute("max")||"100");return Number.isFinite(e)&&e>this._min()?e:this._min()+100}_step(){let e=Number.parseFloat(this.getAttribute("step")||"1");return Number.isFinite(e)&&e>0?e:1}_parseValue(e,i){let t=Number.parseFloat(this.getAttribute(e)||`${i}`);return Number.isFinite(t)?Math.min(this._max(),Math.max(this._min(),t)):i}_count(){let e=Number.parseInt(this.getAttribute("count")||"5",10);return Number.isFinite(e)&&e>0?e:5}_setValueAttr(e,i){let t=`${i}`;this.getAttribute(e)!==t&&this.setAttribute(e,t)}_emit(e){let i=this._mode();this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:{mode:i,value:i==="range"?[this._parseValue("low",this._min()),this._parseValue("high",this._max())]:this._parseValue("value",this._min())}}))}_onSingleInput(e){this._setValueAttr("value",e.target.value),this._emit(e.type==="change"?"bf-change":"bf-input")}_onRangeInput(e){let i=this._parseValue("low",this._min()),t=this._parseValue("high",this._max()),r=Number.parseFloat(e.target.value);e.target===this._dualLow?i=Math.min(r,t):t=Math.max(r,i),this._setValueAttr("low",i),this._setValueAttr("high",t),this._sync(),this._emit(e.type==="change"?"bf-change":"bf-input")}_renderRating(){this._rating.replaceChildren();let e=this._count(),i=this._parseValue("value",0),t=this.hasAttribute("disabled");for(let r=1;r<=e;r+=1){let n=document.createElement("button");n.type="button",n.className="star",n.textContent="*",n.disabled=t,n.setAttribute("aria-label",`${r}`),r<=i&&n.classList.add("is-active"),n.addEventListener("click",()=>{this._setValueAttr("value",r),this._sync(),this._emit("bf-change")}),this._rating.append(n)}}_syncDualFill(){let e=this._min(),i=this._max(),t=this._parseValue("low",e),r=this._parseValue("high",i),n=(t-e)/(i-e)*100,o=(r-t)/(i-e)*100;this._dualFill.style.left=`${n}%`,this._dualFill.style.width=`${o}%`}_sync(){if(!this._root)return;let e=this._mode(),i=this._min(),t=this._max(),r=this._step(),n=this.hasAttribute("disabled"),o=this.getAttribute("label")||"",l=this.getAttribute("name")||"";this._root.setAttribute("data-mode",e),this._single.min=`${i}`,this._single.max=`${t}`,this._single.step=`${r}`,this._single.value=`${this._parseValue("value",i)}`,this._single.disabled=n,this._single.name=l,this._dualLow.min=`${i}`,this._dualLow.max=`${t}`,this._dualLow.step=`${r}`,this._dualLow.value=`${this._parseValue("low",i)}`,this._dualLow.disabled=n,this._dualLow.name=`${l?`${l}-`:""}low`,this._dualHigh.min=`${i}`,this._dualHigh.max=`${t}`,this._dualHigh.step=`${r}`,this._dualHigh.value=`${this._parseValue("high",t)}`,this._dualHigh.disabled=n,this._dualHigh.name=`${l?`${l}-`:""}high`,this._syncDualFill(),this._renderRating(),o&&(this._single.setAttribute("aria-label",o),this._dualLow.setAttribute("aria-label",`${o} low`),this._dualHigh.setAttribute("aria-label",`${o} high`),this._rating.setAttribute("aria-label",o))}};a(H,"observedAttributes",["mode","slider","range","rating","value","low","high","min","max","step","count","disabled","label","name"]);customElements.define("bf-range",H);var yt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-search-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-search-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-search-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-search-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-search-border-color%3A%20var(--bf-theme-search-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-search-bg%3A%20var(--bf-theme-search-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-search-color%3A%20var(--bf-theme-search-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-search-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-search-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-search-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-search-font)%3B%0A%09color%3A%20var(--bf-search-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-search-bg)%3B%0A%09color%3A%20var(--bf-search-color)%3B%0A%09border-width%3A%20var(--bf-search-border-width)%3B%0A%09border-style%3A%20var(--bf-search-border-style)%3B%0A%09border-color%3A%20var(--bf-search-border-color)%3B%0A%09border-radius%3A%20var(--bf-search-radius)%3B%0A%09padding%3A%20var(--bf-search-padding-y)%20var(--bf-search-padding-x)%3B%0A%09transition%3A%20var(--bf-search-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="search"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-search",yt);var Lt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-segmented-control-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-segmented-control-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-segmented-control-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-segmented-control-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-segmented-control-border-color%3A%20var(--bf-theme-segmented-control-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-segmented-control-bg%3A%20var(--bf-theme-segmented-control-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-segmented-control-color%3A%20var(--bf-theme-segmented-control-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-segmented-control-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-segmented-control-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-segmented-control-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-segmented-control-font)%3B%0A%09color%3A%20var(--bf-segmented-control-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-segmented-control-bg)%3B%0A%09color%3A%20var(--bf-segmented-control-color)%3B%0A%09border-width%3A%20var(--bf-segmented-control-border-width)%3B%0A%09border-style%3A%20var(--bf-segmented-control-border-style)%3B%0A%09border-color%3A%20var(--bf-segmented-control-border-color)%3B%0A%09border-radius%3A%20var(--bf-segmented-control-radius)%3B%0A%09padding%3A%20var(--bf-segmented-control-padding-y)%20var(--bf-segmented-control-padding-x)%3B%0A%09transition%3A%20var(--bf-segmented-control-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="segmented control"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-segmented-control",Lt);var z=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onChange=this._onChange.bind(this),this._onLightDomMutate=this._onLightDomMutate.bind(this)}connectedCallback(){if(this._initialized){this._syncOptions(),this._syncState();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-select-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-select-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-select-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-select-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-select-border-color%3A%20var(--bf-theme-select-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-select-bg%3A%20var(--bf-theme-select-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-select-color%3A%20var(--bf-theme-select-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-select-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-select-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-select-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-select-font)%3B%0A%09color%3A%20var(--bf-select-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09position%3A%20relative%3B%0A%09background%3A%20var(--bf-select-bg)%3B%0A%09color%3A%20var(--bf-select-color)%3B%0A%09border-width%3A%20var(--bf-select-border-width)%3B%0A%09border-style%3A%20var(--bf-select-border-style)%3B%0A%09border-color%3A%20var(--bf-select-border-color)%3B%0A%09border-radius%3A%20var(--bf-select-radius)%3B%0A%09transition%3A%20var(--bf-select-transition)%3B%0A%7D%0A%0Aselect%20%7B%0A%09appearance%3A%20none%3B%0A%09-webkit-appearance%3A%20none%3B%0A%09width%3A%20100%25%3B%0A%09border%3A%200%3B%0A%09outline%3A%200%3B%0A%09background%3A%20transparent%3B%0A%09color%3A%20inherit%3B%0A%09font%3A%20inherit%3B%0A%09padding%3A%20var(--bf-select-padding-y)%20calc(var(--bf-select-padding-x)%20*%202.1)%0A%09%09var(--bf-select-padding-y)%20var(--bf-select-padding-x)%3B%0A%7D%0A%0A.root.is-multi%20select%20%7B%0A%09padding-right%3A%20var(--bf-select-padding-x)%3B%0A%7D%0A%0A.chevron%20%7B%0A%09position%3A%20absolute%3B%0A%09top%3A%2050%25%3B%0A%09right%3A%20var(--bf-select-padding-x)%3B%0A%09width%3A%200.6rem%3B%0A%09height%3A%200.6rem%3B%0A%09transform%3A%20translateY(-60%25)%20rotate(45deg)%3B%0A%09border-right%3A%202px%20solid%20currentColor%3B%0A%09border-bottom%3A%202px%20solid%20currentColor%3B%0A%09opacity%3A%200.7%3B%0A%09pointer-events%3A%20none%3B%0A%7D%0A%0A.root.is-multi%20.chevron%20%7B%0A%09display%3A%20none%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
118
|
+
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._single=t.querySelector(".single-input"),this._dualLow=t.querySelector(".dual-low"),this._dualHigh=t.querySelector(".dual-high"),this._dualFill=t.querySelector(".dual-fill"),this._rating=t.querySelector(".rating"),this._single.addEventListener("input",this._onSingleInput),this._single.addEventListener("change",this._onSingleInput),this._dualLow.addEventListener("input",this._onRangeInput),this._dualLow.addEventListener("change",this._onRangeInput),this._dualHigh.addEventListener("input",this._onRangeInput),this._dualHigh.addEventListener("change",this._onRangeInput),this._sync()}attributeChangedCallback(){this._sync()}_mode(){let e=(this.getAttribute("mode")||"").toLowerCase();return["slider","range","rating"].includes(e)?e:this.hasAttribute("rating")?"rating":this.hasAttribute("range")?"range":"slider"}_min(){let e=Number.parseFloat(this.getAttribute("min")||"0");return Number.isFinite(e)?e:0}_max(){let e=Number.parseFloat(this.getAttribute("max")||"100");return Number.isFinite(e)&&e>this._min()?e:this._min()+100}_step(){let e=Number.parseFloat(this.getAttribute("step")||"1");return Number.isFinite(e)&&e>0?e:1}_parseValue(e,i){let t=Number.parseFloat(this.getAttribute(e)||`${i}`);return Number.isFinite(t)?Math.min(this._max(),Math.max(this._min(),t)):i}_count(){let e=Number.parseInt(this.getAttribute("count")||"5",10);return Number.isFinite(e)&&e>0?e:5}_setValueAttr(e,i){let t=`${i}`;this.getAttribute(e)!==t&&this.setAttribute(e,t)}_emit(e){let i=this._mode();this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:{mode:i,value:i==="range"?[this._parseValue("low",this._min()),this._parseValue("high",this._max())]:this._parseValue("value",this._min())}}))}_onSingleInput(e){this._setValueAttr("value",e.target.value),this._emit(e.type==="change"?"bf-change":"bf-input")}_onRangeInput(e){let i=this._parseValue("low",this._min()),t=this._parseValue("high",this._max()),r=Number.parseFloat(e.target.value);e.target===this._dualLow?i=Math.min(r,t):t=Math.max(r,i),this._setValueAttr("low",i),this._setValueAttr("high",t),this._sync(),this._emit(e.type==="change"?"bf-change":"bf-input")}_renderRating(){this._rating.replaceChildren();let e=this._count(),i=this._parseValue("value",0),t=this.hasAttribute("disabled");for(let r=1;r<=e;r+=1){let n=document.createElement("button");n.type="button",n.className="star",n.textContent="*",n.disabled=t,n.setAttribute("aria-label",`${r}`),r<=i&&n.classList.add("is-active"),n.addEventListener("click",()=>{this._setValueAttr("value",r),this._sync(),this._emit("bf-change")}),this._rating.append(n)}}_syncDualFill(){let e=this._min(),i=this._max(),t=this._parseValue("low",e),r=this._parseValue("high",i),n=(t-e)/(i-e)*100,o=(r-t)/(i-e)*100;this._dualFill.style.left=`${n}%`,this._dualFill.style.width=`${o}%`}_sync(){if(!this._root)return;let e=this._mode(),i=this._min(),t=this._max(),r=this._step(),n=this.hasAttribute("disabled"),o=this.getAttribute("label")||"",l=this.getAttribute("name")||"";this._root.setAttribute("data-mode",e),this._single.min=`${i}`,this._single.max=`${t}`,this._single.step=`${r}`,this._single.value=`${this._parseValue("value",i)}`,this._single.disabled=n,this._single.name=l,this._dualLow.min=`${i}`,this._dualLow.max=`${t}`,this._dualLow.step=`${r}`,this._dualLow.value=`${this._parseValue("low",i)}`,this._dualLow.disabled=n,this._dualLow.name=`${l?`${l}-`:""}low`,this._dualHigh.min=`${i}`,this._dualHigh.max=`${t}`,this._dualHigh.step=`${r}`,this._dualHigh.value=`${this._parseValue("high",t)}`,this._dualHigh.disabled=n,this._dualHigh.name=`${l?`${l}-`:""}high`,this._syncDualFill(),this._renderRating(),o&&(this._single.setAttribute("aria-label",o),this._dualLow.setAttribute("aria-label",`${o} low`),this._dualHigh.setAttribute("aria-label",`${o} high`),this._rating.setAttribute("aria-label",o))}};a(N,"observedAttributes",["mode","slider","range","rating","value","low","high","min","max","step","count","disabled","label","name"]);customElements.define("bf-range",N);var Et=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-search-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-search-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-search-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-search-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-search-border-color%3A%20var(--bf-theme-search-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-search-bg%3A%20var(--bf-theme-search-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-search-color%3A%20var(--bf-theme-search-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-search-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-search-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-search-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-search-font)%3B%0A%09color%3A%20var(--bf-search-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-search-bg)%3B%0A%09color%3A%20var(--bf-search-color)%3B%0A%09border-width%3A%20var(--bf-search-border-width)%3B%0A%09border-style%3A%20var(--bf-search-border-style)%3B%0A%09border-color%3A%20var(--bf-search-border-color)%3B%0A%09border-radius%3A%20var(--bf-search-radius)%3B%0A%09padding%3A%20var(--bf-search-padding-y)%20var(--bf-search-padding-x)%3B%0A%09transition%3A%20var(--bf-search-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-search",Et);var wt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-segmented-control-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-segmented-control-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-segmented-control-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-segmented-control-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-segmented-control-border-color%3A%20var(--bf-theme-segmented-control-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-segmented-control-bg%3A%20var(--bf-theme-segmented-control-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-segmented-control-color%3A%20var(--bf-theme-segmented-control-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-segmented-control-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-segmented-control-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-segmented-control-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-segmented-control-font)%3B%0A%09color%3A%20var(--bf-segmented-control-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-segmented-control-bg)%3B%0A%09color%3A%20var(--bf-segmented-control-color)%3B%0A%09border-width%3A%20var(--bf-segmented-control-border-width)%3B%0A%09border-style%3A%20var(--bf-segmented-control-border-style)%3B%0A%09border-color%3A%20var(--bf-segmented-control-border-color)%3B%0A%09border-radius%3A%20var(--bf-segmented-control-radius)%3B%0A%09padding%3A%20var(--bf-segmented-control-padding-y)%20var(--bf-segmented-control-padding-x)%3B%0A%09transition%3A%20var(--bf-segmented-control-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-segmented-control",wt);var H=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onChange=this._onChange.bind(this),this._onLightDomMutate=this._onLightDomMutate.bind(this)}connectedCallback(){if(this._initialized){this._syncOptions(),this._syncState();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-select-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-select-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-select-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-select-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-select-border-color%3A%20var(--bf-theme-select-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-select-bg%3A%20var(--bf-theme-select-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-select-color%3A%20var(--bf-theme-select-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-select-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-select-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-select-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-select-font)%3B%0A%09color%3A%20var(--bf-select-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09position%3A%20relative%3B%0A%09background%3A%20var(--bf-select-bg)%3B%0A%09color%3A%20var(--bf-select-color)%3B%0A%09border-width%3A%20var(--bf-select-border-width)%3B%0A%09border-style%3A%20var(--bf-select-border-style)%3B%0A%09border-color%3A%20var(--bf-select-border-color)%3B%0A%09border-radius%3A%20var(--bf-select-radius)%3B%0A%09transition%3A%20var(--bf-select-transition)%3B%0A%7D%0A%0Aselect%20%7B%0A%09appearance%3A%20none%3B%0A%09-webkit-appearance%3A%20none%3B%0A%09width%3A%20100%25%3B%0A%09border%3A%200%3B%0A%09outline%3A%200%3B%0A%09background%3A%20transparent%3B%0A%09color%3A%20inherit%3B%0A%09font%3A%20inherit%3B%0A%09padding%3A%20var(--bf-select-padding-y)%20calc(var(--bf-select-padding-x)%20*%202.1)%0A%09%09var(--bf-select-padding-y)%20var(--bf-select-padding-x)%3B%0A%7D%0A%0A.root.is-multi%20select%20%7B%0A%09padding-right%3A%20var(--bf-select-padding-x)%3B%0A%7D%0A%0A.chevron%20%7B%0A%09position%3A%20absolute%3B%0A%09top%3A%2050%25%3B%0A%09right%3A%20var(--bf-select-padding-x)%3B%0A%09width%3A%200.6rem%3B%0A%09height%3A%200.6rem%3B%0A%09transform%3A%20translateY(-60%25)%20rotate(45deg)%3B%0A%09border-right%3A%202px%20solid%20currentColor%3B%0A%09border-bottom%3A%202px%20solid%20currentColor%3B%0A%09opacity%3A%200.7%3B%0A%09pointer-events%3A%20none%3B%0A%7D%0A%0A.root.is-multi%20.chevron%20%7B%0A%09display%3A%20none%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
103
119
|
<select part="select"></select>
|
|
104
120
|
<span class="chevron" part="chevron" aria-hidden="true"></span>
|
|
105
|
-
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._select=t.querySelector("select"),this._select.addEventListener("change",this._onChange),this._observer=new MutationObserver(this._onLightDomMutate),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["value","selected","disabled","label"]}),this._syncOptions(),this._syncState()}disconnectedCallback(){this._observer&&this._observer.disconnect()}attributeChangedCallback(e){e==="value"&&this._reflectingValue||this._syncState()}get value(){return this._isMulti()?this.values:this._select?.value||""}set value(e){if(Array.isArray(e)){this.setAttribute("value",e.join(","));return}this.setAttribute("value",`${e??""}`)}get values(){return this._select?[...this._select.selectedOptions].map(e=>e.value):[]}_onLightDomMutate(){this._syncOptions(),this._syncState()}_onChange(){this._enforceMultiLimit(),this._reflectValueAttribute(),this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{value:this._isMulti()?this.values:this._select.value,values:this.values,multiple:this._isMulti(),multi:this._multiLimit()}}))}_isMulti(){return this.hasAttribute("multi")}_multiLimit(){if(!this._isMulti())return 1;let e=this.getAttribute("multi");if(e===""||e===null)return 1/0;let i=Number.parseInt(e,10);return Number.isFinite(i)&&i>0?i:1/0}_parsedValueAttribute(){let e=this.getAttribute("value");return e===null?[]:this._isMulti()?e.split(",").map(i=>i.trim()).filter(Boolean):[e]}cloneLightDomOptions(){let e=document.createDocumentFragment(),i=0;for(let t of this.children){let r=t.tagName.toLowerCase();if(r==="option"){e.append(this._cloneOption(t)),i+=1;continue}if(r==="optgroup"){let n=document.createElement("optgroup"),o=t.getAttribute("label");o&&(n.label=o);for(let l of t.querySelectorAll("option"))n.append(this._cloneOption(l)),i+=1;e.append(n)}}return{fragment:e,count:i}}_cloneOption(e){let i=document.createElement("option");return i.value=e.getAttribute("value")??e.textContent?.trim()??"",i.textContent=e.textContent?.trim()??"",i.disabled=e.hasAttribute("disabled"),i.defaultSelected=e.hasAttribute("selected"),i.selected=e.hasAttribute("selected"),i}_syncOptions(){if(!this._select)return;let{fragment:e,count:i}=this.cloneLightDomOptions();this._select.replaceChildren();let t=this.getAttribute("placeholder");if(!!(t&&!this._isMulti())){let n=document.createElement("option");n.value="",n.textContent=t,this._select.append(n)}if(i>0)this._select.append(e);else{let n=this.textContent?.trim();if(n){let o=document.createElement("option");o.value=n,o.textContent=n,this._select.append(o)}}}_applyValueAttribute(){if(!this.hasAttribute("value"))return;let e=new Set(this._parsedValueAttribute());if(this._isMulti()){for(let t of this._select.options)t.selected=e.has(t.value);return}let i=this._parsedValueAttribute()[0]??"";this._select.value=i}_enforceMultiLimit(){if(!this._isMulti())return;let e=this._multiLimit();if(e===1/0)return;let i=[...this._select.options].filter(t=>t.selected);if(!(i.length<=e))for(let t=e;t<i.length;t+=1)i[t].selected=!1}_reflectValueAttribute(){if(!this._select)return;let e=this._isMulti()?this.values.join(","):this._select.value;this.getAttribute("value")!==e&&(this._reflectingValue=!0,this.setAttribute("value",e),this._reflectingValue=!1)}_syncState(){!this._select||!this._root||(this._select.multiple=this._isMulti(),this._root.classList.toggle("is-multi",this._isMulti()),this._select.disabled=this.hasAttribute("disabled"),this._select.required=this.hasAttribute("required"),this._select.name=this.getAttribute("name")||"",this.getAttribute("label")?this._select.setAttribute("aria-label",this.getAttribute("label")):this._select.removeAttribute("aria-label"),this._applyValueAttribute(),this._enforceMultiLimit(),this._reflectValueAttribute())}};a(z,"observedAttributes",["value","multi","disabled","required","placeholder","label","name"]);customElements.define("bf-select",z);var N=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-skeleton-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-skeleton-width%3A%20100%25%3B%0A%09--bf-skeleton-height%3A%200.9rem%3B%0A%09--bf-skeleton-base%3A%20color-mix(in%20srgb%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1)%2055%25%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-skeleton-highlight%3A%20color-mix(in%20srgb%2C%20var(--bf-theme-surface-1%2C%20%23ffffff)%2086%25%2C%20transparent)%3B%0A%09--bf-skeleton-speed%3A%201.15s%3B%0A%0A%09display%3A%20block%3B%0A%7D%0A%0A.root%20%7B%0A%09position%3A%20relative%3B%0A%09overflow%3A%20hidden%3B%0A%09width%3A%20var(--bf-skeleton-width)%3B%0A%09height%3A%20var(--bf-skeleton-height)%3B%0A%09background%3A%20var(--bf-skeleton-base)%3B%0A%09border-radius%3A%20var(--bf-skeleton-radius)%3B%0A%09color%3A%20transparent%3B%0A%09user-select%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-animate%3D'on'%5D%3A%3Aafter%20%7B%0A%09content%3A%20''%3B%0A%09position%3A%20absolute%3B%0A%09inset%3A%200%3B%0A%09background%3A%20linear-gradient(%0A%09%09100deg%2C%0A%09%09transparent%200%25%2C%0A%09%09var(--bf-skeleton-highlight)%2045%25%2C%0A%09%09transparent%2080%25%0A%09)%3B%0A%09transform%3A%20translateX(-100%25)%3B%0A%09animation%3A%20bf-skeleton-shimmer%20var(--bf-skeleton-speed)%20ease-in-out%20infinite%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'title'%5D%20%7B%0A%09--bf-skeleton-height%3A%201.05rem%3B%0A%09--bf-skeleton-width%3A%2058%25%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'avatar'%5D%20%7B%0A%09--bf-skeleton-width%3A%202.5rem%3B%0A%09--bf-skeleton-height%3A%202.5rem%3B%0A%09--bf-skeleton-radius%3A%20999px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'button'%5D%20%7B%0A%09--bf-skeleton-width%3A%208rem%3B%0A%09--bf-skeleton-height%3A%202.1rem%3B%0A%09--bf-skeleton-radius%3A%2010px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'image'%5D%20%7B%0A%09--bf-skeleton-height%3A%20auto%3B%0A%09--bf-skeleton-width%3A%20100%25%3B%0A%09aspect-ratio%3A%2016%20%2F%209%3B%0A%09border-radius%3A%2012px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'paragraph'%5D%20%7B%0A%09--bf-skeleton-height%3A%20auto%3B%0A%09background%3A%20transparent%3B%0A%09display%3A%20grid%3B%0A%09gap%3A%200.45rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'paragraph'%5D%3A%3Aafter%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.lines%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'paragraph'%5D%20.lines%20%7B%0A%09display%3A%20grid%3B%0A%09gap%3A%200.45rem%3B%0A%7D%0A%0A.line%20%7B%0A%09position%3A%20relative%3B%0A%09display%3A%20block%3B%0A%09height%3A%200.78rem%3B%0A%09border-radius%3A%20999px%3B%0A%09background%3A%20var(--bf-skeleton-base)%3B%0A%09overflow%3A%20hidden%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'paragraph'%5D%5Bdata-animate%3D'on'%5D%20.line%3A%3Aafter%20%7B%0A%09content%3A%20''%3B%0A%09position%3A%20absolute%3B%0A%09inset%3A%200%3B%0A%09background%3A%20linear-gradient(%0A%09%09100deg%2C%0A%09%09transparent%200%25%2C%0A%09%09var(--bf-skeleton-highlight)%2045%25%2C%0A%09%09transparent%2080%25%0A%09)%3B%0A%09transform%3A%20translateX(-100%25)%3B%0A%09animation%3A%20bf-skeleton-shimmer%20var(--bf-skeleton-speed)%20ease-in-out%20infinite%3B%0A%7D%0A%0Aslot%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A%40keyframes%20bf-skeleton-shimmer%20%7B%0A%09100%25%20%7B%20transform%3A%20translateX(120%25)%3B%20%7D%0A%7D%0A%0A%40media%20(prefers-reduced-motion%3A%20reduce)%20%7B%0A%09.root%3A%3Aafter%2C%0A%09.line%3A%3Aafter%20%7B%0A%09%09animation%3A%20none%20!important%3B%0A%09%7D%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML='<div class="lines" part="lines"></div><slot></slot>',this.shadowRoot.replaceChildren(i,t),this._root=t,this._lines=t.querySelector(".lines"),this._sync()}attributeChangedCallback(){this._sync()}_sync(){if(!this._root||!this._lines)return;let e=(this.getAttribute("variant")||"text").toLowerCase(),i=Math.max(1,Number.parseInt(this.getAttribute("lines")||"1",10)||1),t=e==="text"&&i>1?"paragraph":e;if(this._root.dataset.variant=t,this._root.dataset.animate=this.hasAttribute("static")?"off":"on",this._setSizeVar("--bf-skeleton-width",this.getAttribute("width")),this._setSizeVar("--bf-skeleton-height",this.getAttribute("height")),this._setSizeVar("--bf-skeleton-radius",this.getAttribute("radius")),t!=="paragraph"){this._lines.replaceChildren();return}let r=["96%","90%","94%","86%","92%","84%"],n=[];for(let o=0;o<i;o+=1){let l=document.createElement("span");l.className="line";let c=o===i-1?"68%":r[o%r.length];l.style.width=c,n.push(l)}this._lines.replaceChildren(...n)}_setSizeVar(e,i){if(!i){this.style.removeProperty(e);return}let t=i.trim();if(/^-?\d*\.?\d+$/.test(t)){this.style.setProperty(e,`${t}px`);return}this.style.setProperty(e,t)}};a(N,"observedAttributes",["variant","lines","width","height","radius","static"]);customElements.define("bf-skeleton",N);var wt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-split-button-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-split-button-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-split-button-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-split-button-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-split-button-border-color%3A%20var(--bf-theme-split-button-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-split-button-bg%3A%20var(--bf-theme-split-button-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-split-button-color%3A%20var(--bf-theme-split-button-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-split-button-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-split-button-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-split-button-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-split-button-font)%3B%0A%09color%3A%20var(--bf-split-button-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-split-button-bg)%3B%0A%09color%3A%20var(--bf-split-button-color)%3B%0A%09border-width%3A%20var(--bf-split-button-border-width)%3B%0A%09border-style%3A%20var(--bf-split-button-border-style)%3B%0A%09border-color%3A%20var(--bf-split-button-border-color)%3B%0A%09border-radius%3A%20var(--bf-split-button-radius)%3B%0A%09padding%3A%20var(--bf-split-button-padding-y)%20var(--bf-split-button-padding-x)%3B%0A%09transition%3A%20var(--bf-split-button-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="split button"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-split-button",wt);var xt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-splitter-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-splitter-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-splitter-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-splitter-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-splitter-border-color%3A%20var(--bf-theme-splitter-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-splitter-bg%3A%20var(--bf-theme-splitter-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-splitter-color%3A%20var(--bf-theme-splitter-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-splitter-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-splitter-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-splitter-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-splitter-font)%3B%0A%09color%3A%20var(--bf-splitter-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-splitter-bg)%3B%0A%09color%3A%20var(--bf-splitter-color)%3B%0A%09border-width%3A%20var(--bf-splitter-border-width)%3B%0A%09border-style%3A%20var(--bf-splitter-border-style)%3B%0A%09border-color%3A%20var(--bf-splitter-border-color)%3B%0A%09border-radius%3A%20var(--bf-splitter-radius)%3B%0A%09padding%3A%20var(--bf-splitter-padding-y)%20var(--bf-splitter-padding-x)%3B%0A%09transition%3A%20var(--bf-splitter-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="splitter"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-splitter",xt);var Mt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-stack-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-stack-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-stack-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-stack-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-stack-border-color%3A%20var(--bf-theme-stack-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-stack-bg%3A%20var(--bf-theme-stack-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-stack-color%3A%20var(--bf-theme-stack-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-stack-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-stack-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-stack-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-stack-font)%3B%0A%09color%3A%20var(--bf-stack-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-stack-bg)%3B%0A%09color%3A%20var(--bf-stack-color)%3B%0A%09border-width%3A%20var(--bf-stack-border-width)%3B%0A%09border-style%3A%20var(--bf-stack-border-style)%3B%0A%09border-color%3A%20var(--bf-stack-border-color)%3B%0A%09border-radius%3A%20var(--bf-stack-radius)%3B%0A%09padding%3A%20var(--bf-stack-padding-y)%20var(--bf-stack-padding-x)%3B%0A%09transition%3A%20var(--bf-stack-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="stack"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-stack",Mt);var R=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onClick=this._onClick.bind(this)}connectedCallback(){if(this._initialized){this._syncState();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-tab-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-tab-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-tab-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-tab-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-tab-border-color%3A%20var(--bf-theme-tab-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-tab-bg%3A%20var(--bf-theme-tab-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-tab-color%3A%20var(--bf-theme-tab-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-tab-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-tab-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-tab-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20inline-block%3B%0A%09font%3A%20var(--bf-tab-font)%3B%0A%09color%3A%20var(--bf-tab-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09font%3A%20inherit%3B%0A%09cursor%3A%20pointer%3B%0A%09background%3A%20var(--bf-tab-bg)%3B%0A%09color%3A%20var(--bf-tab-color)%3B%0A%09border-width%3A%20var(--bf-tab-border-width)%3B%0A%09border-style%3A%20var(--bf-tab-border-style)%3B%0A%09border-color%3A%20var(--bf-tab-border-color)%3B%0A%09border-radius%3A%20var(--bf-tab-radius)%3B%0A%09padding%3A%20var(--bf-tab-padding-y)%20var(--bf-tab-padding-x)%3B%0A%09transition%3A%20var(--bf-tab-transition)%3B%0A%7D%0A%0A.root.is-selected%20%7B%0A%09background%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%09color%3A%20var(--bf-theme-button-primary-color%2C%20%23ffffff)%3B%0A%09border-color%3A%20var(--bf-theme-button-primary-border-color%2C%20%231d4ed8)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("button");t.className="root",t.setAttribute("part","root"),t.type="button",t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="tab"),this.shadowRoot.replaceChildren(i,t),this._button=t,t.addEventListener("click",this._onClick),this._syncState()}attributeChangedCallback(){this._syncState()}get selected(){return this.hasAttribute("selected")}set selected(e){if(e){this.setAttribute("selected","");return}this.removeAttribute("selected")}get value(){return this.getAttribute("value")||this.textContent?.trim()||""}_onClick(){let e=this.getAttribute("group");if(e){let i=document.querySelectorAll(`bf-tab[group="${CSS.escape(e)}"]`);for(let t of i)t.selected=t===this}else this.selected=!0;this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{group:e||"",value:this.value,selected:this.selected}}))}_syncState(){this._button&&(this.getAttribute("label")&&this._button.setAttribute("aria-label",this.getAttribute("label")),this._button.disabled=this.hasAttribute("disabled"),this._button.setAttribute("aria-selected",String(this.selected)),this._button.setAttribute("role","tab"),this._button.classList.toggle("is-selected",this.selected))}};a(R,"observedAttributes",["selected","disabled","group","label","value"]);customElements.define("bf-tab",R);var St=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-table-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-table-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-table-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-table-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-table-border-color%3A%20var(--bf-theme-table-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-table-bg%3A%20var(--bf-theme-table-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-table-color%3A%20var(--bf-theme-table-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-table-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-table-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-table-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-table-font)%3B%0A%09color%3A%20var(--bf-table-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-table-bg)%3B%0A%09color%3A%20var(--bf-table-color)%3B%0A%09border-width%3A%20var(--bf-table-border-width)%3B%0A%09border-style%3A%20var(--bf-table-border-style)%3B%0A%09border-color%3A%20var(--bf-table-border-color)%3B%0A%09border-radius%3A%20var(--bf-table-radius)%3B%0A%09padding%3A%20var(--bf-table-padding-y)%20var(--bf-table-padding-x)%3B%0A%09transition%3A%20var(--bf-table-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="table"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-table",St);var U=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-tag-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-tag-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-tag-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-tag-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-tag-border-color%3A%20var(--bf-theme-tag-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-tag-bg%3A%20var(--bf-theme-tag-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-tag-color%3A%20var(--bf-theme-tag-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-tag-padding-y%3A%200.35rem%3B%0A%09--bf-tag-padding-x%3A%200.55rem%3B%0A%09--bf-tag-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20inline-block%3B%0A%09font%3A%20var(--bf-tag-font)%3B%0A%09color%3A%20var(--bf-tag-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09justify-content%3A%20center%3B%0A%09gap%3A%200.3rem%3B%0A%09line-height%3A%201%3B%0A%09font-size%3A%200.82rem%3B%0A%09font-weight%3A%20600%3B%0A%09background%3A%20var(--bf-tag-bg)%3B%0A%09color%3A%20var(--bf-tag-color)%3B%0A%09border-width%3A%20var(--bf-tag-border-width)%3B%0A%09border-style%3A%20var(--bf-tag-border-style)%3B%0A%09border-color%3A%20var(--bf-tag-border-color)%3B%0A%09border-radius%3A%20var(--bf-tag-radius)%3B%0A%09padding%3A%20var(--bf-tag-padding-y)%20var(--bf-tag-padding-x)%3B%0A%09transition%3A%20var(--bf-tag-transition)%3B%0A%7D%0A%0A.root%5Bdata-size%3D'sm'%5D%20%7B%0A%09font-size%3A%200.74rem%3B%0A%09padding%3A%200.22rem%200.42rem%3B%0A%7D%0A%0A.root%5Bdata-size%3D'lg'%5D%20%7B%0A%09font-size%3A%200.9rem%3B%0A%09padding%3A%200.45rem%200.68rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'badge'%5D%20%7B%0A%09font-size%3A%200.72rem%3B%0A%09font-weight%3A%20700%3B%0A%09min-width%3A%201.35rem%3B%0A%09padding%3A%200.14rem%200.42rem%3B%0A%09border-radius%3A%20999px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'pill'%5D%20%7B%0A%09border-radius%3A%20999px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'chip'%5D%20%7B%0A%09padding-right%3A%200.75rem%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="tag"),this.shadowRoot.replaceChildren(i,t),this._root=t,this._sync()}attributeChangedCallback(){this._sync()}_sync(){if(!this._root)return;let e=(this.getAttribute("variant")||"").toLowerCase(),i="tag";["tag","badge","chip","pill"].includes(e)?i=e:this.hasAttribute("badge")?i="badge":this.hasAttribute("chip")?i="chip":this.hasAttribute("pill")&&(i="pill"),this._root.dataset.variant=i;let t=(this.getAttribute("size")||"md").toLowerCase();this._root.dataset.size=["sm","md","lg"].includes(t)?t:"md"}};a(U,"observedAttributes",["variant","badge","chip","pill","size"]);customElements.define("bf-tag",U);var Tt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-textarea-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-textarea-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-textarea-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-textarea-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-textarea-border-color%3A%20var(--bf-theme-textarea-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-textarea-bg%3A%20var(--bf-theme-textarea-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-textarea-color%3A%20var(--bf-theme-textarea-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-textarea-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-textarea-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-textarea-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-textarea-font)%3B%0A%09color%3A%20var(--bf-textarea-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-textarea-bg)%3B%0A%09color%3A%20var(--bf-textarea-color)%3B%0A%09border-width%3A%20var(--bf-textarea-border-width)%3B%0A%09border-style%3A%20var(--bf-textarea-border-style)%3B%0A%09border-color%3A%20var(--bf-textarea-border-color)%3B%0A%09border-radius%3A%20var(--bf-textarea-radius)%3B%0A%09padding%3A%20var(--bf-textarea-padding-y)%20var(--bf-textarea-padding-x)%3B%0A%09transition%3A%20var(--bf-textarea-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="textarea"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-textarea",Tt);var Ht=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-timeline-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-timeline-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-timeline-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-timeline-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-timeline-border-color%3A%20var(--bf-theme-timeline-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-timeline-bg%3A%20var(--bf-theme-timeline-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-timeline-color%3A%20var(--bf-theme-timeline-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-timeline-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-timeline-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-timeline-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-timeline-font)%3B%0A%09color%3A%20var(--bf-timeline-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-timeline-bg)%3B%0A%09color%3A%20var(--bf-timeline-color)%3B%0A%09border-width%3A%20var(--bf-timeline-border-width)%3B%0A%09border-style%3A%20var(--bf-timeline-border-style)%3B%0A%09border-color%3A%20var(--bf-timeline-border-color)%3B%0A%09border-radius%3A%20var(--bf-timeline-radius)%3B%0A%09padding%3A%20var(--bf-timeline-padding-y)%20var(--bf-timeline-padding-x)%3B%0A%09transition%3A%20var(--bf-timeline-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="timeline"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-timeline",Ht);var I=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onCloseClick=this._onCloseClick.bind(this)}connectedCallback(){if(this._initialized){this._syncState();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-toast-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-toast-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-toast-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-toast-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-toast-border-color%3A%20var(--bf-theme-toast-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-toast-bg%3A%20var(--bf-theme-toast-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-toast-color%3A%20var(--bf-theme-toast-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-toast-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-toast-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-toast-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09--bf-toast-success-bg%3A%20var(--bf-theme-success-bg%2C%20%23dcfce7)%3B%0A%09--bf-toast-success-color%3A%20var(--bf-theme-success-color%2C%20%23166534)%3B%0A%09--bf-toast-warning-bg%3A%20var(--bf-theme-warning-bg%2C%20%23fef3c7)%3B%0A%09--bf-toast-warning-color%3A%20var(--bf-theme-warning-color%2C%20%2392400e)%3B%0A%09--bf-toast-error-bg%3A%20var(--bf-theme-error-bg%2C%20%23fee2e2)%3B%0A%09--bf-toast-error-color%3A%20var(--bf-theme-error-color%2C%20%23991b1b)%3B%0A%09--bf-toast-info-bg%3A%20var(--bf-theme-info-bg%2C%20var(--bf-toast-bg))%3B%0A%09--bf-toast-info-color%3A%20var(--bf-theme-info-color%2C%20var(--bf-toast-color))%3B%0A%09--bf-toast-snackbar-bg%3A%20var(--bf-theme-snackbar-bg%2C%20%23111827)%3B%0A%09--bf-toast-snackbar-color%3A%20var(--bf-theme-snackbar-color%2C%20%23f8fafc)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-toast-font)%3B%0A%09color%3A%20var(--bf-toast-color)%3B%0A%09z-index%3A%201000%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20grid%3B%0A%09grid-template-columns%3A%20auto%201fr%20auto%3B%0A%09align-items%3A%20start%3B%0A%09gap%3A%200.5rem%3B%0A%09min-width%3A%2016rem%3B%0A%09max-width%3A%2030rem%3B%0A%09background%3A%20var(--bf-toast-bg)%3B%0A%09color%3A%20var(--bf-toast-color)%3B%0A%09border-width%3A%20var(--bf-toast-border-width)%3B%0A%09border-style%3A%20var(--bf-toast-border-style)%3B%0A%09border-color%3A%20var(--bf-toast-border-color)%3B%0A%09border-radius%3A%20var(--bf-toast-radius)%3B%0A%09padding%3A%20var(--bf-toast-padding-y)%20var(--bf-toast-padding-x)%3B%0A%09transition%3A%20var(--bf-toast-transition)%3B%0A%09box-shadow%3A%200%208px%2028px%20rgba(15%2C%2023%2C%2042%2C%200.18)%3B%0A%7D%0A%0A.icon%20%7B%0A%09width%3A%201.1rem%3B%0A%09height%3A%201.1rem%3B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09justify-content%3A%20center%3B%0A%09font-weight%3A%20700%3B%0A%09line-height%3A%201%3B%0A%09margin-top%3A%200.1rem%3B%0A%7D%0A%0A.content%20%7B%0A%09min-width%3A%200%3B%0A%7D%0A%0A.close%20%7B%0A%09border%3A%200%3B%0A%09background%3A%20transparent%3B%0A%09color%3A%20currentColor%3B%0A%09font%3A%20inherit%3B%0A%09line-height%3A%201%3B%0A%09cursor%3A%20pointer%3B%0A%09padding%3A%200%3B%0A%09opacity%3A%200.75%3B%0A%7D%0A%0A.close%3Ahover%20%7B%0A%09opacity%3A%201%3B%0A%7D%0A%0A.root%5Bdata-open%3D'false'%5D%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'alert'%5D%20%7B%0A%09border-left-width%3A%204px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'notification'%5D%20%7B%0A%09border-radius%3A%20calc(var(--bf-toast-radius)%20%2B%204px)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'snackbar'%5D%20%7B%0A%09background%3A%20var(--bf-toast-snackbar-bg)%3B%0A%09color%3A%20var(--bf-toast-snackbar-color)%3B%0A%09border-color%3A%20transparent%3B%0A%09border-radius%3A%20999px%3B%0A%09padding-inline%3A%200.9rem%3B%0A%09min-width%3A%2014rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'snackbar'%5D%20.icon%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'banner'%5D%20%7B%0A%09width%3A%20min(100%25%2C%2064rem)%3B%0A%09max-width%3A%2064rem%3B%0A%09border-radius%3A%2010px%3B%0A%09box-shadow%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'banner'%5D%20.icon%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-type%3D'success'%5D%20%7B%0A%09background%3A%20var(--bf-toast-success-bg)%3B%0A%09color%3A%20var(--bf-toast-success-color)%3B%0A%7D%0A%0A.root%5Bdata-type%3D'warning'%5D%20%7B%0A%09background%3A%20var(--bf-toast-warning-bg)%3B%0A%09color%3A%20var(--bf-toast-warning-color)%3B%0A%7D%0A%0A.root%5Bdata-type%3D'error'%5D%20%7B%0A%09background%3A%20var(--bf-toast-error-bg)%3B%0A%09color%3A%20var(--bf-toast-error-color)%3B%0A%7D%0A%0A.root%5Bdata-type%3D'info'%5D%20%7B%0A%09background%3A%20var(--bf-toast-info-bg)%3B%0A%09color%3A%20var(--bf-toast-info-color)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'snackbar'%5D%5Bdata-type%3D'success'%5D%2C%0A.root%5Bdata-variant%3D'snackbar'%5D%5Bdata-type%3D'warning'%5D%2C%0A.root%5Bdata-variant%3D'snackbar'%5D%5Bdata-type%3D'error'%5D%2C%0A.root%5Bdata-variant%3D'snackbar'%5D%5Bdata-type%3D'info'%5D%20%7B%0A%09background%3A%20var(--bf-toast-snackbar-bg)%3B%0A%09color%3A%20var(--bf-toast-snackbar-color)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
121
|
+
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._select=t.querySelector("select"),this._select.addEventListener("change",this._onChange),this._observer=new MutationObserver(this._onLightDomMutate),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["value","selected","disabled","label"]}),this._syncOptions(),this._syncState()}disconnectedCallback(){this._observer&&this._observer.disconnect()}attributeChangedCallback(e){e==="value"&&this._reflectingValue||this._syncState()}get value(){return this._isMulti()?this.values:this._select?.value||""}set value(e){if(Array.isArray(e)){this.setAttribute("value",e.join(","));return}this.setAttribute("value",`${e??""}`)}get values(){return this._select?[...this._select.selectedOptions].map(e=>e.value):[]}_onLightDomMutate(){this._syncOptions(),this._syncState()}_onChange(){this._enforceMultiLimit(),this._reflectValueAttribute(),this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{value:this._isMulti()?this.values:this._select.value,values:this.values,multiple:this._isMulti(),multi:this._multiLimit()}}))}_isMulti(){return this.hasAttribute("multi")}_multiLimit(){if(!this._isMulti())return 1;let e=this.getAttribute("multi");if(e===""||e===null)return 1/0;let i=Number.parseInt(e,10);return Number.isFinite(i)&&i>0?i:1/0}_parsedValueAttribute(){let e=this.getAttribute("value");return e===null?[]:this._isMulti()?e.split(",").map(i=>i.trim()).filter(Boolean):[e]}cloneLightDomOptions(){let e=document.createDocumentFragment(),i=0;for(let t of this.children){let r=t.tagName.toLowerCase();if(r==="option"){e.append(this._cloneOption(t)),i+=1;continue}if(r==="optgroup"){let n=document.createElement("optgroup"),o=t.getAttribute("label");o&&(n.label=o);for(let l of t.querySelectorAll("option"))n.append(this._cloneOption(l)),i+=1;e.append(n)}}return{fragment:e,count:i}}_cloneOption(e){let i=document.createElement("option");return i.value=e.getAttribute("value")??e.textContent?.trim()??"",i.textContent=e.textContent?.trim()??"",i.disabled=e.hasAttribute("disabled"),i.defaultSelected=e.hasAttribute("selected"),i.selected=e.hasAttribute("selected"),i}_syncOptions(){if(!this._select)return;let{fragment:e,count:i}=this.cloneLightDomOptions();this._select.replaceChildren();let t=this.getAttribute("placeholder");if(!!(t&&!this._isMulti())){let n=document.createElement("option");n.value="",n.textContent=t,this._select.append(n)}if(i>0)this._select.append(e);else{let n=this.textContent?.trim();if(n){let o=document.createElement("option");o.value=n,o.textContent=n,this._select.append(o)}}}_applyValueAttribute(){if(!this.hasAttribute("value"))return;let e=new Set(this._parsedValueAttribute());if(this._isMulti()){for(let t of this._select.options)t.selected=e.has(t.value);return}let i=this._parsedValueAttribute()[0]??"";this._select.value=i}_enforceMultiLimit(){if(!this._isMulti())return;let e=this._multiLimit();if(e===1/0)return;let i=[...this._select.options].filter(t=>t.selected);if(!(i.length<=e))for(let t=e;t<i.length;t+=1)i[t].selected=!1}_reflectValueAttribute(){if(!this._select)return;let e=this._isMulti()?this.values.join(","):this._select.value;this.getAttribute("value")!==e&&(this._reflectingValue=!0,this.setAttribute("value",e),this._reflectingValue=!1)}_syncState(){!this._select||!this._root||(this._select.multiple=this._isMulti(),this._root.classList.toggle("is-multi",this._isMulti()),this._select.disabled=this.hasAttribute("disabled"),this._select.required=this.hasAttribute("required"),this._select.name=this.getAttribute("name")||"",this.getAttribute("label")?this._select.setAttribute("aria-label",this.getAttribute("label")):this._select.removeAttribute("aria-label"),this._applyValueAttribute(),this._enforceMultiLimit(),this._reflectValueAttribute())}};a(H,"observedAttributes",["value","multi","disabled","required","placeholder","label","name"]);customElements.define("bf-select",H);var R=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-skeleton-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-skeleton-width%3A%20100%25%3B%0A%09--bf-skeleton-height%3A%200.9rem%3B%0A%09--bf-skeleton-base%3A%20color-mix(in%20srgb%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1)%2055%25%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-skeleton-highlight%3A%20color-mix(in%20srgb%2C%20var(--bf-theme-surface-1%2C%20%23ffffff)%2086%25%2C%20transparent)%3B%0A%09--bf-skeleton-speed%3A%201.15s%3B%0A%0A%09display%3A%20block%3B%0A%7D%0A%0A.root%20%7B%0A%09position%3A%20relative%3B%0A%09overflow%3A%20hidden%3B%0A%09width%3A%20var(--bf-skeleton-width)%3B%0A%09height%3A%20var(--bf-skeleton-height)%3B%0A%09background%3A%20var(--bf-skeleton-base)%3B%0A%09border-radius%3A%20var(--bf-skeleton-radius)%3B%0A%09color%3A%20transparent%3B%0A%09user-select%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-animate%3D'on'%5D%3A%3Aafter%20%7B%0A%09content%3A%20''%3B%0A%09position%3A%20absolute%3B%0A%09inset%3A%200%3B%0A%09background%3A%20linear-gradient(%0A%09%09100deg%2C%0A%09%09transparent%200%25%2C%0A%09%09var(--bf-skeleton-highlight)%2045%25%2C%0A%09%09transparent%2080%25%0A%09)%3B%0A%09transform%3A%20translateX(-100%25)%3B%0A%09animation%3A%20bf-skeleton-shimmer%20var(--bf-skeleton-speed)%20ease-in-out%20infinite%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'title'%5D%20%7B%0A%09--bf-skeleton-height%3A%201.05rem%3B%0A%09--bf-skeleton-width%3A%2058%25%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'avatar'%5D%20%7B%0A%09--bf-skeleton-width%3A%202.5rem%3B%0A%09--bf-skeleton-height%3A%202.5rem%3B%0A%09--bf-skeleton-radius%3A%20999px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'button'%5D%20%7B%0A%09--bf-skeleton-width%3A%208rem%3B%0A%09--bf-skeleton-height%3A%202.1rem%3B%0A%09--bf-skeleton-radius%3A%2010px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'image'%5D%20%7B%0A%09--bf-skeleton-height%3A%20auto%3B%0A%09--bf-skeleton-width%3A%20100%25%3B%0A%09aspect-ratio%3A%2016%20%2F%209%3B%0A%09border-radius%3A%2012px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'paragraph'%5D%20%7B%0A%09--bf-skeleton-height%3A%20auto%3B%0A%09background%3A%20transparent%3B%0A%09display%3A%20grid%3B%0A%09gap%3A%200.45rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'paragraph'%5D%3A%3Aafter%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.lines%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'paragraph'%5D%20.lines%20%7B%0A%09display%3A%20grid%3B%0A%09gap%3A%200.45rem%3B%0A%7D%0A%0A.line%20%7B%0A%09position%3A%20relative%3B%0A%09display%3A%20block%3B%0A%09height%3A%200.78rem%3B%0A%09border-radius%3A%20999px%3B%0A%09background%3A%20var(--bf-skeleton-base)%3B%0A%09overflow%3A%20hidden%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'paragraph'%5D%5Bdata-animate%3D'on'%5D%20.line%3A%3Aafter%20%7B%0A%09content%3A%20''%3B%0A%09position%3A%20absolute%3B%0A%09inset%3A%200%3B%0A%09background%3A%20linear-gradient(%0A%09%09100deg%2C%0A%09%09transparent%200%25%2C%0A%09%09var(--bf-skeleton-highlight)%2045%25%2C%0A%09%09transparent%2080%25%0A%09)%3B%0A%09transform%3A%20translateX(-100%25)%3B%0A%09animation%3A%20bf-skeleton-shimmer%20var(--bf-skeleton-speed)%20ease-in-out%20infinite%3B%0A%7D%0A%0Aslot%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A%40keyframes%20bf-skeleton-shimmer%20%7B%0A%09100%25%20%7B%20transform%3A%20translateX(120%25)%3B%20%7D%0A%7D%0A%0A%40media%20(prefers-reduced-motion%3A%20reduce)%20%7B%0A%09.root%3A%3Aafter%2C%0A%09.line%3A%3Aafter%20%7B%0A%09%09animation%3A%20none%20!important%3B%0A%09%7D%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML='<div class="lines" part="lines"></div><slot></slot>',this.shadowRoot.replaceChildren(i,t),this._root=t,this._lines=t.querySelector(".lines"),this._sync()}attributeChangedCallback(){this._sync()}_sync(){if(!this._root||!this._lines)return;let e=(this.getAttribute("variant")||"text").toLowerCase(),i=Math.max(1,Number.parseInt(this.getAttribute("lines")||"1",10)||1),t=e==="text"&&i>1?"paragraph":e;if(this._root.dataset.variant=t,this._root.dataset.animate=this.hasAttribute("static")?"off":"on",this._setSizeVar("--bf-skeleton-width",this.getAttribute("width")),this._setSizeVar("--bf-skeleton-height",this.getAttribute("height")),this._setSizeVar("--bf-skeleton-radius",this.getAttribute("radius")),t!=="paragraph"){this._lines.replaceChildren();return}let r=["96%","90%","94%","86%","92%","84%"],n=[];for(let o=0;o<i;o+=1){let l=document.createElement("span");l.className="line";let c=o===i-1?"68%":r[o%r.length];l.style.width=c,n.push(l)}this._lines.replaceChildren(...n)}_setSizeVar(e,i){if(!i){this.style.removeProperty(e);return}let t=i.trim();if(/^-?\d*\.?\d+$/.test(t)){this.style.setProperty(e,`${t}px`);return}this.style.setProperty(e,t)}};a(R,"observedAttributes",["variant","lines","width","height","radius","static"]);customElements.define("bf-skeleton",R);var Lt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-split-button-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-split-button-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-split-button-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-split-button-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-split-button-border-color%3A%20var(--bf-theme-split-button-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-split-button-bg%3A%20var(--bf-theme-split-button-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-split-button-color%3A%20var(--bf-theme-split-button-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-split-button-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-split-button-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-split-button-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-split-button-font)%3B%0A%09color%3A%20var(--bf-split-button-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-split-button-bg)%3B%0A%09color%3A%20var(--bf-split-button-color)%3B%0A%09border-width%3A%20var(--bf-split-button-border-width)%3B%0A%09border-style%3A%20var(--bf-split-button-border-style)%3B%0A%09border-color%3A%20var(--bf-split-button-border-color)%3B%0A%09border-radius%3A%20var(--bf-split-button-radius)%3B%0A%09padding%3A%20var(--bf-split-button-padding-y)%20var(--bf-split-button-padding-x)%3B%0A%09transition%3A%20var(--bf-split-button-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-split-button",Lt);var xt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-splitter-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-splitter-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-splitter-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-splitter-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-splitter-border-color%3A%20var(--bf-theme-splitter-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-splitter-bg%3A%20var(--bf-theme-splitter-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-splitter-color%3A%20var(--bf-theme-splitter-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-splitter-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-splitter-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-splitter-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-splitter-font)%3B%0A%09color%3A%20var(--bf-splitter-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-splitter-bg)%3B%0A%09color%3A%20var(--bf-splitter-color)%3B%0A%09border-width%3A%20var(--bf-splitter-border-width)%3B%0A%09border-style%3A%20var(--bf-splitter-border-style)%3B%0A%09border-color%3A%20var(--bf-splitter-border-color)%3B%0A%09border-radius%3A%20var(--bf-splitter-radius)%3B%0A%09padding%3A%20var(--bf-splitter-padding-y)%20var(--bf-splitter-padding-x)%3B%0A%09transition%3A%20var(--bf-splitter-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-splitter",xt);var St=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-stack-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-stack-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-stack-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-stack-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-stack-border-color%3A%20var(--bf-theme-stack-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-stack-bg%3A%20var(--bf-theme-stack-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-stack-color%3A%20var(--bf-theme-stack-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-stack-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-stack-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-stack-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-stack-font)%3B%0A%09color%3A%20var(--bf-stack-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-stack-bg)%3B%0A%09color%3A%20var(--bf-stack-color)%3B%0A%09border-width%3A%20var(--bf-stack-border-width)%3B%0A%09border-style%3A%20var(--bf-stack-border-style)%3B%0A%09border-color%3A%20var(--bf-stack-border-color)%3B%0A%09border-radius%3A%20var(--bf-stack-radius)%3B%0A%09padding%3A%20var(--bf-stack-padding-y)%20var(--bf-stack-padding-x)%3B%0A%09transition%3A%20var(--bf-stack-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-stack",St);var U=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onClick=this._onClick.bind(this)}connectedCallback(){if(this._initialized){this._syncState();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-tab-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-tab-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-tab-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-tab-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-tab-border-color%3A%20var(--bf-theme-tab-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-tab-bg%3A%20var(--bf-theme-tab-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-tab-color%3A%20var(--bf-theme-tab-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-tab-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-tab-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-tab-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20inline-block%3B%0A%09font%3A%20var(--bf-tab-font)%3B%0A%09color%3A%20var(--bf-tab-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09font%3A%20inherit%3B%0A%09cursor%3A%20pointer%3B%0A%09background%3A%20var(--bf-tab-bg)%3B%0A%09color%3A%20var(--bf-tab-color)%3B%0A%09border-width%3A%20var(--bf-tab-border-width)%3B%0A%09border-style%3A%20var(--bf-tab-border-style)%3B%0A%09border-color%3A%20var(--bf-tab-border-color)%3B%0A%09border-radius%3A%20var(--bf-tab-radius)%3B%0A%09padding%3A%20var(--bf-tab-padding-y)%20var(--bf-tab-padding-x)%3B%0A%09transition%3A%20var(--bf-tab-transition)%3B%0A%7D%0A%0A.root.is-selected%20%7B%0A%09background%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%09color%3A%20var(--bf-theme-button-primary-color%2C%20%23ffffff)%3B%0A%09border-color%3A%20var(--bf-theme-button-primary-border-color%2C%20%231d4ed8)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("button");t.className="root",t.setAttribute("part","root"),t.type="button",t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t),this._button=t,t.addEventListener("click",this._onClick),this._syncState()}attributeChangedCallback(){this._syncState()}get selected(){return this.hasAttribute("selected")}set selected(e){if(e){this.setAttribute("selected","");return}this.removeAttribute("selected")}get value(){return this.getAttribute("value")||this.textContent?.trim()||""}_onClick(){let e=this.getAttribute("group");if(e){let i=document.querySelectorAll(`bf-tab[group="${CSS.escape(e)}"]`);for(let t of i)t.selected=t===this}else this.selected=!0;this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{group:e||"",value:this.value,selected:this.selected}}))}_syncState(){this._button&&(this.getAttribute("label")&&this._button.setAttribute("aria-label",this.getAttribute("label")),this._button.disabled=this.hasAttribute("disabled"),this._button.setAttribute("aria-selected",String(this.selected)),this._button.setAttribute("role","tab"),this._button.classList.toggle("is-selected",this.selected))}};a(U,"observedAttributes",["selected","disabled","group","label","value"]);customElements.define("bf-tab",U);var Mt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-table-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-table-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-table-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-table-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-table-border-color%3A%20var(--bf-theme-table-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-table-bg%3A%20var(--bf-theme-table-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-table-color%3A%20var(--bf-theme-table-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-table-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-table-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-table-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-table-font)%3B%0A%09color%3A%20var(--bf-table-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-table-bg)%3B%0A%09color%3A%20var(--bf-table-color)%3B%0A%09border-width%3A%20var(--bf-table-border-width)%3B%0A%09border-style%3A%20var(--bf-table-border-style)%3B%0A%09border-color%3A%20var(--bf-table-border-color)%3B%0A%09border-radius%3A%20var(--bf-table-radius)%3B%0A%09padding%3A%20var(--bf-table-padding-y)%20var(--bf-table-padding-x)%3B%0A%09transition%3A%20var(--bf-table-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-table",Mt);var I=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-tag-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-tag-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-tag-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-tag-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-tag-border-color%3A%20var(--bf-theme-tag-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-tag-bg%3A%20var(--bf-theme-tag-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-tag-color%3A%20var(--bf-theme-tag-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-tag-padding-y%3A%200.35rem%3B%0A%09--bf-tag-padding-x%3A%200.55rem%3B%0A%09--bf-tag-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20inline-block%3B%0A%09font%3A%20var(--bf-tag-font)%3B%0A%09color%3A%20var(--bf-tag-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09justify-content%3A%20center%3B%0A%09gap%3A%200.3rem%3B%0A%09line-height%3A%201%3B%0A%09font-size%3A%200.82rem%3B%0A%09font-weight%3A%20600%3B%0A%09background%3A%20var(--bf-tag-bg)%3B%0A%09color%3A%20var(--bf-tag-color)%3B%0A%09border-width%3A%20var(--bf-tag-border-width)%3B%0A%09border-style%3A%20var(--bf-tag-border-style)%3B%0A%09border-color%3A%20var(--bf-tag-border-color)%3B%0A%09border-radius%3A%20var(--bf-tag-radius)%3B%0A%09padding%3A%20var(--bf-tag-padding-y)%20var(--bf-tag-padding-x)%3B%0A%09transition%3A%20var(--bf-tag-transition)%3B%0A%7D%0A%0A.root%5Bdata-size%3D'sm'%5D%20%7B%0A%09font-size%3A%200.74rem%3B%0A%09padding%3A%200.22rem%200.42rem%3B%0A%7D%0A%0A.root%5Bdata-size%3D'lg'%5D%20%7B%0A%09font-size%3A%200.9rem%3B%0A%09padding%3A%200.45rem%200.68rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'badge'%5D%20%7B%0A%09font-size%3A%200.72rem%3B%0A%09font-weight%3A%20700%3B%0A%09min-width%3A%201.35rem%3B%0A%09padding%3A%200.14rem%200.42rem%3B%0A%09border-radius%3A%20999px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'pill'%5D%20%7B%0A%09border-radius%3A%20999px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'chip'%5D%20%7B%0A%09padding-right%3A%200.75rem%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t),this._root=t,this._sync()}attributeChangedCallback(){this._sync()}_sync(){if(!this._root)return;let e=(this.getAttribute("variant")||"").toLowerCase(),i="tag";["tag","badge","chip","pill"].includes(e)?i=e:this.hasAttribute("badge")?i="badge":this.hasAttribute("chip")?i="chip":this.hasAttribute("pill")&&(i="pill"),this._root.dataset.variant=i;let t=(this.getAttribute("size")||"md").toLowerCase();this._root.dataset.size=["sm","md","lg"].includes(t)?t:"md"}};a(I,"observedAttributes",["variant","badge","chip","pill","size"]);customElements.define("bf-tag",I);var Tt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-timeline-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-timeline-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-timeline-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-timeline-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-timeline-border-color%3A%20var(--bf-theme-timeline-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-timeline-bg%3A%20var(--bf-theme-timeline-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-timeline-color%3A%20var(--bf-theme-timeline-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-timeline-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-timeline-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-timeline-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-timeline-font)%3B%0A%09color%3A%20var(--bf-timeline-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-timeline-bg)%3B%0A%09color%3A%20var(--bf-timeline-color)%3B%0A%09border-width%3A%20var(--bf-timeline-border-width)%3B%0A%09border-style%3A%20var(--bf-timeline-border-style)%3B%0A%09border-color%3A%20var(--bf-timeline-border-color)%3B%0A%09border-radius%3A%20var(--bf-timeline-radius)%3B%0A%09padding%3A%20var(--bf-timeline-padding-y)%20var(--bf-timeline-padding-x)%3B%0A%09transition%3A%20var(--bf-timeline-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-timeline",Tt);var $=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onCloseClick=this._onCloseClick.bind(this)}connectedCallback(){if(this._initialized){this._syncState();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-toast-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-toast-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-toast-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-toast-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-toast-border-color%3A%20var(--bf-theme-toast-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-toast-bg%3A%20var(--bf-theme-toast-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-toast-color%3A%20var(--bf-theme-toast-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-toast-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-toast-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-toast-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09--bf-toast-success-bg%3A%20var(--bf-theme-success-bg%2C%20%23dcfce7)%3B%0A%09--bf-toast-success-color%3A%20var(--bf-theme-success-color%2C%20%23166534)%3B%0A%09--bf-toast-warning-bg%3A%20var(--bf-theme-warning-bg%2C%20%23fef3c7)%3B%0A%09--bf-toast-warning-color%3A%20var(--bf-theme-warning-color%2C%20%2392400e)%3B%0A%09--bf-toast-error-bg%3A%20var(--bf-theme-error-bg%2C%20%23fee2e2)%3B%0A%09--bf-toast-error-color%3A%20var(--bf-theme-error-color%2C%20%23991b1b)%3B%0A%09--bf-toast-info-bg%3A%20var(--bf-theme-info-bg%2C%20var(--bf-toast-bg))%3B%0A%09--bf-toast-info-color%3A%20var(--bf-theme-info-color%2C%20var(--bf-toast-color))%3B%0A%09--bf-toast-snackbar-bg%3A%20var(--bf-theme-snackbar-bg%2C%20%23111827)%3B%0A%09--bf-toast-snackbar-color%3A%20var(--bf-theme-snackbar-color%2C%20%23f8fafc)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-toast-font)%3B%0A%09color%3A%20var(--bf-toast-color)%3B%0A%09z-index%3A%201000%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20grid%3B%0A%09grid-template-columns%3A%20auto%201fr%20auto%3B%0A%09align-items%3A%20start%3B%0A%09gap%3A%200.5rem%3B%0A%09min-width%3A%2016rem%3B%0A%09max-width%3A%2030rem%3B%0A%09background%3A%20var(--bf-toast-bg)%3B%0A%09color%3A%20var(--bf-toast-color)%3B%0A%09border-width%3A%20var(--bf-toast-border-width)%3B%0A%09border-style%3A%20var(--bf-toast-border-style)%3B%0A%09border-color%3A%20var(--bf-toast-border-color)%3B%0A%09border-radius%3A%20var(--bf-toast-radius)%3B%0A%09padding%3A%20var(--bf-toast-padding-y)%20var(--bf-toast-padding-x)%3B%0A%09transition%3A%20var(--bf-toast-transition)%3B%0A%09box-shadow%3A%200%208px%2028px%20rgba(15%2C%2023%2C%2042%2C%200.18)%3B%0A%7D%0A%0A.icon%20%7B%0A%09width%3A%201.1rem%3B%0A%09height%3A%201.1rem%3B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09justify-content%3A%20center%3B%0A%09font-weight%3A%20700%3B%0A%09line-height%3A%201%3B%0A%09margin-top%3A%200.1rem%3B%0A%7D%0A%0A.content%20%7B%0A%09min-width%3A%200%3B%0A%7D%0A%0A.close%20%7B%0A%09border%3A%200%3B%0A%09background%3A%20transparent%3B%0A%09color%3A%20currentColor%3B%0A%09font%3A%20inherit%3B%0A%09line-height%3A%201%3B%0A%09cursor%3A%20pointer%3B%0A%09padding%3A%200%3B%0A%09opacity%3A%200.75%3B%0A%7D%0A%0A.close%3Ahover%20%7B%0A%09opacity%3A%201%3B%0A%7D%0A%0A.root%5Bdata-open%3D'false'%5D%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'alert'%5D%20%7B%0A%09border-left-width%3A%204px%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'notification'%5D%20%7B%0A%09border-radius%3A%20calc(var(--bf-toast-radius)%20%2B%204px)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'snackbar'%5D%20%7B%0A%09background%3A%20var(--bf-toast-snackbar-bg)%3B%0A%09color%3A%20var(--bf-toast-snackbar-color)%3B%0A%09border-color%3A%20transparent%3B%0A%09border-radius%3A%20999px%3B%0A%09padding-inline%3A%200.9rem%3B%0A%09min-width%3A%2014rem%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'snackbar'%5D%20.icon%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'banner'%5D%20%7B%0A%09width%3A%20min(100%25%2C%2064rem)%3B%0A%09max-width%3A%2064rem%3B%0A%09border-radius%3A%2010px%3B%0A%09box-shadow%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'banner'%5D%20.icon%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-type%3D'success'%5D%20%7B%0A%09background%3A%20var(--bf-toast-success-bg)%3B%0A%09color%3A%20var(--bf-toast-success-color)%3B%0A%7D%0A%0A.root%5Bdata-type%3D'warning'%5D%20%7B%0A%09background%3A%20var(--bf-toast-warning-bg)%3B%0A%09color%3A%20var(--bf-toast-warning-color)%3B%0A%7D%0A%0A.root%5Bdata-type%3D'error'%5D%20%7B%0A%09background%3A%20var(--bf-toast-error-bg)%3B%0A%09color%3A%20var(--bf-toast-error-color)%3B%0A%7D%0A%0A.root%5Bdata-type%3D'info'%5D%20%7B%0A%09background%3A%20var(--bf-toast-info-bg)%3B%0A%09color%3A%20var(--bf-toast-info-color)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'snackbar'%5D%5Bdata-type%3D'success'%5D%2C%0A.root%5Bdata-variant%3D'snackbar'%5D%5Bdata-type%3D'warning'%5D%2C%0A.root%5Bdata-variant%3D'snackbar'%5D%5Bdata-type%3D'error'%5D%2C%0A.root%5Bdata-variant%3D'snackbar'%5D%5Bdata-type%3D'info'%5D%20%7B%0A%09background%3A%20var(--bf-toast-snackbar-bg)%3B%0A%09color%3A%20var(--bf-toast-snackbar-color)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
106
122
|
<span class="icon" part="icon" aria-hidden="true"></span>
|
|
107
123
|
<div class="content" part="content"><slot></slot></div>
|
|
108
124
|
<button class="close" part="close" type="button" aria-label="Close">×</button>
|
|
109
|
-
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._icon=t.querySelector(".icon"),this._close=t.querySelector(".close"),this._close.addEventListener("click",this._onCloseClick),this.
|
|
125
|
+
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._icon=t.querySelector(".icon"),this._close=t.querySelector(".close"),this._close.addEventListener("click",this._onCloseClick),this._syncState()}disconnectedCallback(){this._clearDurationTimer()}attributeChangedCallback(){this._syncState()}get open(){return this.hasAttribute("open")}set open(e){if(e){this.setAttribute("open","");return}this.removeAttribute("open")}show(){this.open=!0}hide(){this.open=!1}_onCloseClick(){this.hide(),this.dispatchEvent(new CustomEvent("bf-close",{bubbles:!0,composed:!0,detail:{id:this.id||""}}))}_variant(){let e=(this.getAttribute("variant")||"").toLowerCase();return["toast","alert","notification","snackbar","banner"].includes(e)?e:this.hasAttribute("alert")?"alert":this.hasAttribute("notification")?"notification":this.hasAttribute("snackbar")?"snackbar":this.hasAttribute("banner")?"banner":"toast"}_type(){let e=(this.getAttribute("type")||"").toLowerCase();return["success","warning","error","info"].includes(e)?e:this.hasAttribute("success")?"success":this.hasAttribute("warning")?"warning":this.hasAttribute("error")?"error":"info"}_position(){let e=this._variant(),i=(this.getAttribute("position")||"").toLowerCase().replace(/\s+/g,"-");if(i&&this._isValidPosition(i))return i;if(e==="snackbar"&&!this.hasAttribute("top")&&!this.hasAttribute("bottom")&&!this.hasAttribute("left")&&!this.hasAttribute("right")&&!this.hasAttribute("center")&&!this.hasAttribute("position"))return"bottom-center";if(e==="banner"&&!this.hasAttribute("top")&&!this.hasAttribute("bottom")&&!this.hasAttribute("left")&&!this.hasAttribute("right")&&!this.hasAttribute("center")&&!this.hasAttribute("position"))return"top-center";let t=this.hasAttribute("bottom")?"bottom":"top",r="right";return this.hasAttribute("left")&&(r="left"),this.hasAttribute("center")&&(r="center"),this.hasAttribute("right")&&(r="right"),`${t}-${r}`}_isValidPosition(e){return["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"].includes(e)}_duration(){let e=Number.parseInt(this.getAttribute("duration")||"",10);return Number.isFinite(e)&&e>0?e:0}_iconSymbol(){let e=this._type();return e==="success"?"\u2713":e==="warning"?"!":e==="error"?"x":"i"}_clearDurationTimer(){this._durationTimer&&(clearTimeout(this._durationTimer),this._durationTimer=null)}_scheduleAutoHide(){this._clearDurationTimer();let e=this._duration();!this.open||e<=0||(this._durationTimer=setTimeout(()=>{this.hide()},e))}_syncState(){if(!this._root)return;let e=this._variant(),i=this._type(),t=this._position();this.hasAttribute("open")||this.setAttribute("open",""),this._root.setAttribute("data-variant",e),this._root.setAttribute("data-type",i),this._root.setAttribute("data-position",t),this._root.setAttribute("data-open",this.open?"true":"false"),this._icon.textContent=this._iconSymbol(),this._applyPosition(t),this.setAttribute("role",e==="alert"?"alert":"status"),this.setAttribute("aria-live",e==="alert"?"assertive":"polite"),this._scheduleAutoHide()}_applyPosition(e){if(!(this.hasAttribute("position")||this.hasAttribute("top")||this.hasAttribute("bottom")||this.hasAttribute("left")||this.hasAttribute("right")||this.hasAttribute("center"))){this.style.position="",this.style.top="",this.style.bottom="",this.style.left="",this.style.right="",this.style.transform="";return}this.style.position="fixed",this.style.zIndex="1000",this.style.top="",this.style.bottom="",this.style.left="",this.style.right="",this.style.transform="";let[t,r]=e.split("-");this.style[t]="1rem",r==="left"?this.style.left="1rem":r==="right"?this.style.right="1rem":(this.style.left="50%",this.style.transform="translateX(-50%)")}};a($,"observedAttributes",["variant","position","type","duration","open","alert","notification","snackbar","banner","top","bottom","left","right","center","success","warning","error","info"]);customElements.define("bf-toast",$);var F=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onClick=this._onClick.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-toggle-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-toggle-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-toggle-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-toggle-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-toggle-border-color%3A%20var(--bf-theme-toggle-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-toggle-bg%3A%20var(--bf-theme-toggle-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-toggle-color%3A%20var(--bf-theme-toggle-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-toggle-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-toggle-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-toggle-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-toggle-font)%3B%0A%09color%3A%20var(--bf-toggle-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%200.55rem%3B%0A%09background%3A%20var(--bf-toggle-bg)%3B%0A%09color%3A%20var(--bf-toggle-color)%3B%0A%09border-width%3A%20var(--bf-toggle-border-width)%3B%0A%09border-style%3A%20var(--bf-toggle-border-style)%3B%0A%09border-color%3A%20var(--bf-toggle-border-color)%3B%0A%09border-radius%3A%20var(--bf-toggle-radius)%3B%0A%09padding%3A%20var(--bf-toggle-padding-y)%20var(--bf-toggle-padding-x)%3B%0A%09transition%3A%20var(--bf-toggle-transition)%3B%0A%09cursor%3A%20pointer%3B%0A%7D%0A%0A.track%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'switch'%5D%20%7B%0A%09border-color%3A%20transparent%3B%0A%09background%3A%20transparent%3B%0A%09padding%3A%200%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'switch'%5D%20.track%20%7B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09width%3A%202.2rem%3B%0A%09height%3A%201.3rem%3B%0A%09border-radius%3A%20999px%3B%0A%09background%3A%20var(--bf-theme-surface-2%2C%20%23cbd5e1)%3B%0A%09padding%3A%200.15rem%3B%0A%09transition%3A%20background-color%20140ms%20ease%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'switch'%5D%20.thumb%20%7B%0A%09width%3A%201rem%3B%0A%09height%3A%201rem%3B%0A%09border-radius%3A%2050%25%3B%0A%09background%3A%20%23fff%3B%0A%09box-shadow%3A%200%201px%202px%20rgba(0%2C%200%2C%200%2C%200.2)%3B%0A%09transform%3A%20translateX(0)%3B%0A%09transition%3A%20transform%20140ms%20ease%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'switch'%5D.is-checked%20.track%20%7B%0A%09background%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'switch'%5D.is-checked%20.thumb%20%7B%0A%09transform%3A%20translateX(0.9rem)%3B%0A%7D%0A%0A.root%5Bdata-variant%3D'toggle'%5D.is-checked%20%7B%0A%09background%3A%20color-mix(in%20srgb%2C%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%2012%25%2C%20var(--bf-toggle-bg))%3B%0A%09border-color%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%7D%0A%0A.root%3Adisabled%20%7B%0A%09opacity%3A%200.55%3B%0A%09cursor%3A%20not-allowed%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("button");t.className="root",t.setAttribute("part","root"),t.type="button",t.innerHTML=`
|
|
110
126
|
<span class="track" part="track"><span class="thumb" part="thumb"></span></span>
|
|
111
127
|
<span class="text" part="text"><slot></slot></span>
|
|
112
|
-
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._text=t.querySelector(".text"),this._root.addEventListener("click",this._onClick),this.textContent?.trim()||(this.textContent="toggle"),this._sync()}attributeChangedCallback(){this._sync()}get checked(){return this.hasAttribute("checked")}set checked(e){if(e){this.setAttribute("checked","");return}this.removeAttribute("checked")}_onClick(){this.hasAttribute("disabled")||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{checked:this.checked}})))}_variant(){return(this.getAttribute("variant")||"").toLowerCase()==="switch"||this.hasAttribute("switch")?"switch":"toggle"}_sync(){if(!this._root)return;let e=this._variant();this._root.setAttribute("data-variant",e),this._root.setAttribute("aria-pressed",String(this.checked)),this._root.setAttribute("role","switch"),this._root.setAttribute("aria-checked",String(this.checked)),this._root.disabled=this.hasAttribute("disabled"),this._root.classList.toggle("is-checked",this.checked),this.getAttribute("label")&&this._root.setAttribute("aria-label",this.getAttribute("label")),this._text.hidden=e==="switch"&&!(this.textContent||"").trim()}};a($,"observedAttributes",["checked","disabled","label","switch","variant"]);customElements.define("bf-toggle",$);var zt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-toolbar-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-toolbar-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-toolbar-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-toolbar-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-toolbar-border-color%3A%20var(--bf-theme-toolbar-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-toolbar-bg%3A%20var(--bf-theme-toolbar-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-toolbar-color%3A%20var(--bf-theme-toolbar-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-toolbar-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-toolbar-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-toolbar-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-toolbar-font)%3B%0A%09color%3A%20var(--bf-toolbar-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-toolbar-bg)%3B%0A%09color%3A%20var(--bf-toolbar-color)%3B%0A%09border-width%3A%20var(--bf-toolbar-border-width)%3B%0A%09border-style%3A%20var(--bf-toolbar-border-style)%3B%0A%09border-color%3A%20var(--bf-toolbar-border-color)%3B%0A%09border-radius%3A%20var(--bf-toolbar-radius)%3B%0A%09padding%3A%20var(--bf-toolbar-padding-y)%20var(--bf-toolbar-padding-x)%3B%0A%09transition%3A%20var(--bf-toolbar-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="toolbar"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-toolbar",zt);var Nt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-tree-view-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-tree-view-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-tree-view-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-tree-view-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-tree-view-border-color%3A%20var(--bf-theme-tree-view-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-tree-view-bg%3A%20var(--bf-theme-tree-view-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-tree-view-color%3A%20var(--bf-theme-tree-view-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-tree-view-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-tree-view-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-tree-view-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-tree-view-font)%3B%0A%09color%3A%20var(--bf-tree-view-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-tree-view-bg)%3B%0A%09color%3A%20var(--bf-tree-view-color)%3B%0A%09border-width%3A%20var(--bf-tree-view-border-width)%3B%0A%09border-style%3A%20var(--bf-tree-view-border-style)%3B%0A%09border-color%3A%20var(--bf-tree-view-border-color)%3B%0A%09border-radius%3A%20var(--bf-tree-view-radius)%3B%0A%09padding%3A%20var(--bf-tree-view-padding-y)%20var(--bf-tree-view-padding-x)%3B%0A%09transition%3A%20var(--bf-tree-view-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="tree view"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-tree-view",Nt);var Rt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-video-player-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-video-player-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-video-player-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-video-player-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-video-player-border-color%3A%20var(--bf-theme-video-player-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-video-player-bg%3A%20var(--bf-theme-video-player-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-video-player-color%3A%20var(--bf-theme-video-player-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-video-player-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-video-player-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-video-player-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-video-player-font)%3B%0A%09color%3A%20var(--bf-video-player-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-video-player-bg)%3B%0A%09color%3A%20var(--bf-video-player-color)%3B%0A%09border-width%3A%20var(--bf-video-player-border-width)%3B%0A%09border-style%3A%20var(--bf-video-player-border-style)%3B%0A%09border-color%3A%20var(--bf-video-player-border-color)%3B%0A%09border-radius%3A%20var(--bf-video-player-radius)%3B%0A%09padding%3A%20var(--bf-video-player-padding-y)%20var(--bf-video-player-padding-x)%3B%0A%09transition%3A%20var(--bf-video-player-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="video player"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-video-player",Rt);var Ut=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-virtual-list-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-virtual-list-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-virtual-list-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-virtual-list-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-virtual-list-border-color%3A%20var(--bf-theme-virtual-list-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-virtual-list-bg%3A%20var(--bf-theme-virtual-list-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-virtual-list-color%3A%20var(--bf-theme-virtual-list-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-virtual-list-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-virtual-list-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-virtual-list-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-virtual-list-font)%3B%0A%09color%3A%20var(--bf-virtual-list-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-virtual-list-bg)%3B%0A%09color%3A%20var(--bf-virtual-list-color)%3B%0A%09border-width%3A%20var(--bf-virtual-list-border-width)%3B%0A%09border-style%3A%20var(--bf-virtual-list-border-style)%3B%0A%09border-color%3A%20var(--bf-virtual-list-border-color)%3B%0A%09border-radius%3A%20var(--bf-virtual-list-radius)%3B%0A%09padding%3A%20var(--bf-virtual-list-padding-y)%20var(--bf-virtual-list-padding-x)%3B%0A%09transition%3A%20var(--bf-virtual-list-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.innerHTML.trim()||(t.textContent="virtual list"),this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-virtual-list",Ut);var F=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onPrev=this._onPrev.bind(this),this._onNext=this._onNext.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-wizard-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-wizard-radius%3A%20var(--bf-theme-radius-md%2C%2010px)%3B%0A%09--bf-wizard-border-color%3A%20var(--bf-theme-wizard-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-wizard-bg%3A%20var(--bf-theme-wizard-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-wizard-color%3A%20var(--bf-theme-wizard-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-wizard-accent%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%09--bf-wizard-muted%3A%20var(--bf-theme-text-2%2C%20%2364748b)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-wizard-font)%3B%0A%09color%3A%20var(--bf-wizard-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-wizard-bg)%3B%0A%09color%3A%20var(--bf-wizard-color)%3B%0A%09border%3A%201px%20solid%20var(--bf-wizard-border-color)%3B%0A%09border-radius%3A%20var(--bf-wizard-radius)%3B%0A%09padding%3A%200.85rem%3B%0A%09display%3A%20grid%3B%0A%09gap%3A%200.8rem%3B%0A%7D%0A%0A.steps%20%7B%0A%09list-style%3A%20none%3B%0A%09margin%3A%200%3B%0A%09padding%3A%200%3B%0A%09display%3A%20flex%3B%0A%09flex-wrap%3A%20wrap%3B%0A%09gap%3A%200.55rem%3B%0A%7D%0A%0A.steps%20li%20%7B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%200.4rem%3B%0A%09color%3A%20var(--bf-wizard-muted)%3B%0A%7D%0A%0A.steps%20.dot%20%7B%0A%09width%3A%201.4rem%3B%0A%09height%3A%201.4rem%3B%0A%09border-radius%3A%20999px%3B%0A%09border%3A%201px%20solid%20var(--bf-wizard-border-color)%3B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09justify-content%3A%20center%3B%0A%09font-size%3A%200.78rem%3B%0A%7D%0A%0A.steps%20li.current%20%7B%0A%09color%3A%20var(--bf-wizard-color)%3B%0A%09font-weight%3A%20600%3B%0A%7D%0A%0A.steps%20li.current%20.dot%20%7B%0A%09background%3A%20var(--bf-wizard-accent)%3B%0A%09color%3A%20%23fff%3B%0A%09border-color%3A%20var(--bf-wizard-accent)%3B%0A%7D%0A%0A.steps%20li.done%20.dot%20%7B%0A%09border-color%3A%20var(--bf-wizard-accent)%3B%0A%09color%3A%20var(--bf-wizard-accent)%3B%0A%7D%0A%0A.content.is-empty%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.actions%20%7B%0A%09display%3A%20flex%3B%0A%09justify-content%3A%20space-between%3B%0A%09gap%3A%200.6rem%3B%0A%7D%0A%0A.actions%20button%20%7B%0A%09border%3A%201px%20solid%20var(--bf-wizard-border-color)%3B%0A%09background%3A%20var(--bf-theme-surface-1%2C%20%23fff)%3B%0A%09color%3A%20inherit%3B%0A%09border-radius%3A%207px%3B%0A%09padding%3A%200.35rem%200.7rem%3B%0A%09cursor%3A%20pointer%3B%0A%7D%0A%0A.actions%20button%3Adisabled%20%7B%0A%09opacity%3A%200.55%3B%0A%09cursor%3A%20not-allowed%3B%0A%7D%0A%0A.root%5Bdata-mode%3D'stepper'%5D%20.content%2C%0A.root%5Bdata-mode%3D'stepper'%5D%20.actions%20%7B%0A%09display%3A%20none%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
128
|
+
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._text=t.querySelector(".text"),this._root.addEventListener("click",this._onClick),this._sync()}attributeChangedCallback(){this._sync()}get checked(){return this.hasAttribute("checked")}set checked(e){if(e){this.setAttribute("checked","");return}this.removeAttribute("checked")}_onClick(){this.hasAttribute("disabled")||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{checked:this.checked}})))}_variant(){return(this.getAttribute("variant")||"").toLowerCase()==="switch"||this.hasAttribute("switch")?"switch":"toggle"}_sync(){if(!this._root)return;let e=this._variant();this._root.setAttribute("data-variant",e),this._root.setAttribute("aria-pressed",String(this.checked)),this._root.setAttribute("role","switch"),this._root.setAttribute("aria-checked",String(this.checked)),this._root.disabled=this.hasAttribute("disabled"),this._root.classList.toggle("is-checked",this.checked),this.getAttribute("label")&&this._root.setAttribute("aria-label",this.getAttribute("label")),this._text.hidden=e==="switch"&&!(this.textContent||"").trim()}};a(F,"observedAttributes",["checked","disabled","label","switch","variant"]);customElements.define("bf-toggle",F);var zt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-toolbar-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-toolbar-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-toolbar-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-toolbar-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-toolbar-border-color%3A%20var(--bf-theme-toolbar-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-toolbar-bg%3A%20var(--bf-theme-toolbar-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-toolbar-color%3A%20var(--bf-theme-toolbar-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-toolbar-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-toolbar-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-toolbar-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-toolbar-font)%3B%0A%09color%3A%20var(--bf-toolbar-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-toolbar-bg)%3B%0A%09color%3A%20var(--bf-toolbar-color)%3B%0A%09border-width%3A%20var(--bf-toolbar-border-width)%3B%0A%09border-style%3A%20var(--bf-toolbar-border-style)%3B%0A%09border-color%3A%20var(--bf-toolbar-border-color)%3B%0A%09border-radius%3A%20var(--bf-toolbar-radius)%3B%0A%09padding%3A%20var(--bf-toolbar-padding-y)%20var(--bf-toolbar-padding-x)%3B%0A%09transition%3A%20var(--bf-toolbar-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-toolbar",zt);var Nt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-tree-view-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-tree-view-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-tree-view-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-tree-view-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-tree-view-border-color%3A%20var(--bf-theme-tree-view-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-tree-view-bg%3A%20var(--bf-theme-tree-view-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-tree-view-color%3A%20var(--bf-theme-tree-view-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-tree-view-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-tree-view-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-tree-view-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-tree-view-font)%3B%0A%09color%3A%20var(--bf-tree-view-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-tree-view-bg)%3B%0A%09color%3A%20var(--bf-tree-view-color)%3B%0A%09border-width%3A%20var(--bf-tree-view-border-width)%3B%0A%09border-style%3A%20var(--bf-tree-view-border-style)%3B%0A%09border-color%3A%20var(--bf-tree-view-border-color)%3B%0A%09border-radius%3A%20var(--bf-tree-view-radius)%3B%0A%09padding%3A%20var(--bf-tree-view-padding-y)%20var(--bf-tree-view-padding-x)%3B%0A%09transition%3A%20var(--bf-tree-view-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-tree-view",Nt);var Ht=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-video-player-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-video-player-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-video-player-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-video-player-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-video-player-border-color%3A%20var(--bf-theme-video-player-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-video-player-bg%3A%20var(--bf-theme-video-player-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-video-player-color%3A%20var(--bf-theme-video-player-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-video-player-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-video-player-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-video-player-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-video-player-font)%3B%0A%09color%3A%20var(--bf-video-player-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-video-player-bg)%3B%0A%09color%3A%20var(--bf-video-player-color)%3B%0A%09border-width%3A%20var(--bf-video-player-border-width)%3B%0A%09border-style%3A%20var(--bf-video-player-border-style)%3B%0A%09border-color%3A%20var(--bf-video-player-border-color)%3B%0A%09border-radius%3A%20var(--bf-video-player-radius)%3B%0A%09padding%3A%20var(--bf-video-player-padding-y)%20var(--bf-video-player-padding-x)%3B%0A%09transition%3A%20var(--bf-video-player-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-video-player",Ht);var Rt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){if(this._initialized)return;this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-virtual-list-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-virtual-list-radius%3A%20var(--bf-theme-radius-md%2C%208px)%3B%0A%09--bf-virtual-list-border-width%3A%20var(--bf-theme-border-width%2C%201px)%3B%0A%09--bf-virtual-list-border-style%3A%20var(--bf-theme-border-style%2C%20solid)%3B%0A%09--bf-virtual-list-border-color%3A%20var(--bf-theme-virtual-list-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-virtual-list-bg%3A%20var(--bf-theme-virtual-list-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-virtual-list-color%3A%20var(--bf-theme-virtual-list-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-virtual-list-padding-y%3A%20var(--bf-theme-space-2%2C%200.6rem)%3B%0A%09--bf-virtual-list-padding-x%3A%20var(--bf-theme-space-3%2C%200.9rem)%3B%0A%09--bf-virtual-list-transition%3A%0A%09%09var(--bf-theme-transition-bg%2C%20background-color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-color%2C%20color%20120ms%20ease)%2C%0A%09%09var(--bf-theme-transition-border%2C%20border-color%20120ms%20ease)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-virtual-list-font)%3B%0A%09color%3A%20var(--bf-virtual-list-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-virtual-list-bg)%3B%0A%09color%3A%20var(--bf-virtual-list-color)%3B%0A%09border-width%3A%20var(--bf-virtual-list-border-width)%3B%0A%09border-style%3A%20var(--bf-virtual-list-border-style)%3B%0A%09border-color%3A%20var(--bf-virtual-list-border-color)%3B%0A%09border-radius%3A%20var(--bf-virtual-list-radius)%3B%0A%09padding%3A%20var(--bf-virtual-list-padding-y)%20var(--bf-virtual-list-padding-x)%3B%0A%09transition%3A%20var(--bf-virtual-list-transition)%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML="<slot></slot>",this.shadowRoot.replaceChildren(i,t)}};customElements.define("bf-virtual-list",Rt);var q=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._onPrev=this._onPrev.bind(this),this._onNext=this._onNext.bind(this)}connectedCallback(){if(this._initialized){this._sync();return}this._initialized=!0;let e=new URL("data:text/css;charset=utf-8,%3Ahost%20%7B%0A%09--bf-wizard-font%3A%20var(--bf-theme-font-family%2C%20inherit)%3B%0A%09--bf-wizard-radius%3A%20var(--bf-theme-radius-md%2C%2010px)%3B%0A%09--bf-wizard-border-color%3A%20var(--bf-theme-wizard-border-color%2C%20var(--bf-theme-border-1%2C%20%23cbd5e1))%3B%0A%09--bf-wizard-bg%3A%20var(--bf-theme-wizard-bg%2C%20var(--bf-theme-surface-1%2C%20%23ffffff))%3B%0A%09--bf-wizard-color%3A%20var(--bf-theme-wizard-color%2C%20var(--bf-theme-text-1%2C%20%230f172a))%3B%0A%09--bf-wizard-accent%3A%20var(--bf-theme-button-primary-bg%2C%20%232563eb)%3B%0A%09--bf-wizard-muted%3A%20var(--bf-theme-text-2%2C%20%2364748b)%3B%0A%0A%09display%3A%20block%3B%0A%09font%3A%20var(--bf-wizard-font)%3B%0A%09color%3A%20var(--bf-wizard-color)%3B%0A%7D%0A%0A.root%20%7B%0A%09background%3A%20var(--bf-wizard-bg)%3B%0A%09color%3A%20var(--bf-wizard-color)%3B%0A%09border%3A%201px%20solid%20var(--bf-wizard-border-color)%3B%0A%09border-radius%3A%20var(--bf-wizard-radius)%3B%0A%09padding%3A%200.85rem%3B%0A%09display%3A%20grid%3B%0A%09gap%3A%200.8rem%3B%0A%7D%0A%0A.steps%20%7B%0A%09list-style%3A%20none%3B%0A%09margin%3A%200%3B%0A%09padding%3A%200%3B%0A%09display%3A%20flex%3B%0A%09flex-wrap%3A%20wrap%3B%0A%09gap%3A%200.55rem%3B%0A%7D%0A%0A.steps%20li%20%7B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09gap%3A%200.4rem%3B%0A%09color%3A%20var(--bf-wizard-muted)%3B%0A%7D%0A%0A.steps%20.dot%20%7B%0A%09width%3A%201.4rem%3B%0A%09height%3A%201.4rem%3B%0A%09border-radius%3A%20999px%3B%0A%09border%3A%201px%20solid%20var(--bf-wizard-border-color)%3B%0A%09display%3A%20inline-flex%3B%0A%09align-items%3A%20center%3B%0A%09justify-content%3A%20center%3B%0A%09font-size%3A%200.78rem%3B%0A%7D%0A%0A.steps%20li.current%20%7B%0A%09color%3A%20var(--bf-wizard-color)%3B%0A%09font-weight%3A%20600%3B%0A%7D%0A%0A.steps%20li.current%20.dot%20%7B%0A%09background%3A%20var(--bf-wizard-accent)%3B%0A%09color%3A%20%23fff%3B%0A%09border-color%3A%20var(--bf-wizard-accent)%3B%0A%7D%0A%0A.steps%20li.done%20.dot%20%7B%0A%09border-color%3A%20var(--bf-wizard-accent)%3B%0A%09color%3A%20var(--bf-wizard-accent)%3B%0A%7D%0A%0A.content.is-empty%20%7B%0A%09display%3A%20none%3B%0A%7D%0A%0A.actions%20%7B%0A%09display%3A%20flex%3B%0A%09justify-content%3A%20space-between%3B%0A%09gap%3A%200.6rem%3B%0A%7D%0A%0A.actions%20button%20%7B%0A%09border%3A%201px%20solid%20var(--bf-wizard-border-color)%3B%0A%09background%3A%20var(--bf-theme-surface-1%2C%20%23fff)%3B%0A%09color%3A%20inherit%3B%0A%09border-radius%3A%207px%3B%0A%09padding%3A%200.35rem%200.7rem%3B%0A%09cursor%3A%20pointer%3B%0A%7D%0A%0A.actions%20button%3Adisabled%20%7B%0A%09opacity%3A%200.55%3B%0A%09cursor%3A%20not-allowed%3B%0A%7D%0A%0A.root%5Bdata-mode%3D'stepper'%5D%20.content%2C%0A.root%5Bdata-mode%3D'stepper'%5D%20.actions%20%7B%0A%09display%3A%20none%3B%0A%7D%0A",import.meta.url),i=document.createElement("link");i.rel="stylesheet",i.href=e.href;let t=document.createElement("div");t.className="root",t.setAttribute("part","root"),t.innerHTML=`
|
|
113
129
|
<ol class="steps" part="steps"></ol>
|
|
114
130
|
<div class="content" part="content"><slot></slot></div>
|
|
115
131
|
<div class="actions" part="actions">
|
|
116
132
|
<button class="prev" type="button" part="prev">Back</button>
|
|
117
133
|
<button class="next" type="button" part="next">Next</button>
|
|
118
134
|
</div>
|
|
119
|
-
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._stepsEl=t.querySelector(".steps"),this._content=t.querySelector(".content"),this._prevBtn=t.querySelector(".prev"),this._nextBtn=t.querySelector(".next"),this._slot=t.querySelector("slot"),this._prevBtn.addEventListener("click",this._onPrev),this._nextBtn.addEventListener("click",this._onNext),this._slot.addEventListener("slotchange",()=>this._sync()),this._sync()}attributeChangedCallback(){this._sync()}get step(){return this._step()}set step(e){this.setAttribute("step",`${e}`)}next(){this.step=Math.min(this._items().length,this._step()+1)}prev(){this.step=Math.max(1,this._step()-1)}_onPrev(){this.prev(),this._emitChange()}_onNext(){this.next(),this._emitChange()}_emitChange(){this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{step:this._step(),mode:this._mode()}}))}_mode(){return(this.getAttribute("mode")||"").toLowerCase()==="stepper"||this.hasAttribute("stepper")?"stepper":"wizard"}_items(){let e=(this.getAttribute("steps")||"").split(",").map(t=>t.trim()).filter(Boolean);if(e.length)return e;let i=[...this.children].filter(t=>t.tagName.toLowerCase()==="section").map(t=>t.getAttribute("title")||t.id||"Step");return i.length?i:["Step 1","Step 2","Step 3"]}_step(){let e=Number.parseInt(this.getAttribute("step")||"1",10);return!Number.isFinite(e)||e<1?1:Math.min(e,this._items().length)}_renderSteps(e,i){this._stepsEl.replaceChildren(),e.forEach((t,r)=>{let n=document.createElement("li"),o=r+1;o===i?n.classList.add("current"):o<i&&n.classList.add("done"),n.innerHTML=`<span class="dot">${o}</span><span class="label">${t}</span>`,this._stepsEl.append(n)})}_syncPanels(e){let i=[...this.children].filter(t=>t.tagName.toLowerCase()==="section");if(!i.length){this._content.classList.add("is-empty");return}this._content.classList.remove("is-empty"),i.forEach((t,r)=>{t.hidden=r+1!==e})}_sync(){if(!this._root)return;let e=this._mode(),i=this._items(),t=this._step();this._root.setAttribute("data-mode",e),this._renderSteps(i,t),this._syncPanels(t),this._prevBtn.hidden=e==="stepper",this._nextBtn.hidden=e==="stepper",this._prevBtn.disabled=t<=1,this._nextBtn.disabled=t>=i.length}};a(
|
|
135
|
+
`,this.shadowRoot.replaceChildren(i,t),this._root=t,this._stepsEl=t.querySelector(".steps"),this._content=t.querySelector(".content"),this._prevBtn=t.querySelector(".prev"),this._nextBtn=t.querySelector(".next"),this._slot=t.querySelector("slot"),this._prevBtn.addEventListener("click",this._onPrev),this._nextBtn.addEventListener("click",this._onNext),this._slot.addEventListener("slotchange",()=>this._sync()),this._sync()}attributeChangedCallback(){this._sync()}get step(){return this._step()}set step(e){this.setAttribute("step",`${e}`)}next(){this.step=Math.min(this._items().length,this._step()+1)}prev(){this.step=Math.max(1,this._step()-1)}_onPrev(){this.prev(),this._emitChange()}_onNext(){this.next(),this._emitChange()}_emitChange(){this.dispatchEvent(new CustomEvent("bf-change",{bubbles:!0,composed:!0,detail:{step:this._step(),mode:this._mode()}}))}_mode(){return(this.getAttribute("mode")||"").toLowerCase()==="stepper"||this.hasAttribute("stepper")?"stepper":"wizard"}_items(){let e=(this.getAttribute("steps")||"").split(",").map(t=>t.trim()).filter(Boolean);if(e.length)return e;let i=[...this.children].filter(t=>t.tagName.toLowerCase()==="section").map(t=>t.getAttribute("title")||t.id||"Step");return i.length?i:["Step 1","Step 2","Step 3"]}_step(){let e=Number.parseInt(this.getAttribute("step")||"1",10);return!Number.isFinite(e)||e<1?1:Math.min(e,this._items().length)}_renderSteps(e,i){this._stepsEl.replaceChildren(),e.forEach((t,r)=>{let n=document.createElement("li"),o=r+1;o===i?n.classList.add("current"):o<i&&n.classList.add("done"),n.innerHTML=`<span class="dot">${o}</span><span class="label">${t}</span>`,this._stepsEl.append(n)})}_syncPanels(e){let i=[...this.children].filter(t=>t.tagName.toLowerCase()==="section");if(!i.length){this._content.classList.add("is-empty");return}this._content.classList.remove("is-empty"),i.forEach((t,r)=>{t.hidden=r+1!==e})}_sync(){if(!this._root)return;let e=this._mode(),i=this._items(),t=this._step();this._root.setAttribute("data-mode",e),this._renderSteps(i,t),this._syncPanels(t),this._prevBtn.hidden=e==="stepper",this._nextBtn.hidden=e==="stepper",this._prevBtn.disabled=t<=1,this._nextBtn.disabled=t>=i.length}};a(q,"observedAttributes",["mode","step","steps","linear","stepper"]);customElements.define("bf-wizard",q);var D=new WeakMap;function Yt(s){return s.toLowerCase().replace(/^bf-/,"")}function Zt(s,e){let i=s.getAttribute("id");if(i&&!e.has(i))return e.add(i),i;let t=`bf-${Yt(s.tagName)}`,r=1,n=`${t}-${r}`;for(;e.has(n)||document.getElementById(n);)r+=1,n=`${t}-${r}`;return i&&e.has(i)&&console.warn(`[bareframe] Duplicate id "${i}" replaced with "${n}".`),s.id=n,e.add(n),n}function Dt(s,e){let i=Zt(s,e);if(s.hasAttribute("data-qa")||s.setAttribute("data-qa",`test-${i}`),!s.hasAttribute("data-translate")){let t=document.documentElement.lang||"en";s.setAttribute("data-translate",t)}}function Vt(s,e){if(s instanceof Element){s.tagName.toLowerCase().startsWith("bf-")&&Dt(s,e);for(let i of s.querySelectorAll("*"))i.tagName.toLowerCase().startsWith("bf-")&&Dt(i,e)}}function Kt(s){let e=(s||"").trim();if(!e)return{targetId:"",itemId:""};let[i,t]=e.split(":");return{targetId:i,itemId:t||""}}function $t(s){let{targetId:e,itemId:i}=Kt(s);return e?{element:document.getElementById(e),itemId:i}:{element:null,itemId:""}}function Ot(s){let{element:e,itemId:i}=$t(s);if(e){if(typeof e.openItem=="function"&&i){e.openItem(i);return}if(typeof e.open=="function"){e.open();return}e.setAttribute("open","")}}function Pt(s){let{element:e,itemId:i}=$t(s);if(e){if(typeof e.closeItem=="function"&&i){e.closeItem(i);return}if(typeof e.close=="function"){e.close();return}e.removeAttribute("open")}}function Gt(s){let{element:e,itemId:i}=$t(s);if(e){if(typeof e.toggleItem=="function"&&i){e.toggleItem(i);return}if(typeof e.toggle=="function"){e.toggle();return}if(e.hasAttribute("open")){e.removeAttribute("open");return}e.setAttribute("open","")}}function Qt(s){let e=`${s??""}`.trim();if(!e)return null;if(/^-?\d*\.?\d+$/.test(e)){let i=Number(e);return Number.isFinite(i)&&i>0?i:null}if(e.endsWith("ms")){let i=Number.parseFloat(e.slice(0,-2));return Number.isFinite(i)&&i>0?i:null}if(e.endsWith("s")){let i=Number.parseFloat(e.slice(0,-1))*1e3;return Number.isFinite(i)&&i>0?i:null}return null}function Bt(s,e){let i=(s.getAttribute("skeleton-variant")||"").toLowerCase();if(i)return i;let t=s.tagName.toLowerCase();return t.includes("image")||t.includes("video")||t.includes("canvas")||t==="img"||t==="video"||s.querySelector("img,video,canvas,svg")||e>=56?"image":e>=34?"button":"text"}function te(s){if(!(s instanceof Element)||!s.hasAttribute("skeleton")||s.tagName.toLowerCase()==="bf-skeleton"||D.has(s))return;let e=window.getComputedStyle(s),i=s.getBoundingClientRect(),t=e.display.startsWith("inline"),r=i.width>0?i.width:null,n=i.height>0?i.height:null,o=document.createElement("bf-skeleton"),l=Bt(s,n||0);l&&o.setAttribute("variant",l),r?o.setAttribute("width",`${Math.round(r)}`):t?o.setAttribute("width","8rem"):o.setAttribute("width","100%"),n&&o.setAttribute("height",`${Math.max(1,Math.round(n))}`),t&&(o.style.display="inline-block"),s.parentNode?.insertBefore(o,s);let c=s.style.visibility,m=s.getAttribute("aria-busy");s.style.visibility="hidden",s.setAttribute("aria-busy","true");let d=Qt(s.getAttribute("skeleton")),u=null;d&&(u=window.setTimeout(()=>{s.isConnected&&s.removeAttribute("skeleton")},d)),D.set(s,{placeholder:o,timeoutId:u,previousVisibility:c,previousAriaBusy:m})}function Ut(s){let e=D.get(s);e&&(e.timeoutId&&window.clearTimeout(e.timeoutId),e.placeholder.remove(),e.previousVisibility?s.style.visibility=e.previousVisibility:s.style.removeProperty("visibility"),e.previousAriaBusy==null?s.removeAttribute("aria-busy"):s.setAttribute("aria-busy",e.previousAriaBusy),D.delete(s))}function It(s){Ut(s),s.hasAttribute("skeleton")&&requestAnimationFrame(()=>te(s))}function Wt(s){if(s instanceof Element){s.hasAttribute("skeleton")&&It(s);for(let e of s.querySelectorAll("[skeleton]"))It(e)}}function ee(s){if(s instanceof Element){Ut(s);for(let e of s.querySelectorAll("*"))Ut(e)}}function jt(){let s=new Set;Vt(document.documentElement,s),Wt(document.documentElement),new MutationObserver(i=>{for(let t of i){if(t.type==="childList"){for(let r of t.addedNodes)Vt(r,s),Wt(r);for(let r of t.removedNodes)ee(r)}t.type==="attributes"&&t.target instanceof Element&&t.attributeName==="skeleton"&&It(t.target)}}).observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["skeleton"]}),document.addEventListener("click",i=>{let t=i.target instanceof Element?i.target:null;if(!t)return;let r=t.closest("[bf-open]");if(r){Ot(r.getAttribute("bf-open"));return}let n=t.closest("[bf-close]");if(n){Pt(n.getAttribute("bf-close"));return}let o=t.closest("[bf-toggle]");o&&Gt(o.getAttribute("bf-toggle"))}),window.bareframe=window.bareframe||{},window.bareframe.openById=Ot,window.bareframe.closeById=Pt,window.bareframe.toggleById=Gt}jt();
|