@telesign/boreal-web-components 0.1.0-alpha.5 → 0.1.0-alpha.6

package/components-build/bds-avatar.js

@@ -1 +1 @@
-import{p as a,a as e,h as t,H as s,t as r}from"./index.js";import{i}from"./p-fUK0GCeC.js";import{v as n}from"./p-kGnB15Lz.js";const l={ICON:"icon",NAME:"name",FULL:"full"},o=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.inheritedAttributes={},this.username="",this.variant=l.FULL,this.background="",this.initialsColor=""}componentWillLoad(){this.checkPropValues(),this.inheritedAttributes={...i(this.el)}}componentDidLoad(){this.normalizedUsername.length<=0&&this.variant!==l.ICON&&console.warn("[BorealDS Avatar] Missing required `username` prop. The avatar relies on it to display initials or name.")}checkPropValues(){n(Object.values(l),l.FULL,this.el,"variant")}get normalizedUsername(){return this.username.trim()}extractInitials(a=""){if(0===a.length)return"";const e=a.trim().split(/\s+/).filter((a=>a.length>0));return 0===e.length?"":1===e.length?e[0].charAt(0).toUpperCase():`${e[0].charAt(0).toUpperCase()}${e[e.length-1].charAt(0).toUpperCase()}`}getAvatarStyles(){return{"--bds-avatar-background":""+(this.background||"var(--boreal-ui-success-base)"),"--bds-avatar-initials-color":""+(this.initialsColor||"var(--boreal-text-inverse)")}}render(){const a=this.extractInitials(this.normalizedUsername),e=this.normalizedUsername&&(this.variant===l.FULL||this.variant===l.NAME);return t(s,{key:"26a86e31e803b5c77f09fda1d9f228e3641f0a53",class:"bds-avatar",role:"img","aria-label":this.normalizedUsername.length>0?"User name: "+this.normalizedUsername:"User name",...this.inheritedAttributes},t("div",{key:"906e9708ac61caa1cbf21a9e8019aadaea010970",class:"bds-avatar__container"},(this.variant===l.FULL||this.variant===l.ICON)&&t("div",{key:"b2962d2a61a5a6561f5cf7f817c3ca270ba42671",class:"bds-avatar__circle",style:this.getAvatarStyles()},t("span",{key:"44b5aa4c4ea78479b83b2f39121ae767d0304182",class:"bds-avatar__initials"},a)),e&&t("span",{key:"e3b5af88572994fbecfb0bff46d4f6b417c74d16",class:"bds-avatar__name"},this.normalizedUsername)))}get el(){return this}static get style(){return'@charset "UTF-8";.bds-avatar{font-family:var(--boreal-typography-font-family-primary)}.bds-avatar__container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-xs)}.bds-avatar__circle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--boreal-layout-ml);height:var(--boreal-layout-ml);border-radius:var(--boreal-radius-full);background-color:var(--bds-avatar-background)}.bds-avatar__initials{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs);color:var(--bds-avatar-initials-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bds-avatar__name{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}'}},[0,"bds-avatar",{username:[1],variant:[1],background:[1],initialsColor:[1,"initials-color"]}]),c=o,b=function(){"undefined"!=typeof customElements&&["bds-avatar"].forEach((a=>{"bds-avatar"===a&&(customElements.get(r(a))||customElements.define(r(a),o))}))};export{c as BdsAvatar,b as defineCustomElement}
+import{p as a,a as e,h as t,H as s,t as r}from"./index.js";import{i}from"./p-fUK0GCeC.js";import{v as n}from"./p-kGnB15Lz.js";const l={ICON:"icon",NAME:"name",FULL:"full"},o=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.inheritedAttributes={},this.username="",this.variant=l.FULL,this.background="",this.initialsColor=""}componentWillLoad(){this.checkPropValues(),this.inheritedAttributes={...i(this.el)}}componentDidLoad(){this.normalizedUsername.length<=0&&this.variant!==l.ICON&&console.warn("[BorealDS Avatar] Missing required `username` prop. The avatar relies on it to display initials or name.")}checkPropValues(){n(Object.values(l),l.FULL,this.el,"variant")}get normalizedUsername(){return this.username.trim()}extractInitials(a=""){if(0===a.length)return"";const e=a.trim().split(/\s+/).filter((a=>a.length>0));return 0===e.length?"":1===e.length?e[0].charAt(0).toUpperCase():`${e[0].charAt(0).toUpperCase()}${e[e.length-1].charAt(0).toUpperCase()}`}getAvatarStyles(){return{"--bds-avatar-background":""+(this.background||"var(--boreal-ui-success-base)"),"--bds-avatar-initials-color":""+(this.initialsColor||"var(--boreal-text-inverse)")}}render(){const a=this.extractInitials(this.normalizedUsername),e=this.normalizedUsername&&(this.variant===l.FULL||this.variant===l.NAME);return t(s,{key:"b29800e27c95008eb9257c7ec5c9aab2fb907b98",class:"bds-avatar",role:"img","aria-label":this.normalizedUsername.length>0?"User name: "+this.normalizedUsername:"User name",...this.inheritedAttributes},t("div",{key:"807c804a557b55f06c6437208102226b7284423c",class:"bds-avatar__container"},(this.variant===l.FULL||this.variant===l.ICON)&&t("div",{key:"6f9ab3e1b6822b82e59fb5ac982c68cc0de2c43d",class:"bds-avatar__circle",style:this.getAvatarStyles()},t("span",{key:"90fedd34dff914024fed3a305a134808da2b0967",class:"bds-avatar__initials"},a)),e&&t("span",{key:"fba46730ab9ed74841e3919f79a8f7df1eea3192",class:"bds-avatar__name"},this.normalizedUsername)))}get el(){return this}static get style(){return'@charset "UTF-8";.bds-avatar{font-family:var(--boreal-typography-font-family-primary)}.bds-avatar__container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-xs)}.bds-avatar__circle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--boreal-layout-ml);height:var(--boreal-layout-ml);border-radius:var(--boreal-radius-full);background-color:var(--bds-avatar-background)}.bds-avatar__initials{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs);color:var(--bds-avatar-initials-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bds-avatar__name{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}'}},[0,"bds-avatar",{username:[1],variant:[1],background:[1],initialsColor:[1,"initials-color"]}]),c=o,b=function(){"undefined"!=typeof customElements&&["bds-avatar"].forEach((a=>{"bds-avatar"===a&&(customElements.get(r(a))||customElements.define(r(a),o))}))};export{c as BdsAvatar,b as defineCustomElement}

package/components-build/bds-breadcrumb-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface BdsBreadcrumbItem extends Components.BdsBreadcrumbItem, HTMLElement {}
+export const BdsBreadcrumbItem: {
+    prototype: BdsBreadcrumbItem;
+    new (): BdsBreadcrumbItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components-build/bds-breadcrumb-item.js

@@ -0,0 +1 @@
+import{p as e,a as t,c as s,h as a,t as i}from"./index.js";import{d as r}from"./p-B6e9eIHB.js";import{d as l}from"./p-CJBdGD_4.js";const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.bdsClick=s(this,"bdsClick"),this.bdsClickCollapse=s(this,"bdsClickCollapse"),this.active=!1,this.router=!1,this.collapsed=!1,this.showCollapse=!1,this.href="",this.target="_self",this.downloadable=!1,this.filename="filename",this.rel=""}handleClick(e){this.active?e.preventDefault():(this.router&&e.preventDefault(),this.bdsClick.emit({element:this.el,href:this.href,router:this.router}))}get breadcrumbItem(){return""===this.href||this.active?a("span",{class:"bds-breadcrumb-item__text",onClick:e=>this.handleClick(e)},a("slot",null)):a("bds-typography",{onClick:e=>this.handleClick(e),href:this.href,target:this.target,downloadable:this.downloadable,filename:this.filename,rel:this.rel,variant:"link",element:"a",class:"bds-breadcrumb-item__text"},a("slot",null))}handleCollapseClick(e){e.preventDefault(),this.bdsClickCollapse.emit({element:this.collapsedRef})}get cssClasses(){return{"bds-breadcrumb-item":!0,"bds-breadcrumb-item--active":this.active,"bds-breadcrumb-item--collapsed":this.collapsed}}render(){return a("li",{key:"bca5cb70296f745ae669b5cd7f88e8252979fe9b",class:this.cssClasses,"aria-current":this.active?"page":null},this.breadcrumbItem,this.showCollapse&&a("bds-typography",{key:"9ed493f2a5112d5cf20c0a02d48ea8a8c69eb991",class:"bds-breadcrumb-item bds-breadcrumb-item__collapse-indicator",ref:e=>this.collapsedRef=e,onClick:e=>this.handleCollapseClick(e),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleCollapseClick(e))},variant:"link",element:"a"},"..."))}get el(){return this}static get style(){return'@charset "UTF-8";bds-breadcrumb-item:last-child li::after{display:none}.bds-breadcrumb-item{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:default}.bds-breadcrumb-item__text{font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-sm);font-family:var(--boreal-typography-font-family-primary)}.bds-breadcrumb-item__collapse-indicator{display:-ms-inline-flexbox;display:inline-flex}.bds-breadcrumb-item:not(.bds-breadcrumb-item--active)::after{content:var(--bds-breadcrumb-separator, "/");margin:0 var(--boreal-spacing-xs);color:var(--boreal-text-disabled);font-weight:normal;line-height:var(--boreal-typography-line-height-sm)}.bds-breadcrumb-item .bds-typography--link:not(:hover){color:var(--boreal-text-default)}.bds-breadcrumb-item--collapsed{display:none}.bds-breadcrumb-item--collapsed .bds-breadcrumb-item__text{display:none}.bds-breadcrumb-item--collapsed::after{display:none}.bds-breadcrumb-item--collapsed:has(.bds-breadcrumb-item__collapse-indicator){display:-ms-inline-flexbox;display:inline-flex}.bds-breadcrumb-item--active{font-weight:var(--boreal-typography-font-weight-semibold)}.bds-breadcrumb-item--active .bds-breadcrumb-item{color:var(--boreal-text-base)}.bds-breadcrumb-item:not(.bds-breadcrumb-item--active){cursor:pointer}'}},[260,"bds-breadcrumb-item",{active:[4],router:[4],collapsed:[4],showCollapse:[4,"show-collapse"],href:[1],target:[1],downloadable:[4],filename:[1],rel:[1]}]),d=b,o=function(){"undefined"!=typeof customElements&&["bds-breadcrumb-item","bds-tooltip","bds-typography"].forEach((e=>{switch(e){case"bds-breadcrumb-item":customElements.get(i(e))||customElements.define(i(e),b);break;case"bds-tooltip":customElements.get(i(e))||r();break;case"bds-typography":customElements.get(i(e))||l()}}))};export{d as BdsBreadcrumbItem,o as defineCustomElement}

