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

package/dist/esm/floating.mixin-DCXSEEVH.js

@@ -0,0 +1,193 @@
+/**
+ * Core lifecycle mixin for all floating elements in the design system.
+ *
+ * Provides a unified lifecycle contract (`show`, `hide`, `toggle`, `isVisible`)
+ * and an extension mechanism via `FloatingHooks` that allows each component
+ * to inject its own logic at specific lifecycle points without modifying the mixin.
+ *
+ * This mixin is the base for all floating components. It does not handle
+ * positioning or triggers — use `anchoredMixin` for components that need
+ * to be anchored to a DOM element (Tooltip, Popover),
+ * or `backdropMixin` for viewport-relative components (Dialog, Drawer, Toast).
+ *
+ * ## Extension points
+ *
+ * Override `showElement` / `hideElement` to control how the element
+ * mounts and unmounts (e.g. `showPopover()`, `showModal()`, CSS animations).
+ *
+ * Override `hooks` to inject logic at lifecycle points:
+ * - `onBeforeShow` / `onBeforeHide` — return `false` to cancel the action
+ * - `onAfterShow` / `onAfterHide` — side effects after the action completes
+ * - `mounted` / `unmounted` — called after the element is shown or hidden
+ *
+ * ## Lifecycle flow
+ * ```
+ * show(): onBeforeShow() → showElement() → onAfterShow()
+ * hide(): onBeforeHide() → hideElement() → onAfterHide()
+ * ```
+ *
+ * @example
+ * ```typescript
+ * import { Component, Mixin, Prop } from '@stencil/core';
+ * import { floatingMixin } from '@/mixins/floating.mixin';
+ * import { FloatingHooks } from '@/services/floating/interfaces/Floating';
+ *
+ * @Component({ tag: 'bds-dialog' })
+ * export class BdsDialog extends Mixin(floatingMixin) {
+ *   private dialogElement!: HTMLDialogElement;
+ *
+ *   // Override showElement/hideElement to use the native <dialog> API
+ *   showElement(): void {
+ *     this.dialogElement.showModal();
+ *     this.isVisible = true;
+ *   }
+ *   hideElement(): void {
+ *     this.dialogElement.close();
+ *     this.isVisible = false;
+ *   }
+ *
+ *   // Inject component-specific logic via hooks
+ *   get hooks(): FloatingHooks {
+ *     return {
+ *       onBeforeShow: () => !this.disabled,
+ *       onAfterShow: () => this.lockScroll(),
+ *       onAfterHide: () => this.unlockScroll(),
+ *     };
+ *   }
+ * }
+ * ```
+ */
+const floatingMixin = (Base) => {
+    class Floating extends Base {
+        constructor() {
+            super();
+        }
+        /**
+         * Lifecycle hooks provided by the component.
+         * Override this getter to inject component-specific logic
+         * into the floating lifecycle without modifying the mixin.
+         *
+         * @returns FloatingHooks — an object with optional lifecycle callbacks
+         */
+        get hooks() {
+            return {};
+        }
+        /**
+         * Default options for the floating mixin.
+         * Override this getter in the component to customize placement,
+         * offset, strategy, flip, shift, and arrow.
+         *
+         * @returns FloatingMixinOptions — default options for the mixin
+         */
+        get options() {
+            return {};
+        }
+        /**
+         * Called before the element is shown.
+         * Aggregates both the component `hooks` and `floatingOptions` controls.
+         * If either returns `false`, the show action is cancelled.
+         *
+         * @param target - Optional element that triggered the show action
+         * @returns `true` if the element can be shown, `false` to cancel
+         */
+        onBeforeShow(target) {
+            const hookControl = this.hooks.onBeforeShow?.(target) ?? true;
+            const propControl = this.floatingOptions?.onBeforeShow?.(target) ?? true;
+            return hookControl && propControl;
+        }
+        /**
+         * Called before the element is hidden.
+         * Aggregates both the component `hooks` and `floatingOptions` controls.
+         * If either returns `false`, the hide action is cancelled.
+         *
+         * @param target - Optional element the mouse moved to (used for stayOnHover logic)
+         * @returns `true` if the element can be hidden, `false` to cancel
+         */
+        onBeforeHide(target) {
+            const hookControl = this.hooks.onBeforeHide?.(target) ?? true;
+            const propControl = this.floatingOptions?.onBeforeHide?.(target) ?? true;
+            return hookControl && propControl;
+        }
+        /**
+         * Mounts the floating element into the visible DOM.
+         * Override in subclasses to use a different mount strategy
+         * (e.g. `showPopover()`, `showModal()`, CSS class toggle).
+         */
+        showElement() {
+            this.isVisible = true;
+            this.hooks.mounted?.(this.floatingContent);
+        }
+        /**
+         * Unmounts the floating element from the visible DOM.
+         * Override in subclasses to use a different unmount strategy.
+         */
+        hideElement() {
+            this.isVisible = false;
+            this.hooks.unmounted?.(this.floatingContent);
+        }
+        /**
+         * Shows the floating element if not already visible.
+         * Runs the full lifecycle: `onBeforeShow` → `showElement` → `onAfterShow`.
+         *
+         * @param target - Optional element that triggered the action
+         */
+        show(target) {
+            if (this.isVisible)
+                return;
+            if (!this.onBeforeShow(target))
+                return;
+            this.showElement();
+            this.onAfterShow(target);
+        }
+        /**
+         * Hides the floating element if currently visible.
+         * Runs the full lifecycle: `onBeforeHide` → `hideElement` → `onAfterHide`.
+         *
+         * @param target - Optional element the mouse moved to
+         */
+        hide(target) {
+            if (!this.isVisible)
+                return;
+            if (!this.onBeforeHide(target))
+                return;
+            this.hideElement();
+            this.onAfterHide(target);
+        }
+        /**
+         * Toggles the floating element visibility.
+         *
+         * @param target - Optional element that triggered the action
+         */
+        toggle(target) {
+            this.isVisible ? this.hide(target) : this.show();
+        }
+        /**
+         * Called after the element is shown.
+         * Notifies both `hooks` and `floatingOptions` consumers.
+         *
+         * @param target - Optional element that triggered the action
+         */
+        onAfterShow(target) {
+            this.hooks.onAfterShow?.(target);
+            this.floatingOptions?.onAfterShow?.(target);
+        }
+        /**
+         * Called after the element is hidden.
+         * Notifies both `hooks` and `floatingOptions` consumers.
+         *
+         * @param target - Optional element that triggered the action
+         */
+        onAfterHide(target) {
+            this.hooks.onAfterHide?.(target);
+            this.floatingOptions?.onAfterHide?.(target);
+        }
+        static get states() {
+            return {
+                "isVisible": {}
+            };
+        }
+    }
+    return Floating;
+};
+
+export { floatingMixin as f };

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

