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

package/dist/esm/{anchored.mixin-Y3MkGc2X.js → getOffset-BYS3c13B.js}

@@ -1,4 +1,15 @@
+import { L as Logger } from './Logger-iq2UuV7c.js';
 import { f as floatingMixin } from './floating.mixin-DCXSEEVH.js';
+import { K as KEYBOARD } from './Keys-DlYG-OVB.js';
+
+/**
+ * Centralize list of events to add listeners to the component.
+ * Add Native or Custom events to the `EVENTS` object.
+ * This prevent typing errors when using the event name in the component, creating listeners, etc.
+ */
+const EVENTS = {
+    Focus: 'focus',
+    Blur: 'blur'};
 
 /**
  * Custom positioning reference element.
@@ -1616,54 +1627,6 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-/**
- * Default implementation of the logger service.
- * This class is responsible for logging errors, warnings and messages to the DevTools console.
- */
-class Logger {
-    /**
-     * Throw a normalized error with the component name and the message.
-     * @param component Is the name of the component that is throwing the error.
-     * @param message Is the message of the error.
-     * @throws Error with the component name and the message.
-     * @example
-     * const logger = new Logger();
-     * logger.error('MyComponent', 'This is an error');
-     * // Throws an error with the message "[MyComponent]: This is an error"
-     */
-    error(component, message) {
-        throw new Error(`[${component}]: ${message}`);
-    }
-    /**
-     * Log a warning with the component name and the message.
-     * @param component Is the name of the component that is throwing the warning.
-     * @param message Is the message of the warning.
-     * @example
-     * const logger = new Logger();
-     * logger.warn('MyComponent', 'This is a warning');
-     * // Logs a warning with the message "[MyComponent]: This is a warning"
-     */
-    warn(component, message) {
-        console.warn(`[${component}]: ${message}`);
-    }
-    /**
-     * Log a message with the component name and the message.
-     * @param component Is the name of the component that is logging the message.
-     * @param message Is the message of the message.
-     * @example
-     * const logger = new Logger();
-     * logger.log('MyComponent', 'This is a message');
-     * // Logs a message with the message "[MyComponent]: This is a message"
-     * @example
-     * const logger = new Logger();
-     * logger.log('MyComponent', 'This is a message');
-     * // Logs a message with the message "[MyComponent]: This is a message"
-     */
-    log(component, message) {
-        console.log(`[${component}]: ${message}`);
-    }
-}
-
 class FloatingAdapter {
     /**
      * Constructor of the adapter.
@@ -1690,7 +1653,7 @@ class FloatingAdapter {
             middleware.push(flip());
         if (enableShift)
             middleware.push(shift());
-        if (arrowElement !== undefined || arrowElement !== null)
+        if (arrowElement !== undefined && arrowElement !== null)
             middleware.push(arrow({ element: arrowElement }));
         const result = await computePosition(reference, floating, {
             placement,
@@ -1734,28 +1697,6 @@ class PositioningEngine extends FloatingAdapter {
     }
 }
 
-/**
- * Centralize list of events to add listeners to the component.
- * Add Native or Custom events to the `EVENTS` object.
- * This prevent typing errors when using the event name in the component, creating listeners, etc.
- */
-const EVENTS = {
-    Focus: 'focus',
-    Blur: 'blur'};
-
-/**
- * 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/
- */
-const KEYBOARD = {
-    Enter: {
-        key: 'Enter'},
-    Escape: {
-        key: 'Escape'},
-};
-
 /**
  * Positioning and trigger mixin for anchor-based floating elements.
  *
@@ -1873,6 +1814,16 @@ const anchoredMixin = (Base) => {
             }
             return super.onBeforeShow(target);
         }
+        /**
+         * Hides the focus from the floating element.
+         * This is necessary to prevent the focus from being trapped inside the floating element.
+         */
+        hideFocus() {
+            const focusedInside = this.floatingContent?.contains(document.activeElement);
+            if (focusedInside) {
+                document.activeElement?.blur();
+            }
+        }
         /**
          * Hides the floating element using the Popover API
          * and stops position auto-update.
@@ -1881,6 +1832,7 @@ const anchoredMixin = (Base) => {
          */
         hideElement() {
             this.stopAutoUpdate();
+            this.hideFocus();
             this.floatingContent?.hidePopover();
             this.isVisible = false;
         }
@@ -1912,9 +1864,9 @@ const anchoredMixin = (Base) => {
          * @param hideFn - Bound hide function
          */
         handleKeydown(e, showFn, hideFn) {
-            if (e.key === KEYBOARD.Enter.key || e.key === ' ')
+            if (e.key === KEYBOARD.Enter || e.key === KEYBOARD.Space)
                 showFn();
-            if (e.key === KEYBOARD.Escape.key)
+            if (e.key === KEYBOARD.Escape)
                 hideFn();
         }
         /**
@@ -2009,7 +1961,9 @@ const anchoredMixin = (Base) => {
             const parent = this.el.parentElement;
             if (parent === null)
                 return;
-            const trigger = parent.querySelector('[bds-tooltip], [bds-popover]') || parent;
+            const trigger = parent.querySelector('[bds-tooltip], [bds-popover]') ||
+                parent.closest('.bds-button, .bds-input, .bds-select') ||
+                parent;
             if (trigger.isConnected) {
                 this.triggerSlot = trigger;
                 this.subscribeToTrigger(trigger);
@@ -2051,4 +2005,18 @@ const anchoredMixin = (Base) => {
     return Anchored;
 };
 
-export { anchoredMixin as a };
+/**
+ * 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.
+ */
+const getOffset = (hideArrow = false, hasOffset = 0, offset) => {
+    if (hideArrow)
+        return hasOffset !== undefined ? hasOffset : 0;
+    else
+        return hasOffset !== undefined ? offset + hasOffset : offset;
+};
+
+export { anchoredMixin as a, getOffset as g };

package/dist/esm/{index-D4EFsvs1.js → index-BqJlOB6b.js}

@@ -139,6 +139,23 @@ var plt = {
   ce: (eventName, opts) => new CustomEvent(eventName, opts)
 };
 var supportsShadow = BUILD.shadowDom;
+var supportsListenerOptions = /* @__PURE__ */ (() => {
+  var _a;
+  let supportsListenerOptions2 = false;
+  try {
+    (_a = win.document) == null ? void 0 : _a.addEventListener(
+      "e",
+      null,
+      Object.defineProperty({}, "passive", {
+        get() {
+          supportsListenerOptions2 = true;
+        }
+      })
+    );
+  } catch (e) {
+  }
+  return supportsListenerOptions2;
+})();
 var promiseResolve = (v) => Promise.resolve(v);
 var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
   try {
@@ -1708,6 +1725,13 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
         hostRef.$deferredConnectedCallback$ = false;
         safeCall(instance, "connectedCallback", void 0, elm);
       }
+      {
+        hostRef.$flags$ |= 256 /* isListenReady */;
+        if (hostRef.$queuedListeners$) {
+          hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
+          hostRef.$queuedListeners$ = void 0;
+        }
+      }
       if (hostRef.$fetchedCbList$.length) {
         hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
       }
@@ -2208,6 +2232,7 @@ var connectedCallback = (elm) => {
         initializeComponent(elm, hostRef, cmpMeta);
       }
     } else {
+      addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
       if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
         fireConnectedCallback(hostRef.$lazyInstance$, elm);
       } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
@@ -2235,6 +2260,12 @@ var disconnectInstance = (instance, elm) => {
 var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
+    {
+      if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
+        hostRef.$rmListeners$.map((rmListener) => rmListener());
+        hostRef.$rmListeners$ = void 0;
+      }
+    }
     if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
       disconnectInstance(hostRef.$lazyInstance$, elm);
     } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