package/components-build/bds-breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface BdsBreadcrumb extends Components.BdsBreadcrumb, HTMLElement {}
+export const BdsBreadcrumb: {
+    prototype: BdsBreadcrumb;
+    new (): BdsBreadcrumb;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components-build/bds-breadcrumb.js

@@ -0,0 +1 @@
+import{p as s,a as t,c as e,h as a,t as r}from"./index.js";import{i}from"./p-fUK0GCeC.js";const o=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.bdsClickCollapsed=e(this,"bdsClickCollapsed"),this.bdsClickBreadcrumb=e(this,"bdsClickBreadcrumb"),this.inheritedAttributes={},this.separator="/",this.maxItems=0,this.itemsBeforeCollapse=1,this.itemsAfterCollapse=1}componentWillLoad(){this.inheritedAttributes={...i(this.el)},this.handleSlotChange()}onSeparatorChange(){this.applyCustomSeparator()}onMaxItemsChange(){this.updateBreadcrumbCollapse()}onCollapsedClick(s){s.stopPropagation();const t=this.getBreadcrumbItems().filter((s=>s.collapsed));this.bdsClickCollapsed.emit({element:s.detail.element,collapsedBreadcrumbs:t})}onBreadcrumbClick(s){s.stopPropagation();const t=this.getBreadcrumbItems().indexOf(s.detail.element);this.bdsClickBreadcrumb.emit({element:s.detail.element,index:t,href:s.detail.href,router:s.detail.router})}applyCustomSeparator(){this.el.style.setProperty("--bds-breadcrumb-separator",`"${this.separator}"`)}handleSlotChange(){this.applyCustomSeparator(),this.updateBreadcrumbCollapse()}updateBreadcrumbCollapse(){if(!this.shouldCollapse())return void this.showAllItems();const s=this.getBreadcrumbItems();this.applyVisibility(s)}shouldCollapse(){const s=this.getBreadcrumbItems(),t=this.maxItems===this.itemsBeforeCollapse+this.itemsAfterCollapse?this.maxItems+1:this.maxItems;return t>0&&s.length>t&&this.itemsBeforeCollapse+this.itemsAfterCollapse<t}getBreadcrumbItems(){return Array.from(this.el.querySelectorAll("bds-breadcrumb-item"))}showAllItems(){this.getBreadcrumbItems().forEach((s=>{s.collapsed=!1,s.showCollapse=!1}))}applyVisibility(s){const t=this.itemsBeforeCollapse,e=s.length-this.itemsAfterCollapse;s.forEach(((s,a)=>{s.collapsed=!1,s.showCollapse=!1,a>=t&&a<e&&(s.collapsed=!0),e>t&&a===t&&(s.showCollapse=!0)}))}render(){return a("nav",{key:"1a981018c53a8f3a75ff183c519962ff56db45b7","aria-label":"Breadcrumb navigation",...this.inheritedAttributes,class:"bds-breadcrumb"},a("ol",{key:"b831faa04943ec15f0aba65c497ff550c057b6e2",class:"bds-breadcrumb__list"},a("slot",{key:"a43ca3510691046d72777a4e9a25049263104ad3",onSlotchange:()=>this.handleSlotChange()})))}get el(){return this}static get watchers(){return{separator:[{onSeparatorChange:0}],maxItems:[{onMaxItemsChange:0}]}}static get style(){return'@charset "UTF-8";.bds-breadcrumb__list{list-style:none;padding:0;margin:0}'}},[260,"bds-breadcrumb",{separator:[1],maxItems:[2,"max-items"],itemsBeforeCollapse:[2,"items-before-collapse"],itemsAfterCollapse:[2,"items-after-collapse"]},[[2,"bdsClickCollapse","onCollapsedClick"],[2,"bdsClick","onBreadcrumbClick"]],{separator:[{onSeparatorChange:0}],maxItems:[{onMaxItemsChange:0}]}]),l=o,h=function(){"undefined"!=typeof customElements&&["bds-breadcrumb"].forEach((s=>{"bds-breadcrumb"===s&&(customElements.get(r(s))||customElements.define(r(s),o))}))};export{l as BdsBreadcrumb,h as defineCustomElement}

package/components-build/bds-button-group.js

@@ -1 +1 @@
-import{p as t,a as o,h as r,H as a,t as s}from"./index.js";import{O as n}from"./p-CPvuMm5C.js";import{v as i}from"./p-kGnB15Lz.js";import{b as e,C as b,a as u}from"./p-Dh8DSJs_.js";import{i as d}from"./p-fUK0GCeC.js";import{L as l}from"./p-iq2UuV7c.js";const p=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.inheritedAttributes={},this.logger=new l,this.size=e.MEDIUM,this.orientation=n.HORIZONTAL,this.label="Button group",this.color=b.DEFAULT,this.variant=u.DEFAULT}validateProps(){i(Object.values(e),e.MEDIUM,this.el,"size"),i(Object.values(n),n.HORIZONTAL,this.el,"orientation"),i(Object.values(b),b.DEFAULT,this.el,"color"),i(Object.values(u),u.DEFAULT,this.el,"variant")}propagatePropsToButtons(){this.el.querySelectorAll("bds-button").forEach((t=>{t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.setAttribute("variant",this.variant)}))}componentWillLoad(){this.validateProps(),this.inheritedAttributes={...d(this.el)}}validateSlotContent(){const t=Array.from(this.el.children).filter((t=>"bds-button"!==t.tagName.toLowerCase()));t.length>0&&this.logger.warn("bds-button-group","Only <bds-button> elements are allowed as children. Found: "+t.map((t=>`<${t.tagName.toLowerCase()}>`)).join(", "))}componentDidLoad(){this.validateSlotContent(),this.propagatePropsToButtons()}get classMapButtonGroup(){return{"bds-button-group":!0,["bds-button-group--"+this.orientation]:!0}}render(){return r(a,{key:"c8f201f1b9aa35e8a7f92a096f0d06a3f0918ce6",...this.inheritedAttributes,tabindex:"-1",class:this.classMapButtonGroup,"aria-orientation":this.orientation,"aria-label":this.label},r("slot",{key:"d7b2601d9ae72c0dc79a99f8b1b428966e79c943"}))}get el(){return this}static get watchers(){return{size:[{validateProps:0},{propagatePropsToButtons:0}],orientation:[{validateProps:0}],color:[{validateProps:0},{propagatePropsToButtons:0}],variant:[{validateProps:0},{propagatePropsToButtons:0}]}}static get style(){return'@charset "UTF-8";.bds-button-group{display:-ms-inline-flexbox;display:inline-flex;margin:var(--boreal-spacing-2xs) var(--boreal-spacing-3xs);border-radius:var(--boreal-radius-xs);outline:none}.bds-button-group:focus{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button-group bds-button{position:relative}.bds-button-group bds-button button{margin:0;border-radius:var(--boreal-radius-none);width:100%}.bds-button-group bds-button:hover{z-index:1}.bds-button-group bds-button:focus-within,.bds-button-group bds-button:active{z-index:2}.bds-button-group--horizontal{-ms-flex-direction:row;flex-direction:row;gap:var(--boreal-spacing-4xs)}.bds-button-group--horizontal bds-button:only-child button{border-radius:var(--boreal-radius-xs)}.bds-button-group--horizontal bds-button:first-child:not(:only-child) button{border-radius:var(--boreal-radius-xs) var(--boreal-radius-none) var(--boreal-radius-none) var(--boreal-radius-xs)}.bds-button-group--horizontal bds-button:last-child:not(:only-child) button{border-radius:var(--boreal-radius-none) var(--boreal-radius-xs) var(--boreal-radius-xs) var(--boreal-radius-none)}.bds-button-group--horizontal:has(.bds-button--var-outline){gap:0}.bds-button-group--horizontal:has(.bds-button--var-outline) bds-button:nth-child(n+2){margin-left:calc(-1 * var(--boreal-spacing-4xs))}.bds-button-group--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-4xs)}.bds-button-group--vertical bds-button:only-child button{border-radius:var(--boreal-radius-xs)}.bds-button-group--vertical bds-button:first-child:not(:only-child) button{border-radius:var(--boreal-radius-xs) var(--boreal-radius-xs) var(--boreal-radius-none) var(--boreal-radius-none)}.bds-button-group--vertical bds-button:last-child:not(:only-child) button{border-radius:var(--boreal-radius-none) var(--boreal-radius-none) var(--boreal-radius-xs) var(--boreal-radius-xs)}.bds-button-group--vertical:has(.bds-button--var-outline){gap:0}.bds-button-group--vertical:has(.bds-button--var-outline) bds-button:nth-child(n+2){margin-top:calc(-1 * var(--boreal-spacing-4xs))}'}},[260,"bds-button-group",{size:[1],orientation:[1],label:[1],color:[1],variant:[1]},void 0,{size:[{validateProps:0},{propagatePropsToButtons:0}],orientation:[{validateProps:0}],color:[{validateProps:0},{propagatePropsToButtons:0}],variant:[{validateProps:0},{propagatePropsToButtons:0}]}]),c=p,v=function(){"undefined"!=typeof customElements&&["bds-button-group"].forEach((t=>{"bds-button-group"===t&&(customElements.get(s(t))||customElements.define(s(t),p))}))};export{c as BdsButtonGroup,v as defineCustomElement}
+import{p as t,a as o,h as r,H as s,t as a}from"./index.js";import{O as i}from"./p-CPvuMm5C.js";import{v as n}from"./p-kGnB15Lz.js";import{b as e,C as b,a as d}from"./p-Dh8DSJs_.js";import{i as u}from"./p-fUK0GCeC.js";import{K as l}from"./p-DcR7mHFE.js";import{L as p}from"./p-yLNcMg2E.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.inheritedAttributes={},this.logger=new p,this._keyboard=new l,this.size=e.MEDIUM,this.orientation=i.HORIZONTAL,this.label="Button group",this.color=b.DEFAULT,this.variant=d.DEFAULT}validateProps(){n(Object.values(e),e.MEDIUM,this.el,"size"),n(Object.values(i),i.HORIZONTAL,this.el,"orientation"),n(Object.values(b),b.DEFAULT,this.el,"color"),n(Object.values(d),d.DEFAULT,this.el,"variant")}propagatePropsToButtons(){this.el.querySelectorAll("bds-button").forEach((t=>{t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.setAttribute("variant",this.variant)}))}componentWillLoad(){this.validateProps(),this.inheritedAttributes={...u(this.el)}}validateSlotContent(){const t=Array.from(this.el.children).filter((t=>"bds-button"!==t.tagName.toLowerCase()));t.length>0&&this.logger.warn("bds-button-group","Only <bds-button> elements are allowed as children. Found: "+t.map((t=>`<${t.tagName.toLowerCase()}>`)).join(", "))}componentDidLoad(){this.validateSlotContent(),this.propagatePropsToButtons(),this._setupKeyboard()}disconnectedCallback(){this._keyboard.detach()}get _role(){return this.inheritedAttributes.role??"toolbar"}_setupKeyboard(){"group"!==this._role&&this._keyboard.attach(this.el).setLinearNavigation({items:"bds-button:not([disabled]) button",orientation:this.orientation,focusStrategy:{type:"roving-tabindex"},onActivate:()=>document.activeElement?.click()})}get classMapButtonGroup(){return{"bds-button-group":!0,["bds-button-group--"+this.orientation]:!0}}render(){return r(s,{key:"ff0a8da321995a4bd1057fd0c866248e48ec5bdf",...this.inheritedAttributes,role:this._role,tabindex:"-1",class:this.classMapButtonGroup,"aria-orientation":"toolbar"===this._role?this.orientation:void 0,"aria-label":this.label},r("slot",{key:"9e59ad6dd8a6c58da722e17dd6e8b8ff49d8568b"}))}get el(){return this}static get watchers(){return{size:[{validateProps:0},{propagatePropsToButtons:0}],orientation:[{validateProps:0}],color:[{validateProps:0},{propagatePropsToButtons:0}],variant:[{validateProps:0},{propagatePropsToButtons:0}]}}static get style(){return'@charset "UTF-8";.bds-button-group{display:-ms-inline-flexbox;display:inline-flex;margin:var(--boreal-spacing-2xs) var(--boreal-spacing-3xs);border-radius:var(--boreal-radius-xs);outline:none}.bds-button-group:focus{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button-group bds-button{position:relative}.bds-button-group bds-button button{margin:0;border-radius:var(--boreal-radius-none);width:100%}.bds-button-group bds-button:hover{z-index:1}.bds-button-group bds-button:focus-within,.bds-button-group bds-button:active{z-index:2}.bds-button-group--horizontal{-ms-flex-direction:row;flex-direction:row;gap:var(--boreal-spacing-4xs)}.bds-button-group--horizontal bds-button:only-child button{border-radius:var(--boreal-radius-xs)}.bds-button-group--horizontal bds-button:first-child:not(:only-child) button{border-radius:var(--boreal-radius-xs) var(--boreal-radius-none) var(--boreal-radius-none) var(--boreal-radius-xs)}.bds-button-group--horizontal bds-button:last-child:not(:only-child) button{border-radius:var(--boreal-radius-none) var(--boreal-radius-xs) var(--boreal-radius-xs) var(--boreal-radius-none)}.bds-button-group--horizontal:has(.bds-button--var-outline){gap:0}.bds-button-group--horizontal:has(.bds-button--var-outline) bds-button:nth-child(n+2){margin-left:calc(-1 * var(--boreal-spacing-4xs))}.bds-button-group--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-4xs)}.bds-button-group--vertical bds-button:only-child button{border-radius:var(--boreal-radius-xs)}.bds-button-group--vertical bds-button:first-child:not(:only-child) button{border-radius:var(--boreal-radius-xs) var(--boreal-radius-xs) var(--boreal-radius-none) var(--boreal-radius-none)}.bds-button-group--vertical bds-button:last-child:not(:only-child) button{border-radius:var(--boreal-radius-none) var(--boreal-radius-none) var(--boreal-radius-xs) var(--boreal-radius-xs)}.bds-button-group--vertical:has(.bds-button--var-outline){gap:0}.bds-button-group--vertical:has(.bds-button--var-outline) bds-button:nth-child(n+2){margin-top:calc(-1 * var(--boreal-spacing-4xs))}'}},[260,"bds-button-group",{size:[1],orientation:[1],label:[1],color:[1],variant:[1]},void 0,{size:[{validateProps:0},{propagatePropsToButtons:0}],orientation:[{validateProps:0}],color:[{validateProps:0},{propagatePropsToButtons:0}],variant:[{validateProps:0},{propagatePropsToButtons:0}]}]),h=c,v=function(){"undefined"!=typeof customElements&&["bds-button-group"].forEach((t=>{"bds-button-group"===t&&(customElements.get(a(t))||customElements.define(a(t),c))}))};export{h as BdsButtonGroup,v as defineCustomElement}