@@ -5,6 +5,10 @@ const BUILD = /* boreal-web-components */ { hotModuleReplacement: false, hydrate
  Stencil Client Platform v4.42.1 | MIT Licensed | https://stenciljs.com
  */
 
+
+// src/utils/constants.ts
+var SVG_NS = "http://www.w3.org/2000/svg";
+var HTML_NS = "http://www.w3.org/1999/xhtml";
 var reWireGetterSetter = (instance, hostRef) => {
   var _a;
   const cmpMeta = hostRef.$cmpMeta$;
@@ -183,6 +187,12 @@ var flush = () => {
 };
 var nextTick = (cb) => promiseResolve().then(cb);
 var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
+
+// src/runtime/asset-path.ts
+var getAssetPath = (path) => {
+  const assetUrl = new URL(path, plt.$resourcesUrl$);
+  return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
+};
 var updateFallbackSlotVisibility = (elm) => {
   const childNodes = internalCall(elm, "childNodes");
   if (elm.tagName && elm.tagName.includes("-") && elm["s-cr"] && elm.tagName !== "SLOT-FB") {
@@ -1015,7 +1025,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     return;
   } else {
     const isComplex = isComplexType(newValue);
-    if ((isProp || isComplex && newValue !== null) && true) {
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
       try {
         if (!elm.tagName.includes("-")) {
           const n = newValue == null ? "" : newValue;
@@ -1147,12 +1157,19 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       updateElement(null, newVNode2, isSvgMode);
     }
   } else {
+    if (!isSvgMode) {
+      isSvgMode = newVNode2.$tag$ === "svg";
+    }
     if (!win.document) {
       throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");
     }
-    elm = newVNode2.$elm$ = win.document.createElement(
+    elm = newVNode2.$elm$ = win.document.createElementNS(
+      isSvgMode ? SVG_NS : HTML_NS,
       !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
-    );
+    ) ;
+    if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
+      isSvgMode = false;
+    }
     {
       updateElement(null, newVNode2, isSvgMode);
     }
@@ -1165,6 +1182,13 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
         }
       }
     }
+    {
+      if (newVNode2.$tag$ === "svg") {
+        isSvgMode = false;
+      } else if (elm.tagName === "foreignObject") {
+        isSvgMode = true;
+      }
+    }
   }
   elm["s-hn"] = hostTagName;
   {
@@ -1383,6 +1407,9 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
   const text = newVNode2.$text$;
   let defaultHolder;
   if (text == null) {
+    {
+      isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
+    }
     {
       if (tag === "slot" && !useNativeShadowDom) {
         if (oldVNode.$name$ !== newVNode2.$name$) {
@@ -1405,6 +1432,9 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
     } else ;
+    if (isSvgMode && tag === "svg") {
+      isSvgMode = false;
+    }
   } else if ((defaultHolder = elm["s-cr"])) {
     defaultHolder.parentNode.textContent = text;
   } else if (oldVNode.$text$ !== text) {
@@ -2360,10 +2390,18 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   endBootstrap();
 };
 
+// src/runtime/fragment.ts
+var Fragment = (_, children) => children;
+var baseClass = class {
+} ;
+function Mixin(...mixins) {
+  return mixins.reduceRight((acc, mixin) => mixin(acc), baseClass);
+}
+
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 function transformTag(tag) {
   return tag;
 }
 
-export { H, Host as a, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Fragment as F, H, Mixin as M, Host as a, bootstrapLazy as b, createEvent as c, getAssetPath as d, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/internals-Dy7QKP9e.js

@@ -0,0 +1,111 @@
+/**
+ * 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.
+ *
+ * Wraps `ElementInternals.setFormValue()` so the value appears in `FormData`
+ * under the component's `name` attribute when the form is submitted.
+ * Pass `null` to remove the component's contribution from `FormData`
+ * (e.g. an unchecked checkbox).
+ *
+ * @param internals - The component's `ElementInternals` instance (from `@AttachInternals()`).
+ * @param value - The value to register, or `null` to deregister.
+ *
+ * @example
+ * ```typescript
+ * // Register a string value on every value change
+ * @Watch('value')
+ * onValueChange(next: string) {
+ *   setFormValue(this.internals, next);
+ * }
+ *
+ * // Deregister when unchecked
+ * setFormValue(this.internals, null);
+ * ```
+ */
+function setFormValue(internals, value) {
+    internals.setFormValue?.(value);
+}
+/**
+ * Runs an array of validators against the host element and reports the combined
+ * result to `ElementInternals.setValidity()`.
+ *
+ * All validators are evaluated regardless of order. The first failing validator's
+ * message is used as the validation message, matching native browser behaviour
+ * (one message surfaced at a time). When all validators pass, the component is
+ * marked valid and any previous invalid state is cleared.
+ *
+ * @param internals - The component's `ElementInternals` instance (from `@AttachInternals()`).
+ * @param validators - Array of `IFormValidator` objects to evaluate.
+ * @param el - The host element passed to each validator's `isValid` function.
+ * @returns `true` if all validators pass, `false` if any fail.
+ *
+ * @example
+ * ```typescript
+ * private get validators(): IFormValidator[] {
+ *   return [
+ *     {
+ *       key: 'valueMissing',
+ *       isValid: (el) => !(el as BdsTextField).required || (el as BdsTextField).value !== '',
+ *       message: 'This field is required.',
+ *     },
+ *     {
+ *       key: 'tooShort',
+ *       isValid: (el) => {
+ *         const { value, minLength } = el as BdsTextField;
+ *         return minLength === undefined || value.length >= minLength;
+ *       },
+ *       message: `Minimum length not reached.`,
+ *     },
+ *   ];
+ * }
+ *
+ * private updateValidity() {
+ *   runValidators(this.internals, this.validators, this.el);
+ * }
+ * ```
+ */
+function runValidators(internals, validators, el) {
+    const flags = {};
+    let firstMessage = '';
+    for (const { key, isValid, message } of validators) {
+        if (!isValid(el)) {
+            flags[key] = true;
+            if (firstMessage === '')
+                firstMessage = message;
+        }
+    }
+    const valid = Object.keys(flags).length === 0;
+    internals.setValidity?.(valid ? {} : flags, firstMessage);
+    return valid;
+}
+
+export { formAssociatedMixin as f, runValidators as r, setFormValue as s };

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-DQvmq159.js';
-export { s as setNonce } from './index-DQvmq159.js';
+import { b as bootstrapLazy } from './index-D4EFsvs1.js';
+export { s as setNonce } from './index-D4EFsvs1.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-banner",[[260,"bds-banner",{"idComponent":[1,"id-component"],"variant":[1],"enableClose":[4,"enable-close"],"isClosing":[32],"isOpen":[32],"closeBanner":[64]}]]],["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-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}]}]]]], options);
+  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);
 };
 
 export { defineCustomElements };

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

@@ -4,6 +4,10 @@ const COMPONENT_STATES = {
     DISABLED: 'disabled',
     ACTIVE: 'active'};
 const STATUS_VARIANT = {
-    INFO: 'info'};
+    INFO: 'info',
+    SUCCESS: 'success',
+    WARNING: 'warning',
+    DANGER: 'danger',
+};
 
 export { COMPONENT_STATES as C, STATUS_VARIANT as S };

package/dist/esm/validateProps-vfAIdwy0.js

@@ -0,0 +1,18 @@
+/**
+ * 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 { validatePropValue as v };

package/dist/esm-es5/anchored.mixin-Y3MkGc2X.js

@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var e=function(t,n){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]};return e(t,n)};return function(t,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{u(r.next(e))}catch(e){o(e)}}function s(e){try{u(r["throw"](e))}catch(e){o(e)}}function u(e){e.done?n(e.value):i(e.value).then(a,s)}u((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=s(0),a["throw"]=s(1),a["return"]=s(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return u([e,t])}}function u(s){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(r=1,i&&(o=s[0]&2?i["return"]:s[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,s[1])).done)return o;if(i=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];i=0}finally{r=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(e,t){var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0)n[r]=e[r];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++){if(t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i]))n[r[i]]=e[r[i]]}return n};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,o;r<i;r++){if(o||!(r in t)){if(!o)o=Array.prototype.slice.call(t,0,r);o[r]=t[r]}}return e.concat(o||Array.prototype.slice.call(t))};import{f as floatingMixin}from"./floating.mixin-DCXSEEVH.js";var min=Math.min;var max=Math.max;var round=Math.round;var floor=Math.floor;var createCoords=function(e){return{x:e,y:e}};var oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"};var oppositeAlignmentMap={start:"end",end:"start"};function clamp(e,t,n){return max(e,min(t,n))}function evaluate(e,t){return typeof e==="function"?e(t):e}function getSide(e){return e.split("-")[0]}function getAlignment(e){return e.split("-")[1]}function getOppositeAxis(e){return e==="x"?"y":"x"}function getAxisLength(e){return e==="y"?"height":"width"}var yAxisSides=new Set(["top","bottom"]);function getSideAxis(e){return yAxisSides.has(getSide(e))?"y":"x"}function getAlignmentAxis(e){return getOppositeAxis(getSideAxis(e))}function getAlignmentSides(e,t,n){if(n===void 0){n=false}var r=getAlignment(e);var i=getAlignmentAxis(e);var o=getAxisLength(i);var a=i==="x"?r===(n?"end":"start")?"right":"left":r==="start"?"bottom":"top";if(t.reference[o]>t.floating[o]){a=getOppositePlacement(a)}return[a,getOppositePlacement(a)]}function getExpandedPlacements(e){var t=getOppositePlacement(e);return[getOppositeAlignmentPlacement(e),t,getOppositeAlignmentPlacement(t)]}function getOppositeAlignmentPlacement(e){return e.replace(/start|end/g,(function(e){return oppositeAlignmentMap[e]}))}var lrPlacement=["left","right"];var rlPlacement=["right","left"];var tbPlacement=["top","bottom"];var btPlacement=["bottom","top"];function getSideList(e,t,n){switch(e){case"top":case"bottom":if(n)return t?rlPlacement:lrPlacement;return t?lrPlacement:rlPlacement;case"left":case"right":return t?tbPlacement:btPlacement;default:return[]}}function getOppositeAxisPlacements(e,t,n,r){var i=getAlignment(e);var o=getSideList(getSide(e),n==="start",r);if(i){o=o.map((function(e){return e+"-"+i}));if(t){o=o.concat(o.map(getOppositeAlignmentPlacement))}}return o}function getOppositePlacement(e){return e.replace(/left|right|bottom|top/g,(function(e){return oppositeSideMap[e]}))}function expandPaddingObject(e){return __assign({top:0,right:0,bottom:0,left:0},e)}function getPaddingObject(e){return typeof e!=="number"?expandPaddingObject(e):{top:e,right:e,bottom:e,left:e}}function rectToClientRect(e){var t=e.x,n=e.y,r=e.width,i=e.height;return{width:r,height:i,top:n,left:t,right:t+r,bottom:n+i,x:t,y:n}}function computeCoordsFromPlacement(e,t,n){var r=e.reference,i=e.floating;var o=getSideAxis(t);var a=getAlignmentAxis(t);var s=getAxisLength(a);var u=getSide(t);var l=o==="y";var f=r.x+r.width/2-i.width/2;var c=r.y+r.height/2-i.height/2;var v=r[s]/2-i[s]/2;var d;switch(u){case"top":d={x:f,y:r.y-i.height};break;case"bottom":d={x:f,y:r.y+r.height};break;case"right":d={x:r.x+r.width,y:c};break;case"left":d={x:r.x-i.width,y:c};break;default:d={x:r.x,y:r.y}}switch(getAlignment(t)){case"start":d[a]-=v*(n&&l?-1:1);break;case"end":d[a]+=v*(n&&l?-1:1);break}return d}function detectOverflow(e,t){return __awaiter(this,void 0,void 0,(function(){var n,r,i,o,a,s,u,l,f,c,v,d,g,m,h,p,w,_,y,x,b,A,S,E,O,C,P,R,T,N,L,M,F,D;var B;return __generator(this,(function(W){switch(W.label){case 0:if(t===void 0){t={}}r=e.x,i=e.y,o=e.platform,a=e.rects,s=e.elements,u=e.strategy;l=evaluate(t,e),f=l.boundary,c=f===void 0?"clippingAncestors":f,v=l.rootBoundary,d=v===void 0?"viewport":v,g=l.elementContext,m=g===void 0?"floating":g,h=l.altBoundary,p=h===void 0?false:h,w=l.padding,_=w===void 0?0:w;y=getPaddingObject(_);x=m==="floating"?"reference":"floating";b=s[p?x:m];S=rectToClientRect;O=(E=o).getClippingRect;B={};return[4,o.isElement==null?void 0:o.isElement(b)];case 1:if(!((n=W.sent())!=null?n:true))return[3,2];C=b;return[3,5];case 2:P=b.contextElement;if(P)return[3,4];return[4,o.getDocumentElement==null?void 0:o.getDocumentElement(s.floating)];case 3:P=W.sent();W.label=4;case 4:C=P;W.label=5;case 5:return[4,O.apply(E,[(B.element=C,B.boundary=c,B.rootBoundary=d,B.strategy=u,B)])];case 6:A=S.apply(void 0,[W.sent()]);R=m==="floating"?{x:r,y:i,width:a.floating.width,height:a.floating.height}:a.reference;return[4,o.getOffsetParent==null?void 0:o.getOffsetParent(s.floating)];case 7:T=W.sent();return[4,o.isElement==null?void 0:o.isElement(T)];case 8:if(!W.sent())return[3,10];return[4,o.getScale==null?void 0:o.getScale(T)];case 9:L=W.sent()||{x:1,y:1};return[3,11];case 10:L={x:1,y:1};W.label=11;case 11:N=L;F=rectToClientRect;if(!o.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,13];return[4,o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:R,offsetParent:T,strategy:u})];case 12:D=W.sent();return[3,14];case 13:D=R;W.label=14;case 14:M=F.apply(void 0,[D]);return[2,{top:(A.top-M.top+y.top)/N.y,bottom:(M.bottom-A.bottom+y.bottom)/N.y,left:(A.left-M.left+y.left)/N.x,right:(M.right-A.right+y.right)/N.x}]}}))}))}var computePosition$1=function(e,t,n){return __awaiter(void 0,void 0,void 0,(function(){var r,i,o,a,s,u,l,f,c,v,d,g,m,h,p,w,_,y,x,b,A,S,E,O,C,P,R;var T,N;return __generator(this,(function(L){switch(L.label){case 0:r=n.placement,i=r===void 0?"bottom":r,o=n.strategy,a=o===void 0?"absolute":o,s=n.middleware,u=s===void 0?[]:s,l=n.platform;f=u.filter(Boolean);return[4,l.isRTL==null?void 0:l.isRTL(t)];case 1:c=L.sent();return[4,l.getElementRects({reference:e,floating:t,strategy:a})];case 2:v=L.sent();d=computeCoordsFromPlacement(v,i,c),g=d.x,m=d.y;h=i;p={};w=0;_=0;L.label=3;case 3:if(!(_<f.length))return[3,11];x=f[_],b=x.name,A=x.fn;return[4,A({x:g,y:m,initialPlacement:i,placement:h,strategy:a,middlewareData:p,rects:v,platform:__assign(__assign({},l),{detectOverflow:(y=l.detectOverflow)!=null?y:detectOverflow}),elements:{reference:e,floating:t}})];case 4:S=L.sent(),E=S.x,O=S.y,C=S.data,P=S.reset;g=E!=null?E:g;m=O!=null?O:m;p=__assign(__assign({},p),(T={},T[b]=__assign(__assign({},p[b]),C),T));if(!(P&&w<=50))return[3,10];w++;if(!(typeof P==="object"))return[3,9];if(P.placement){h=P.placement}if(!P.rects)return[3,8];if(!(P.rects===true))return[3,6];return[4,l.getElementRects({reference:e,floating:t,strategy:a})];case 5:R=L.sent();return[3,7];case 6:R=P.rects;L.label=7;case 7:v=R;L.label=8;case 8:N=computeCoordsFromPlacement(v,h,c),g=N.x,m=N.y;L.label=9;case 9:_=-1;L.label=10;case 10:_++;return[3,3];case 11:return[2,{x:g,y:m,placement:h,strategy:a,middlewareData:p}]}}))}))};var arrow$1=function(e){return{name:"arrow",options:e,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,r,i,o,a,s,u,l,f,c,v,d,g,m,h,p,w,_,y,x,b,A,S,E,O,C,P,R,T,N,L,M,F,D,B;var W,k;return __generator(this,(function(V){switch(V.label){case 0:n=t.x,r=t.y,i=t.placement,o=t.rects,a=t.platform,s=t.elements,u=t.middlewareData;l=evaluate(e,t)||{},f=l.element,c=l.padding,v=c===void 0?0:c;if(f==null){return[2,{}]}d=getPaddingObject(v);g={x:n,y:r};m=getAlignmentAxis(i);h=getAxisLength(m);return[4,a.getDimensions(f)];case 1:p=V.sent();w=m==="y";_=w?"top":"left";y=w?"bottom":"right";x=w?"clientHeight":"clientWidth";b=o.reference[h]+o.reference[m]-g[m]-o.floating[h];A=g[m]-o.reference[m];return[4,a.getOffsetParent==null?void 0:a.getOffsetParent(f)];case 2:S=V.sent();E=S?S[x]:0;O=!E;if(O)return[3,4];return[4,a.isElement==null?void 0:a.isElement(S)];case 3:O=!V.sent();V.label=4;case 4:if(O){E=s.floating[x]||o.floating[h]}C=b/2-A/2;P=E/2-p[h]/2-1;R=min(d[_],P);T=min(d[y],P);N=R;L=E-p[h]-T;M=E/2-p[h]/2+C;F=clamp(N,M,L);D=!u.arrow&&getAlignment(i)!=null&&M!==F&&o.reference[h]/2-(M<N?R:T)-p[h]/2<0;B=D?M<N?M-N:M-L:0;return[2,(W={},W[m]=g[m]+B,W.data=__assign((k={},k[m]=F,k.centerOffset=M-F-B,k),D&&{alignmentOffset:B}),W.reset=D,W)]}}))}))}}};var flip$1=function(e){if(e===void 0){e={}}return{name:"flip",options:e,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,r,i,o,a,s,u,l,f,c,v,d,g,m,h,p,w,_,y,x,b,A,S,E,O,C,P,R,T,N,L,M,F,D,B,W,k,V,$,j;return __generator(this,(function(H){switch(H.label){case 0:i=t.placement,o=t.middlewareData,a=t.rects,s=t.initialPlacement,u=t.platform,l=t.elements;f=evaluate(e,t),c=f.mainAxis,v=c===void 0?true:c,d=f.crossAxis,g=d===void 0?true:d,m=f.fallbackPlacements,h=f.fallbackStrategy,p=h===void 0?"bestFit":h,w=f.fallbackAxisSideDirection,_=w===void 0?"none":w,y=f.flipAlignment,x=y===void 0?true:y,b=__rest(f,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((n=o.arrow)!=null&&n.alignmentOffset){return[2,{}]}A=getSide(i);S=getSideAxis(s);E=getSide(s)===s;return[4,u.isRTL==null?void 0:u.isRTL(l.floating)];case 1:O=H.sent();C=m||(E||!x?[getOppositePlacement(s)]:getExpandedPlacements(s));P=_!=="none";if(!m&&P){C.push.apply(C,getOppositeAxisPlacements(s,x,_,O))}R=__spreadArray([s],C,true);return[4,u.detectOverflow(t,b)];case 2:T=H.sent();N=[];L=((r=o.flip)==null?void 0:r.overflows)||[];if(v){N.push(T[A])}if(g){M=getAlignmentSides(i,a,O);N.push(T[M[0]],T[M[1]])}L=__spreadArray(__spreadArray([],L,true),[{placement:i,overflows:N}],false);if(!N.every((function(e){return e<=0}))){B=(((F=o.flip)==null?void 0:F.index)||0)+1;W=R[B];if(W){k=g==="alignment"?S!==getSideAxis(W):false;if(!k||L.every((function(e){return getSideAxis(e.placement)===S?e.overflows[0]>0:true}))){return[2,{data:{index:B,overflows:L},reset:{placement:W}}]}}V=(D=L.filter((function(e){return e.overflows[0]<=0})).sort((function(e,t){return e.overflows[1]-t.overflows[1]}))[0])==null?void 0:D.placement;if(!V){switch(p){case"bestFit":{j=($=L.filter((function(e){if(P){var t=getSideAxis(e.placement);return t===S||t==="y"}return true})).map((function(e){return[e.placement,e.overflows.filter((function(e){return e>0})).reduce((function(e,t){return e+t}),0)]})).sort((function(e,t){return e[1]-t[1]}))[0])==null?void 0:$[0];if(j){V=j}break}case"initialPlacement":V=s;break}}if(i!==V){return[2,{reset:{placement:V}}]}}return[2,{}]}}))}))}}};var originSides=new Set(["left","top"]);function convertValueToCoords(e,t){return __awaiter(this,void 0,void 0,(function(){var n,r,i,o,a,s,u,l,f,c,v,d,g,m;return __generator(this,(function(h){switch(h.label){case 0:n=e.placement,r=e.platform,i=e.elements;return[4,r.isRTL==null?void 0:r.isRTL(i.floating)];case 1:o=h.sent();a=getSide(n);s=getAlignment(n);u=getSideAxis(n)==="y";l=originSides.has(a)?-1:1;f=o&&u?-1:1;c=evaluate(t,e);v=typeof c==="number"?{mainAxis:c,crossAxis:0,alignmentAxis:null}:{mainAxis:c.mainAxis||0,crossAxis:c.crossAxis||0,alignmentAxis:c.alignmentAxis},d=v.mainAxis,g=v.crossAxis,m=v.alignmentAxis;if(s&&typeof m==="number"){g=s==="end"?m*-1:m}return[2,u?{x:g*f,y:d*l}:{x:d*l,y:g*f}]}}))}))}var offset$1=function(e){if(e===void 0){e=0}return{name:"offset",options:e,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,r,i,o,a,s,u;return __generator(this,(function(l){switch(l.label){case 0:i=t.x,o=t.y,a=t.placement,s=t.middlewareData;return[4,convertValueToCoords(t,e)];case 1:u=l.sent();if(a===((n=s.offset)==null?void 0:n.placement)&&(r=s.arrow)!=null&&r.alignmentOffset){return[2,{}]}return[2,{x:i+u.x,y:o+u.y,data:__assign(__assign({},u),{placement:a})}]}}))}))}}};var shift$1=function(e){if(e===void 0){e={}}return{name:"shift",options:e,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,r,i,o,a,s,u,l,f,c,v,d,g,m,h,p,w,_,y,x,b,A,y,x,S,E,O;var C,P;return __generator(this,(function(R){switch(R.label){case 0:n=t.x,r=t.y,i=t.placement,o=t.platform;a=evaluate(e,t),s=a.mainAxis,u=s===void 0?true:s,l=a.crossAxis,f=l===void 0?false:l,c=a.limiter,v=c===void 0?{fn:function(e){var t=e.x,n=e.y;return{x:t,y:n}}}:c,d=__rest(a,["mainAxis","crossAxis","limiter"]);g={x:n,y:r};return[4,o.detectOverflow(t,d)];case 1:m=R.sent();h=getSideAxis(getSide(i));p=getOppositeAxis(h);w=g[p];_=g[h];if(u){y=p==="y"?"top":"left";x=p==="y"?"bottom":"right";b=w+m[y];A=w-m[x];w=clamp(b,w,A)}if(f){y=h==="y"?"top":"left";x=h==="y"?"bottom":"right";S=_+m[y];E=_-m[x];_=clamp(S,_,E)}O=v.fn(__assign(__assign({},t),(C={},C[p]=w,C[h]=_,C)));return[2,__assign(__assign({},O),{data:{x:O.x-n,y:O.y-r,enabled:(P={},P[p]=u,P[h]=f,P)}})]}}))}))}}};function hasWindow(){return typeof window!=="undefined"}function getNodeName(e){if(isNode(e)){return(e.nodeName||"").toLowerCase()}return"#document"}function getWindow(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function getDocumentElement(e){var t;return(t=(isNode(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function isNode(e){if(!hasWindow()){return false}return e instanceof Node||e instanceof getWindow(e).Node}function isElement(e){if(!hasWindow()){return false}return e instanceof Element||e instanceof getWindow(e).Element}function isHTMLElement(e){if(!hasWindow()){return false}return e instanceof HTMLElement||e instanceof getWindow(e).HTMLElement}function isShadowRoot(e){if(!hasWindow()||typeof ShadowRoot==="undefined"){return false}return e instanceof ShadowRoot||e instanceof getWindow(e).ShadowRoot}var invalidOverflowDisplayValues=new Set(["inline","contents"]);function isOverflowElement(e){var t=getComputedStyle$1(e),n=t.overflow,r=t.overflowX,i=t.overflowY,o=t.display;return/auto|scroll|overlay|hidden|clip/.test(n+i+r)&&!invalidOverflowDisplayValues.has(o)}var tableElements=new Set(["table","td","th"]);function isTableElement(e){return tableElements.has(getNodeName(e))}var topLayerSelectors=[":popover-open",":modal"];function isTopLayer(e){return topLayerSelectors.some((function(t){try{return e.matches(t)}catch(e){return false}}))}var transformProperties=["transform","translate","scale","rotate","perspective"];var willChangeValues=["transform","translate","scale","rotate","perspective","filter"];var containValues=["paint","layout","strict","content"];function isContainingBlock(e){var t=isWebKit();var n=isElement(e)?getComputedStyle$1(e):e;return transformProperties.some((function(e){return n[e]?n[e]!=="none":false}))||(n.containerType?n.containerType!=="normal":false)||!t&&(n.backdropFilter?n.backdropFilter!=="none":false)||!t&&(n.filter?n.filter!=="none":false)||willChangeValues.some((function(e){return(n.willChange||"").includes(e)}))||containValues.some((function(e){return(n.contain||"").includes(e)}))}function getContainingBlock(e){var t=getParentNode(e);while(isHTMLElement(t)&&!isLastTraversableNode(t)){if(isContainingBlock(t)){return t}else if(isTopLayer(t)){return null}t=getParentNode(t)}return null}function isWebKit(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}var lastTraversableNodeNames=new Set(["html","body","#document"]);function isLastTraversableNode(e){return lastTraversableNodeNames.has(getNodeName(e))}function getComputedStyle$1(e){return getWindow(e).getComputedStyle(e)}function getNodeScroll(e){if(isElement(e)){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}return{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function getParentNode(e){if(getNodeName(e)==="html"){return e}var t=e.assignedSlot||e.parentNode||isShadowRoot(e)&&e.host||getDocumentElement(e);return isShadowRoot(t)?t.host:t}function getNearestOverflowAncestor(e){var t=getParentNode(e);if(isLastTraversableNode(t)){return e.ownerDocument?e.ownerDocument.body:e.body}if(isHTMLElement(t)&&isOverflowElement(t)){return t}return getNearestOverflowAncestor(t)}function getOverflowAncestors(e,t,n){var r;if(t===void 0){t=[]}if(n===void 0){n=true}var i=getNearestOverflowAncestor(e);var o=i===((r=e.ownerDocument)==null?void 0:r.body);var a=getWindow(i);if(o){var s=getFrameElement(a);return t.concat(a,a.visualViewport||[],isOverflowElement(i)?i:[],s&&n?getOverflowAncestors(s):[])}return t.concat(i,getOverflowAncestors(i,[],n))}function getFrameElement(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function getCssDimensions(e){var t=getComputedStyle$1(e);var n=parseFloat(t.width)||0;var r=parseFloat(t.height)||0;var i=isHTMLElement(e);var o=i?e.offsetWidth:n;var a=i?e.offsetHeight:r;var s=round(n)!==o||round(r)!==a;if(s){n=o;r=a}return{width:n,height:r,$:s}}function unwrapElement(e){return!isElement(e)?e.contextElement:e}function getScale(e){var t=unwrapElement(e);if(!isHTMLElement(t)){return createCoords(1)}var n=t.getBoundingClientRect();var r=getCssDimensions(t),i=r.width,o=r.height,a=r.$;var s=(a?round(n.width):n.width)/i;var u=(a?round(n.height):n.height)/o;if(!s||!Number.isFinite(s)){s=1}if(!u||!Number.isFinite(u)){u=1}return{x:s,y:u}}var noOffsets=createCoords(0);function getVisualOffsets(e){var t=getWindow(e);if(!isWebKit()||!t.visualViewport){return noOffsets}return{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function shouldAddVisualOffsets(e,t,n){if(t===void 0){t=false}if(!n||t&&n!==getWindow(e)){return false}return t}function getBoundingClientRect(e,t,n,r){if(t===void 0){t=false}if(n===void 0){n=false}var i=e.getBoundingClientRect();var o=unwrapElement(e);var a=createCoords(1);if(t){if(r){if(isElement(r)){a=getScale(r)}}else{a=getScale(e)}}var s=shouldAddVisualOffsets(o,n,r)?getVisualOffsets(o):createCoords(0);var u=(i.left+s.x)/a.x;var l=(i.top+s.y)/a.y;var f=i.width/a.x;var c=i.height/a.y;if(o){var v=getWindow(o);var d=r&&isElement(r)?getWindow(r):r;var g=v;var m=getFrameElement(g);while(m&&r&&d!==g){var h=getScale(m);var p=m.getBoundingClientRect();var w=getComputedStyle$1(m);var _=p.left+(m.clientLeft+parseFloat(w.paddingLeft))*h.x;var y=p.top+(m.clientTop+parseFloat(w.paddingTop))*h.y;u*=h.x;l*=h.y;f*=h.x;c*=h.y;u+=_;l+=y;g=getWindow(m);m=getFrameElement(g)}}return rectToClientRect({width:f,height:c,x:u,y:l})}function getWindowScrollBarX(e,t){var n=getNodeScroll(e).scrollLeft;if(!t){return getBoundingClientRect(getDocumentElement(e)).left+n}return t.left+n}function getHTMLOffset(e,t){var n=e.getBoundingClientRect();var r=n.left+t.scrollLeft-getWindowScrollBarX(e,n);var i=n.top+t.scrollTop;return{x:r,y:i}}function convertOffsetParentRelativeRectToViewportRelativeRect(e){var t=e.elements,n=e.rect,r=e.offsetParent,i=e.strategy;var o=i==="fixed";var a=getDocumentElement(r);var s=t?isTopLayer(t.floating):false;if(r===a||s&&o){return n}var u={scrollLeft:0,scrollTop:0};var l=createCoords(1);var f=createCoords(0);var c=isHTMLElement(r);if(c||!c&&!o){if(getNodeName(r)!=="body"||isOverflowElement(a)){u=getNodeScroll(r)}if(isHTMLElement(r)){var v=getBoundingClientRect(r);l=getScale(r);f.x=v.x+r.clientLeft;f.y=v.y+r.clientTop}}var d=a&&!c&&!o?getHTMLOffset(a,u):createCoords(0);return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-u.scrollLeft*l.x+f.x+d.x,y:n.y*l.y-u.scrollTop*l.y+f.y+d.y}}function getClientRects(e){return Array.from(e.getClientRects())}function getDocumentRect(e){var t=getDocumentElement(e);var n=getNodeScroll(e);var r=e.ownerDocument.body;var i=max(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth);var o=max(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight);var a=-n.scrollLeft+getWindowScrollBarX(e);var s=-n.scrollTop;if(getComputedStyle$1(r).direction==="rtl"){a+=max(t.clientWidth,r.clientWidth)-i}return{width:i,height:o,x:a,y:s}}var SCROLLBAR_MAX=25;function getViewportRect(e,t){var n=getWindow(e);var r=getDocumentElement(e);var i=n.visualViewport;var o=r.clientWidth;var a=r.clientHeight;var s=0;var u=0;if(i){o=i.width;a=i.height;var l=isWebKit();if(!l||l&&t==="fixed"){s=i.offsetLeft;u=i.offsetTop}}var f=getWindowScrollBarX(r);if(f<=0){var c=r.ownerDocument;var v=c.body;var d=getComputedStyle(v);var g=c.compatMode==="CSS1Compat"?parseFloat(d.marginLeft)+parseFloat(d.marginRight)||0:0;var m=Math.abs(r.clientWidth-v.clientWidth-g);if(m<=SCROLLBAR_MAX){o-=m}}else if(f<=SCROLLBAR_MAX){o+=f}return{width:o,height:a,x:s,y:u}}var absoluteOrFixed=new Set(["absolute","fixed"]);function getInnerBoundingClientRect(e,t){var n=getBoundingClientRect(e,true,t==="fixed");var r=n.top+e.clientTop;var i=n.left+e.clientLeft;var o=isHTMLElement(e)?getScale(e):createCoords(1);var a=e.clientWidth*o.x;var s=e.clientHeight*o.y;var u=i*o.x;var l=r*o.y;return{width:a,height:s,x:u,y:l}}function getClientRectFromClippingAncestor(e,t,n){var r;if(t==="viewport"){r=getViewportRect(e,n)}else if(t==="document"){r=getDocumentRect(getDocumentElement(e))}else if(isElement(t)){r=getInnerBoundingClientRect(t,n)}else{var i=getVisualOffsets(e);r={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return rectToClientRect(r)}function hasFixedPositionAncestor(e,t){var n=getParentNode(e);if(n===t||!isElement(n)||isLastTraversableNode(n)){return false}return getComputedStyle$1(n).position==="fixed"||hasFixedPositionAncestor(n,t)}function getClippingElementAncestors(e,t){var n=t.get(e);if(n){return n}var r=getOverflowAncestors(e,[],false).filter((function(e){return isElement(e)&&getNodeName(e)!=="body"}));var i=null;var o=getComputedStyle$1(e).position==="fixed";var a=o?getParentNode(e):e;while(isElement(a)&&!isLastTraversableNode(a)){var s=getComputedStyle$1(a);var u=isContainingBlock(a);if(!u&&s.position==="fixed"){i=null}var l=o?!u&&!i:!u&&s.position==="static"&&!!i&&absoluteOrFixed.has(i.position)||isOverflowElement(a)&&!u&&hasFixedPositionAncestor(e,a);if(l){r=r.filter((function(e){return e!==a}))}else{i=s}a=getParentNode(a)}t.set(e,r);return r}function getClippingRect(e){var t=e.element,n=e.boundary,r=e.rootBoundary,i=e.strategy;var o=n==="clippingAncestors"?isTopLayer(t)?[]:getClippingElementAncestors(t,this._c):[].concat(n);var a=__spreadArray(__spreadArray([],o,true),[r],false);var s=a[0];var u=a.reduce((function(e,n){var r=getClientRectFromClippingAncestor(t,n,i);e.top=max(r.top,e.top);e.right=min(r.right,e.right);e.bottom=min(r.bottom,e.bottom);e.left=max(r.left,e.left);return e}),getClientRectFromClippingAncestor(t,s,i));return{width:u.right-u.left,height:u.bottom-u.top,x:u.left,y:u.top}}function getDimensions(e){var t=getCssDimensions(e),n=t.width,r=t.height;return{width:n,height:r}}function getRectRelativeToOffsetParent(e,t,n){var r=isHTMLElement(t);var i=getDocumentElement(t);var o=n==="fixed";var a=getBoundingClientRect(e,true,o,t);var s={scrollLeft:0,scrollTop:0};var u=createCoords(0);function l(){u.x=getWindowScrollBarX(i)}if(r||!r&&!o){if(getNodeName(t)!=="body"||isOverflowElement(i)){s=getNodeScroll(t)}if(r){var f=getBoundingClientRect(t,true,o,t);u.x=f.x+t.clientLeft;u.y=f.y+t.clientTop}else if(i){l()}}if(o&&!r&&i){l()}var c=i&&!r&&!o?getHTMLOffset(i,s):createCoords(0);var v=a.left+s.scrollLeft-u.x-c.x;var d=a.top+s.scrollTop-u.y-c.y;return{x:v,y:d,width:a.width,height:a.height}}function isStaticPositioned(e){return getComputedStyle$1(e).position==="static"}function getTrueOffsetParent(e,t){if(!isHTMLElement(e)||getComputedStyle$1(e).position==="fixed"){return null}if(t){return t(e)}var n=e.offsetParent;if(getDocumentElement(e)===n){n=n.ownerDocument.body}return n}function getOffsetParent(e,t){var n=getWindow(e);if(isTopLayer(e)){return n}if(!isHTMLElement(e)){var r=getParentNode(e);while(r&&!isLastTraversableNode(r)){if(isElement(r)&&!isStaticPositioned(r)){return r}r=getParentNode(r)}return n}var i=getTrueOffsetParent(e,t);while(i&&isTableElement(i)&&isStaticPositioned(i)){i=getTrueOffsetParent(i,t)}if(i&&isLastTraversableNode(i)&&isStaticPositioned(i)&&!isContainingBlock(i)){return n}return i||getContainingBlock(e)||n}var getElementRects=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,r,i,o;var a;return __generator(this,(function(s){switch(s.label){case 0:t=this.getOffsetParent||getOffsetParent;n=this.getDimensions;return[4,n(e.floating)];case 1:r=s.sent();a={};i=getRectRelativeToOffsetParent;o=[e.reference];return[4,t(e.floating)];case 2:return[2,(a.reference=i.apply(void 0,o.concat([s.sent(),e.strategy])),a.floating={x:0,y:0,width:r.width,height:r.height},a)]}}))}))};function isRTL(e){return getComputedStyle$1(e).direction==="rtl"}var platform={convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement:getDocumentElement,getClippingRect:getClippingRect,getOffsetParent:getOffsetParent,getElementRects:getElementRects,getClientRects:getClientRects,getDimensions:getDimensions,getScale:getScale,isElement:isElement,isRTL:isRTL};function rectsAreEqual(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function observeMove(e,t){var n=null;var r;var i=getDocumentElement(e);function o(){var e;clearTimeout(r);(e=n)==null||e.disconnect();n=null}function a(s,u){if(s===void 0){s=false}if(u===void 0){u=1}o();var l=e.getBoundingClientRect();var f=l.left,c=l.top,v=l.width,d=l.height;if(!s){t()}if(!v||!d){return}var g=floor(c);var m=floor(i.clientWidth-(f+v));var h=floor(i.clientHeight-(c+d));var p=floor(f);var w=-g+"px "+-m+"px "+-h+"px "+-p+"px";var _={rootMargin:w,threshold:max(0,min(1,u))||1};var y=true;function x(t){var n=t[0].intersectionRatio;if(n!==u){if(!y){return a()}if(!n){r=setTimeout((function(){a(false,1e-7)}),1e3)}else{a(false,n)}}if(n===1&&!rectsAreEqual(l,e.getBoundingClientRect())){a()}y=false}try{n=new IntersectionObserver(x,__assign(__assign({},_),{root:i.ownerDocument}))}catch(e){n=new IntersectionObserver(x,_)}n.observe(e)}a(true);return o}function autoUpdate(e,t,n,r){if(r===void 0){r={}}var i=r.ancestorScroll,o=i===void 0?true:i,a=r.ancestorResize,s=a===void 0?true:a,u=r.elementResize,l=u===void 0?typeof ResizeObserver==="function":u,f=r.layoutShift,c=f===void 0?typeof IntersectionObserver==="function":f,v=r.animationFrame,d=v===void 0?false:v;var g=unwrapElement(e);var m=o||s?__spreadArray(__spreadArray([],g?getOverflowAncestors(g):[],true),getOverflowAncestors(t),true):[];m.forEach((function(e){o&&e.addEventListener("scroll",n,{passive:true});s&&e.addEventListener("resize",n)}));var h=g&&c?observeMove(g,n):null;var p=-1;var w=null;if(l){w=new ResizeObserver((function(e){var r=e[0];if(r&&r.target===g&&w){w.unobserve(t);cancelAnimationFrame(p);p=requestAnimationFrame((function(){var e;(e=w)==null||e.observe(t)}))}n()}));if(g&&!d){w.observe(g)}w.observe(t)}var _;var y=d?getBoundingClientRect(e):null;if(d){x()}function x(){var t=getBoundingClientRect(e);if(y&&!rectsAreEqual(y,t)){n()}y=t;_=requestAnimationFrame(x)}n();return function(){var e;m.forEach((function(e){o&&e.removeEventListener("scroll",n);s&&e.removeEventListener("resize",n)}));h==null||h();(e=w)==null||e.disconnect();w=null;if(d){cancelAnimationFrame(_)}}}var offset=offset$1;var shift=shift$1;var flip=flip$1;var arrow=arrow$1;var computePosition=function(e,t,n){var r=new Map;var i=__assign({platform:platform},n);var o=__assign(__assign({},i.platform),{_c:r});return computePosition$1(e,t,__assign(__assign({},i),{platform:o}))};var Logger=function(){function e(){}e.prototype.error=function(e,t){throw new Error("[".concat(e,"]: ").concat(t))};e.prototype.warn=function(e,t){console.warn("[".concat(e,"]: ").concat(t))};e.prototype.log=function(e,t){console.log("[".concat(e,"]: ").concat(t))};return e}();var FloatingAdapter=function(){function e(e){this.logger=e}e.prototype.computePosition=function(e,t,n){return __awaiter(this,void 0,void 0,(function(){var r,i,o,a,s,u,l,f,c,v,d,g;var m=this;return __generator(this,(function(h){switch(h.label){case 0:if(e===undefined||e===null)this.logger.error("FloatingAdapter.computePosition","Reference element is required for positioning.");if(t===undefined||t===null)this.logger.error("FloatingAdapter.computePosition","Floating element is required for positioning.");r=n.placement,i=n.offset,o=n.flip,a=n.shift,s=n.arrow,u=n.strategy;l=[offset(i)];if(o)l.push(flip());if(a)l.push(shift());if(s!==undefined||s!==null)l.push(arrow({element:s}));return[4,computePosition(e,t,{placement:r,middleware:l,strategy:u}).catch((function(e){m.logger.error("FloatingAdapter.computePosition",e.message)})).then((function(e){return e}))];case 1:f=h.sent();c=f.x,v=f.y,d=f.placement,g=f.middlewareData;return[2,{x:c,y:v,placement:d,middlewareData:g}]}}))}))};e.prototype.applyPosition=function(e,t){if(e===undefined||e===null)this.logger.error("FloatingAdapter.applyPosition","Element is required to apply positioning.");e.style.left="".concat(t.x,"px");e.style.top="".concat(t.y,"px")};return e}();var PositioningEngine=function(e){__extends(t,e);function t(){var t=new Logger;return e.call(this,t)||this}return t}(FloatingAdapter);var EVENTS={Focus:"focus",Blur:"blur"};var KEYBOARD={Enter:{key:"Enter"},Escape:{key:"Escape"}};var anchoredMixin=function(e){var t=function(e){__extends(t,e);function t(){return e.call(this)||this}Object.defineProperty(t.prototype,"options",{get:function(){return{placement:"bottom",offset:8,strategy:"fixed"}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hooks",{get:function(){return{}},enumerable:false,configurable:true});t.prototype.showElement=function(){var e=this;this.floatingContent.showPopover();this.isVisible=true;this.startAutoUpdate(this.triggerSlot,this.floatingContent,this.options,(function(t){var n,r;(r=(n=e.hooks).onPositionUpdate)===null||r===void 0?void 0:r.call(n,t)}))};t.prototype.onBeforeShow=function(t){if(this.triggerSlot===null||this.triggerSlot===undefined){this.logger.error("AnchoredMixin.show","triggerSlot is required");return false}return e.prototype.onBeforeShow.call(this,t)};t.prototype.hideElement=function(){var e;this.stopAutoUpdate();(e=this.floatingContent)===null||e===void 0?void 0:e.hidePopover();this.isVisible=false};t.prototype.handleSlotChange=function(e,t,n){var r=e.target;if(this.previousTrigger!==undefined&&this.previousTrigger!==null){this.detachTriggerListeners(this.previousTrigger,t,n)}if(r!==undefined&&r!==null){this.attachTriggerListeners(r,t,n);this.previousTrigger=r}};t.prototype.handleKeydown=function(e,t,n){if(e.key===KEYBOARD.Enter.key||e.key===" ")t();if(e.key===KEYBOARD.Escape.key)n()};t.prototype.updatePosition=function(e,t,n,r){return __awaiter(this,void 0,void 0,(function(){var i;var o,a,s;return __generator(this,(function(u){switch(u.label){case 0:return[4,this.positionEngine.computePosition(e,t,{placement:n.placement,offset:n.offset,flip:(o=n.flip)!==null&&o!==void 0?o:true,shift:(a=n.shift)!==null&&a!==void 0?a:true,arrow:n.arrow,strategy:(s=n.strategy)!==null&&s!==void 0?s:"fixed"})];case 1:i=u.sent();this.positionEngine.applyPosition(t,i);r===null||r===void 0?void 0:r(i);return[2,i]}}))}))};t.prototype.startAutoUpdate=function(e,t,n,r){var i=this;var o=function(){void i.updatePosition(e,t,n,r)};o();this.cleanupAutoUpdate=autoUpdate(e,t,o,{elementResize:true,layoutShift:true})};t.prototype.stopAutoUpdate=function(){var e;(e=this.cleanupAutoUpdate)===null||e===void 0?void 0:e.call(this);this.cleanupAutoUpdate=undefined};t.prototype.attachTriggerListeners=function(e,t,n){e.addEventListener(EVENTS.Focus,t);e.addEventListener(EVENTS.Blur,n)};t.prototype.detachTriggerListeners=function(e,t,n){e.removeEventListener(EVENTS.Focus,t);e.removeEventListener(EVENTS.Blur,n)};t.prototype.floatingDisconnect=function(e,t){if(this.previousTrigger!==undefined&&this.previousTrigger!==null){this.detachTriggerListeners(this.previousTrigger,e,t)}this.stopAutoUpdate()};t.prototype.subscribeToTrigger=function(e){if(this.hooks.subscribeToTrigger!==undefined)this.hooks.subscribeToTrigger(e)};t.prototype.onBeforeLoad=function(){var e=this.el.parentElement;if(e===null)return;var t=e.querySelector("[bds-tooltip], [bds-popover]")||e;if(t.isConnected){this.triggerSlot=t;this.subscribeToTrigger(t)}};t.prototype.componentDidLoad=function(){var e,t;this.onBeforeLoad();(t=(e=this.hooks).onBeforeLoad)===null||t===void 0?void 0:t.call(e,this.el)};t.prototype.componentWillLoad=function(){this.toggle=this.toggle.bind(this);this.show=this.show.bind(this);this.hide=this.hide.bind(this);this.positionEngine=new PositioningEngine;this.logger=new Logger;this.cleanupAutoUpdate=undefined;this.previousTrigger=undefined};t.prototype.disconnectedCallback=function(){var e=this;if(this.previousTrigger!==undefined&&this.previousTrigger!==null){this.floatingDisconnect((function(){return e.show()}),(function(){return e.hide()}))}this.stopAutoUpdate();this.hide()};Object.defineProperty(t,"elementRef",{get:function(){return"el"},enumerable:false,configurable:true});return t}(floatingMixin(e));return t};export{anchoredMixin as a};

package/dist/esm-es5/{attributes-Ba6iHqJA.js → attributes-CaHOghy5.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 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;return inheritAttributes(a,r)};export{inheritAriaAttributes as a,inheritAttributes as i};

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

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(r){for(var n,e=1,a=arguments.length;e<a;e++){n=arguments[e];for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))r[t]=n[t]}return r};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(r,n,e,a){function t(r){return r instanceof e?r:new e((function(n){n(r)}))}return new(e||(e=Promise))((function(e,s){function i(r){try{b(a.next(r))}catch(r){s(r)}}function o(r){try{b(a["throw"](r))}catch(r){s(r)}}function b(r){r.done?e(r.value):t(r.value).then(i,o)}b((a=a.apply(r,n||[])).next())}))};var __generator=this&&this.__generator||function(r,n){var e={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(r){return function(n){return b([r,n])}}function b(o){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,o[0]&&(e=0)),e)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:e.label++;return{value:o[1],done:false};case 5:e.label++;t=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){e.label=o[1];break}if(o[0]===6&&e.label<s[1]){e.label=s[1];s=o;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(o);break}if(s[2])e.ops.pop();e.trys.pop();continue}o=n.call(r,e)}catch(r){o=[6,r];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,a as Host,g as getElement}from"./index-DQvmq159.js";import{S as STATUS_VARIANT}from"./states-DQR-jjOl.js";import{i as inheritAriaAttributes}from"./attributes-Ba6iHqJA.js";function createId(r){if(!r.idComponent)r.idComponent="bds-".concat(Math.random().toString(36).substr(2,9))}function getBaseAttributes(r){createId(r);return{id:r.idComponent}}var bdsBannerCss=function(){return".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}"};var BdsBanner=function(){function r(r){var n=this;registerInstance(this,r);this.close=createEvent(this,"close");this.inheritedAttributes={};this.isClosing=false;this.isOpen=true;this.idComponent="";this.variant=STATUS_VARIANT.INFO;this.enableClose=false;this.handleAnimationEnd=function(){if(n.isClosing)requestAnimationFrame((function(){n.isClosing=false;n.isOpen=false}))}}r.prototype.componentWillLoad=function(){this.inheritedAttributes=__assign(__assign({},inheritAriaAttributes(this.el)),getBaseAttributes(this))};r.prototype.closeBanner=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.handleCloseBanner();return[2]}))}))};r.prototype.handleCloseBanner=function(r){if(r!==undefined)r.preventDefault();this.isClosing=true;this.close.emit()};r.prototype.handleEscapeKeyClose=function(r){if(!this.enableClose)return;if(r.key==="Escape")this.handleCloseBanner()};r.prototype.getIconName=function(){var r={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(r[this.variant]===undefined)return r["info"];return r[this.variant]};r.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})};r.prototype.getStyles=function(){var r;return r={"bds-banner":true},r["bds-banner--".concat(this.variant)]=true,r["bds-banner--closing"]=this.isClosing,r};r.prototype.renderCloseIcon=function(){var r=this;return h("button",{role:"close-button",class:"bds-banner__close-icon","aria-label":"Alert close button",onClick:function(n){return r.handleCloseBanner(n)}},h("em",{class:"bds-icon-close"}))};r.prototype.render=function(){var r=this;if(!this.isOpen)return;var n=this.renderCloseIcon();var e=this.getStyles();var a=this.getIconName();return h(Host,__assign(__assign({class:e},this.getAttributes()),{onTransitionEnd:this.handleAnimationEnd,onKeyDown:function(n){return r.handleEscapeKeyClose(n)}}),h("div",{class:"bds-banner__vertical-line"}),h("div",{class:"bds-banner__container"},h("div",{class:"bds-banner__status-icon",role:"status","aria-live":"polite","aria-label":"status ".concat(this.variant)},h("em",{"aria-hidden":"true",class:a})),h("div",{class:"bds-banner__content"},h("div",{class:"bds-banner__title"},h("slot",{name:"title"})),h("div",{class:"bds-banner__body"},h("slot",null)),h("div",{class:"bds-banner__actions"},h("slot",{name:"actions"}))),this.enableClose&&n))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();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,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};