@heartlandone/vega 2.79.0 → 2.81.0

package/dist/esm/ui-b7600a48.js

@@ -0,0 +1,335 @@
+import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
+
+/**
+ * Device type enumeration for responsive design breakpoints.
+ */
+var DeviceType;
+(function (DeviceType) {
+  /**
+   * Tablet device type.
+   */
+  DeviceType["TABLET"] = "tablet";
+  /**
+   * Mobile device type.
+   */
+  DeviceType["MOBILE"] = "mobile";
+  /**
+   * Desktop device type.
+   */
+  DeviceType["DESKTOP"] = "desktop";
+})(DeviceType || (DeviceType = {}));
+
+/* eslint-enable no-restricted-globals */
+/**
+ * find the parent dom with selector
+ * if selector is a component tag name like 'vega-card',
+ * we can call by findParent<HTMLVegaCardElement>(this.el, "vega-card") get the HTMLVegaCardElement;
+ *
+ * The function is generic, meaning that it can be used with any type of element
+ *
+ * @typedef HTMLElementTagNameMap
+ * @typedef T
+ * @param {HTMLElement} el - The element to start searching from.
+ * @param {keyof HTMLElementTagNameMap | string} selector - The selector to find the parent element with.
+ * @param {{ outerMost?: boolean }} [options] - options.outerMost: boolean - whether to find the outermost parent that matches the selector.
+ * @param {boolean} [options.outerMost=false] - Whether to find the outermost parent that matches the selector.
+ * @returns {Nullable<T>} The first element that matches the selector.
+ */
+function findParent(el, selector, options) {
+  if (!el)
+    return null;
+  let current = el.parentElement || el.getRootNode()['host'];
+  let found = null;
+  while (current) {
+    if (current.matches(selector)) {
+      found = current;
+      if (!(options === null || options === void 0 ? void 0 : options.outerMost)) {
+        return found; // Return first (nearest) match by default
+      }
+      // Continue searching for outermost match
+    }
+    current = current.parentElement || current.getRootNode()['host'];
+  }
+  return found;
+}
+/**
+ * It returns the device type based on the user agent
+ *
+ * @returns {DeviceType} The device type.
+ */
+const getDeviceType = () => {
+  const userAgent = navigator.userAgent;
+  if (/(tablet|ipad|playbook|silk|Macintosh)|(android(?!.*mobi))/i.test(userAgent) &&
+    navigator.maxTouchPoints > 0) {
+    return DeviceType.TABLET;
+  }
+  else if (/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(userAgent)) {
+    return DeviceType.MOBILE;
+  }
+  return DeviceType.DESKTOP;
+};
+/**
+ * return class sting without '', null, undefined, Nan
+ *
+ * @param {string[]} classes - class array
+ * @returns {string} - class string
+ */
+const arrayToClassString = (classes) => {
+  if (classes) {
+    return classes.filter((c) => c).join(' ');
+  }
+  else {
+    return '';
+  }
+};
+/**
+ * If the element is the target, return true, otherwise, if the element has a parent, return the result
+ * of calling isParent on the parent, otherwise return false.
+ *
+ * @param {HTMLElement} element - The element to check if it's a parent of the target.
+ * @param {HTMLElement} target - The element that you want to check if it's a parent of the element.
+ * @returns {boolean} A boolean value.
+ */
+function isParent(element, target) {
+  if (!element || !target)
+    return false;
+  if (element === target)
+    return true;
+  return isParent(element.parentElement || element.getRootNode()['host'], target);
+}
+/**
+ * "Scroll the container to the item."
+ * The function takes two parameters:
+ * container: The container to scroll.
+ * item: The item to scroll to.
+ * The function scrolls the container to the item
+ *
+ * @param {HTMLElement} container - The container element that you want to scroll.
+ * @param {HTMLElement} item - The item to scroll to.
+ * @returns {void} - return.
+ */
+function containerScrollToItem(container, item) {
+  container.scrollTop = item.offsetTop;
+}
+/**
+ * Check if the element is visible by checking if the element's height is greater than 0.
+ *
+ * @param {HTMLElement} element - HTMLElement - the element to check if it's visible
+ * @returns {boolean} A boolean value.
+ */
+function isElementVisible(element) {
+  return element.getBoundingClientRect().height > 0;
+}
+/**
+ * It takes a string and returns a number, or null if the string is empty
+ *
+ * @param {string} input - The string to extract the number from.
+ * @returns {number | null} A function that takes a string and returns a number or null.
+ */
+function extractNumberFromString(input) {
+  if (input) {
+    const result = input.replace(/\D/g, '');
+    return result === '' ? null : Number(result);
+  }
+  return null;
+}
+/**
+ * It takes a hexadecimal color string and returns an object with the red, green, and blue values
+ *
+ * @param {string} hex - The hexadecimal color value to convert to RGB.
+ * @returns {RGBType | null} - The RGB color value
+ */
+function hexToRGB(hex) {
+  hex = getHexFromShorthand(hex);
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result
+    ? {
+      r: parseInt(result[1], 16),
+      g: parseInt(result[2], 16),
+      b: parseInt(result[3], 16),
+    }
+    : null;
+}
+/**
+ * It convert RGB color to Hex color
+ *
+ * @param {string} rgb - The RGB color.
+ * @returns {Nullable<string>} - The hex color
+ */
+function rgbToHex(rgb) {
+  if (!rgb.includes('rgb'))
+    return null;
+  const rgbColors = rgb.match(/\d+/g);
+  if (!rgbColors || rgbColors.length !== 3)
+    return null;
+  const hexColors = rgbColors.map((color) => {
+    const hex = Number(color).toString(16);
+    return hex.length === 1 ? '0' + hex : hex;
+  });
+  return `#${hexColors.join('')}`;
+}
+/**
+ * It converts a hexadecimal color code from shorthand form to full form
+ *
+ * @param {string} hex - The hexadecimal color code that you want to convert to full form.
+ * @returns {string} the hexFullForm variable.
+ */
+function getHexFromShorthand(hex) {
+  if (!hex)
+    hex = '';
+  // Expand shorthand form (e.g. "03F") to full form (e.g. "#0033FF")
+  const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+  const hexFullForm = hex.replace(shorthandRegex, function (_m, r, g, b) {
+    return '#' + r + r + g + g + b + b;
+  });
+  return hexFullForm;
+}
+/**
+ * It returns true if the text in the element is wrapped.
+ *
+ * @param {HTMLElement} element - The element to be judged.
+ * @returns {boolean} A boolean value.
+ */
+function isTextWrapped(element) {
+  const lineHeight = parseFloat(getElementComputedStyle(element, 'line-height'));
+  if (!isNaN(lineHeight)) {
+    return element.clientHeight > lineHeight;
+  }
+  else {
+    LogUtility.warn('The line height of this element is not obtained');
+    return false;
+  }
+}
+/**
+ * "Get the computed style of an element."
+ * The first parameter is the element whose style we want to get. The second parameter is the name of
+ * the style we want to get
+ *
+ * @param {HTMLElement} element - The element whose style you want to get.
+ * @param {string} styleName - The name of the style you want to get.
+ * @returns {string} The computed style of the element.
+ */
+function getElementComputedStyle(element, styleName) {
+  return window.getComputedStyle(element).getPropertyValue(styleName);
+}
+/**
+ * Get the deep active element in shadow component
+ *
+ * @param {Document | ShadowRoot} root the root element
+ * @param {boolean} fallbackToHost whether to fallback to host when active element is null, default is false.
+ * In some cases, web component is used in a11y scenario, assistive technology may trigger click event on the host element but the active element is null, setting fallbackToHost to true can help to get the host element in this case.
+ * @returns {Nullable<HTMLElement>} active element
+ */
+function getDeepActiveElementInShadow(
+// eslint-disable-next-line no-restricted-globals
+root = document, fallbackToHost = false) {
+  const activeEl = root.activeElement;
+  if (!activeEl && fallbackToHost && 'host' in root) {
+    return root.host;
+  }
+  if (activeEl && activeEl.shadowRoot) {
+    return getDeepActiveElementInShadow(activeEl.shadowRoot, fallbackToHost);
+  }
+  else {
+    return activeEl;
+  }
+}
+/**
+ * Check if a node is an HTML element.
+ *
+ * @param {Node} element - The node to check.
+ * @returns {element is HTMLElement} - True if the node is an HTML element, false otherwise.
+ */
+function isHTMLElement(element) {
+  return element && element.nodeType === Node.ELEMENT_NODE;
+}
+/**
+ * Checks if the click event is likely triggered by VoiceOver by comparing the click coordinates with the center of the clicked element.
+ * VoiceOver clicks typically have coordinates that are very close to the center of the element,
+ *   so if the click is within 1 pixel of the center, we consider it a VoiceOver click.
+ *
+ * @param {MouseEvent} clickEvent - The click event to check.
+ * @returns {boolean} True if the click is likely a VoiceOver click, false otherwise.
+ */
+function checkIsVoiceOverClick(clickEvent) {
+  if (clickEvent.detail === 0)
+    return true;
+  const targetElementRect = clickEvent.composedPath()[0].getBoundingClientRect();
+  if (targetElementRect.width === 0 && targetElementRect.height === 0)
+    return false;
+  const targetElementMiddleX = Math.floor(targetElementRect.x + targetElementRect.width / 2);
+  const targetElementMiddleY = Math.floor(targetElementRect.y + targetElementRect.height / 2);
+  const clickPositionX = clickEvent.clientX;
+  const clickPositionY = clickEvent.clientY;
+  return (clickEvent.detail === 1 &&
+    Math.abs(targetElementMiddleX - clickPositionX) <= 1 &&
+    Math.abs(targetElementMiddleY - clickPositionY) <= 1);
+}
+const focusableSelector = [
+  'a[href]',
+  'area[href]',
+  'button',
+  'input',
+  'select',
+  'textarea',
+  'iframe',
+  'object',
+  'embed',
+  '[contenteditable="true"]',
+  '[contenteditable=""]',
+  '[tabindex]',
+].join(',');
+/**
+ * Checks if the given element is focusable based on its tag, attributes, and tabIndex.
+ *
+ * @param {HTMLElement} element - The element to check.
+ * @returns {boolean} True if the element is focusable, false otherwise.
+ */
+function isFocusableElement(element) {
+  if (!element.matches(focusableSelector))
+    return false;
+  if (element.hasAttribute('disabled') || element.hasAttribute('inert'))
+    return false;
+  if (element.getAttribute('aria-hidden') === 'true')
+    return false;
+  if (element instanceof HTMLInputElement && element.type === 'hidden')
+    return false;
+  return element.tabIndex >= 0;
+}
+/**
+ * Recursively searches for the first focusable element within the given container, including its shadow DOM descendants.
+ *
+ * @param {HTMLElement | ShadowRoot} container - The container to search within.
+ * @returns {Nullable<HTMLElement>} The first focusable element found, or null if none exists.
+ */
+function getFirstFocusableElement(container) {
+  /**
+   * @param {ParentNode} node - The node to search within for a focusable element.
+   * @returns {Nullable<HTMLElement>} The first focusable element found, or null.
+   */
+  const findFirst = (node) => {
+    if (node instanceof HTMLElement && isFocusableElement(node)) {
+      return node;
+    }
+    const elements = Array.from(node.querySelectorAll('*'));
+    for (const element of elements) {
+      if (isFocusableElement(element)) {
+        return element;
+      }
+      if (element.shadowRoot) {
+        const found = findFirst(element.shadowRoot);
+        if (found)
+          return found;
+      }
+    }
+    return null;
+  };
+  if (container instanceof HTMLElement && container.shadowRoot) {
+    if (isFocusableElement(container))
+      return container;
+    return findFirst(container) || findFirst(container.shadowRoot);
+  }
+  return findFirst(container);
+}
+
+export { DeviceType as D, arrayToClassString as a, isParent as b, getHexFromShorthand as c, isElementVisible as d, getDeepActiveElementInShadow as e, findParent as f, getDeviceType as g, hexToRGB as h, isHTMLElement as i, isTextWrapped as j, getElementComputedStyle as k, checkIsVoiceOverClick as l, getFirstFocusableElement as m, extractNumberFromString as n, containerScrollToItem as o, rgbToHex as r };