package/components-build/bds-button.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-Cbibqaz0.js";const a=o,p=s;export{a as BdsButton,p as defineCustomElement}
+import{B as o,d as s}from"./p-DdOPD9wW.js";const p=o,r=s;export{p as BdsButton,r as defineCustomElement}

package/components-build/bds-checkbox-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface BdsCheckboxButton extends Components.BdsCheckboxButton, HTMLElement {}
+export const BdsCheckboxButton: {
+    prototype: BdsCheckboxButton;
+    new (): BdsCheckboxButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components-build/bds-checkbox-button.js

@@ -0,0 +1 @@
+import{p as e,M as o,c as t,h as s,H as a,t as b}from"./index.js";import{f as r}from"./p-nxYzL9uu.js";import{u as i}from"./p-cgdh1LO-.js";import{d as c}from"./p-B6e9eIHB.js";const n=e(class extends(o(r)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.valueChange=t(this,"valueChange"),this.bdsChange=t(this,"bdsChange"),this.internals=this.attachInternals(),this.isDisabled=!1,this.isInvalid=!1,this.name="",this.disabled=!1,this.required=!1,this.checked=!1,this.error=!1,this.value="on",this.label="",this.info="",this.formCheckbox=i(this,this.value),this.handleClick=()=>this.toggle(),this.handleKeyDown=e=>{" "===e.key&&(e.preventDefault(),this.toggle())}}componentWillLoad(){this.isDisabled=this.disabled}componentDidLoad(){this.formCheckbox.syncFormValue()}onCheckedChange(){this.formCheckbox.syncFormValue()}onDisabledChange(e){this.isDisabled=e}formAssociatedCallback(){this.formCheckbox.formAssociatedCallback()}formResetCallback(){this.formCheckbox.formResetCallback()}formStateRestoreCallback(e){this.formCheckbox.formStateRestoreCallback(e)}formDisabledCallback(e){this.formCheckbox.formDisabledCallback(e)}handleInvalid(e){e.preventDefault(),this.isInvalid=!0}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}toggle(){this.isDisabled||(this.checked=!this.checked,this.bdsChange.emit({checked:this.checked,value:this.value}),this.valueChange.emit(this.checked))}get isError(){return this.error&&!this.isDisabled||this.isInvalid}get classMap(){return{"bds-checkbox-button":!0,"bds-checkbox-button--checked":this.checked,"bds-checkbox-button--error":this.isError,"bds-checkbox-button--disabled":this.isDisabled}}render(){return s(a,{key:"39d1432637929a38909bb0d3a768619d27af09c1",class:this.classMap,role:"checkbox","aria-checked":""+this.checked,"aria-disabled":this.isDisabled?"true":null,"aria-required":this.required?"true":null,"aria-invalid":this.isError?"true":null,tabIndex:this.isDisabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown},s("input",{key:"fdd48deeb69445ecdde9cb2ce3556a3f07286602",type:"checkbox",value:this.value,checked:this.checked,disabled:this.disabled,"aria-hidden":"true",tabIndex:-1,onFocus:()=>this.el.focus()}),s("span",{key:"96783bbf11a64262b8ebe88487cd2cc16f4d4263",class:"bds-checkbox-button__icon"},s("slot",{key:"de45f31aa9a6774f33a36c6238380014be066d50",name:"icon"})),s("span",{key:"9f94a920639d50a6949bf5272bc6fe6057701bee",class:"bds-checkbox-button__label"},this.label||s("slot",{key:"8fb82d43c376371110a24a0310a15a7911f42964"})),this.info&&s("span",{key:"9f128d14a257bae34ab64be3e1b76b1ccfce295b",class:"bds-checkbox-button__info"},s("span",{key:"b3baa9bf7172810a8d5971d9e58939de24861da8",class:"bds-checkbox-button__info-icon bds-icon-info-circle","aria-hidden":"true"}),s("bds-tooltip",{key:"bea872bace0b177316103002f7a3d17ac65fb951"},this.info)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return'@charset "UTF-8";.bds-checkbox-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--boreal-spacing-2xs);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-s);border:1px solid transparent;border-radius:var(--boreal-radius-s);background-color:var(--boreal-ui-default-base);color:var(--boreal-text-default);cursor:pointer;outline:none;-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-checkbox-button input[type=checkbox],.bds-checkbox-button input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-checkbox-button [slot=icon]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-checkbox-button:hover:not(.bds-checkbox-button--disabled):not(.bds-checkbox-button--checked):not(.bds-checkbox-button--error){background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-checkbox-button:focus-visible,.bds-checkbox-button:focus{z-index:1;background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus);outline:none}.bds-checkbox-button:active:not(.bds-checkbox-button--disabled):not(.bds-checkbox-button--checked):not(.bds-checkbox-button--error){z-index:1;background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-checkbox-button--checked{background-color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-primary-base);color:var(--boreal-text-primary-base)}.bds-checkbox-button--checked:hover,.bds-checkbox-button--checked:focus-visible,.bds-checkbox-button--checked:focus,.bds-checkbox-button--checked:active{background-color:var(--boreal-ui-primary-lighter)}.bds-checkbox-button--error{background-color:var(--boreal-ui-inverse);color:var(--boreal-text-danger-base)}.bds-checkbox-button--error:hover,.bds-checkbox-button--error:focus-visible,.bds-checkbox-button--error:focus,.bds-checkbox-button--error:active{background-color:var(--boreal-ui-danger-lighter)}.bds-checkbox-button--error.bds-checkbox-button--checked{border-color:var(--boreal-stroke-danger-base)}.bds-checkbox-button--disabled{cursor:not-allowed;pointer-events:none;background-color:var(--boreal-ui-inverse);color:var(--boreal-text-disabled)}.bds-checkbox-button--disabled.bds-checkbox-button--checked{border-color:var(--boreal-stroke-primary-light);color:var(--boreal-text-primary-light)}.bds-checkbox-button__label{font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-sm)}.bds-checkbox-button__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-checkbox-button__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-checkbox-button__icon:empty{display:none}.bds-checkbox-button__info-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--boreal-typography-font-size-sm);line-height:1;color:var(--boreal-icon-default-ink)}'}},[836,"bds-checkbox-button",{name:[513],disabled:[516],required:[516],checked:[1540],error:[516],value:[1],label:[1],info:[1],isDisabled:[32],isInvalid:[32],checkValidity:[64],reportValidity:[64]},[[0,"invalid","handleInvalid"]],{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}]),d=n,l=function(){"undefined"!=typeof customElements&&["bds-checkbox-button","bds-tooltip"].forEach((e=>{switch(e){case"bds-checkbox-button":customElements.get(b(e))||customElements.define(b(e),n);break;case"bds-tooltip":customElements.get(b(e))||c()}}))};export{d as BdsCheckboxButton,l as defineCustomElement}

package/components-build/bds-checkbox-card.js

@@ -1 +1 @@
-import{p as e,M as c,c as a,h as r,H as o,t as s}from"./index.js";import{f as d}from"./p-nxYzL9uu.js";import{s as b}from"./p-DfaYciGa.js";import{d as i}from"./p-ClR-wgiT.js";const t=e(class extends(c(d)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.valueChange=a(this,"valueChange"),this.bdsChange=a(this,"bdsChange"),this.internals=this.attachInternals(),this.isDisabled=!1,this.isIndeterminate=!1,this.isChecked=!1,this.disabled=!1,this.required=!1,this.value="on",this.label="",this.checked=!1,this.indeterminate=!1,this.error=!1,this.handleClick=()=>this.toggle(),this.handleKeyDown=e=>{" "===e.key&&(e.preventDefault(),this.toggle())}}componentWillLoad(){this.isDisabled=this.disabled,this.isIndeterminate=this.indeterminate,this.isChecked=this.checked}onDisabledChange(e){this.isDisabled=e}onIndeterminateChange(e){this.isIndeterminate=e}onCheckedChange(e){this.isChecked=e}toggle(){this.isDisabled||(this.isIndeterminate=!1,this.isChecked=!this.isChecked,this.bdsChange.emit({checked:this.isChecked,value:this.value}),this.valueChange.emit(this.isChecked))}get hostClasses(){return{"bds-checkbox-card":!0,"bds-checkbox-card--checked":this.isChecked,"bds-checkbox-card--indeterminate":this.isIndeterminate,"bds-checkbox-card--disabled":this.isDisabled,"bds-checkbox-card--error":this.error}}syncFormValue(){b(this.internals,this.isChecked?this.value:null)}formAssociatedCallback(){this.syncFormValue()}formResetCallback(){this.isChecked=!1,this.isIndeterminate=!1,b(this.internals,null)}formStateRestoreCallback(e,c){this.isChecked=e===this.value,this.syncFormValue()}formDisabledCallback(e){this.isDisabled=e}render(){return r(o,{key:"9277e649285e38b491fe55bd8bc4eabf7b0725f8",class:this.hostClasses,role:"checkbox","aria-checked":this.isIndeterminate?"mixed":""+this.isChecked,"aria-disabled":this.isDisabled?"true":"false","aria-invalid":this.error?"true":"false","aria-label":this.label||this.name||void 0,tabIndex:this.isDisabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown},r("bds-checkbox",{key:"e87685111aae53e368f37fde53994590bbdc0a69",class:"bds-checkbox-card__checkbox",name:this.name,value:this.value,checked:this.isChecked,indeterminate:this.isIndeterminate,disabled:this.isDisabled,error:this.error,tabIndex:-1,"aria-hidden":"true"}),r("div",{key:"ca93933dddfbdbbf6ae96a9f0b2f7ec1b4014a3a",class:"bds-checkbox-card__card"},r("div",{key:"952ca899553bc57a7f6b01cd65607d084c7869a9",class:"bds-checkbox-card__content"},r("div",{key:"bf913fdb5d5fab9e81b387113c7198514fdbe8de",class:"bds-checkbox-card__header"},r("div",{key:"d885e0eabf9ea9d425160ce88a4d76212b400a1d",class:"bds-checkbox-card__icon"},r("slot",{key:"9c658f9823aa449e4e9138b2b86e937cc9ce3e1c",name:"icon"})),r("div",{key:"e7c410ff15cb7bd62c2eba56683cf1b9b24c970a",class:"bds-checkbox-card__title"},this.label||r("slot",{key:"59cce6d6bd050711af8a55a44252747a593b0a29"}))),r("div",{key:"1a574fde1998ebd5f2940c27dbc5e275ce7bb933",class:"bds-checkbox-card__description"},r("slot",{key:"ed53c06534344f9dfec0f0ffba067c16596d24d7",name:"description"})))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}],indeterminate:[{onIndeterminateChange:0}],checked:[{onCheckedChange:0}]}}static get style(){return'@charset "UTF-8";.bds-checkbox-card{position:relative;cursor:pointer;font-family:var(--boreal-typography-font-family-primary);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;gap:var(--boreal-spacing-xs);padding:var(--boreal-spacing-xs) var(--boreal-spacing-s) var(--boreal-spacing-s);border-radius:var(--boreal-radius-xs);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-checkbox-card:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-checkbox-card:focus-within,.bds-checkbox-card:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-checkbox-card:focus-visible{outline:none}.bds-checkbox-card:active bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:hover bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:focus-within bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:focus bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:focus-visible bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box{background:var(--boreal-ui-inverse)}.bds-checkbox-card__icon{display:-ms-flexbox;display:flex;margin-top:var(--boreal-spacing-3xs);height:var(--boreal-layout-m);-ms-flex-align:center;align-items:center;margin-bottom:var(--boreal-spacing-2xs)}.bds-checkbox-card .bds-checkbox-card__checkbox{pointer-events:none;-ms-flex-negative:0;flex-shrink:0;margin-top:calc(var(--boreal-spacing-2xs) - var(--boreal-spacing-4xs))}.bds-checkbox-card .bds-checkbox-card__checkbox .bds-checkbox__label{display:none}.bds-checkbox-card__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bds-checkbox-card__header{display:-ms-inline-flexbox;display:inline-flex;gap:var(--boreal-spacing-3xs);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md)}.bds-checkbox-card__title{font-weight:var(--boreal-typography-font-weight-semibold);font-size:var(--boreal-typography-font-size-md)}.bds-checkbox-card__description{color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs)}.bds-checkbox-card--checked{border-color:var(--boreal-stroke-primary-base)}.bds-checkbox-card--checked:hover,.bds-checkbox-card--checked:focus,.bds-checkbox-card--checked:focus-within,.bds-checkbox-card--checked:active{background-color:var(--boreal-ui-primary-lighter)}.bds-checkbox-card--checked .bds-checkbox-card__header,.bds-checkbox-card--checked .bds-checkbox-card__description{color:var(--boreal-text-primary-base)}.bds-checkbox-card--indeterminate{border-color:var(--boreal-stroke-default-light)}.bds-checkbox-card--indeterminate .bds-checkbox-card__header{color:var(--boreal-text-default)}.bds-checkbox-card--indeterminate .bds-checkbox-card__description{color:var(--boreal-text-default-light)}.bds-checkbox-card--disabled{pointer-events:none}.bds-checkbox-card--disabled .bds-checkbox-card__header,.bds-checkbox-card--disabled .bds-checkbox-card__description{color:var(--boreal-text-disabled)}.bds-checkbox-card--disabled.bds-checkbox-card--checked:not(.bds-checkbox-card--error){border-color:var(--boreal-stroke-primary-light)}.bds-checkbox-card--disabled.bds-checkbox-card--checked:not(.bds-checkbox-card--error) .bds-checkbox-card__header,.bds-checkbox-card--disabled.bds-checkbox-card--checked:not(.bds-checkbox-card--error) .bds-checkbox-card__description{color:var(--boreal-text-primary-light)}.bds-checkbox-card--disabled.bds-checkbox-card--error{border-color:var(--boreal-stroke-danger-light)}.bds-checkbox-card--disabled.bds-checkbox-card--error .bds-checkbox-card__header,.bds-checkbox-card--disabled.bds-checkbox-card--error .bds-checkbox-card__description{color:var(--boreal-text-danger-light)}.bds-checkbox-card--error{border-color:var(--boreal-stroke-danger-base)}.bds-checkbox-card--error:hover,.bds-checkbox-card--error:focus,.bds-checkbox-card--error:focus-within,.bds-checkbox-card--error:active{background-color:var(--boreal-ui-danger-lighter)}.bds-checkbox-card--error .bds-checkbox-card__header,.bds-checkbox-card--error .bds-checkbox-card__description{color:var(--boreal-text-danger-base)}'}},[836,"bds-checkbox-card",{name:[513],disabled:[516],required:[516],value:[513],label:[1],checked:[1540],indeterminate:[1540],error:[516],isDisabled:[32],isIndeterminate:[32],isChecked:[32]},void 0,{disabled:[{onDisabledChange:0}],indeterminate:[{onIndeterminateChange:0}],checked:[{onCheckedChange:0}]}]),h=t,l=function(){"undefined"!=typeof customElements&&["bds-checkbox-card","bds-checkbox"].forEach((e=>{switch(e){case"bds-checkbox-card":customElements.get(s(e))||customElements.define(s(e),t);break;case"bds-checkbox":customElements.get(s(e))||i()}}))};export{h as BdsCheckboxCard,l as defineCustomElement}
+import{p as e,M as c,c as a,h as r,H as o,t as d}from"./index.js";import{f as s}from"./p-nxYzL9uu.js";import{u as b}from"./p-cgdh1LO-.js";import{d as i}from"./p-DuBzr05c.js";import{d as t}from"./p-B6e9eIHB.js";const h=e(class extends(c(s)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.valueChange=a(this,"valueChange"),this.bdsChange=a(this,"bdsChange"),this.internals=this.attachInternals(),this.isDisabled=!1,this.isInvalid=!1,this.isIndeterminate=!1,this.disabled=!1,this.required=!1,this.value="on",this.label="",this.checked=!1,this.indeterminate=!1,this.error=!1,this.formCheckbox=b(this,this.value),this.handleClick=()=>this.toggle(),this.handleKeyDown=e=>{" "===e.key&&(e.preventDefault(),this.toggle())}}componentWillLoad(){this.isDisabled=this.disabled,this.isIndeterminate=this.indeterminate}componentDidLoad(){this.formCheckbox.syncFormValue()}onDisabledChange(e){this.isDisabled=e}onIndeterminateChange(e){this.isIndeterminate=e}onCheckedChange(e){this.checked=!1!==e,this.formCheckbox.syncFormValue()}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}handleInvalid(e){this.isInvalid=!0}toggle(){this.isDisabled||(this.isIndeterminate&&(this.isIndeterminate=!1),this.checked=!this.checked,this.bdsChange.emit({checked:this.checked,value:this.value}),this.valueChange.emit(this.checked))}get hostClasses(){return{"bds-checkbox-card":!0,"bds-checkbox-card--checked":this.checked,"bds-checkbox-card--indeterminate":this.isIndeterminate,"bds-checkbox-card--disabled":this.isDisabled,"bds-checkbox-card--error":this.isError}}formAssociatedCallback(){this.formCheckbox.formAssociatedCallback()}formResetCallback(){this.formCheckbox.formResetCallback()}formStateRestoreCallback(e){this.formCheckbox.formStateRestoreCallback(e)}formDisabledCallback(e){this.formCheckbox.formDisabledCallback(e)}get isError(){return this.error&&!this.disabled||this.isInvalid}render(){return r(o,{key:"cb39b373d8bbbbe137a74a001f91c73b444d0c8e",class:this.hostClasses,role:"checkbox","aria-checked":this.isIndeterminate?"mixed":""+this.checked,"aria-disabled":this.isDisabled?"true":null,"aria-required":this.required?"true":null,"aria-invalid":this.isError?"true":null,"aria-label":this.label||this.name||void 0,tabIndex:this.isDisabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown},r("bds-checkbox",{key:"3375dc0b18a424f5f140143626b2bcdc73c298b0",name:this.name,class:"bds-checkbox-card__checkbox",ref:()=>this.checkboxElement,value:this.value,checked:this.checked,indeterminate:this.isIndeterminate,disabled:this.isDisabled,error:this.isError,tabIndex:-1,"aria-hidden":"true",onBdsChange:e=>e.preventDefault()}),r("div",{key:"beba4396fb8c0830ffdb05b62482f0ff63aab0d7",class:"bds-checkbox-card__card"},r("div",{key:"f369995cc0dbeecfd7670d271ff041240a6dcb65",class:"bds-checkbox-card__content"},r("div",{key:"12848e5aef69157ca5d144a2815e7b64a654cbe6",class:"bds-checkbox-card__header"},r("div",{key:"18c72637c1dfb0037b7d2e7fc8cb5004bdeafb0b",class:"bds-checkbox-card__icon"},r("slot",{key:"7e2979ea18f5c29ecdf629851378aa9efb9e39f6",name:"icon"})),r("div",{key:"0aedaf532433d3deb899f6f6fd6826589850fd71",class:"bds-checkbox-card__title"},this.label||r("slot",{key:"43a0a9b10edc6f4ee73b5995912889728648d5d6"}))),r("div",{key:"8c89db4ab52395c75f8a1a826ace5aa0f0dbae10",class:"bds-checkbox-card__description"},r("slot",{key:"174e70254d531fa80d8d19b419587837a4a676ea",name:"description"})))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}],indeterminate:[{onIndeterminateChange:0}],checked:[{onCheckedChange:0}]}}static get style(){return'@charset "UTF-8";.bds-checkbox-card{position:relative;cursor:pointer;font-family:var(--boreal-typography-font-family-primary);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;gap:var(--boreal-spacing-xs);padding:var(--boreal-spacing-xs) var(--boreal-spacing-s) var(--boreal-spacing-s);border-radius:var(--boreal-radius-xs);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-checkbox-card:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-checkbox-card:focus-within,.bds-checkbox-card:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-checkbox-card:focus-visible{outline:none}.bds-checkbox-card:active bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:hover bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:focus-within bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:focus bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:focus-visible bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box{background:var(--boreal-ui-inverse)}.bds-checkbox-card__icon{display:-ms-flexbox;display:flex;margin-top:var(--boreal-spacing-3xs);height:var(--boreal-layout-m);-ms-flex-align:center;align-items:center;margin-bottom:var(--boreal-spacing-2xs)}.bds-checkbox-card .bds-checkbox-card__checkbox{pointer-events:none;-ms-flex-negative:0;flex-shrink:0;margin-top:var(--boreal-spacing-2xs);gap:0}.bds-checkbox-card .bds-checkbox-card__checkbox .bds-checkbox__label{display:none}.bds-checkbox-card__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bds-checkbox-card__header{display:-ms-inline-flexbox;display:inline-flex;gap:var(--boreal-spacing-3xs);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md)}.bds-checkbox-card__title{font-weight:var(--boreal-typography-font-weight-semibold);font-size:var(--boreal-typography-font-size-md)}.bds-checkbox-card__description{color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs)}.bds-checkbox-card__icon:empty{display:none}.bds-checkbox-card--checked{border-color:var(--boreal-stroke-primary-base)}.bds-checkbox-card--checked:hover,.bds-checkbox-card--checked:focus,.bds-checkbox-card--checked:focus-within,.bds-checkbox-card--checked:active{background-color:var(--boreal-ui-primary-lighter)}.bds-checkbox-card--checked .bds-checkbox-card__header,.bds-checkbox-card--checked .bds-checkbox-card__description{color:var(--boreal-text-primary-base)}.bds-checkbox-card--checked:disabled .bds-checkbox__box{border-color:var(--boreal-stroke-primary-light);background:var(--boreal-ui-primary-light)}.bds-checkbox-card--indeterminate{border-color:var(--boreal-stroke-default-light)}.bds-checkbox-card--indeterminate .bds-checkbox-card__header{color:var(--boreal-text-default)}.bds-checkbox-card--indeterminate .bds-checkbox-card__description{color:var(--boreal-text-default-light)}.bds-checkbox-card--disabled{pointer-events:none}.bds-checkbox-card--disabled .bds-checkbox-card__header,.bds-checkbox-card--disabled .bds-checkbox-card__description{color:var(--boreal-text-disabled)}.bds-checkbox-card--disabled.bds-checkbox-card--checked:not(.bds-checkbox-card--error){border-color:var(--boreal-stroke-primary-light)}.bds-checkbox-card--disabled.bds-checkbox-card--checked:not(.bds-checkbox-card--error) .bds-checkbox-card__header,.bds-checkbox-card--disabled.bds-checkbox-card--checked:not(.bds-checkbox-card--error) .bds-checkbox-card__description{color:var(--boreal-text-primary-light)}.bds-checkbox-card--disabled.bds-checkbox-card--error{border-color:var(--boreal-stroke-danger-light)}.bds-checkbox-card--disabled.bds-checkbox-card--error .bds-checkbox-card__header,.bds-checkbox-card--disabled.bds-checkbox-card--error .bds-checkbox-card__description{color:var(--boreal-text-danger-light)}.bds-checkbox-card--disabled .bds-checkbox__box{border-color:var(--boreal-stroke-default-light);background:var(--boreal-ui-disabled)}.bds-checkbox-card--error{border-color:var(--boreal-stroke-danger-base)}.bds-checkbox-card--error:hover,.bds-checkbox-card--error:focus,.bds-checkbox-card--error:focus-within,.bds-checkbox-card--error:active{background-color:var(--boreal-ui-danger-lighter)}.bds-checkbox-card--error .bds-checkbox-card__header,.bds-checkbox-card--error .bds-checkbox-card__description{color:var(--boreal-text-danger-base)}'}},[836,"bds-checkbox-card",{name:[513],disabled:[516],required:[516],value:[513],label:[1],checked:[1540],indeterminate:[516],error:[516],isDisabled:[32],isInvalid:[32],isIndeterminate:[32],checkValidity:[64],reportValidity:[64]},[[0,"invalid","handleInvalid"]],{disabled:[{onDisabledChange:0}],indeterminate:[{onIndeterminateChange:0}],checked:[{onCheckedChange:0}]}]),l=h,n=function(){"undefined"!=typeof customElements&&["bds-checkbox-card","bds-checkbox","bds-tooltip"].forEach((e=>{switch(e){case"bds-checkbox-card":customElements.get(d(e))||customElements.define(d(e),h);break;case"bds-checkbox":customElements.get(d(e))||i();break;case"bds-tooltip":customElements.get(d(e))||t()}}))};export{l as BdsCheckboxCard,n as defineCustomElement}