@@ -2284,6 +2315,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       {
         cmpMeta.$members$ = compactMeta[2];
       }
+      {
+        cmpMeta.$listeners$ = compactMeta[3];
+      }
       {
         cmpMeta.$attrsToReflect$ = [];
       }
@@ -2310,6 +2344,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           }
           if (!this.hasRegisteredEventListeners) {
             this.hasRegisteredEventListeners = true;
+            addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
           }
           if (appLoadFallback) {
             clearTimeout(appLoadFallback);
@@ -2392,6 +2427,35 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 
 // src/runtime/fragment.ts
 var Fragment = (_, children) => children;
+var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
+  if (listeners && win.document) {
+    listeners.map(([flags, name, method]) => {
+      const target = elm;
+      const handler = hostListenerProxy(hostRef, method);
+      const opts = hostListenerOpts(flags);
+      plt.ael(target, name, handler, opts);
+      (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
+    });
+  }
+};
+var hostListenerProxy = (hostRef, methodName) => (ev) => {
+  var _a;
+  try {
+    {
+      if (hostRef.$flags$ & 256 /* isListenReady */) {
+        (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
+      } else {
+        (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
+      }
+    }
+  } catch (e) {
+    consoleError(e, hostRef.$hostElement$);
+  }
+};
+var hostListenerOpts = (flags) => supportsListenerOptions ? {
+  passive: (flags & 1 /* Passive */) !== 0,
+  capture: (flags & 2 /* Capture */) !== 0
+} : (flags & 2 /* Capture */) !== 0;
 var baseClass = class {
 } ;
 function Mixin(...mixins) {

package/dist/esm/{internals-Dy7QKP9e.js → internals-DfaYciGa.js}

@@ -1,33 +1,3 @@
-/**
- * Shared base mixin for Form-Associated Custom Elements in Boreal DS.
- *
- * Provides `formDisabledCallback` — the only behavior that is identical across
- * all FACE components. It writes to the component's `isDisabled` state, which
- * each component must declare as `@State() private isDisabled: boolean = false`.
- *
- * Each component must declare directly on its class body:
- * - `@AttachInternals() internals!: ElementInternals`
- * - `@Prop({ reflect: true }) readonly name!: string`
- * - `@Prop({ reflect: true }) readonly disabled: boolean = false`
- * - `@Prop({ reflect: true }) readonly required: boolean = false`
- * - `@State() private isDisabled: boolean = false`
- * - `@Watch('disabled') onDisabledChange(next: boolean) { this.isDisabled = next; }`
- *
- * Stencil's compiler requires `@Prop` and `@State` decorators to be statically
- * visible on the component class — they cannot be inherited from a mixin.
- *
- * Components must also implement `IFormControl<T>` for value registration,
- * reset, state restoration, and 2-way binding event emission.
- */
-const formAssociatedMixin = (Base) => {
-    class FormAssociated extends Base {
-        formDisabledCallback(disabled) {
-            this.isDisabled = disabled;
-        }
-    }
-    return FormAssociated;
-};
-
 /**
  * Registers the component's current value with the browser's form machinery.
  *
@@ -108,4 +78,4 @@ function runValidators(internals, validators, el) {
     return valid;
 }
 
-export { formAssociatedMixin as f, runValidators as r, setFormValue as s };
+export { runValidators as r, setFormValue as s };

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-D4EFsvs1.js';
-export { s as setNonce } from './index-D4EFsvs1.js';
+import { b as bootstrapLazy } from './index-BqJlOB6b.js';
+export { s as setNonce } from './index-BqJlOB6b.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["bds-text-field",[[836,"bds-text-field",{"name":[513],"disabled":[516],"required":[516],"value":[1537],"error":[516],"errorMessage":[1,"error-message"],"customValidators":[16],"validationTiming":[1,"validation-timing"],"type":[513],"variant":[513],"placeholder":[1],"readOnly":[4,"readonly"],"autocomplete":[1],"pattern":[1],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"label":[1],"sublabel":[1],"icon":[1],"helperText":[1,"helper-text"],"info":[1],"clearable":[4],"clearOnHover":[4,"clear-on-hover"],"charCount":[2,"char-count"],"counter":[4],"customWidth":[1,"custom-width"],"isDisabled":[32],"focused":[32],"showPassword":[32],"touched":[32],"dirty":[32],"currentCharCount":[32],"validationError":[32],"validationMessage":[32],"checkValidity":[64],"reportValidity":[64]},null,{"disabled":[{"onDisabledChange":0}],"type":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"validationTiming":[{"checkPropValues":0}],"customValidators":[{"onCustomValidatorsChange":0}],"value":[{"onValueChange":0}]}]]],["bds-dialog",[[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]},null,{"active":[{"handleIsOpenChange":0}]}]]],["bds-popover",[[772,"bds-popover",{"floatingOptions":[16],"disabled":[4],"width":[8],"header":[4],"footer":[4],"closable":[4],"isVisible":[32]}]]],["bds-banner",[[260,"bds-banner",{"variant":[1],"closable":[4],"closeButtonLabel":[1,"close-button-label"],"isClosing":[32],"isOpen":[32],"closeBanner":[64]}]]],["bds-checkbox",[[836,"bds-checkbox",{"name":[513],"disabled":[516],"required":[516],"checked":[1540],"indeterminate":[1540],"error":[516],"value":[1],"label":[1],"isDisabled":[32]},null,{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["bds-flag",[[0,"bds-flag",{"alignFlag":[1,"align-flag"],"callSign":[4,"call-sign"],"country":[1],"customFlags":[16],"identifier":[1],"label":[4],"shape":[1],"shortName":[4,"short-name"]},null,{"alignFlag":[{"checkPropValues":0}],"identifier":[{"checkPropValues":0}],"shape":[{"checkPropValues":0}]}]]],["bds-spinner",[[0,"bds-spinner",{"size":[1],"label":[1]},null,{"size":[{"checkPropValues":0}]}]]],["bds-typography",[[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]},null,{"href":[{"updateSanitizedHref":0}]}]]],["bds-button",[[324,"bds-button",{"label":[1],"disabled":[4],"name":[1],"type":[1],"color":[1],"variant":[1],"size":[1],"loading":[4],"disclosure":[4],"currentState":[32]},null,{"type":[{"checkPropValues":0}],"color":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"size":[{"checkPropValues":0}]}]]],["bds-tooltip",[[772,"bds-tooltip",{"multiline":[4],"disabled":[4],"floatingOptions":[16],"isVisible":[32]}]]]], options);
+  return bootstrapLazy([["bds-list-menu-item",[[772,"bds-list-menu-item",{"variant":[513],"name":[1],"disabled":[516],"selected":[1540],"value":[513],"checkable":[516],"activeItem":[516,"active-item"],"href":[1],"newTab":[4,"new-tab"],"download":[1],"currentState":[32]},null,{"variant":[{"checkPropsVariant":0}]}]]],["bds-radio-group",[[836,"bds-radio-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":[1025],"isDisabled":[32],"isInvalid":[32],"checkValidity":[64],"reportValidity":[64]},[[0,"bdsChange","handleRadioChange"],[0,"invalid","handleInvalid"]],{"orientation":[{"checkPropValues":0}],"disabled":[{"onDisabledChange":0}],"error":[{"onErrorChange":0}],"value":[{"onValueChange":0}]}]]],["bds-radio-card",[[260,"bds-radio-card",{"value":[513],"info":[1],"name":[1],"label":[1],"checked":[1540],"disabled":[516],"error":[516]}]]],["bds-text-field",[[836,"bds-text-field",{"name":[513],"disabled":[516],"required":[516],"value":[1537],"error":[516],"errorMessage":[1,"error-message"],"customValidators":[16],"validationTiming":[1,"validation-timing"],"type":[513],"variant":[513],"placeholder":[1],"readOnly":[4,"readonly"],"autocomplete":[1],"pattern":[1],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"label":[1],"sublabel":[1],"icon":[1],"helperText":[1,"helper-text"],"info":[1],"clearable":[4],"clearOnHover":[4,"clear-on-hover"],"charCount":[2,"char-count"],"counter":[4],"customWidth":[1,"custom-width"],"isDisabled":[32],"focused":[32],"showPassword":[32],"touched":[32],"dirty":[32],"currentCharCount":[32],"validationError":[32],"validationMessage":[32],"checkValidity":[64],"reportValidity":[64]},null,{"disabled":[{"onDisabledChange":0}],"type":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"validationTiming":[{"checkPropValues":0}],"customValidators":[{"onCustomValidatorsChange":0}],"value":[{"onValueChange":0}]}]]],["bds-toggle",[[576,"bds-toggle",{"name":[513],"disabled":[516],"required":[516],"info":[1],"error":[516],"errorMessage":[513,"error-message"],"checked":[516],"placement":[513],"label":[513],"helperText":[513,"helper-text"],"value":[1],"isDisabled":[32],"validationError":[32],"validationMessage":[32],"isChecked":[32]},null,{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["bds-checkbox-card",[[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]},null,{"disabled":[{"onDisabledChange":0}],"indeterminate":[{"onIndeterminateChange":0}],"checked":[{"onCheckedChange":0}]}]]],["bds-dialog",[[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]},null,{"active":[{"handleIsOpenChange":0}]}]]],["bds-list-menu",[[260,"bds-list-menu",{"selectionMode":[1,"selection-mode"],"menuRole":[1,"menu-role"],"selectControls":[4,"select-controls"],"selectedValues":[32],"getSelectedValues":[64],"setSelectedValues":[64]},[[0,"bdsSelectItem","handleItemClick"]],{"selectionMode":[{"checkProps":0}],"menuRole":[{"checkProps":0}]}]]],["bds-popover",[[772,"bds-popover",{"floatingOptions":[16],"disabled":[4],"width":[8],"header":[4],"footer":[4],"closable":[4],"isVisible":[32]}]]],["bds-radio",[[260,"bds-radio",{"checked":[1540],"disabled":[516],"value":[1],"name":[513],"label":[1],"error":[516],"info":[1]}]]],["bds-radio-button",[[260,"bds-radio-button",{"checked":[1540],"disabled":[516],"error":[516],"value":[1],"name":[513],"label":[1],"info":[1]}]]],["bds-avatar",[[0,"bds-avatar",{"username":[1],"variant":[1],"background":[1],"initialsColor":[1,"initials-color"]}]]],["bds-badge",[[260,"bds-badge",{"variant":[1],"disabled":[4]},null,{"variant":[{"checkPropValues":0}]}]]],["bds-banner",[[260,"bds-banner",{"variant":[1],"closable":[4],"closeButtonLabel":[1,"close-button-label"],"isClosing":[32],"isOpen":[32],"open":[64],"close":[64]}]]],["bds-button-group",[[260,"bds-button-group",{"size":[1],"orientation":[1],"label":[1],"color":[1],"variant":[1]},null,{"size":[{"validateProps":0},{"propagatePropsToButtons":0}],"orientation":[{"validateProps":0}],"color":[{"validateProps":0},{"propagatePropsToButtons":0}],"variant":[{"validateProps":0},{"propagatePropsToButtons":0}]}]]],["bds-flag",[[0,"bds-flag",{"alignFlag":[1,"align-flag"],"callSign":[4,"call-sign"],"country":[1],"customFlags":[16],"identifier":[1],"label":[4],"shape":[1],"shortName":[4,"short-name"]},null,{"alignFlag":[{"checkPropValues":0}],"identifier":[{"checkPropValues":0}],"shape":[{"checkPropValues":0}]}]]],["bds-grid",[[260,"bds-grid",{"layout":[1],"rowGap":[1,"row-gap"]},null,{"layout":[{"checkPropValues":0}]}]]],["bds-grid-item",[[260,"bds-grid-item",{"colSpan":[520,"col-span"],"colSpanSm":[520,"col-span-sm"],"colSpanMd":[520,"col-span-md"],"colSpanLg":[520,"col-span-lg"],"colSpanXl":[520,"col-span-xl"],"colSpan2xl":[520,"col-span-2xl"],"rowSpan":[520,"row-span"],"offset":[514]},null,{"colSpan":[{"checkPropValues":0}],"colSpanSm":[{"checkPropValues":0}],"colSpanMd":[{"checkPropValues":0}],"colSpanLg":[{"checkPropValues":0}],"colSpanXl":[{"checkPropValues":0}],"colSpan2xl":[{"checkPropValues":0}],"rowSpan":[{"checkPropValues":0}],"offset":[{"checkPropValues":0}]}]]],["bds-spinner",[[0,"bds-spinner",{"size":[1],"label":[1]},null,{"size":[{"checkPropValues":0}]}]]],["bds-status",[[260,"bds-status",{"state":[1],"indicator":[1]},null,{"state":[{"checkPropValues":0}],"indicator":[{"checkPropValues":0}]}]]],["bds-tag",[[260,"bds-tag",{"multiselect":[4],"selected":[4],"closeButtonLabel":[1,"close-button-label"],"color":[1],"readonly":[4],"disabled":[4],"internalSelected":[32]},null,{"color":[{"checkPropValues":0}],"selected":[{"syncSelectedFromProp":0}]}]]],["bds-divider",[[0,"bds-divider",{"orientation":[513]},null,{"orientation":[{"checkPropValues":0}]}]]],["bds-checkbox",[[836,"bds-checkbox",{"name":[513],"disabled":[516],"required":[516],"checked":[1540],"indeterminate":[1540],"error":[516],"value":[1],"label":[1],"isDisabled":[32]},null,{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["bds-button",[[324,"bds-button",{"label":[1],"disabled":[4],"name":[1],"type":[1],"color":[1],"variant":[1],"size":[1],"loading":[4],"disclosure":[4],"currentState":[32]},null,{"type":[{"checkPropValues":0}],"color":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"size":[{"checkPropValues":0}]}]]],["bds-tooltip_2",[[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"],"required":[516],"htmlFor":[1,"html-for"],"href":[1],"target":[1],"downloadable":[4],"filename":[1],"sanitizedHref":[32]},null,{"href":[{"updateSanitizedHref":0}]}],[772,"bds-tooltip",{"multiline":[4],"disabled":[4],"floatingOptions":[16],"isVisible":[32]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/menu-dz9-Q2N8.js

@@ -0,0 +1,6 @@
+const MENU_ROLES = {
+    MENU: 'menu',
+    LISTBOX: 'listbox',
+};
+
+export { MENU_ROLES as M };

package/dist/esm/orientation-CPvuMm5C.js

@@ -0,0 +1,6 @@
+const ORIENTATIONS = {
+    HORIZONTAL: 'horizontal',
+    VERTICAL: 'vertical',
+};
+
+export { ORIENTATIONS as O };

package/dist/esm/{states-BhTPNsBb.js → states-Bfazyxqi.js}

@@ -3,6 +3,13 @@ const COMPONENT_STATES = {
     ERROR: 'error',
     DISABLED: 'disabled',
     ACTIVE: 'active'};
+const PROCESS_STATUS = {
+    NEUTRAL: 'neutral',
+    PENDING: 'pending',
+    IN_PROGRESS: 'in-progress',
+    COMPLETE: 'complete',
+    CANCEL: 'cancel',
+};
 const STATUS_VARIANT = {
     INFO: 'info',
     SUCCESS: 'success',
@@ -10,4 +17,4 @@ const STATUS_VARIANT = {
     DANGER: 'danger',
 };
 
-export { COMPONENT_STATES as C, STATUS_VARIANT as S };
+export { COMPONENT_STATES as C, PROCESS_STATUS as P, STATUS_VARIANT as S };

package/dist/esm/validateProps-kGnB15Lz.js

@@ -0,0 +1,39 @@
+/**
+ * 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.
+ */
+function validateNumericProp(min, max, element, propertyName) {
+    const raw = element[propertyName];
+    if (raw === undefined || raw === 'full')
+        return;
+    const current = Number(raw);
+    const outOfRange = Number.isNaN(current) || current < min || (max !== undefined && current > max);
+    if (outOfRange) {
+        const rangeDesc = max !== undefined ? `${min}–${max}` : `≥${min}`;
+        console.warn(`[BorealDS] Invalid value "${raw}" for prop "${propertyName}" on <${element.tagName.toLowerCase()}>. Expected ${rangeDesc}.`);
+    }
+}
+/**
+ * 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.
+ *
+ * @param acceptedValues - The list of valid values for the prop.
+ * @param fallbackValue - The value to apply when the current value is invalid.
+ * @param element - The host element whose property will be corrected.
+ * @param propertyName - The name of the prop to validate.
+ */
+function validatePropValue(acceptedValues, fallbackValue, element, propertyName) {
+    const currentValue = element[propertyName];
+    if (acceptedValues.includes(currentValue))
+        return;
+    element[propertyName] = fallbackValue;
+    console.warn(`[BorealDS] Invalid value "${currentValue}" for prop "${propertyName}" on <${element.tagName.toLowerCase()}>. Expected one of: ${acceptedValues.join(', ')}.`);
+}
+
+export { validateNumericProp as a, validatePropValue as v };

package/dist/esm-es5/BaseAttributes-DhSchGPI.js

@@ -0,0 +1 @@
+function createId(e){if(e===void 0){e="bds"}return"".concat(e,"-").concat(Math.random().toString(36).substr(2,9))}export{createId as c};

package/dist/esm-es5/Keys-DlYG-OVB.js

@@ -0,0 +1 @@
+var KEYBOARD={Enter:"Enter",Escape:"Escape",Space:" ",ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowRight:"ArrowRight"};export{KEYBOARD as K};

package/dist/esm-es5/Logger-iq2UuV7c.js

@@ -0,0 +1 @@
+var Logger=function(){function n(){}n.prototype.error=function(n,o){throw new Error("[".concat(n,"]: ").concat(o))};n.prototype.warn=function(n,o){console.warn("[".concat(n,"]: ").concat(o))};n.prototype.log=function(n,o){console.log("[".concat(n,"]: ").concat(o))};return n}();export{Logger as L};

package/dist/esm-es5/{attributes-CaHOghy5.js → attributes-U9yfbs7i.js}

@@ -1 +1 @@
-var inheritAttributes=function(a,i){if(i===void 0){i=[]}var r={};i.forEach((function(i){if(a.hasAttribute(i)){var e=a.getAttribute(i);if(e!==null){r[i]=e}a.removeAttribute(i)}}));return r};var ariaAttributes=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"];var inheritAriaAttributes=function(a,i){var r=ariaAttributes;return inheritAttributes(a,r)};export{inheritAriaAttributes as a,inheritAttributes as i};
+var inheritAttributes=function(a,i){if(i===void 0){i=[]}var r={};i.forEach((function(i){if(a.hasAttribute(i)){var e=a.getAttribute(i);if(e!==null){r[i]=e}a.removeAttribute(i)}}));return r};var ariaAttributes=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"];var inheritAriaAttributes=function(a,i){var r=ariaAttributes;if(i&&i.length>0){r=r.filter((function(a){return!i.includes(a)}))}return inheritAttributes(a,r)};export{inheritAriaAttributes as a,inheritAttributes as i};

package/dist/esm-es5/bds-avatar.entry.js

@@ -0,0 +1 @@
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(a){for(var e,t=1,r=arguments.length;t<r;t++){e=arguments[t];for(var s in e)if(Object.prototype.hasOwnProperty.call(e,s))a[s]=e[s]}return a};return __assign.apply(this,arguments)};import{r as registerInstance,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{a as inheritAriaAttributes}from"./attributes-U9yfbs7i.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var AVATAR_VARIANT={ICON:"icon",NAME:"name",FULL:"full"};var bdsAvatarCss=function(){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}'};var BdsAvatar=function(){function a(a){registerInstance(this,a);this.inheritedAttributes={};this.username="";this.variant=AVATAR_VARIANT.FULL;this.background="";this.initialsColor=""}a.prototype.componentWillLoad=function(){this.checkPropValues();this.inheritedAttributes=__assign({},inheritAriaAttributes(this.el))};a.prototype.componentDidLoad=function(){if(this.normalizedUsername.length<=0&&this.variant!==AVATAR_VARIANT.ICON)console.warn("[BorealDS Avatar] Missing required `username` prop. The avatar relies on it to display initials or name.")};a.prototype.checkPropValues=function(){validatePropValue(Object.values(AVATAR_VARIANT),AVATAR_VARIANT.FULL,this.el,"variant")};Object.defineProperty(a.prototype,"normalizedUsername",{get:function(){return this.username.trim()},enumerable:false,configurable:true});a.prototype.extractInitials=function(a){if(a===void 0){a=""}if(a.length===0)return"";var e=a.trim().split(/\s+/).filter((function(a){return a.length>0}));if(e.length===0)return"";if(e.length===1)return e[0].charAt(0).toUpperCase();var t=e[0].charAt(0).toUpperCase();var r=e[e.length-1].charAt(0).toUpperCase();return"".concat(t).concat(r)};a.prototype.getAvatarStyles=function(){var a;var e=this.background||"var(--boreal-ui-success-base)";var t=this.initialsColor||"var(--boreal-text-inverse)";return a={},a["--bds-avatar-background"]="".concat(e),a["--bds-avatar-initials-color"]="".concat(t),a};a.prototype.render=function(){var a=this.extractInitials(this.normalizedUsername);var e=this.normalizedUsername.length>0?"User name: ".concat(this.normalizedUsername):"User name";var t=this.variant===AVATAR_VARIANT.FULL||this.variant===AVATAR_VARIANT.ICON;var r=this.normalizedUsername&&(this.variant===AVATAR_VARIANT.FULL||this.variant===AVATAR_VARIANT.NAME);return h(Host,__assign({key:"26a86e31e803b5c77f09fda1d9f228e3641f0a53",class:"bds-avatar",role:"img","aria-label":e},this.inheritedAttributes),h("div",{key:"906e9708ac61caa1cbf21a9e8019aadaea010970",class:"bds-avatar__container"},t&&h("div",{key:"b2962d2a61a5a6561f5cf7f817c3ca270ba42671",class:"bds-avatar__circle",style:this.getAvatarStyles()},h("span",{key:"44b5aa4c4ea78479b83b2f39121ae767d0304182",class:"bds-avatar__initials"},a)),r&&h("span",{key:"e3b5af88572994fbecfb0bff46d4f6b417c74d16",class:"bds-avatar__name"},this.normalizedUsername)))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();BdsAvatar.style=bdsAvatarCss();export{BdsAvatar as bds_avatar};

package/dist/esm-es5/bds-badge.entry.js

@@ -0,0 +1 @@
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(a){for(var e,r=1,t=arguments.length;r<t;r++){e=arguments[r];for(var s in e)if(Object.prototype.hasOwnProperty.call(e,s))a[s]=e[s]}return a};return __assign.apply(this,arguments)};import{r as registerInstance,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{S as STATUS_VARIANT}from"./states-Bfazyxqi.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var BADGE_VARIANT=__assign(__assign({},STATUS_VARIANT),{DEFAULT:"default"});var bdsBadgeCss=function(){return'@charset "UTF-8";.bds-badge{color:var(--boreal-text-default-ink);text-align:center;font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-xs);font-style:normal;font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-xs);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:var(--boreal-spacing-ml);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);-ms-flex-pack:center;justify-content:center;gap:var(--boreal-spacing-3xs);border-radius:var(--boreal-radius-xs)}.bds-badge--default{color:var(--boreal-text-default-ink);background-color:var(--boreal-ui-base-light)}.bds-badge--default>[slot=icon]{display:contents;color:var(--boreal-icon-base)}.bds-badge--info{color:var(--boreal-text-information-dark);background-color:var(--boreal-ui-info-light)}.bds-badge--info>[slot=icon]{display:contents;color:var(--boreal-icon-info-dark)}.bds-badge--success{color:var(--boreal-text-success-dark);background-color:var(--boreal-ui-success-light)}.bds-badge--success>[slot=icon]{display:contents;color:var(--boreal-icon-success-dark)}.bds-badge--warning{color:var(--boreal-text-warning-dark);background-color:var(--boreal-ui-warning-light)}.bds-badge--warning>[slot=icon]{display:contents;color:var(--boreal-icon-warning-dark)}.bds-badge--danger{color:var(--boreal-text-danger-dark);background-color:var(--boreal-ui-danger-light)}.bds-badge--danger>[slot=icon]{display:contents;color:var(--boreal-icon-danger-dark)}.bds-badge--disabled{opacity:0.5;pointer-events:none}'};var BdsBadge=function(){function a(a){registerInstance(this,a);this.variant=BADGE_VARIANT.DEFAULT;this.disabled=false}a.prototype.checkPropValues=function(){validatePropValue(Object.values(BADGE_VARIANT),BADGE_VARIANT.DEFAULT,this.el,"variant")};a.prototype.componentWillLoad=function(){this.checkPropValues()};Object.defineProperty(a.prototype,"badgeClasses",{get:function(){var a;return a={"bds-badge":true},a["bds-badge--".concat(this.variant)]=true,a["bds-badge--disabled"]=this.disabled,a},enumerable:false,configurable:true});a.prototype.render=function(){return h(Host,{key:"f686ff59037a77660bc82262b9374193dface206",class:this.badgeClasses,role:"status","aria-live":"polite","aria-label":"status ".concat(this.variant),"aria-disabled":this.disabled?"true":null},h("slot",{key:"5089ac4144f7fdd1023ee3561010859b6b96ef3b",name:"icon"}),h("slot",{key:"44addf6e20aa27f1ed3df4ab728b5a0a37cc2f20"}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{variant:[{checkPropValues:0}]}},enumerable:false,configurable:true});return a}();BdsBadge.style=bdsBadgeCss();export{BdsBadge as bds_badge};

package/dist/esm-es5/bds-banner.entry.js

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,r=1,a=arguments.length;r<a;r++){n=arguments[r];for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))e[t]=n[t]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,r,a){function t(e){return e instanceof r?e:new r((function(n){n(e)}))}return new(r||(r=Promise))((function(r,s){function i(e){try{b(a.next(e))}catch(e){s(e)}}function o(e){try{b(a["throw"](e))}catch(e){s(e)}}function b(e){e.done?r(e.value):t(e.value).then(i,o)}b((a=a.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var r={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,t,s,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=o(0),i["throw"]=o(1),i["return"]=o(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function o(e){return function(n){return b([e,n])}}function b(o){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,o[0]&&(r=0)),r)try{if(a=1,t&&(s=o[0]&2?t["return"]:o[0]?t["throw"]||((s=t["return"])&&s.call(t),0):t.next)&&!(s=s.call(t,o[1])).done)return s;if(t=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;t=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(s=r.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){r.label=o[1];break}if(o[0]===6&&r.label<s[1]){r.label=s[1];s=o;break}if(s&&r.label<s[2]){r.label=s[2];r.ops.push(o);break}if(s[2])r.ops.pop();r.trys.pop();continue}o=n.call(e,r)}catch(e){o=[6,e];t=0}finally{a=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,F as Fragment,a as Host,g as getElement}from"./index-D4EFsvs1.js";import{S as STATUS_VARIANT}from"./states-BhTPNsBb.js";import{i as inheritAttributes,a as inheritAriaAttributes}from"./attributes-CaHOghy5.js";var bdsBannerCss=function(){return'@charset "UTF-8";.bds-banner{position:relative;display:-ms-flexbox;display:flex;border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-info-base);border-radius:var(--boreal-radius-xs);border-left:0;font-family:var(--boreal-typography-font-family-primary);height:100%;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.bds-banner__vertical-line{width:var(--boreal-spacing-2xs);border-top-left-radius:var(--boreal-radius-xs);border-bottom-left-radius:var(--boreal-radius-xs);background-color:var(--boreal-stroke-info-base)}.bds-banner__container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;gap:var(--boreal-spacing-xs);padding:var(--boreal-spacing-s)}.bds-banner__content{width:100%}.bds-banner__title{font-weight:var(--boreal-typography-font-weight-semibold);font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md)}.bds-banner__body{padding-top:var(--boreal-spacing-2xs);font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-sm)}.bds-banner__actions{padding-top:var(--boreal-spacing-s);min-height:0px}.bds-banner__actions:empty{display:none}.bds-banner__status-icon{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);margin-top:var(--boreal-spacing-3xs)}.bds-banner__close-icon{background:none;border:none;-ms-flex-item-align:start;align-self:start;font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-neutral-base);cursor:pointer}.bds-banner--info{border-color:var(--boreal-stroke-info-base);background-color:var(--boreal-ui-info-lighter)}.bds-banner--info .bds-banner__vertical-line{background-color:var(--boreal-stroke-info-base)}.bds-banner--info .bds-banner__status-icon{color:var(--boreal-stroke-info-base)}.bds-banner--success{border-color:var(--boreal-stroke-success-base);background-color:var(--boreal-ui-success-lighter)}.bds-banner--success .bds-banner__vertical-line{background-color:var(--boreal-stroke-success-base)}.bds-banner--success .bds-banner__status-icon{color:var(--boreal-stroke-success-base)}.bds-banner--warning{border-color:var(--boreal-stroke-warning);background-color:var(--boreal-ui-warning-lighter)}.bds-banner--warning .bds-banner__vertical-line{background-color:var(--boreal-stroke-warning)}.bds-banner--warning .bds-banner__status-icon{color:var(--boreal-stroke-warning)}.bds-banner--danger{border-color:var(--boreal-stroke-danger-base);background-color:var(--boreal-ui-danger-lighter)}.bds-banner--danger .bds-banner__vertical-line{background-color:var(--boreal-stroke-danger-base)}.bds-banner--danger .bds-banner__status-icon{color:var(--boreal-stroke-danger-base)}.bds-banner--closing{opacity:0;height:0}.bds-banner--hidden{display:none}'};var BdsBanner=function(){function e(e){var n=this;registerInstance(this,e);this.bdsClose=createEvent(this,"bdsClose");this.inheritedAttributes={};this.isClosing=false;this.isOpen=true;this.variant=STATUS_VARIANT.INFO;this.closable=false;this.closeButtonLabel="";this.handleAnimationEnd=function(){if(n.isClosing)requestAnimationFrame((function(){n.isClosing=false;n.isOpen=false}))}}e.prototype.componentWillLoad=function(){this.inheritedAttributes=__assign(__assign({},inheritAriaAttributes(this.el)),inheritAttributes(this.el))};e.prototype.closeBanner=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleCloseBanner();return[2]}))}))};e.prototype.handleCloseBanner=function(e){if(e!==undefined)e.preventDefault();this.isClosing=true;this.bdsClose.emit()};e.prototype.handleEscapeKeyClose=function(e){if(!this.closable)return;if(e.key==="Escape")this.handleCloseBanner()};e.prototype.getIconName=function(){var e={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"};if(e[this.variant]===undefined)return e["info"];return e[this.variant]};e.prototype.getAttributes=function(){return __assign(__assign({},this.inheritedAttributes),{role:"alert","aria-describedby":this.isOpen?"bds-banner__content":null,"aria-live":"polite","aria-hidden":"".concat(!this.isOpen),tabIndex:this.isOpen?0:-1})};e.prototype.getStyles=function(){var e;return e={"bds-banner":true},e["bds-banner--".concat(this.variant)]=true,e["bds-banner--closing"]=this.isClosing,e["bds-banner--hidden"]=!this.isOpen,e};e.prototype.renderCloseIcon=function(){var e=this;return h("button",{role:"close-button",class:"bds-banner__close-icon","aria-label":this.closeButtonLabel,onClick:function(n){return e.handleCloseBanner(n)}},h("em",{class:"bds-icon-close"}))};e.prototype.render=function(){var e=this;var n=this.renderCloseIcon();var r=this.getStyles();var a=this.getIconName();return h(Host,__assign(__assign({key:"e53736fa4860cbbade794fdeae7f962b46de83cf",class:r},this.getAttributes()),{onTransitionEnd:this.handleAnimationEnd,onKeyDown:function(n){return e.handleEscapeKeyClose(n)}}),this.isOpen&&h(Fragment,{key:"d2019d19a74602b73283cb8296b3acbdab1c5fa0"},h("div",{key:"f640c10fc372d8828a150b65751c757674fe2262",class:"bds-banner__vertical-line"}),h("div",{key:"b08ac47616e7abde824329f8c713537eef58dd75",class:"bds-banner__container"},h("div",{key:"2d168d2426ae68ee40547045ede9b780407034da",class:"bds-banner__status-icon",role:"status","aria-live":"polite","aria-label":"status ".concat(this.variant)},h("em",{key:"db079b36701222dd04f93030699264400714d6a6","aria-hidden":"true",class:a})),h("div",{key:"bf3425ec9ddaa61ddd42543dd9e469365f59b812",id:"bds-banner__content",class:"bds-banner__content"},h("div",{key:"b4b270a4007a3326570667736d05d2dbfacdec73",class:"bds-banner__title"},h("slot",{key:"cf18b1b2ef02370ae6266188143de16156a98b18",name:"title"})),h("div",{key:"5008494eb66789884751de0259f4310cc43071ea",class:"bds-banner__body"},h("slot",{key:"54d9b0af54ca113b894cde911287dee26619c5fd"})),h("div",{key:"748b00f58364df57f2ae26cc99d58bf291c1255f",class:"bds-banner__actions"},h("slot",{key:"10a0b7fa7219c0da1578b05016e563a9068935ce",name:"actions"}))),this.closable&&n)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();BdsBanner.style=bdsBannerCss();export{BdsBanner as bds_banner};
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,r=1,a=arguments.length;r<a;r++){n=arguments[r];for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))e[t]=n[t]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,r,a){function t(e){return e instanceof r?e:new r((function(n){n(e)}))}return new(r||(r=Promise))((function(r,i){function s(e){try{b(a.next(e))}catch(e){i(e)}}function o(e){try{b(a["throw"](e))}catch(e){i(e)}}function b(e){e.done?r(e.value):t(e.value).then(s,o)}b((a=a.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,t,i,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=o(0),s["throw"]=o(1),s["return"]=o(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(n){return b([e,n])}}function b(o){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(r=0)),r)try{if(a=1,t&&(i=o[0]&2?t["return"]:o[0]?t["throw"]||((i=t["return"])&&i.call(t),0):t.next)&&!(i=i.call(t,o[1])).done)return i;if(t=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;t=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){r.label=o[1];break}if(o[0]===6&&r.label<i[1]){r.label=i[1];i=o;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(o);break}if(i[2])r.ops.pop();r.trys.pop();continue}o=n.call(e,r)}catch(e){o=[6,e];t=0}finally{a=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,F as Fragment,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{S as STATUS_VARIANT}from"./states-Bfazyxqi.js";import{i as inheritAttributes,a as inheritAriaAttributes}from"./attributes-U9yfbs7i.js";var bdsBannerCss=function(){return'@charset "UTF-8";.bds-banner{position:relative;display:-ms-flexbox;display:flex;border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-info-base);border-radius:var(--boreal-radius-xs);border-left:0;font-family:var(--boreal-typography-font-family-primary);height:100%;-webkit-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}.bds-banner__vertical-line{width:var(--boreal-spacing-2xs);border-top-left-radius:var(--boreal-radius-xs);border-bottom-left-radius:var(--boreal-radius-xs);background-color:var(--boreal-stroke-info-base)}.bds-banner__container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;gap:var(--boreal-spacing-xs);padding:var(--boreal-spacing-s)}.bds-banner__content{width:100%}.bds-banner__title{font-weight:var(--boreal-typography-font-weight-semibold);font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md)}.bds-banner__body{padding-top:var(--boreal-spacing-2xs);font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-sm)}.bds-banner__actions{padding-top:var(--boreal-spacing-s);min-height:0px}.bds-banner__actions:empty{display:none}.bds-banner__status-icon{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);margin-top:var(--boreal-spacing-3xs)}.bds-banner__close-icon{background:none;border:none;-ms-flex-item-align:start;align-self:start;font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-neutral-base);cursor:pointer}.bds-banner--info{border-color:var(--boreal-stroke-info-base);background-color:var(--boreal-ui-info-lighter)}.bds-banner--info .bds-banner__vertical-line{background-color:var(--boreal-stroke-info-base)}.bds-banner--info .bds-banner__status-icon{color:var(--boreal-stroke-info-base)}.bds-banner--success{border-color:var(--boreal-stroke-success-base);background-color:var(--boreal-ui-success-lighter)}.bds-banner--success .bds-banner__vertical-line{background-color:var(--boreal-stroke-success-base)}.bds-banner--success .bds-banner__status-icon{color:var(--boreal-stroke-success-base)}.bds-banner--warning{border-color:var(--boreal-stroke-warning);background-color:var(--boreal-ui-warning-lighter)}.bds-banner--warning .bds-banner__vertical-line{background-color:var(--boreal-stroke-warning)}.bds-banner--warning .bds-banner__status-icon{color:var(--boreal-stroke-warning)}.bds-banner--danger{border-color:var(--boreal-stroke-danger-base);background-color:var(--boreal-ui-danger-lighter)}.bds-banner--danger .bds-banner__vertical-line{background-color:var(--boreal-stroke-danger-base)}.bds-banner--danger .bds-banner__status-icon{color:var(--boreal-stroke-danger-base)}.bds-banner--closing{opacity:0}.bds-banner--hidden{display:none}'};var BdsBanner=function(){function e(e){var n=this;registerInstance(this,e);this.bdsClose=createEvent(this,"bdsClose");this.inheritedAttributes={};this.isClosing=false;this.isOpen=true;this.variant=STATUS_VARIANT.INFO;this.closable=false;this.closeButtonLabel="";this.handleAnimationEnd=function(){if(n.isClosing)requestAnimationFrame((function(){n.isClosing=false;n.isOpen=false}))}}e.prototype.componentWillLoad=function(){this.inheritedAttributes=__assign(__assign({},inheritAriaAttributes(this.el)),inheritAttributes(this.el))};e.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.isOpen)this.isOpen=true;return[2]}))}))};e.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleCloseBanner();return[2]}))}))};e.prototype.handleCloseBanner=function(e){if(e!==undefined)e.preventDefault();this.isClosing=true;this.bdsClose.emit()};e.prototype.handleEscapeKeyClose=function(e){if(!this.closable)return;if(e.key==="Escape")this.handleCloseBanner()};e.prototype.getIconName=function(){var e={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"};if(e[this.variant]===undefined)return e["info"];return e[this.variant]};e.prototype.getAttributes=function(){return __assign(__assign({},this.inheritedAttributes),{role:"alert","aria-describedby":this.isOpen?"bds-banner__content":null,"aria-live":"polite","aria-hidden":"".concat(!this.isOpen),tabIndex:this.isOpen?0:-1})};e.prototype.getStyles=function(){var e;return e={"bds-banner":true},e["bds-banner--".concat(this.variant)]=true,e["bds-banner--closing"]=this.isClosing,e["bds-banner--hidden"]=!this.isOpen,e};e.prototype.renderCloseIcon=function(){var e=this;return h("button",{role:"close-button",class:"bds-banner__close-icon","aria-label":this.closeButtonLabel,onClick:function(n){return e.handleCloseBanner(n)}},h("em",{class:"bds-icon-close"}))};e.prototype.render=function(){var e=this;var n=this.renderCloseIcon();var r=this.getStyles();var a=this.getIconName();return h(Host,__assign(__assign({key:"e5ece2606d360add80831cb5cff99c07bb6fe9a6",class:r},this.getAttributes()),{onTransitionEnd:this.handleAnimationEnd,onKeyDown:function(n){return e.handleEscapeKeyClose(n)}}),this.isOpen&&h(Fragment,{key:"1f25dabb048e75db7f9b155ed660ee3c07b878e7"},h("div",{key:"363d11782e11ab9e34c30981653da02d62753611",class:"bds-banner__vertical-line"}),h("div",{key:"256f0e83e848d7e50b851524364314ac8a15f195",class:"bds-banner__container"},h("div",{key:"3f16aa2ab24f0621e754276032dea90ba7a2fcae",class:"bds-banner__status-icon",role:"status","aria-live":"polite","aria-label":"status ".concat(this.variant)},h("em",{key:"1ee1cd86ac8e6fe63d77ab815f3467623e3701bf","aria-hidden":"true",class:a})),h("div",{key:"b56334ec515aa5036143a21e17ccbab0284edd52",id:"bds-banner__content",class:"bds-banner__content"},h("div",{key:"454a4dd729fa18675c9db2a8101732688b15d4d7",class:"bds-banner__title"},h("slot",{key:"06d51ebe3e862210035d98b2ecde35ba9872309f",name:"title"})),h("div",{key:"773524e70efc9e2412c3ca71913cc1f4da80a493",class:"bds-banner__body"},h("slot",{key:"483f4358227e080db9ee884e6462743042a17bfe"})),h("div",{key:"6180025c2b07adc050d716269f76783f3f8164d2",class:"bds-banner__actions"},h("slot",{key:"4e45498d447a003859421f98d884f289fc18e084",name:"actions"}))),this.closable&&n)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();BdsBanner.style=bdsBannerCss();export{BdsBanner as bds_banner};

package/dist/esm-es5/bds-button-group.entry.js

@@ -0,0 +1 @@
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var r,o=1,a=arguments.length;o<a;o++){r=arguments[o];for(var s in r)if(Object.prototype.hasOwnProperty.call(r,s))t[s]=r[s]}return t};return __assign.apply(this,arguments)};import{r as registerInstance,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{O as ORIENTATIONS}from"./orientation-CPvuMm5C.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";import{C as CORE_COLORS}from"./coreColors-Dwo1hcd9.js";import{B as BUTTON_SIZES,a as BUTTON_VARIANTS}from"./enum-DlVzZK7o.js";import{a as inheritAriaAttributes}from"./attributes-U9yfbs7i.js";import{L as Logger}from"./Logger-iq2UuV7c.js";var bdsButtonGroupCss=function(){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))}'};var BdsButtonGroup=function(){function t(t){registerInstance(this,t);this.inheritedAttributes={};this.logger=new Logger;this.size=BUTTON_SIZES.MEDIUM;this.orientation=ORIENTATIONS.HORIZONTAL;this.label="Button group";this.color=CORE_COLORS.DEFAULT;this.variant=BUTTON_VARIANTS.DEFAULT}t.prototype.validateProps=function(){validatePropValue(Object.values(BUTTON_SIZES),BUTTON_SIZES.MEDIUM,this.el,"size");validatePropValue(Object.values(ORIENTATIONS),ORIENTATIONS.HORIZONTAL,this.el,"orientation");validatePropValue(Object.values(CORE_COLORS),CORE_COLORS.DEFAULT,this.el,"color");validatePropValue(Object.values(BUTTON_VARIANTS),BUTTON_VARIANTS.DEFAULT,this.el,"variant")};t.prototype.propagatePropsToButtons=function(){var t=this;this.el.querySelectorAll("bds-button").forEach((function(r){r.setAttribute("size",t.size);r.setAttribute("color",t.color);r.setAttribute("variant",t.variant)}))};t.prototype.componentWillLoad=function(){this.validateProps();this.inheritedAttributes=__assign({},inheritAriaAttributes(this.el))};t.prototype.validateSlotContent=function(){var t=Array.from(this.el.children).filter((function(t){return t.tagName.toLowerCase()!=="bds-button"}));if(t.length>0){this.logger.warn("bds-button-group","Only <bds-button> elements are allowed as children. Found: ".concat(t.map((function(t){return"<".concat(t.tagName.toLowerCase(),">")})).join(", ")))}};t.prototype.componentDidLoad=function(){this.validateSlotContent();this.propagatePropsToButtons()};Object.defineProperty(t.prototype,"classMapButtonGroup",{get:function(){var t;return t={"bds-button-group":true},t["bds-button-group--".concat(this.orientation)]=true,t},enumerable:false,configurable:true});t.prototype.render=function(){return h(Host,__assign(__assign({key:"c8f201f1b9aa35e8a7f92a096f0d06a3f0918ce6"},this.inheritedAttributes),{tabindex:"-1",class:this.classMapButtonGroup,"aria-orientation":this.orientation,"aria-label":this.label}),h("slot",{key:"d7b2601d9ae72c0dc79a99f8b1b428966e79c943"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:[{validateProps:0},{propagatePropsToButtons:0}],orientation:[{validateProps:0}],color:[{validateProps:0},{propagatePropsToButtons:0}],variant:[{validateProps:0},{propagatePropsToButtons:0}]}},enumerable:false,configurable:true});return t}();BdsButtonGroup.style=bdsButtonGroupCss();export{BdsButtonGroup as bds_button_group};