package/dist/esm/valid-credit-card-number-rule-3bf19ad6.js

@@ -0,0 +1,171 @@
+import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './type-guard-f6c9c89d.js';
+import { m as mapStringToNumberArray, a as mapParityDigits, s as sum } from './number-4398f2e1.js';
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+
+/**
+ * A rule that checks if it's a valid credit card number
+ *
+ * @augments {InternalFormFieldValidationRule<string>}
+ */
+class ValidCreditCardNumberRule extends InternalFormFieldValidationRule {
+  /**
+   * It takes a string, maps it to an array of numbers, reverses the array, checks the length of the
+   * array, maps the even digits to a new array, sums the new array, and returns true if the sum is
+   * divisible by 10
+   *
+   * @param {string} value - string - The card number to validate
+   * @returns {boolean} A function that takes a string and returns a boolean.
+   */
+  static validateCreditCardDigits(value) {
+    const cardNumberArray = mapStringToNumberArray(value).reverse();
+    if (cardNumberArray.length < 12 || cardNumberArray.length > 19) {
+      return false;
+    }
+    const checkSum = mapParityDigits(cardNumberArray, (index) => index % 2 === 0).reduce(sum, 0);
+    return checkSum % 10 === 0;
+  }
+  /**
+   * It checks if the credit card number is valid.
+   *
+   * @param {string} input - The input value to be evaluated.
+   * @returns {EvaluateResult} an object with two properties: isValid and message.
+   */
+  evaluate(input) {
+    if (!this.isAcceptedInputType(input)) {
+      throw new Error(`Unexpected type of input: ${typeof input}: ${input}`);
+    }
+    const formattedCardNumber = this.formatCreditCardNumber(input);
+    const isValid = this.isValidVisaCreditCard(input) ||
+      this.isValidAmexCreditCard(input) ||
+      this.isValidDiscoverCreditCard(input) ||
+      this.isValidMasterCardCreditCard(input) ||
+      (!this.isSupportedCreditCardType(formattedCardNumber) &&
+        ValidCreditCardNumberRule.validateCreditCardDigits(formattedCardNumber));
+    return {
+      isValid,
+      message: isValid ? '' : 'Credit card number is invalid',
+    };
+  }
+  /**
+   * If the input is accepted and the status is not disabled and visible, then return true
+   *
+   * @param {unknown} input - The input to be evaluated.
+   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
+   * @returns {boolean} The return value is a boolean that indicates whether the input can be evaluated.
+   */
+  canEvaluate(input, status) {
+    return status
+      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
+      : this.isAcceptedInputType(input);
+  }
+  /**
+   * If the field is not disabled, visible, and has been touched or modified, then show the error
+   *
+   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  shouldShowError(status) {
+    return !status.disabled && status.visible && (status.touched || status.modified);
+  }
+  /**
+   * The function `isValidVisaCreditCard` checks if a given card number is a valid Visa credit card number.
+   *
+   * @param {string} cardNumber - The `cardNumber` parameter is a string representing a credit card
+   * number that needs to be validated as a Visa credit card.
+   * @returns {boolean} a boolean value indicating whether the provided card number is a valid Visa credit card.
+   */
+  isValidVisaCreditCard(cardNumber) {
+    const formattedCardNumber = this.formatCreditCardNumber(cardNumber);
+    return (VisaRegex.test(formattedCardNumber) &&
+      (formattedCardNumber.length === 13 ||
+        formattedCardNumber.length === 16 ||
+        formattedCardNumber.length === 19) &&
+      ValidCreditCardNumberRule.validateCreditCardDigits(formattedCardNumber));
+  }
+  /**
+   * The function `isValidMasterCardCreditCard` checks if a given credit card number is a valid Mastercard number.
+   *
+   * @param {string} cardNumber - The `cardNumber` parameter is a string representing a credit card
+   * number that needs to be validated to determine if it belongs to a Mastercard.
+   * @returns {boolean} The function isValidMasterCardCreditCard is returning a boolean value, which indicates whether the
+   * provided card number is a valid Mastercard.
+   */
+  isValidMasterCardCreditCard(cardNumber) {
+    const formattedCardNumber = this.formatCreditCardNumber(cardNumber);
+    return (MasterCardRegex.test(formattedCardNumber) &&
+      formattedCardNumber.length === 16 &&
+      ValidCreditCardNumberRule.validateCreditCardDigits(formattedCardNumber));
+  }
+  /**
+   * The function `isValidAmexCreditCard` checks if a given credit card number is a valid American Express
+   * card number.
+   *
+   * @param {string} cardNumber - The `cardNumber` parameter is a string representing a credit card
+   * number that needs to be validated as an American Express credit card.
+   * @returns {boolean} The `isValidAmexCreditCard` function is returning a boolean value, which indicates whether the
+   * provided `cardNumber` is a valid American Express credit card.
+   */
+  isValidAmexCreditCard(cardNumber) {
+    const formattedCardNumber = this.formatCreditCardNumber(cardNumber);
+    return (AmexRegex.test(formattedCardNumber) &&
+      formattedCardNumber.length === 15 &&
+      ValidCreditCardNumberRule.validateCreditCardDigits(formattedCardNumber));
+  }
+  /**
+   * The function `isValidDiscoverCreditCard` checks if a given credit card number is a valid Discover card
+   * number.
+   *
+   * @param {string} cardNumber - The `cardNumber` parameter is a string representing a credit card
+   * number that needs to be validated as a Discover credit card.
+   * @returns {boolean} a boolean value indicating whether the provided card number is a valid Discover credit
+   * card.
+   */
+  isValidDiscoverCreditCard(cardNumber) {
+    const formattedCardNumber = this.formatCreditCardNumber(cardNumber);
+    return (DiscoverRegex.test(formattedCardNumber) &&
+      formattedCardNumber.length === 16 &&
+      ValidCreditCardNumberRule.validateCreditCardDigits(formattedCardNumber));
+  }
+  /**
+   * If the input is not a string, then return false, otherwise return true.
+   *
+   * @param {unknown} input - The input value to be validated.
+   * @returns {boolean} a boolean value.
+   */
+  isAcceptedInputType(input) {
+    return typeof input === 'string';
+  }
+  /**
+   * The `formatCreditCardNumber` function removes all spaces from a given credit card number string.
+   *
+   * @param {string} cardNumber - The `cardNumber` parameter is a string representing a credit card
+   * number. The `formatCreditCardNumber` function removes any white space characters from the input
+   * `cardNumber` string and returns the formatted credit card number.
+   * @returns {string} The `formatCreditCardNumber` function returns the `cardNumber` string with all spaces
+   * removed.
+   */
+  formatCreditCardNumber(cardNumber) {
+    return cardNumber.replace(/\s/g, '');
+  }
+  /**
+   * The function checks if a given credit card number matches any of the supported card types (Visa,
+   * MasterCard, Amex, Discover).
+   *
+   * @param {string} formattedCardNumber - The `formattedCardNumber` parameter is a string representing a
+   * credit card number that has been formatted in a specific way. The function
+   * `isSupportedCreditCardType` checks if the provided credit card number matches any of the regular
+   * expressions for Visa, MasterCard, American Express (Amex), or Discover
+   * @returns {boolean} The `isSupportedCreditCardType` function is returning a boolean value based on whether the
+   * `formattedCardNumber` matches any of the regular expressions for Visa, MasterCard, American Express
+   * (Amex), or Discover credit card types. If the `formattedCardNumber` matches any of these card types,
+   * the function will return `true`, indicating that the credit card type is supported. Otherwise, it
+   */
+  isSupportedCreditCardType(formattedCardNumber) {
+    return (VisaRegex.test(formattedCardNumber) ||
+      MasterCardRegex.test(formattedCardNumber) ||
+      AmexRegex.test(formattedCardNumber) ||
+      DiscoverRegex.test(formattedCardNumber));
+  }
+}
+
+export { ValidCreditCardNumberRule as V };