package/components-build/bds-checkbox-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface BdsCheckboxGroup extends Components.BdsCheckboxGroup, HTMLElement {}
+export const BdsCheckboxGroup: {
+    prototype: BdsCheckboxGroup;
+    new (): BdsCheckboxGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components-build/bds-checkbox-group.js

@@ -0,0 +1 @@
+import{p as e,M as t,c as s,h as i,H as o,t as r}from"./index.js";import{f as a}from"./p-nxYzL9uu.js";import{K as h}from"./p-yLNcMg2E.js";import{O as n}from"./p-CPvuMm5C.js";import{c}from"./p-DhSchGPI.js";import{v as d}from"./p-kGnB15Lz.js";import{d as b}from"./p-DoNZM78n.js";import{d as l}from"./p-B6e9eIHB.js";import{d as u}from"./p-CJBdGD_4.js";const p={CHECKBOX:"checkbox",CHECKBOX_BUTTON:"checkboxbutton",CHECKBOX_CARD:"checkboxcard"},g=["BDS-CHECKBOX","BDS-CHECKBOX-BUTTON","BDS-CHECKBOX-CARD"],k=e(class extends(t(a)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.bdsChange=s(this,"bdsChange"),this.valueChange=s(this,"valueChange"),this.internals=this.attachInternals(),this._id=c("bds-checkbox-group"),this.isDisabled=!1,this.isInvalid=!1,this.disabled=!1,this.error=!1,this.errorMessage="",this.helperText="",this.info="",this.label="",this.orientation="horizontal",this.required=!1,this.type="checkbox",this.value=[],this.joined=!1,this.handleKeyDown=e=>{const t=e.target;if(g.includes(t.tagName))switch(e.key){case h.ArrowDown:case h.ArrowRight:this.navigateTo(t,!0),e.preventDefault();break;case h.ArrowUp:case h.ArrowLeft:this.navigateTo(t,!1),e.preventDefault()}}}onJoinedChange(){this.insertDividers()}checkPropValues(){d(Object.values(n),n.VERTICAL,this.el,"orientation"),d(Object.values(p),p.CHECKBOX,this.el,"type"),this.insertDividers()}onDisabledChange(e){this.isDisabled=e,this.propagatePropertyToCheckboxes("disabled",e)}onErrorChange(e){this.propagatePropertyToCheckboxes("error",e)}onValuesChange(e){this.syncCheckboxStates(e)}componentWillLoad(){if(this.checkPropValues(),this.isDisabled=this.disabled,0!==this.value.length)return;const e=g.map((e=>e+"[checked]")).join(","),t=Array.from(this.el.querySelectorAll(e));t.length>0&&(this.value=t.map((e=>e.getAttribute("value")??"")).filter((e=>""!==e)))}componentDidLoad(){this.onValuesChange(this.value),this.onErrorChange(this.isError),this.syncFormValue(),this.updateLayoutCount()}formAssociatedCallback(){this.syncFormValue()}formResetCallback(){this.value=[],this.isInvalid=!1,this.checkboxElements.forEach((e=>{e.checked=!1,e.error=this.isError})),this.internals.setFormValue(null),this.updateFormValidity()}formStateRestoreCallback(e,t){this.value=(Array.isArray(e)?e:[]).filter((e=>"string"==typeof e)),this.updateFormValue()}formDisabledCallback(e){this.isDisabled=e,this.propagatePropertyToCheckboxes("disabled",e)}handleCheckboxChange(e){const t=e.target;g.includes(t.tagName)&&(e.stopPropagation(),this.updateCheckboxSelection(t.value,t.checked),this.syncFormValue(),this.bdsChange.emit({value:this.value}),this.valueChange.emit(this.value))}handleInvalid(e){this.isInvalid=!0,""!==this.errorMessage&&e.preventDefault()}handleValueChange(e){g.includes(e.target.tagName)&&e.stopPropagation()}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}insertDividers(){if(this.el.querySelectorAll("bds-divider[data-injected]").forEach((e=>e.remove())),this.type!==p.CHECKBOX_BUTTON||this.joined)return;const e=this.orientation===n.HORIZONTAL?n.VERTICAL:n.HORIZONTAL;this.checkboxElements.filter((e=>"BDS-CHECKBOX-BUTTON"===e.tagName)).forEach(((t,s)=>{if(0===s)return;const i=document.createElement("bds-divider");i.setAttribute("orientation",e),i.setAttribute("data-injected",""),t.parentNode?.insertBefore(i,t)}))}navigateTo(e,t){const s=this.checkboxElements.filter((e=>!e.disabled));if(0===s.length)return;const i=s.indexOf(e);s[(s.length+i+(t?1:-1))%s.length].focus()}updateCheckboxSelection(e,t){t?this.value.includes(e)||(this.value=[...this.value,e]):this.value=this.value.filter((t=>t!==e))}syncCheckboxStates(e){this.checkboxElements.forEach((t=>{const s=e.includes(t.value);t.checked=s}))}get checkboxElements(){const e=g.map((e=>e)).join(",");return Array.from(this.el.querySelectorAll(e))}propagatePropertyToCheckboxes(e,t){this.checkboxElements.forEach((s=>{s[e]=t}))}updateFormValue(){if(0===this.value.length)this.internals.setFormValue(null);else{const e=new FormData;this.value.forEach((t=>{e.append(this.name,t)})),this.internals.setFormValue(e)}}syncFormValue(){this.updateFormValue(),this.updateFormValidity()}updateFormValidity(){if(this.required&&0===this.value.length){const e=this.checkboxElements.find((e=>!e.disabled));this.internals.setValidity({valueMissing:!0},""!==this.errorMessage?this.errorMessage:"Please select at least one option.",e)}else{if(this.internals.setValidity({}),!this.isInvalid)return;this.isInvalid=!1,this.error||this.propagatePropertyToCheckboxes("error",!1)}}updateLayoutCount(){this.el.style.setProperty("--layout-count",""+this.checkboxElements.length)}get isError(){return this.error&&!this.isDisabled}get classMap(){return{"bds-checkbox-group":!0,"bds-checkbox-group--disabled":this.isDisabled,"bds-checkbox-group--error":this.isError||this.isInvalid,"bds-checkbox-group--required":this.required}}render(){const e=this._id+"-label",t=this._id+"-helper",s=this.isError||this.isInvalid,r=this.isDisabled?"disabled":s?"error":"default",a=s&&""!==this.errorMessage?this.errorMessage:this.helperText;return i(o,{key:"ae68b7136eae0493eb3191caa71bfd31c87bd5dd",class:this.classMap,role:"group","aria-labelledby":""!==this.label?e:void 0,"aria-describedby":""!==a?t:void 0,"aria-invalid":s?"true":void 0,"aria-required":this.required?"true":void 0,onKeyDown:this.handleKeyDown},this.label&&i("bds-typography",{key:"779561b620c5a18f7018fabaeaa8759de1c5a2e6",id:e,variant:"label",state:r,required:this.required,tooltipText:""!==this.info?this.info:void 0},this.label),i("div",{key:"6a0edf16a86b9628dd52390da861c51089107b85",class:"bds-checkbox-group__options"},i("slot",{key:"d702a5bdfbf2b0984c6c799a2abadb5c7fb904d0",onSlotchange:()=>this.updateLayoutCount()})),a&&i("bds-typography",{key:"357a3fbf88e2b70696512806840a390e468b1c62",id:t,variant:"helper",state:r},a))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{joined:[{onJoinedChange:0}],orientation:[{checkPropValues:0}],disabled:[{onDisabledChange:0}],error:[{onErrorChange:0}],isInvalid:[{onErrorChange:0}],value:[{onValuesChange:0}]}}static get style(){return'@charset "UTF-8";.bds-checkbox-group{--bds-divider-gap:var(--boreal-spacing-3xs);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs)}.bds-checkbox-group__options{display:grid;grid-template-columns:1fr;gap:var(--boreal-spacing-xs)}.bds-checkbox-group[orientation=horizontal] .bds-checkbox-group__options{grid-template-columns:repeat(var(--layout-count, 1), auto);-ms-flex-pack:start;justify-content:start}.bds-checkbox-group[type=checkboxbutton] .bds-checkbox-group__options{display:-ms-inline-flexbox;display:inline-flex;gap:0;padding:var(--boreal-spacing-3xs);border:1px solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);border-radius:var(--boreal-radius-xs);overflow:hidden}.bds-checkbox-group[type=checkboxbutton][orientation=vertical] .bds-checkbox-group__options{-ms-flex-direction:column;flex-direction:column}.bds-checkbox-group[type=checkboxbutton].bds-checkbox-group--error .bds-checkbox-group__options{border-color:var(--boreal-stroke-danger-base)}.bds-checkbox-group[type=checkboxbutton].bds-checkbox-group--error bds-checkbox-button.bds-checkbox-button--error{color:var(--boreal-stroke-danger-base)}.bds-checkbox-group[type=checkboxbutton].bds-checkbox-group--error bds-divider[data-injected]{--bds-divider-color:var(--boreal-stroke-danger-base)}'}},[836,"bds-checkbox-group",{disabled:[516],error:[516],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],info:[1],label:[1],name:[513],orientation:[513],required:[516],type:[513],value:[1040],joined:[516],isDisabled:[32],isInvalid:[32],checkValidity:[64],reportValidity:[64]},[[2,"bdsChange","handleCheckboxChange"],[0,"invalid","handleInvalid"],[2,"valueChange","handleValueChange"]],{joined:[{onJoinedChange:0}],orientation:[{checkPropValues:0}],disabled:[{onDisabledChange:0}],error:[{onErrorChange:0}],isInvalid:[{onErrorChange:0}],value:[{onValuesChange:0}]}]),x=k,m=function(){"undefined"!=typeof customElements&&["bds-checkbox-group","bds-divider","bds-tooltip","bds-typography"].forEach((e=>{switch(e){case"bds-checkbox-group":customElements.get(r(e))||customElements.define(r(e),k);break;case"bds-divider":customElements.get(r(e))||b();break;case"bds-tooltip":customElements.get(r(e))||l();break;case"bds-typography":customElements.get(r(e))||u()}}))};export{x as BdsCheckboxGroup,m as defineCustomElement}

