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

package/dist/types/mixins/anchored.mixin.d.ts

@@ -128,6 +128,11 @@ export declare const anchoredMixin: <B extends MixedInCtor>(Base: B) => {
          * @returns `false` if `triggerSlot` is not set, otherwise delegates to super
          */
         onBeforeShow(target?: HTMLElement): boolean;
+        /**
+         * Hides the focus from the floating element.
+         * This is necessary to prevent the focus from being trapped inside the floating element.
+         */
+        hideFocus(): void;
         /**
          * Hides the floating element using the Popover API
          * and stops position auto-update.

package/dist/types/mixins/index.d.ts

@@ -2,4 +2,6 @@ export * from './form-associated.mixin';
 export * from './floating.mixin';
 export * from './anchored.mixin';
 export * from './backdrop.mixin';
+export * from './menu-behavior.mixin';
+export * from './links.mixin';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/mixins/links.mixin.d.ts

@@ -0,0 +1,85 @@
+import { LinksAttrs } from "../types/links";
+import { MixedInCtor } from '../stencil-public-runtime';
+/**
+ * Creates a mixin that adds link-related properties and behaviors to a base class.
+ * It provides computed attributes for links, handles keyboard interactions, and sanitizes URLs to ensure security.
+ * It allows components to easily handle link attributes and execute link events.
+ *
+ * This mixin includes:
+ *  - `href`: The URL the link points to.
+ *  - `newTab`: Whether the link should open in a new tab.
+ *  - `downloadable`: Whether the link should be treated as a download.
+ *  - `filename`: The filename to use when downloading.
+ *  - `getLinkAttributes`: A computed property that returns the appropriate attributes for the link based on its state and props.
+ *  - `handleLinkKeyDown`: A method to handle keyboard interactions for accessibility.
+ *  - `handleLinkClick`: A method to manage click behavior, including external links and downloads.
+ *  - `sanitizeUrl`: A utility method to sanitize URLs and prevent XSS vulnerabilities.
+ *
+ * @typeParam T - The base constructor type to extend.
+ * @param {T} Base - The base component class to be extended.
+ * @returns {WithLinks} - A class with injected link behaviors.
+ *
+ * @example
+ * ```tsx
+ *  import { Component, h } from '../stencil-public-runtime';
+ *  import { WithLinks } from '@/mixins/links.mixin';
+ *
+ * @Component({
+ *  tag: 'my-link',
+ *  styleUrl: 'my-link.scss',
+ *  })
+ *  class MyLink extends Mixin(WithLinks) {
+ *    @Element() el!: HTMLElement;
+ *    @Prop() href: string = '';
+ *    @Prop() newTab: boolean = false;
+ *    @Prop() downloadable: boolean = false;
+ *    @Prop() filename: string = '';
+ *    @Prop() disabled: boolean = false;
+ *
+ *    private handleKeyDown = (e: KeyboardEvent) => {
+ *      if (this.disabled) return;
+ *      this.handleLinkKeyDown(e);
+ *    };
+ *
+ *   render() {
+ *    return (
+ *      <Host
+ *      {...this.getLinkAttributes}
+ *      onKeyDown={this.handleKeyDown} >
+ *      <slot />
+ *      </Host>
+ *    );
+ *    }
+ * } ```
+ *
+ */
+export declare const WithLinks: <T extends MixedInCtor>(Base: T) => {
+    new (...args: any[]): {
+        /** Props should be declared in the component using the Mixin */
+        el: HTMLElement;
+        href: string;
+        newTab: boolean;
+        download: string;
+        readonly isLink: boolean;
+        /**
+         * Computes the appropriate link attributes based on the component's props and state.
+         * It handles external links, new tab behavior, and download attributes while ensuring accessibility.
+         * @returns {LinksAttrs} - The computed link attributes.
+         * */
+        readonly linkAttributes: LinksAttrs;
+        _isExternalLink(url: string): boolean;
+        /** Keydown handler to allow keyboard interaction with the link */
+        handleLinkKeyDown(event: KeyboardEvent): void;
+        /** Click handler to manage link behavior, including external links and downloads */
+        handleLinkClick(event: MouseEvent): void;
+        /** Sanitizes the URL to prevent XSS vulnerabilities. It removes dangerous protocols and ensures valid URLs.
+         * @param {string} url - The URL to sanitize.
+         * @returns {string} - The sanitized URL, or an empty string if the URL is deemed unsafe.
+         * @example
+         * const safeUrl = sanitizeUrl('https://example.com'); // returns 'https://example.com'
+         * const unsafeUrl = sanitizeUrl('javascript:alert(1)'); // returns ''
+         */
+        sanitizeUrl(url: string): string;
+    };
+} & T;
+//# sourceMappingURL=links.mixin.d.ts.map

package/dist/types/mixins/menu-behavior.mixin.d.ts

@@ -0,0 +1,95 @@
+import { MenuRole, MenuItemRole } from "../types/index";
+import { MixedInCtor } from '../stencil-public-runtime';
+/**
+ * A Mixin that provides menu item behaviors, including ARIA roles,
+ * focus management, and keyboard navigation logic.
+ * This mixin is designed to be used with Stencil components that represent items within a menu or listbox,
+ * allowing them to automatically adapt their behavior based on the context of their parent container.
+ *
+ * The mixin includes:
+ * - Dynamic ARIA role resolution based on the nearest parent menu or listbox.
+ * - Computation of aria-selected and tabIndex attributes for accessibility.
+ * - A method to handle keyboard navigation (Arrow keys, Enter, Space) within the menu context.
+ *
+ * @typeParam B - The base constructor type.
+ * @param {B} Base - The base component class to be extended.
+ * @returns {MenuBehaviorMixin} - A class with injected menu behaviors.
+ *
+ * @example
+ * ```tsx
+ * import { Component, h } from '../stencil-public-runtime';
+ * import { MenuItemBehavior } from '@/mixins/menu-behavior.mixin';
+ *
+ * @Component({
+ *  tag: 'my-menu-item',
+ *  styleUrl: 'my-menu-item.scss',
+ * })
+ * export class MyMenuItem extends Mixin(MenuItemBehavior) {
+ *   @Element() el!: HTMLElement;
+ *   @Prop() disabled: boolean = false;
+ *   @Prop() selected: boolean = false;
+ *
+ *   private handleKeyDown = (e: KeyboardEvent) => {
+ *     if (this.disabled) return;
+ *     this.handleKeyDownLogic(e, () => this.handleSelection());
+ *   };
+ *
+ *  render() {
+ *   return (
+ *    <Host
+ *      role={this.menuItemRole}
+ *      aria-selected={this.ariaSelected}
+ *      tabIndex={ this.itemTabIndex}
+ *      onKeyDown={this.handleKeyDown} >
+ *      <slot />
+ *    </Host>
+ *   );
+ *  }
+ * } ```
+ *
+ *
+ */
+export declare const MenuItemBehavior: <B extends MixedInCtor>(Base: B) => {
+    new (...args: any[]): {
+        el: HTMLElement;
+        disabled: boolean;
+        selected: boolean;
+        activeItem: boolean;
+        /**
+         * Finds the closest parent element with a role of 'menu' or 'listbox'.
+         * @returns {HTMLElement | null} - The parent menu or listbox element, or null if not found.
+         */
+        readonly parent: HTMLElement | null;
+        /**
+         * Detects the ARIA role of the nearest parent menu or listbox.
+         * @returns {MenuRole | null} - 'menu', 'listbox', or null if not found.
+         */
+        readonly parentRole: MenuRole | null;
+        /**
+         * Resolves the specific item role ('menuitem' or 'option').
+         * Defaults to 'menuitem' if no parent is detected.
+         * @returns {MenuItemRole}
+         */
+        readonly menuItemRole: MenuItemRole;
+        /**
+         * Returns the 'aria-selected' value as a string for listbox options.
+         * @returns {string | null}
+         */
+        readonly ariaSelected: string | null;
+        /**
+         * Calculates the tabIndex for the item.
+         * @returns {number} 0 for focusable menu items, -1 otherwise.
+         */
+        readonly itemTabIndex: number;
+        /**
+         * Processes keyboard events for arrow navigation and activation.
+         * @param {KeyboardEvent} e - The native keyboard event.
+         * @param {() => void} onActivate - Function to execute when Enter or Space is pressed.
+         * @example
+         * // Inside a component's keydown listener:
+         * this.handleKeyDownLogic(event, () => this.emitSelection());
+         */
+        handleKeyDownLogic(e: KeyboardEvent, onActivate: () => void): void;
+    };
+} & B;
+//# sourceMappingURL=menu-behavior.mixin.d.ts.map

package/dist/types/types/IFormProps.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Interface that define and centralize some props to the form components.
+ * In this way we standardize the props and avoid repetition.
+ * @public
+ * @interface IFormProps
+ * @augments {IFormProps}
+ * @property {string} name - Name of the form control, submitted as a key in the form data.
+ * @property {boolean} disabled - Disables the control. Defaults to `false`.
+ * @property {boolean} required - Marks the control as required for form submission. Defaults to `false`.
+ * @property {string} info - Tooltip content attached to the label. Rendered via `bds-typography` `tooltipText` prop.
+ * @property {boolean} error - When `true`, applies the error visual state.
+ * @property {string} errorMessage - Message shown below the input when `error` is `true`. Replaces `helperText`.
+ * @property {string} label - Label displayed next to the input. Defaults to `""`.
+ * @property {string} helperText - Help text displayed below the input. Defaults to `""`.
+ * @example
+ * export interface IToggle extends IFormProps {}
+ */
+export interface IFormProps {
+    info?: string;
+    error?: boolean;
+    errorMessage?: string;
+    label?: string;
+    helperText?: string;
+}
+//# sourceMappingURL=IFormProps.d.ts.map

package/dist/types/types/index.d.ts

@@ -3,4 +3,9 @@ export * from './form';
 export * from './size';
 export * from './states';
 export * from './stylesMap';
+export * from './orientation';
+export * from './IFormProps';
+export * from './menu';
+export * from './links';
+export * from './orientation';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/types/links.d.ts

@@ -0,0 +1,14 @@
+export type LinksAttrs = {
+    href?: string;
+    target?: string;
+    rel?: string;
+    download?: string;
+    role?: string;
+    tabindex?: string;
+};
+export interface IWithLinks {
+    href: string;
+    newTab: boolean;
+    download: string;
+}
+//# sourceMappingURL=links.d.ts.map

package/dist/types/types/menu.d.ts

@@ -0,0 +1,16 @@
+export declare const MENU_ROLES: {
+    readonly MENU: "menu";
+    readonly LISTBOX: "listbox";
+};
+export type MenuRole = (typeof MENU_ROLES)[keyof typeof MENU_ROLES];
+export declare const MENU_ITEM_ROLES: {
+    readonly MENUITEM: "menuitem";
+    readonly OPTION: "option";
+};
+export type MenuItemRole = (typeof MENU_ITEM_ROLES)[keyof typeof MENU_ITEM_ROLES];
+export interface IMenuBehavior {
+    disabled: boolean;
+    selected: boolean;
+    activeItem: boolean;
+}
+//# sourceMappingURL=menu.d.ts.map

package/dist/types/types/orientation.d.ts

@@ -0,0 +1,6 @@
+export declare const ORIENTATIONS: {
+    readonly HORIZONTAL: "horizontal";
+    readonly VERTICAL: "vertical";
+};
+export type Orientation = (typeof ORIENTATIONS)[keyof typeof ORIENTATIONS];
+//# sourceMappingURL=orientation.d.ts.map

package/dist/types/types/position.d.ts

@@ -10,10 +10,14 @@ export declare const POSITION: {
     readonly RIGHT: "right";
 };
 export declare const POPOVER_POSITION: {
-    readonly TOP: "top-start";
-    readonly BOTTOM: "bottom-start";
+    readonly TOP_START: "top-start";
+    readonly BOTTOM_START: "bottom-start";
     readonly LEFT: "left";
     readonly RIGHT: "right";
+    readonly TOP_END: "top-end";
+    readonly BOTTOM_END: "bottom-end";
+    readonly TOP: "top";
+    readonly BOTTOM: "bottom";
 };
 export type Position = (typeof POSITION)[keyof typeof POSITION];
 export type PopoverPosition = (typeof POPOVER_POSITION)[keyof typeof POPOVER_POSITION];

package/dist/types/utils/constants/common/Keys.d.ts

@@ -1,18 +1,16 @@
 /**
- * Type to add keyboard keys to the component.
+ * Centralised keyboard key values used across components.
+ * Use these constants instead of raw string literals to prevent typos and keep key references consistent.
+ * Each value matches the `KeyboardEvent.key` string as defined by the W3C UI Events specification.
  */
-type Key = {
-    [key: string]: {
-        key: string;
-        code: number;
-    };
+export declare const KEYBOARD: {
+    readonly Enter: "Enter";
+    readonly Escape: "Escape";
+    readonly Space: " ";
+    readonly ArrowUp: "ArrowUp";
+    readonly ArrowDown: "ArrowDown";
+    readonly ArrowLeft: "ArrowLeft";
+    readonly ArrowRight: "ArrowRight";
 };
-/**
- * Default keyboard keys.
- * Add more keys to the `KEYBOARD` object to add more keyboard shortcuts.
- * This prevents key name typing errors and provides a centralized definition of the keys available for implementation.
- * Can use this page to find the keycodes: https://keycode.info/
- */
-export declare const KEYBOARD: Key;
-export {};
+export type KeyboardKey = (typeof KEYBOARD)[keyof typeof KEYBOARD];
 //# sourceMappingURL=Keys.d.ts.map

package/dist/types/utils/helpers/overlays/getOffset.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Calculates the offset for the floating element based on whether the arrow is hidden and if a custom offset is provided.
+ * @param hideArrow - A boolean indicating whether the arrow is hidden.
+ * @param hasOffset - An optional number indicating the custom offset.
+ * @param offset - The default offset value.
+ * @returns The calculated offset value.
+ */
+export declare const getOffset: (hideArrow: boolean, hasOffset: number, offset: number) => number;
+//# sourceMappingURL=getOffset.d.ts.map

package/dist/types/utils/helpers/validateProps.d.ts

@@ -1,3 +1,14 @@
+/**
+ * Validates a numeric component prop against a min/max range.
+ * Issues a console warning when out of range — does not reset the value.
+ * Silently skips `undefined` (optional props) and `'full'` (valid sentinel for span props).
+ *
+ * @param min - Minimum valid value (inclusive).
+ * @param max - Maximum valid value (inclusive). Omit for unbounded upper limit.
+ * @param element - The host element whose property is being checked.
+ * @param propertyName - The name of the prop to validate.
+ */
+export declare function validateNumericProp(min: number, max: number | undefined, element: HTMLElement, propertyName: string): void;
 /**
  * Validates a component prop against a list of accepted values.
  * If the current value is invalid, the prop is reset to the fallback and a warning is issued.

package/dist/types/utils/index.d.ts

@@ -2,6 +2,7 @@ export * from './a11y';
 export * from './dom';
 export * from './form';
 export * from './helpers';
-export * from './__test__';
+export * from './testing';
 export * from './constants';
+export * from './menu';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/utils/menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './menu-item.utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/utils/menu/menu-item.utils.d.ts

@@ -0,0 +1,50 @@
+import { MenuRole, MenuItemRole } from "../../types/index";
+/**
+ * Resolves the appropriate ARIA role for a menu item.
+ * @param {MenuRole} role - The role of the parent menu container ('menu' or 'listbox').
+ * @returns {MenuItemRole} - Returns 'menuitem' if parent is 'menu', otherwise 'option'.
+ * @example
+ * const itemRole = resolveMenuItemRole('menu'); // returns 'menuitem'
+ */
+export declare function resolveMenuItemRole(role: MenuRole): MenuItemRole;
+/**
+ * Determines the aria-selected value based on the item's role and state.
+ * @param {MenuItemRole} role - The role of the item ('menuitem' or 'option').
+ * @param {boolean} selected - The current selection state of the item.
+ * @returns {string | null} - Returns the string representation of the boolean if role is 'option', otherwise null.
+ * @example
+ * const attr = resolveAriaSelected('option', true); // returns 'true'
+ * const attrNull = resolveAriaSelected('menuitem', true); // returns null
+ */
+export declare function resolveAriaSelected(role: MenuItemRole, selected: boolean): string | null;
+/**
+ * Resolves the tabIndex attribute for keyboard navigation.
+ * @param {MenuItemRole} role - The role of the item.
+ * @param {boolean} disabled - Whether the item is currently disabled.
+ * @param {boolean} active - Whether the item is currently active.
+ * @returns {number} - Returns 0 for focusable menu items, or -1 for disabled/options.
+ * @example
+ * const index = resolveTabIndex('menuitem', false); // returns 0
+ * const indexDisabled = resolveTabIndex('menuitem', true); // returns -1
+ */
+export declare function resolveTabIndex(role: MenuItemRole, disabled: boolean, active: boolean): number;
+/**
+ * Manages focus and activation through keyboard events.
+ * @param {KeyboardEvent} event - The keyboard event object from the listener.
+ * @param {HTMLElement[]} items - An array of focusable HTML elements within the menu.
+ * @param {number} currentIndex - The index of the currently focused item.
+ * @param {boolean} selected - The current selection state of the item (used for activation logic).
+ * @returns {void}
+ * @example
+ * handleMenuKeyNavigation(event, menuItems, 2);
+ */
+export declare function handleMenuKeyNavigation(event: KeyboardEvent, items: HTMLElement[], currentIndex: number): void;
+/** Prevents default browser behavior for specific navigation keys.
+ * @param {KeyboardEvent} e - The keyboard event to evaluate.
+ * @returns {void}
+ * @example
+ * // Inside a keydown listener:
+ * preventNavigationKeys(event);
+ */
+export declare function preventNavigationKeys(e: KeyboardEvent): void;
+//# sourceMappingURL=menu-item.utils.d.ts.map

package/dist/types/utils/{__test__ → testing}/helpers.d.ts

@@ -11,4 +11,12 @@ export declare const getInner: (root: AnyHTMLElement | undefined) => HTMLElement
  * @throws {Error} If the condition is false, null, or undefined.
  */
 export declare function assertExists<T>(condition: T | null | undefined, message: string): asserts condition is T;
+/**
+ * Dispatches a `keydown` event on the given element.
+ *
+ * @param el The target element.
+ * @param key The `KeyboardEvent.key` value to dispatch.
+ * @param init Optional overrides merged on top of the defaults (`bubbles: true`, `cancelable: true`).
+ */
+export declare function dispatchKey(el: HTMLElement, key: string, init?: KeyboardEventInit): void;
 //# sourceMappingURL=helpers.d.ts.map

package/dist/types/utils/{__test__ → testing}/index.d.ts

@@ -1,7 +1,5 @@
 export * from './constants';
 export * from './fixtures';
-export * from './popover-mock';
-export * from './backdrop-mock';
 export * from './helpers';
 export * from './mocks';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/utils/{__test__/backdrop-mock.d.ts → testing/mocks/backdrop.d.ts}

@@ -2,4 +2,4 @@
  * A backdrop mock used to test backdrop based components
  */
 export declare function setupBackdropMocks(): void;
-//# sourceMappingURL=backdrop-mock.d.ts.map
+//# sourceMappingURL=backdrop.d.ts.map

package/dist/types/utils/testing/mocks/console.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Registers `beforeEach`/`afterEach` hooks that silence `console.warn` for the
+ * enclosing `describe` block. Call at the top of any `describe` that expects
+ * prop-validation warnings but does not need to assert on them.
+ *
+ * For tests that need to assert on the warning call, create the spy manually
+ * inside the individual `it` block instead.
+ */
+export declare function suppressConsoleWarn(): void;
+/**
+ * Registers `beforeEach`/`afterEach` hooks that silence `console.error` for the
+ * enclosing `describe` block. Use in components that rely on `ElementInternals`
+ * (FACE components) to suppress the Stencil mock-doc noise:
+ * "Property X was accessed on ElementInternals, but this property is not implemented."
+ */
+export declare function suppressConsoleError(): void;
+//# sourceMappingURL=console.d.ts.map

package/dist/types/utils/{__test__/mocks/ElementInternals.d.ts → testing/mocks/elementInternals.d.ts}

@@ -43,4 +43,4 @@ export declare class ElementInternals {
  * This includes defining the attachInternals method on HTMLElement and simulating form submission methods.
  */
 export declare function attachInternals(): void;
-//# sourceMappingURL=ElementInternals.d.ts.map
+//# sourceMappingURL=elementInternals.d.ts.map

package/dist/types/utils/testing/mocks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './elementInternals';
+export * from './console';
+export * from './backdrop';
+export * from './popover';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/utils/{__test__/popover-mock.d.ts → testing/mocks/popover.d.ts}

@@ -1,2 +1,2 @@
 export declare function setupPopoverMocks(): void;
-//# sourceMappingURL=popover-mock.d.ts.map
+//# sourceMappingURL=popover.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telesign/boreal-web-components",
-  "version": "0.1.0-alpha.3",
+  "version": "0.1.0-alpha.5",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/components-build/p-B6R9EVXK.js

@@ -1 +0,0 @@
-import{p as o,a as t,c as r,h as b,t as e}from"./index.js";import{C as a}from"./p-BhTPNsBb.js";import{v as s}from"./p-vfAIdwy0.js";const n={DEFAULT:"default",OUTLINE:"outline",PLAIN:"plain"},d={SMALL:"small",MEDIUM:"medium",LARGE:"large"},i={BUTTON:"button",SUBMIT:"submit",RESET:"reset"},u={DEFAULT:"default",PRIMARY:"primary",SUCCESS:"success",ERROR:"error"},l=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.bdsClick=r(this,"bdsClick"),this.internals=this.attachInternals(),this.currentState=a.DEFAULT,this.label="",this.disabled=!1,this.name="",this.type=i.BUTTON,this.color=u.DEFAULT,this.variant=n.DEFAULT,this.size=d.MEDIUM,this.loading=!1,this.disclosure=!1,this.handleKeyDown=o=>{"Enter"!==o.key&&" "!==o.key||(this.currentState=a.ACTIVE,o.preventDefault(),this.bdsClick.emit(o))},this.handleKeyUp=()=>{this.currentState=a.DEFAULT},this.handleClick=o=>{o.preventDefault(),o.stopPropagation(),this.disabled||this.loading||(this.type===i.SUBMIT||this.type===i.RESET?this.processFormClick():this.bdsClick.emit(o))}}checkPropValues(){s(Object.values(i),i.BUTTON,this.el,"type"),s(Object.values(u),u.DEFAULT,this.el,"color"),s(Object.values(n),n.DEFAULT,this.el,"variant"),s(Object.values(d),d.MEDIUM,this.el,"size")}componentWillLoad(){this.checkPropValues()}componentDidLoad(){this.setupFormAssociation()}setupFormAssociation(){const o=this.el.closest("form");this.internalForm=(this.internals&&"form"in this.internals?this.internals.form:null)||o||void 0}processFormClick(){if(void 0===this.internalForm)return void console.warn("[BorealDS Button] No form found for submit/reset action. Please ensure the button is within a form or that the form is properly associated.");const o={[i.SUBMIT]:()=>{"function"==typeof this.internalForm?.requestSubmit?this.internalForm.requestSubmit():this.internalForm?.submit()},[i.RESET]:()=>this.internalForm?.reset()}[this.type];"function"==typeof o&&o()}get getClassMap(){return{"bds-button":!0,"bds-button--is-disabled":this.disabled,"bds-button--is-loading":this.loading,[`bds-button--state-${this.currentState}`]:!0,[`bds-button--${this.color}`]:!0,[`bds-button--var-${this.variant}`]:!0,[`bds-button--size-${this.size}`]:!0}}render(){return b("button",{key:"4f71bb10d1910ea7b1fc0d64eedb6269e7049a89",name:this.name,class:this.getClassMap,type:this.type,disabled:this.disabled||this.loading,"aria-label":this.label||void 0,"aria-disabled":this.disabled||this.loading,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp},b("div",{key:"e28da0b776917c6a2c0efc6c7140a2bfa979b708",class:"bds-button__content"},b("span",{key:"ce3d60b504bbf38dc7116560dbfbe51c955f79db",class:"bds-button__content-icon bds-button__content-icon--start"},b("slot",{key:"23b6bbb9d4fbf8ad5e0e584cddaac477edf4a91e",name:"icon"})),b("slot",{key:"adcdc5d87a8db4e346d272b843966405692a2a32"}),b("span",{key:"c908b3a8a18ba4cce854ee20d064178f6420d007",class:"bds-button__content-badge"},b("slot",{key:"ce66f69366dc7436a8f8ca1b2b8f55b91a225ec8",name:"badge"})),this.disclosure&&b("span",{key:"921c0f144f2616da238356705c1e5ff634406b87",class:"bds-button__content-icon"},b("i",{key:"9dc7a891ac4fcb1a73113aeae83976d74cff0c2e",class:"bds-icon-chevron-down"}))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{type:[{checkPropValues:0}],color:[{checkPropValues:0}],variant:[{checkPropValues:0}],size:[{checkPropValues:0}]}}static get style(){return'@charset "UTF-8";bds-button{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.bds-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-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;margin:var(--boreal-spacing-2xs) var(--boreal-spacing-3xs);outline:none;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-semibold);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;vertical-align:middle}.bds-button .bds-button__content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs)}.bds-button--is-loading{pointer-events:none;position:relative;color:transparent !important}.bds-button--is-loading::after{position:absolute;content:" ";-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-animation:rotateSpinner 0.5s linear infinite;animation:rotateSpinner 0.5s linear infinite;border-radius:9999px;display:block;height:1em;width:1em;rotate:45deg;left:calc(50% - 0.5em);top:calc(50% - 0.5em);border:3px solid;border-right-color:transparent;border-top-color:transparent}.bds-button--size-small{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);line-height:var(--boreal-typography-line-height-xs);height:26px}.bds-button--size-small .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-small .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-xs)}.bds-button--size-small .bds-button__content-icon:empty{display:none}.bds-button--size-small .bds-button__content{}.bds-button--size-small .bds-button__content-badge:empty{display:none}.bds-button--size-small .bds-button__content-badge{display:none}.bds-button--size-medium{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-sm);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-1xs);line-height:var(--boreal-typography-line-height-sm);height:32px}.bds-button--size-medium .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-medium .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-sm)}.bds-button--size-medium .bds-button__content-icon:empty{display:none}.bds-button--size-medium .bds-button__content{}.bds-button--size-medium .bds-button__content-badge:empty{display:none}.bds-button--size-large{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-md);padding:var(--boreal-spacing-xs);line-height:var(--boreal-typography-line-height-md);height:44px}.bds-button--size-large .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-large .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-md)}.bds-button--size-large .bds-button__content-icon:empty{display:none}.bds-button--size-large .bds-button__content{}.bds-button--size-large .bds-button__content-badge:empty{display:none}.bds-button.bds-button--var-default.bds-button--default{color:var(--boreal-text-default);background-color:var(--boreal-ui-inverse);border-color:transparent}.bds-button.bds-button--var-default.bds-button--default: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-button.bds-button--var-default.bds-button--default: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-button.bds-button--var-default.bds-button--default:active,.bds-button.bds-button--var-default.bds-button--default.bds-button--state-active{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), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-default.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-default.bds-button--primary{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-primary-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--primary:hover{background-color:var(--boreal-ui-primary-dark);-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-button.bds-button--var-default.bds-button--primary:focus{background-color:var(--boreal-ui-primary-base);-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.bds-button--var-default.bds-button--primary:active,.bds-button.bds-button--var-default.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-dark);-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.bds-button--var-default.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-primary-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-default.bds-button--success{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-success-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--success:hover{background-color:var(--boreal-ui-success-dark);-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-button.bds-button--var-default.bds-button--success:focus{background-color:var(--boreal-ui-success-base);-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.bds-button--var-default.bds-button--success:active,.bds-button.bds-button--var-default.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-dark);-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.bds-button--var-default.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-success-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-default.bds-button--error{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-danger-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--error:hover{background-color:var(--boreal-ui-danger-dark);-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-button.bds-button--var-default.bds-button--error:focus{background-color:var(--boreal-ui-danger-base);-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.bds-button--var-default.bds-button--error:active,.bds-button.bds-button--var-default.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-dark);-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.bds-button--var-default.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-danger-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-outline{background-color:transparent}.bds-button.bds-button--var-outline.bds-button--default{color:var(--boreal-text-default);background-color:transparent;border-color:var(--boreal-stroke-default-light)}.bds-button.bds-button--var-outline.bds-button--default: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-button.bds-button--var-outline.bds-button--default: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-button.bds-button--var-outline.bds-button--default:active,.bds-button.bds-button--var-outline.bds-button--default.bds-button--state-active{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-button.bds-button--var-outline.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-default-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-outline.bds-button--primary{color:var(--boreal-text-primary-base);background-color:transparent;border-color:var(--boreal-ui-primary-base)}.bds-button.bds-button--var-outline.bds-button--primary:hover{background-color:var(--boreal-ui-primary-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-button.bds-button--var-outline.bds-button--primary:focus{background-color:var(--boreal-ui-primary-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-button.bds-button--var-outline.bds-button--primary:active,.bds-button.bds-button--var-outline.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-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-button.bds-button--var-outline.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-primary-light);background-color:transparent;border-color:var(--boreal-stroke-primary-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-primary-light);border-bottom-color:var(--boreal-text-primary-light)}.bds-button.bds-button--var-outline.bds-button--success{color:var(--boreal-text-success-base);background-color:transparent;border-color:var(--boreal-stroke-success-base)}.bds-button.bds-button--var-outline.bds-button--success:hover{background-color:var(--boreal-ui-success-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-button.bds-button--var-outline.bds-button--success:focus{background-color:var(--boreal-ui-success-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-button.bds-button--var-outline.bds-button--success:active,.bds-button.bds-button--var-outline.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-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-button.bds-button--var-outline.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-success-light);background-color:transparent;border-color:var(--boreal-stroke-success-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-success-light);border-bottom-color:var(--boreal-text-success-light)}.bds-button.bds-button--var-outline.bds-button--error{color:var(--boreal-text-danger-base);background-color:transparent;border-color:var(--boreal-stroke-danger-base)}.bds-button.bds-button--var-outline.bds-button--error:hover{background-color:var(--boreal-ui-danger-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-button.bds-button--var-outline.bds-button--error:focus{background-color:var(--boreal-ui-danger-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-button.bds-button--var-outline.bds-button--error:active,.bds-button.bds-button--var-outline.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-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-button.bds-button--var-outline.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-danger-light);background-color:transparent;border-color:var(--boreal-stroke-danger-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-danger-light);border-bottom-color:var(--boreal-text-danger-light)}.bds-button.bds-button--var-plain{background-color:transparent}.bds-button.bds-button--var-plain.bds-button--default{color:var(--boreal-text-default);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--default: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-button.bds-button--var-plain.bds-button--default: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-button.bds-button--var-plain.bds-button--default:active,.bds-button.bds-button--var-plain.bds-button--default.bds-button--state-active{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), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-plain.bds-button--primary{color:var(--boreal-text-primary-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--primary:hover{background-color:var(--boreal-ui-primary-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-button.bds-button--var-plain.bds-button--primary:focus{background-color:var(--boreal-ui-primary-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-button.bds-button--var-plain.bds-button--primary:active,.bds-button.bds-button--var-plain.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-primary-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-primary-light);border-bottom-color:var(--boreal-text-primary-light)}.bds-button.bds-button--var-plain.bds-button--success{color:var(--boreal-text-success-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--success:hover{background-color:var(--boreal-ui-success-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-button.bds-button--var-plain.bds-button--success:focus{background-color:var(--boreal-ui-success-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-button.bds-button--var-plain.bds-button--success:active,.bds-button.bds-button--var-plain.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-success-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-success-light);border-bottom-color:var(--boreal-text-success-light)}.bds-button.bds-button--var-plain.bds-button--error{color:var(--boreal-text-danger-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--error:hover{background-color:var(--boreal-ui-danger-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-button.bds-button--var-plain.bds-button--error:focus{background-color:var(--boreal-ui-danger-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-button.bds-button--var-plain.bds-button--error:active,.bds-button.bds-button--var-plain.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-danger-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-danger-light);border-bottom-color:var(--boreal-text-danger-light)}@-webkit-keyframes rotateSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}'}},[324,"bds-button",{label:[1],disabled:[4],name:[1],type:[1],color:[1],variant:[1],size:[1],loading:[4],disclosure:[4],currentState:[32]},void 0,{type:[{checkPropValues:0}],color:[{checkPropValues:0}],variant:[{checkPropValues:0}],size:[{checkPropValues:0}]}]);function c(){"undefined"!=typeof customElements&&["bds-button"].forEach((o=>{"bds-button"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}export{l as B,d as a,c as d}

package/components-build/p-BSpJ_e9f.js

@@ -1 +0,0 @@
-import{p as t,a as e,h as a,H as r,t as o}from"./index.js";import{C as i}from"./p-BhTPNsBb.js";import{a as s}from"./p-CaHOghy5.js";import{d as l}from"./p-BYEAJCas.js";const h="md",p={link:{states:[i.DISABLED],size:["sm",h]},label:{states:[i.DISABLED],isRequired:!0,canUseTooltip:!0},heading:{canUseTooltip:!0},subheading:{canUseTooltip:!0},helper:{states:[i.ERROR]},display:{size:["xs","sm",h,"lg","xl"]}},y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inheritedAttributes={},this.variant="display",this.size=h,this.state=i.DEFAULT,this.customClass="",this.element="p",this.align="start",this.ellipsis=!1,this.maxLines=1,this.tooltipText="",this.isRequired=!1,this.htmlFor=void 0,this.href=null,this.target=null,this.isDownloadable=!1,this.filename="download",this.sanitizedHref=""}async updateSanitizedHref(){if("a"===this.getTagName&&null!==this.href){const{sanitizeUrl:t}=await import("./p-noyWJ11s.js").then((function(t){return t.i}));this.sanitizedHref=t(this.href)}else this.sanitizedHref=""}async componentWillLoad(){"a"===this.getTagName&&null!==this.href&&await this.updateSanitizedHref(),this.inheritedAttributes={...s(this.el)}}get getTagName(){return"link"===this.variant?"a":this.element.toLowerCase()}getVariantConfig(){return p[this.variant]??{}}getAccessibilityTags(){const{isRequired:t=null}=this.getVariantConfig(),e=["a","label"].includes(this.getTagName);return{"aria-required":this.isRequired&&t,"aria-disabled":this.state===i.DISABLED&&e}}getVariantStateStyles(){const t=this.getVariantConfig();return{[`bds-typography--${this.variant}`]:!0,[`bds-typography--align-${this.align}`]:!0,[`bds-typography--${this.state}`]:!(!t?.states||!t?.states.includes(this.state)),[`bds-typography--size-${this.size}`]:!(!t?.size||!t?.size.includes(this.size)),"bds-typography--required":!(!t?.isRequired||!this.isRequired),"bds-typography--ellipsis":this.ellipsis&&this.maxLines<=1,"bds-typography--ellipsis-multiline":this.ellipsis&&this.maxLines>1,[this.customClass]:""!==this.customClass}}render(){const t=this.getTagName,e={...(o=this,s=t,{a:{href:o.state!==i.DISABLED?o.sanitizedHref:null,target:o.target,download:o.isDownloadable?o.filename:null,rel:"_blank"===o.target?"noopener noreferrer":void 0},label:{htmlFor:o.htmlFor}}[s]||{}),...this.inheritedAttributes,...this.getAccessibilityTags()};var o,s;const l=this.getVariantStateStyles(),{canUseTooltip:h=null,isRequired:p=null}=this.getVariantConfig();return a(r,{key:"98e236475142f2be85fcc227cd507d6cb8648928",class:"bds-typography"},a(t,{key:"eed74e216dc0832b5f4808ba72e1374198f60e1a",class:l,style:{webkitLineClamp:this.maxLines},...e},a("slot",{key:"cc073f2d2a3840970c62296379514884564c3473"}),this.isRequired&&p&&a("em",{key:"299a88d69856603b6e73af9567fa91b1a1e7434f",class:"bds-typography__required-indicator","aria-hidden":"true"},"*"),this.tooltipText&&h&&a("span",{key:"c8fa478a8fbd4a70d0869b4c9d523a8a0e9803bf"},a("em",{key:"0f6869a6dd7ab04b19acee773e54687dbd070af0",class:"bds-typography__info-icon bds-icon-info-circle","aria-label":this.tooltipText}),a("bds-tooltip",{key:"ec2dfc33b119bc3f60ec52e8bd10fdb16ea5cc2a"},this.tooltipText))))}get el(){return this}static get watchers(){return{href:[{updateSanitizedHref:0}]}}static get style(){return'@charset "UTF-8";.bds-typography{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__info-icon{color:var(--boreal-icon-default-light)}.bds-typography--heading,.bds-typography--subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--display{display:block}.bds-typography--caption,.bds-typography--helper,.bds-typography--link{display:inline-block}.bds-typography--caption{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-light)}.bds-typography--helper{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default-light)}.bds-typography--link{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-primary-base);text-decoration:none}.bds-typography--link:hover{text-decoration:underline}.bds-typography--link:visited{color:var(--boreal-text-primary-base)}.bds-typography--link:active{color:var(--boreal-text-primary-dark)}.bds-typography--link.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xs)}.bds-typography--link.bds-typography--size-md{font-size:var(--boreal-typography-font-size-sm)}.bds-typography--code{font-family:var(--boreal-typography-font-family-secondary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md);overflow-wrap:break-word;background-color:var(--boreal-bg-neutral);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);border-radius:var(--boreal-radius-xs);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bds-typography--label{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-darker)}.bds-typography--display{font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography--display.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography--display.bds-typography--size-md{font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography--display.bds-typography--size-lg{font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--display.bds-typography--size-xl{font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--heading{font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography h1.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl)}.bds-typography h2.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl)}.bds-typography h3.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography h4.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography h5.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg)}.bds-typography h6.bds-typography--heading{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-typography--subheading{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);font-weight:var(--boreal-typography-font-weight-semibold)}.bds-typography--align-start{text-align:start}.bds-typography--align-center{text-align:center}.bds-typography--align-end{text-align:end}.bds-typography--align-inherit{text-align:inherit}.bds-typography--error{color:var(--boreal-text-danger-base)}.bds-typography--disabled{color:var(--boreal-text-disabled);pointer-events:none;cursor:not-allowed}.bds-typography--disabled .bds-typography__required-indicator{color:var(--boreal-text-danger-light)}.bds-typography--ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bds-typography--ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}'}},[260,"bds-typography",{variant:[513],size:[513],state:[513],customClass:[1,"custom-class"],element:[1],align:[1],ellipsis:[4],maxLines:[2,"max-lines"],tooltipText:[1,"tooltip-text"],isRequired:[516,"is-required"],htmlFor:[1,"html-for"],href:[1],target:[1],isDownloadable:[4,"is-downloadable"],filename:[1],sanitizedHref:[32]},void 0,{href:[{updateSanitizedHref:0}]}]);function n(){"undefined"!=typeof customElements&&["bds-typography","bds-tooltip"].forEach((t=>{switch(t){case"bds-typography":customElements.get(o(t))||customElements.define(o(t),y);break;case"bds-tooltip":customElements.get(o(t))||l()}}))}export{y as B,n as d}

package/components-build/p-BYEAJCas.js

@@ -1 +0,0 @@
-import{p as t,M as o,h as e,H as i,t as r}from"./index.js";import{a}from"./p-CYojP4vI.js";const s=t(class extends(o(a)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.multiline=!1,this.disabled=!1,this.floatingOptions={},this.isVisible=!1}get options(){return{placement:this.floatingOptions.placement??"bottom",offset:this.floatingOptions.offset??8,arrow:this.floatingOptions.hideArrow?void 0:this.arrowElement,strategy:"fixed"}}get hooks(){return{onPositionUpdate:t=>this.handlePosition(t),onBeforeShow:()=>this.validateShow(),onBeforeHide:t=>this.validateHide(t),subscribeToTrigger:t=>this.subscribe(t)}}get canShowArrow(){return!this.floatingOptions.hideArrow||!1}get getPlacement(){return this.floatingOptions.placement||"bottom"}validateShow(){return!this.disabled}validateHide(t){return!this.floatingOptions.stayOnHover||void 0===t||!t.isConnected||!this.floatingContent.contains(t)&&this.floatingContent!==t}handlePosition(t){this.floatingContent.setAttribute("data-placement",t.placement),this.setArrowPosition(t)}setArrowPosition(t){if(t.middlewareData?.arrow&&!this.disabled&&this.arrowElement?.isConnected){const{x:o,y:e}=t.middlewareData.arrow;Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=e?`${e}px`:""})}}get hasMultiline(){return void 0!==this.multiline&&this.multiline}get tooltipStyles(){return{"tooltip-content":!0,"tooltip-content--multiline":this.hasMultiline}}subscribe(t){void 0!==t&&(t.setAttribute("part","tooltip-trigger"),t.setAttribute("ariaDescribedBy","tooltip-content"),t.addEventListener("mouseenter",(()=>this.show())),t.addEventListener("mouseleave",(t=>this.hide(t.target))))}render(){return e(i,{key:"65758ffb473363eadce15b09704224a95304dbf2",class:"tooltip"},e("div",{key:"d488e67b2da3c788ccf8eb9b9eeb273b9d1c58be",id:"tooltip-content",part:"tooltip-content",class:this.tooltipStyles,popover:"manual",role:"tooltip","aria-hidden":this.isVisible?"false":"true","data-placement":this.getPlacement,"data-multiline":this.multiline,"data-hidearrow":this.canShowArrow,ref:t=>this.floatingContent=t},this.canShowArrow&&e("div",{key:"de86ff5432b49a2e31d94c6c8e16f33327ef5baa",class:"tooltip-arrow",part:"arrow",ref:t=>this.arrowElement=t}),e("slot",{key:"8428151ba6b9b835f721be33cc61b1bacdba7494"})))}get el(){return this}static get style(){return'@charset "UTF-8";:root{--tooltip-arrow-size:var(--boreal-spacing-s);--tooltip-width:320px}.tooltip-content{position:fixed;margin:0;border:0;overflow:visible;border-radius:var(--boreal-radius-xs2);background:var(--boreal-ui-black);color:var(--boreal-text-inverse);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-s);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs);font-family:var(--boreal-typography-font-family-primary);border:var(--boreal-spacing-2xs) solid var(--boreal-ui-black);font-weight:var(--boreal-typography-font-weight-regular)}.tooltip-content--multiline{white-space:normal;max-width:var(--tooltip-width, 320px);word-break:break-word;text-align:center}.tooltip-arrow{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);pointer-events:none;z-index:-1}.tooltip-arrow::before{content:"";position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);background:var(--boreal-ui-black);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tooltip-content[data-placement^=top] .tooltip-arrow{bottom:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=top] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=bottom] .tooltip-arrow{top:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=bottom] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=left] .tooltip-arrow{right:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=left] .tooltip-arrow::before{left:0}.tooltip-content[data-placement^=right] .tooltip-arrow{left:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=right] .tooltip-arrow::before{left:0}'}},[772,"bds-tooltip",{multiline:[4],disabled:[4],floatingOptions:[16],isVisible:[32]}]);function l(){"undefined"!=typeof customElements&&["bds-tooltip"].forEach((t=>{"bds-tooltip"===t&&(customElements.get(r(t))||customElements.define(r(t),s))}))}export{s as B,l as d}

package/components-build/p-BhTPNsBb.js

@@ -1 +0,0 @@
-const a={DEFAULT:"default",ERROR:"error",DISABLED:"disabled",ACTIVE:"active"},e={INFO:"info",SUCCESS:"success",WARNING:"warning",DANGER:"danger"};export{a as C,e as S}