package/dist/esm/vega-accordion.entry.js

@@ -3,9 +3,9 @@ import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod,
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { f as formatAndValidResponsiveToken } from './design-token-9c4eb6b1.js';
-import { a as arrayToClassString } from './ui-ac244bf0.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
+import { f as formatAndValidResponsiveToken } from './design-token-7566d54c.js';
+import { a as arrayToClassString } from './ui-b7600a48.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { a as VegaClick, d as VegaExpand } from './vega-event-id-4ede557a.js';
 import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
@@ -13,10 +13,10 @@ import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.j
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { A as ACCORDION_EXPAND_TOPIC } from './static-subject-title-52f93124.js';
-import { W as isAccordionObserverPayload } from './type-guard-c20cbbff.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
+import { Y as isAccordionObserverPayload } from './type-guard-f6c9c89d.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import './breakpoints-d9faf11c.js';
-import './responsive-format-facade-e8534e59.js';
+import './responsive-format-facade-151dbd10.js';
 import './ui-93922c59.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';

package/dist/esm/vega-app-header-button.entry.js

@@ -1,21 +1,21 @@
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { a as arrayToClassString } from './ui-ac244bf0.js';
-import { f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-9c4eb6b1.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-e8534e59.js';
+import { a as arrayToClassString } from './ui-b7600a48.js';
+import { f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-7566d54c.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-151dbd10.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import { t as VegaDropdownShow, u as VegaDropdownHide, V as VegaDropdownClick, e as VegaReset, a as VegaClick } from './vega-event-id-4ede557a.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
-import './type-guard-c20cbbff.js';
+import './type-guard-f6c9c89d.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';

package/dist/esm/vega-backdrop.entry.js

@@ -2,7 +2,7 @@ import { h, H as Host, r as registerInstance, c as createEvent, g as getElement
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { a as arrayToClassString } from './ui-ac244bf0.js';
+import { a as arrayToClassString } from './ui-b7600a48.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/vega-banner.entry.js

@@ -3,12 +3,12 @@ import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } fr
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-ac244bf0.js';
+import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-b7600a48.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { a as VegaClick, f as VegaClose, g as VegaActionButtonClick } from './vega-event-id-4ede557a.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import './icon-manager-539d7cf7.js';
 import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
 import './dynamic-slimmer-90b8af32.js';
@@ -50,6 +50,7 @@ class VegaBannerRenderer extends VegaSlimmer {
       `banner-${this.type}`,
       this.isMobileDevice && 'banner-mobile',
       !this.isOpen && 'banner-hidden',
+      !this.bannerTitle && 'banner-no-title',
     ].filter(Boolean);
     return (h(Host, { class: arrayToClassString(hostClassName), padding: this.space },
       h("vega-flex", { direction: "row", gap: this.isMobileDevice ? 'size-8' : 'size-16', justifyContent: "space-between", alignItems: "start" },
@@ -247,7 +248,7 @@ __decorate$1([
   MapToComponentField()
 ], VegaBannerActionButtonRenderer.prototype, "actionButtonClickEventEmitter", void 0);
 
-const vegaBannerCss = ":host{display:block;width:100%;padding:24px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));box-sizing:border-box;box-shadow:var(--v-shadow-card, 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02));border-radius:12px;color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .banner-prefix-icon{padding-top:4px}:host .banner-prefix-icon vega-icon{display:block}:host .banner-content-container{width:100%}:host .banner-content-container .banner-title{display:block;padding-top:2px}:host .banner-content-container .banner-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}:host .banner-content-container .banner-content>vega-font:last-child{padding-top:6px}:host .banner-content-container.linear{display:flex;justify-content:space-between}:host .banner-content-container.linear .banner-content{flex-grow:1}:host .banner-buttons{text-align:right;text-wrap:nowrap;flex:auto}:host .banner-buttons vega-button{margin-left:16px}:host .banner-buttons vega-button::part(button){padding-top:4px;padding-bottom:4px}:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-black, 32, 54, 69, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border:2px solid rgba(var(--v-border-notification-btn-black, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .banner-buttons vega-button::part(button):focus-visible{outline:2px solid;outline-offset:2px;box-shadow:0 0 0}:host .banner-close-button{padding:4px;padding-top:8px}:host .banner-close-button:focus-visible{outline:2px solid;outline-offset:0px}:host .banner-close-button vega-icon{cursor:pointer;display:block}:host(.banner-mobile){padding:16px}:host(.banner-mobile) .banner-content-container .banner-title{padding-top:0px}:host(.banner-mobile) .banner-content-container .banner-content{padding-top:2px;gap:16px}:host(.banner-mobile) .banner-content-container .banner-content>vega-font:last-child{padding-top:0px}:host(.banner-mobile) .banner-buttons vega-button{margin-left:8px;margin-top:16px}:host(.banner-mobile) .banner-close-button{padding:2px;padding-top:4px}:host(.banner-success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.banner-error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button),:host(.banner-error) .banner-buttons vega-button::part(button):hover{color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:2px solid rgba(var(--v-border-notification-btn, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:2px}:host(.banner-error) .banner-close-button:focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:0px}:host(.banner-info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.banner-warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.banner-hidden){display:none}";
+const vegaBannerCss = ":host{display:block;width:100%;padding:24px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));box-sizing:border-box;box-shadow:var(--v-shadow-card, 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02));border-radius:12px;color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .banner-prefix-icon{padding-top:4px}:host .banner-prefix-icon vega-icon{display:block}:host .banner-content-container{width:100%}:host .banner-content-container .banner-title{display:block;padding-top:2px}:host .banner-content-container .banner-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}:host .banner-content-container .banner-content>vega-font:last-child{padding-top:6px}:host .banner-content-container.linear{display:flex;justify-content:space-between}:host .banner-content-container.linear .banner-content{flex-grow:1}:host .banner-buttons{text-align:right;text-wrap:nowrap;flex:auto}:host .banner-buttons vega-button{margin-left:16px}:host .banner-buttons vega-button::part(button){padding-top:4px;padding-bottom:4px}:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-black, 32, 54, 69, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border:2px solid rgba(var(--v-border-notification-btn-black, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .banner-buttons vega-button::part(button):focus-visible{outline:2px solid;outline-offset:2px;box-shadow:0 0 0}:host .banner-close-button{padding:4px;padding-top:8px}:host .banner-close-button:focus-visible{outline:2px solid;outline-offset:0px}:host .banner-close-button vega-icon{cursor:pointer;display:block}:host(.banner-mobile){padding:16px}:host(.banner-mobile) .banner-content-container .banner-title{padding-top:0px}:host(.banner-mobile) .banner-content-container .banner-content{padding-top:2px;gap:16px}:host(.banner-mobile) .banner-content-container .banner-content>vega-font:last-child{padding-top:0px}:host(.banner-mobile) .banner-buttons vega-button{margin-left:8px;margin-top:16px}:host(.banner-mobile) .banner-close-button{padding:2px;padding-top:4px}:host(.banner-success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.banner-error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button),:host(.banner-error) .banner-buttons vega-button::part(button):hover{color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:2px solid rgba(var(--v-border-notification-btn, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:2px}:host(.banner-error) .banner-close-button:focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:0px}:host(.banner-info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.banner-warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.banner-no-title) .banner-prefix-icon{padding-top:2px}:host(.banner-no-title) .banner-close-button{padding-top:6px}:host(.banner-no-title) .banner-content-container .banner-content>vega-font:last-child{padding-top:0px}@media (min-width: 768px){:host(.banner-no-title) .banner-prefix-icon{padding-top:0px}:host(.banner-no-title) .banner-close-button{padding-top:3px}}:host(.banner-no-title.banner-mobile) .banner-prefix-icon{padding-top:2px}:host(.banner-no-title.banner-mobile) .banner-close-button{padding-top:2px}:host(.banner-no-title.banner-mobile) .banner-content-container .banner-content{padding-top:0px}@media (min-width: 768px){:host(.banner-no-title.banner-mobile) .banner-prefix-icon{padding-top:1px}:host(.banner-no-title.banner-mobile) .banner-close-button{padding-top:3px}}:host(.banner-hidden){display:none}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/vega-box.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-9c4eb6b1.js';
-import { a as arrayToClassString } from './ui-ac244bf0.js';
+import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-7566d54c.js';
+import { a as arrayToClassString } from './ui-b7600a48.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
 import { h as htmlSanitizer, s as styleSanitizeStrategy } from './index-3b327f29.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-e8534e59.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-151dbd10.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { f as formatFlexStyles } from './style-formatter-7afd0680.js';
-import './type-guard-c20cbbff.js';
+import { f as formatFlexStyles } from './style-formatter-280757ae.js';
+import './type-guard-f6c9c89d.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';