package/components-build/bds-checkbox.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-ClR-wgiT.js";const p=o,r=s;export{p as BdsCheckbox,r as defineCustomElement}
+import{B as o,d as r}from"./p-DuBzr05c.js";const s=o,p=r;export{s as BdsCheckbox,p as defineCustomElement}

package/components-build/bds-dialog.js

@@ -1 +1 @@
-import{p as i,M as s,c as e,h as t,t as a}from"./index.js";import{f as o}from"./p-DCXSEEVH.js";import{i as d}from"./p-fUK0GCeC.js";import{v as l}from"./p-kGnB15Lz.js";import{S as n}from"./p-Bfazyxqi.js";import{d as r}from"./p-Cbibqaz0.js";const h=i=>class extends(o(i)){constructor(){super(...arguments),this.isClosing=!1}get hooks(){return{}}showElement(){this.dialogElement.showModal(),this.isVisible=!0}hideElement(){this.dialogElement.close(),this.isVisible=!1,this.isClosing=!1}closeElement(){this.preventClose||this.isClosing||(this.isClosing=!0,void 0!==this.hooks.onBeforeClose?this.onBeforeClose(this.dialogElement):this.hide())}toggle(){this.isVisible?this.closeElement():this.show()}onAfterShow(i){this.previousOverflow=document.body.style.overflow,document.body.style.overflow="hidden",this.hooks.onAfterShow?.(i)}onAfterHide(i){document.body.style.overflow=this.previousOverflow??"",this.hooks.onAfterHide?.(i)}onBeforeClose(i){this.hooks.onBeforeClose?.(i)}handleBackdropClick(i){this.backdropClose&&i.target===this.dialogElement&&(i.preventDefault(),i.stopImmediatePropagation(),this.closeElement())}handleKeydown(i){"Escape"===i.key&&(i.preventDefault(),i.stopImmediatePropagation()),this.escapeClose&&!i.repeat&&"Escape"===i.key&&this.closeElement()}addTransitionAnimation(i){this.dialogElement.classList.add(i)}removeTransitionAnimation(i){this.dialogElement.classList.remove(i)}},b={SMALL:"sm",MEDIUM:"md",LARGE:"lg",FULL:"full"},c={...n,DEFAULT:"default"},g={DEFAULT:"default",HEADERLESS:"headerless",FOOTERLESS:"footerless"},p={DEFAULT:"default",NONE:"none"},f=i(class extends(s(h)){constructor(i){super(!1),!1!==i&&this.__registerHost(),this.bdsOpen=e(this,"bdsOpen"),this.bdsClose=e(this,"bdsClose"),this.bdsMaximize=e(this,"bdsMaximize"),this.inheritedAttributes={},this.active=!1,this.preventClose=!1,this.height="",this.width="",this.layout=g.DEFAULT,this.contentPadding=p.DEFAULT,this.backdropClose=!1,this.escapeClose=!1,this.size=b.MEDIUM,this.variant=c.DEFAULT,this.titleDialog="",this.maximizable=!1,this.closable=!1,this.onDialogTransitionEnd=i=>{i.target===this.dialogElement&&"::backdrop"!==i.pseudoElement&&(this.preventClose||this.isClosing&&this.hide())}}handleIsOpenChange(i){void 0!==this.dialogElement&&(i?this.show():this.closeElement())}componentWillLoad(){this.checkPropValues(),this.inheritedAttributes={...d(this.el)}}componentDidLoad(){this.active&&this.handleIsOpenChange(this.active)}checkPropValues(){l(Object.values(g),g.DEFAULT,this.el,"layout"),l(Object.values(p),p.DEFAULT,this.el,"contentPadding"),l(Object.values(b),b.MEDIUM,this.el,"size"),l(Object.values(c),c.DEFAULT,this.el,"variant")}handleMaximize(){this.bdsMaximize.emit()}async open(){this.show()}async close(){this.closeElement()}get isHeaderLeftVisible(){return this.isHeaderRightVisible||this.titleDialog}get isHeaderRightVisible(){return this.maximizable||this.closable}get hooks(){return{onAfterShow:()=>this.onOpenDialog(),onBeforeClose:()=>this.transitionBeforeClose(),onAfterHide:()=>this.resetComponent()}}transitionBeforeClose(){this.active&&(this.active=!1),this.removeTransitionAnimation("enter");const{transitionDuration:i}=getComputedStyle(this.dialogElement),s=parseFloat(i);i&&!Number.isNaN(s)&&s>0||this.hide()}onOpenDialog(){this.addTransitionAnimation("enter"),this.bdsOpen.emit()}resetComponent(){this.bdsClose.emit()}getVariantIcon(){const i={info:"bds-icon-info-circle-fill",success:"bds-icon-check-circle-fill",warning:"bds-icon-info-major-triangle-up-fill",danger:"bds-icon-alert-circle-fill",default:""};return void 0===i[this.variant]?i.default:i[this.variant]}getStyles(){return{"bds-dialog":!0,["bds-dialog--"+this.variant]:!0,["bds-dialog--"+this.size]:!0,"bds-dialog--custom-size":this.width.length>0||this.height.length>0}}getFixedSize(){return{...this.width&&{"--bds-dialog-width":this.width+"px"},...this.height&&{"--bds-dialog-height":this.height+"px"}}}getHeaderLeftElement(){return this.isHeaderLeftVisible&&t("div",{class:"bds-dialog__header-left"},this.getVariantIcon()&&t("em",{"aria-hidden":"true",class:"bds-dialog__variant-icon "+this.getVariantIcon()}),this.titleDialog&&t("span",{id:"bds-dialog-title",class:"bds-dialog__title"},this.titleDialog))}getHeaderRightElement(){return this.isHeaderRightVisible&&t("div",{class:"bds-dialog__header-right"},this.maximizable&&t("bds-button",{"aria-label":"maximize",type:"button",onBdsClick:()=>this.handleMaximize()},t("em",{class:"bds-icon-arrows-out"})),this.closable&&t("bds-button",{"aria-label":"close",type:"button",onBdsClick:()=>this.closeElement()},t("em",{class:"bds-icon-close"})))}render(){const i=this.inheritedAttributes;return t("dialog",{key:"58ef2571b3c6d4fcc4ac85f8536bbb9168651e02",onClick:i=>this.handleBackdropClick(i),onKeyDown:i=>this.handleKeydown(i),onTransitionEnd:this.onDialogTransitionEnd,ref:i=>{void 0!==i&&(this.dialogElement=i)},style:{...this.getFixedSize()},...this.titleDialog.length>0&&{"aria-labelledby":"bds-dialog-title"},...i},t("div",{key:"fa95d799c99e48ac7b02602d62d79e9919d7b711",class:this.getStyles()},this.layout!==g.HEADERLESS&&t("div",{key:"7460a77b2caf914ddf871804ce6c37fbb186b9ef",class:"bds-dialog__header"},this.getHeaderLeftElement(),this.getHeaderRightElement()),t("div",{key:"1537a32b06b9e5ca0329d360a15f407ac8bb6d4f",class:"bds-dialog__body "+("none"===this.contentPadding?"bds-dialog--no-padding":"")},t("slot",{key:"e45a2fd2507303ab1af63983ff1cb5a3db1b955b"})),this.layout!==g.FOOTERLESS&&t("div",{key:"c258f33a42fff5e88b2846c788bac219fa90fe63",class:"bds-dialog__footer"},t("slot",{key:"b64483b7004e01f2ecaa11fc4b144277a20d0204",name:"footer"}))))}get el(){return this}static get watchers(){return{active:[{handleIsOpenChange:0}]}}static get style(){return'@charset "UTF-8";.bds-dialog{font-family:var(--boreal-typography-font-family-primary);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bds-dialog__header{height:var(--boreal-spacing-4xl);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--boreal-spacing-s) var(--boreal-spacing-s) var(--boreal-spacing-s) var(--boreal-spacing-l)}.bds-dialog__header:empty{display:none}.bds-dialog__header-right,.bds-dialog__header-left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs)}.bds-dialog__title{color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-dialog__body{height:100%;overflow-y:auto;padding:var(--boreal-spacing-s) var(--boreal-spacing-l)}.bds-dialog__footer{padding:var(--boreal-spacing-s) var(--boreal-spacing-xs)}.bds-dialog__body,.bds-dialog__footer{-webkit-box-shadow:0 var(--boreal-spacing-4xs) var(--boreal-spacing-4xs) 0 var(--boreal-stroke-default-light) inset;box-shadow:0 var(--boreal-spacing-4xs) var(--boreal-spacing-4xs) 0 var(--boreal-stroke-default-light) inset}.bds-dialog__body:empty,.bds-dialog__footer:empty{display:none}.bds-dialog--sm{width:min(448px, 100vw - var(--boreal-spacing-m) * 2)}.bds-dialog--md{width:min(640px, 100vw - var(--boreal-spacing-m) * 2)}.bds-dialog--lg{width:min(960px, 100vw - var(--boreal-spacing-m) * 2)}.bds-dialog--full{width:min(1280px, 100vw - var(--boreal-spacing-m) * 2);height:calc(100vh - var(--boreal-spacing-4xl))}.bds-dialog--custom-size{width:var(--bds-dialog-width, auto);height:var(--bds-dialog-height, auto)}.bds-dialog--info .bds-dialog__variant-icon{color:var(--boreal-icon-info-base)}.bds-dialog--warning .bds-dialog__variant-icon{color:var(--boreal-icon-warning-base)}.bds-dialog--danger .bds-dialog__variant-icon{color:var(--boreal-icon-danger-base)}.bds-dialog--success .bds-dialog__variant-icon{color:var(--boreal-icon-success-base)}.bds-dialog--no-padding{padding:0}bds-dialog dialog{border:none;border-radius:var(--boreal-radius-xs);background-color:var(--boreal-white);-webkit-box-shadow:0 8px 12px 0 rgba(19, 19, 22, 0.15);box-shadow:0 8px 12px 0 rgba(19, 19, 22, 0.15);-ms-flex-item-align:center;align-self:center;justify-self:center}bds-dialog dialog::-webkit-backdrop{opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}bds-dialog dialog::-ms-backdrop{opacity:0;-ms-transition:opacity 0.3s ease;transition:opacity 0.3s ease}bds-dialog dialog,bds-dialog dialog::backdrop{opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}bds-dialog dialog[open].enter::-webkit-backdrop{opacity:1}bds-dialog dialog[open].enter::-ms-backdrop{opacity:1}bds-dialog dialog[open].enter,bds-dialog dialog[open].enter::backdrop{opacity:1}'}},[772,"bds-dialog",{active:[1540],preventClose:[4,"prevent-close"],height:[1],width:[1],layout:[1],contentPadding:[1,"content-padding"],backdropClose:[4,"backdrop-close"],escapeClose:[4,"escape-close"],size:[1],variant:[1],titleDialog:[1,"title-dialog"],maximizable:[4],closable:[4],open:[64],close:[64]},void 0,{active:[{handleIsOpenChange:0}]}]),m=f,u=function(){"undefined"!=typeof customElements&&["bds-dialog","bds-button"].forEach((i=>{switch(i){case"bds-dialog":customElements.get(a(i))||customElements.define(a(i),f);break;case"bds-button":customElements.get(a(i))||r()}}))};export{m as BdsDialog,u as defineCustomElement}
+import{p as i,M as s,c as e,h as t,t as a}from"./index.js";import{f as o}from"./p-DCXSEEVH.js";import{i as d}from"./p-fUK0GCeC.js";import{v as l}from"./p-kGnB15Lz.js";import{S as n}from"./p-Bfazyxqi.js";import{d as r}from"./p-DdOPD9wW.js";const h=i=>class extends(o(i)){constructor(){super(...arguments),this.isClosing=!1}get hooks(){return{}}showElement(){this.dialogElement.showModal(),this.isVisible=!0}hideElement(){this.dialogElement.close(),this.isVisible=!1,this.isClosing=!1}closeElement(){this.preventClose||this.isClosing||(this.isClosing=!0,void 0!==this.hooks.onBeforeClose?this.onBeforeClose(this.dialogElement):this.hide())}toggle(){this.isVisible?this.closeElement():this.show()}onAfterShow(i){this.previousOverflow=document.body.style.overflow,document.body.style.overflow="hidden",this.hooks.onAfterShow?.(i)}onAfterHide(i){document.body.style.overflow=this.previousOverflow??"",this.hooks.onAfterHide?.(i)}onBeforeClose(i){this.hooks.onBeforeClose?.(i)}handleBackdropClick(i){this.backdropClose&&i.target===this.dialogElement&&(i.preventDefault(),i.stopImmediatePropagation(),this.closeElement())}handleKeydown(i){"Escape"===i.key&&(i.preventDefault(),i.stopImmediatePropagation()),this.escapeClose&&!i.repeat&&"Escape"===i.key&&this.closeElement()}addTransitionAnimation(i){this.dialogElement.classList.add(i)}removeTransitionAnimation(i){this.dialogElement.classList.remove(i)}},b={SMALL:"sm",MEDIUM:"md",LARGE:"lg",FULL:"full"},c={...n,DEFAULT:"default"},g={DEFAULT:"default",HEADERLESS:"headerless",FOOTERLESS:"footerless"},p={DEFAULT:"default",NONE:"none"},f=i(class extends(s(h)){constructor(i){super(!1),!1!==i&&this.__registerHost(),this.bdsOpen=e(this,"bdsOpen"),this.bdsClose=e(this,"bdsClose"),this.bdsMaximize=e(this,"bdsMaximize"),this.inheritedAttributes={},this.active=!1,this.preventClose=!1,this.height="",this.width="",this.layout=g.DEFAULT,this.contentPadding=p.DEFAULT,this.backdropClose=!1,this.escapeClose=!1,this.size=b.MEDIUM,this.variant=c.DEFAULT,this.titleDialog="",this.maximizable=!1,this.closable=!1,this.onDialogTransitionEnd=i=>{i.target===this.dialogElement&&"::backdrop"!==i.pseudoElement&&(this.preventClose||this.isClosing&&this.hide())}}handleIsOpenChange(i){void 0!==this.dialogElement&&(i?this.show():this.closeElement())}componentWillLoad(){this.checkPropValues(),this.inheritedAttributes={...d(this.el)}}componentDidLoad(){this.active&&this.handleIsOpenChange(this.active)}checkPropValues(){l(Object.values(g),g.DEFAULT,this.el,"layout"),l(Object.values(p),p.DEFAULT,this.el,"contentPadding"),l(Object.values(b),b.MEDIUM,this.el,"size"),l(Object.values(c),c.DEFAULT,this.el,"variant")}handleMaximize(){this.bdsMaximize.emit()}async open(){this.show()}async close(){this.closeElement()}get isHeaderLeftVisible(){return this.isHeaderRightVisible||this.titleDialog}get isHeaderRightVisible(){return this.maximizable||this.closable}get hooks(){return{onAfterShow:()=>this.onOpenDialog(),onBeforeClose:()=>this.transitionBeforeClose(),onAfterHide:()=>this.resetComponent()}}transitionBeforeClose(){this.active&&(this.active=!1),this.removeTransitionAnimation("enter");const{transitionDuration:i}=getComputedStyle(this.dialogElement),s=parseFloat(i);i&&!Number.isNaN(s)&&s>0||this.hide()}onOpenDialog(){this.addTransitionAnimation("enter"),this.bdsOpen.emit()}resetComponent(){this.bdsClose.emit()}getVariantIcon(){const i={info:"bds-icon-info-circle-fill",success:"bds-icon-check-circle-fill",warning:"bds-icon-info-major-triangle-up-fill",danger:"bds-icon-alert-circle-fill",default:""};return void 0===i[this.variant]?i.default:i[this.variant]}getStyles(){return{"bds-dialog":!0,["bds-dialog--"+this.variant]:!0,["bds-dialog--"+this.size]:!0,"bds-dialog--custom-size":this.width.length>0||this.height.length>0}}getFixedSize(){return{...this.width&&{"--bds-dialog-width":this.width+"px"},...this.height&&{"--bds-dialog-height":this.height+"px"}}}getHeaderLeftElement(){return this.isHeaderLeftVisible&&t("div",{class:"bds-dialog__header-left"},this.getVariantIcon()&&t("em",{"aria-hidden":"true",class:"bds-dialog__variant-icon "+this.getVariantIcon()}),this.titleDialog&&t("span",{id:"bds-dialog-title",class:"bds-dialog__title"},this.titleDialog))}getHeaderRightElement(){return this.isHeaderRightVisible&&t("div",{class:"bds-dialog__header-right"},this.maximizable&&t("bds-button",{"aria-label":"maximize",type:"button",onBdsClick:()=>this.handleMaximize()},t("em",{class:"bds-icon-arrows-out"})),this.closable&&t("bds-button",{"aria-label":"close",type:"button",onBdsClick:()=>this.closeElement()},t("em",{class:"bds-icon-close"})))}render(){const i=this.inheritedAttributes;return t("dialog",{key:"de042f49b5eaaf2a0a0f305570d04321959b9fcb",onClick:i=>this.handleBackdropClick(i),onKeyDown:i=>this.handleKeydown(i),onTransitionEnd:this.onDialogTransitionEnd,ref:i=>{void 0!==i&&(this.dialogElement=i)},style:{...this.getFixedSize()},...this.titleDialog.length>0&&{"aria-labelledby":"bds-dialog-title"},...i},t("div",{key:"fef08504c053ca1f6188526ff0af517f767a4349",class:this.getStyles()},this.layout!==g.HEADERLESS&&t("div",{key:"399281c7b7caa7a167677b26dc3ef338b987a09d",class:"bds-dialog__header"},this.getHeaderLeftElement(),this.getHeaderRightElement()),t("div",{key:"dc4bc6d37b7c3928b6d5d15b56456340ac02cbfa",class:"bds-dialog__body "+("none"===this.contentPadding?"bds-dialog--no-padding":"")},t("slot",{key:"e6f01fe42e2b57bc94986ca232d5a8860e5236ef"})),this.layout!==g.FOOTERLESS&&t("div",{key:"80d7a6432bd127635a45b482d71b58973089b87d",class:"bds-dialog__footer"},t("slot",{key:"8e5ec1341161020313712e64195bf9df68bbe340",name:"footer"}))))}get el(){return this}static get watchers(){return{active:[{handleIsOpenChange:0}]}}static get style(){return'@charset "UTF-8";.bds-dialog{font-family:var(--boreal-typography-font-family-primary);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bds-dialog__header{height:var(--boreal-spacing-4xl);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--boreal-spacing-s) var(--boreal-spacing-s) var(--boreal-spacing-s) var(--boreal-spacing-l)}.bds-dialog__header:empty{display:none}.bds-dialog__header-right,.bds-dialog__header-left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs)}.bds-dialog__title{color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-dialog__body{height:100%;overflow-y:auto;padding:var(--boreal-spacing-s) var(--boreal-spacing-l)}.bds-dialog__footer{padding:var(--boreal-spacing-s) var(--boreal-spacing-xs)}.bds-dialog__body,.bds-dialog__footer{-webkit-box-shadow:0 var(--boreal-spacing-4xs) var(--boreal-spacing-4xs) 0 var(--boreal-stroke-default-light) inset;box-shadow:0 var(--boreal-spacing-4xs) var(--boreal-spacing-4xs) 0 var(--boreal-stroke-default-light) inset}.bds-dialog__body:empty,.bds-dialog__footer:empty{display:none}.bds-dialog--sm{width:min(448px, 100vw - var(--boreal-spacing-m) * 2)}.bds-dialog--md{width:min(640px, 100vw - var(--boreal-spacing-m) * 2)}.bds-dialog--lg{width:min(960px, 100vw - var(--boreal-spacing-m) * 2)}.bds-dialog--full{width:min(1280px, 100vw - var(--boreal-spacing-m) * 2);height:calc(100vh - var(--boreal-spacing-4xl))}.bds-dialog--custom-size{width:var(--bds-dialog-width, auto);height:var(--bds-dialog-height, auto)}.bds-dialog--info .bds-dialog__variant-icon{color:var(--boreal-icon-info-base)}.bds-dialog--warning .bds-dialog__variant-icon{color:var(--boreal-icon-warning-base)}.bds-dialog--danger .bds-dialog__variant-icon{color:var(--boreal-icon-danger-base)}.bds-dialog--success .bds-dialog__variant-icon{color:var(--boreal-icon-success-base)}.bds-dialog--no-padding{padding:0}bds-dialog dialog{border:none;border-radius:var(--boreal-radius-xs);background-color:var(--boreal-white);-webkit-box-shadow:var(--boreal-depth-box-shadow-l);box-shadow:var(--boreal-depth-box-shadow-l);-ms-flex-item-align:center;align-self:center;justify-self:center}bds-dialog dialog::-webkit-backdrop{opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}bds-dialog dialog::-ms-backdrop{opacity:0;-ms-transition:opacity 0.3s ease;transition:opacity 0.3s ease}bds-dialog dialog,bds-dialog dialog::backdrop{opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}bds-dialog dialog[open].enter::-webkit-backdrop{opacity:1}bds-dialog dialog[open].enter::-ms-backdrop{opacity:1}bds-dialog dialog[open].enter,bds-dialog dialog[open].enter::backdrop{opacity:1}'}},[772,"bds-dialog",{active:[1540],preventClose:[4,"prevent-close"],height:[1],width:[1],layout:[1],contentPadding:[1,"content-padding"],backdropClose:[4,"backdrop-close"],escapeClose:[4,"escape-close"],size:[1],variant:[1],titleDialog:[1,"title-dialog"],maximizable:[4],closable:[4],open:[64],close:[64]},void 0,{active:[{handleIsOpenChange:0}]}]),m=f,v=function(){"undefined"!=typeof customElements&&["bds-dialog","bds-button"].forEach((i=>{switch(i){case"bds-dialog":customElements.get(a(i))||customElements.define(a(i),f);break;case"bds-button":customElements.get(a(i))||r()}}))};export{m as BdsDialog,v as defineCustomElement}

package/components-build/bds-divider.js

@@ -1 +1 @@
-import{B as f,d as o}from"./p-BSlaf0ff.js";const s=f,a=o;export{s as BdsDivider,a as defineCustomElement}
+import{B as o,d as s}from"./p-DoNZM78n.js";const p=o,r=s;export{p as BdsDivider,r as defineCustomElement}