@beeq/core 1.11.0-beta.2 → 1.11.1

package/dist/collection/components/toast/bq-toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"bq-toast.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/components/toast/bq-toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport { TOAST_PLACEMENT, TOAST_TYPE } from './bq-toast.types';\nimport type { TToastBorderRadius, TToastPlacement, TToastType } from './bq-toast.types';\nimport { debounce, isClient, TDebounce, validatePropValue } from '../../shared/utils';\n\nconst TOAST_PORTAL_SELECTOR = 'bq-toast-portal';\n\n/**\n * Toasts are time-based components used to display short messages.\n * Commonly used for errors, confirmations, or progress updates.\n *\n * @example How to use it\n * ```html\n * <bq-toast type=\"info\">\n *   This is a message\n * </bq-toast>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/83da51-toast\n * @status stable\n *\n * @dependency bq-icon\n *\n * @attr {\"s\" | \"none\" | \"xs2\" | \"xs\" | \"m\" | \"l\" | \"full\"} border - The corder radius of the toast component\n * @attr {\"success\" | \"error\" | \"loading\" | \"alert\" | \"info\"} type - Type of toast\n * @attr {\"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"} placement - Placement of toast\n * @attr {boolean} hide-icon - If true will hide toast icon\n * @attr {boolean} open - If true, the toast will be shown\n * @attr {number} time - The length of time, in milliseconds, after which the toast will close itself\n *\n * @method show - Method to be called to show the toast component\n * @method hide - Method to be called to hide the toast component\n * @method toast - This method can be used to display toasts in a fixed-position element that allows for stacking multiple toasts vertically\n *\n * @event bqHide - Callback handler to be called when the notification is hidden\n * @event bqShow - Callback handler to be called when the notification is shown\n *\n * @slot - The content to be displayed in the toast component.\n * @slot icon - The icon to be displayed in the toast component.\n *\n * @part wrapper - The component's internal wrapper inside the shadow DOM.\n * @part icon-info - The `<div>` container that holds the icon component.\n * @part base - The `<div>` container of the internal bq-icon component.\n * @part svg - The `<svg>` element of the internal bq-icon component.\n *\n * @cssprop --bq-toast--background - Toast background color\n * @cssprop --bq-toast--box-shadow - Toast box shadow\n * @cssprop --bq-toast--padding-y - Toast vertical padding\n * @cssprop --bq-toast--padding-x - Toast horizontal padding\n * @cssprop --bq-toast--gap - Toast distance between icon and text\n * @cssprop --bq-toast--border-radius - Toast border radius\n * @cssprop --bq-toast--border-color - Toast border color\n * @cssprop --bq-toast--border-style - Toast border style\n * @cssprop --bq-toast--border-width - Toast border width\n * @cssprop --bq-toast--icon-color-info - Toast icon color when type is 'info'\n * @cssprop --bq-toast--icon-color-success - Toast icon color when type is 'success'\n * @cssprop --bq-toast--icon-color-alert - Toast icon color when type is 'alert'\n * @cssprop --bq-toast--icon-color-error - Toast icon color when type is 'error'\n * @cssprop --bq-toast--icon-color-loading - Toast icon color when type is 'loading'\n * @cssprop --bq-toast--icon-color-custom - Toast icon color when type is 'custom'\n */\n@Component({\n  tag: 'bq-toast',\n  styleUrl: './scss/bq-toast.scss',\n  shadow: true,\n})\nexport class BqToast {\n  // Own Properties\n  // ====================\n\n  private autoDismissDebounce: TDebounce<void>;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqToastElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private toastPortal = isClient() ? document.querySelector(`.${TOAST_PORTAL_SELECTOR}`) : null;\n\n  // Public Property API\n  // ========================\n\n  /** The corder radius of the toast component */\n  @Prop({ reflect: true }) border: TToastBorderRadius = 's';\n\n  /** Type of toast */\n  @Prop({ reflect: true, mutable: true }) type: TToastType = 'info';\n\n  /** Placement of toast */\n  @Prop({ reflect: true, mutable: true }) placement: TToastPlacement = 'bottom-center';\n\n  /** If true will hide toast icon */\n  @Prop({ reflect: true, mutable: true }) hideIcon = false;\n\n  /** If true, the toast will be shown */\n  @Prop({ reflect: true, mutable: true }) open: boolean;\n\n  /** The length of time, in milliseconds, after which the toast will close itself */\n  @Prop({ reflect: true }) time: number = 3000;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('type')\n  @Watch('placement')\n  checkPropValues() {\n    validatePropValue(TOAST_TYPE, 'default', this.el, 'type');\n    validatePropValue(TOAST_PLACEMENT, 'bottom-center', this.el, 'placement');\n\n    const { toastPortal } = this;\n    toastPortal?.classList.remove(...TOAST_PLACEMENT);\n    toastPortal?.classList.add(this.placement);\n  }\n\n  @Watch('time')\n  handleTimeChange() {\n    this.autoDismissDebounce?.cancel();\n\n    this.time = Math.max(0, this.time);\n\n    this.autoDismissDebounce = debounce(() => {\n      this.hide();\n    }, this.time);\n  }\n\n  @Watch('open')\n  handleOpenChange() {\n    this.autoDismissDebounce?.cancel();\n\n    if (this.open) {\n      this.autoDismissDebounce?.();\n    }\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler to be called when the notification is hidden */\n  @Event() bqHide: EventEmitter<HTMLBqToastElement>;\n\n  /** Callback handler to be called when the notification is shown */\n  @Event() bqShow: EventEmitter<HTMLBqToastElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    if (!isClient()) return;\n\n    const { toastPortal } = this;\n    if (!toastPortal) {\n      this.toastPortal = Object.assign(document.createElement('div'), { className: TOAST_PORTAL_SELECTOR });\n    }\n  }\n\n  componentWillLoad() {\n    this.checkPropValues();\n    this.handleTimeChange();\n    this.handleOpenChange();\n  }\n\n  disconnectedCallback() {\n    this.autoDismissDebounce?.cancel();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqHide')\n  onNotificationHide() {\n    try {\n      const { toastPortal } = this;\n      toastPortal?.removeChild(this.el);\n      // Remove the toast portal from the DOM when there are no more toasts\n      if (toastPortal?.querySelector(this.el.tagName.toLowerCase()) === null) {\n        toastPortal?.remove();\n      }\n    } catch (error) {\n      /**\n       * Skip DOMException error since it could be possible that\n       * in some situations the notification portal is missing\n       */\n      if (error instanceof DOMException) return;\n      throw error;\n    }\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /** Method to be called to show the toast component */\n  @Method()\n  async show(): Promise<void> {\n    this.handleShow();\n  }\n\n  /** Method to be called to hide the toast component */\n  @Method()\n  async hide(): Promise<void> {\n    this.handleHide();\n  }\n\n  /** This method can be used to display toasts in a fixed-position element that allows for stacking multiple toasts vertically */\n  @Method()\n  async toast() {\n    if (!isClient()) return;\n\n    const { toastPortal } = this;\n    if (toastPortal?.parentElement === null) {\n      document.body.append(toastPortal);\n    }\n\n    toastPortal?.appendChild(this.el);\n\n    requestAnimationFrame(() => {\n      this.show();\n    });\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleShow = () => {\n    const ev = this.bqShow.emit(this.el);\n    if (!ev.defaultPrevented) {\n      this.open = true;\n    }\n  };\n\n  private handleHide = () => {\n    const ev = this.bqHide.emit(this.el);\n    if (!ev.defaultPrevented) {\n      this.open = false;\n    }\n  };\n\n  private get iconName() {\n    const typeMap = {\n      success: 'check-circle-bold',\n      error: 'x-circle-bold',\n      loading: 'spinner-gap-bold',\n      alert: 'warning-bold',\n      info: 'info-bold',\n    };\n\n    return typeMap[this.type] || 'info-bold';\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const style = {\n      ...(this.border && { '--bq-toast--border-radius': `var(--bq-radius--${this.border})` }),\n    };\n\n    return (\n      <Host\n        style={style}\n        class={{ 'is-hidden': !this.open }}\n        aria-hidden={!this.open ? 'true' : 'false'}\n        hidden={!this.open ? 'true' : 'false'}\n        role=\"status\"\n      >\n        <output class=\"bq-toast\" part=\"wrapper\">\n          <div class={{ [`bq-toast--icon ${this.type}`]: true, '!hidden': this.hideIcon }} part=\"icon\">\n            <slot name=\"icon\">\n              <bq-icon name={this.iconName} size=\"24\" slot=\"icon\" exportparts=\"base,svg\" />\n            </slot>\n          </div>\n          <slot />\n        </output>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"bq-toast.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/components/toast/bq-toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { EventEmitter } from '@stencil/core';\nimport { Component, Element, Event, Host, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { debounce, isClient, type TDebounce, validatePropValue } from '../../shared/utils';\nimport type { TToastBorderRadius, TToastPlacement, TToastType } from './bq-toast.types';\nimport { TOAST_PLACEMENT, TOAST_TYPE } from './bq-toast.types';\n\nconst TOAST_PORTAL_SELECTOR = 'bq-toast-portal';\n\n/**\n * Toasts are time-based components used to display short messages.\n * Commonly used for errors, confirmations, or progress updates.\n *\n * @example How to use it\n * ```html\n * <bq-toast type=\"info\">\n *   This is a message\n * </bq-toast>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/83da51-toast\n * @status stable\n *\n * @dependency bq-icon\n *\n * @attr {\"s\" | \"none\" | \"xs2\" | \"xs\" | \"m\" | \"l\" | \"full\"} border - The corder radius of the toast component\n * @attr {\"success\" | \"error\" | \"loading\" | \"alert\" | \"info\"} type - Type of toast\n * @attr {\"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"} placement - Placement of toast\n * @attr {boolean} hide-icon - If true will hide toast icon\n * @attr {boolean} open - If true, the toast will be shown\n * @attr {number} time - The length of time, in milliseconds, after which the toast will close itself\n *\n * @method show - Method to be called to show the toast component\n * @method hide - Method to be called to hide the toast component\n * @method toast - This method can be used to display toasts in a fixed-position element that allows for stacking multiple toasts vertically\n *\n * @event bqHide - Callback handler to be called when the notification is hidden\n * @event bqShow - Callback handler to be called when the notification is shown\n *\n * @slot - The content to be displayed in the toast component.\n * @slot icon - The icon to be displayed in the toast component.\n *\n * @part wrapper - The component's internal wrapper inside the shadow DOM.\n * @part icon-info - The `<div>` container that holds the icon component.\n * @part base - The `<div>` container of the internal bq-icon component.\n * @part svg - The `<svg>` element of the internal bq-icon component.\n *\n * @cssprop --bq-toast--background - Toast background color\n * @cssprop --bq-toast--box-shadow - Toast box shadow\n * @cssprop --bq-toast--padding-y - Toast vertical padding\n * @cssprop --bq-toast--padding-x - Toast horizontal padding\n * @cssprop --bq-toast--gap - Toast distance between icon and text\n * @cssprop --bq-toast--border-radius - Toast border radius\n * @cssprop --bq-toast--border-color - Toast border color\n * @cssprop --bq-toast--border-style - Toast border style\n * @cssprop --bq-toast--border-width - Toast border width\n * @cssprop --bq-toast--icon-color-info - Toast icon color when type is 'info'\n * @cssprop --bq-toast--icon-color-success - Toast icon color when type is 'success'\n * @cssprop --bq-toast--icon-color-alert - Toast icon color when type is 'alert'\n * @cssprop --bq-toast--icon-color-error - Toast icon color when type is 'error'\n * @cssprop --bq-toast--icon-color-loading - Toast icon color when type is 'loading'\n * @cssprop --bq-toast--icon-color-custom - Toast icon color when type is 'custom'\n */\n@Component({\n  tag: 'bq-toast',\n  styleUrl: './scss/bq-toast.scss',\n  shadow: true,\n})\nexport class BqToast {\n  // Own Properties\n  // ====================\n\n  private autoDismissDebounce: TDebounce<void>;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqToastElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private toastPortal = isClient() ? document.querySelector(`.${TOAST_PORTAL_SELECTOR}`) : null;\n\n  // Public Property API\n  // ========================\n\n  /** The corder radius of the toast component */\n  @Prop({ reflect: true }) border: TToastBorderRadius = 's';\n\n  /** Type of toast */\n  @Prop({ reflect: true, mutable: true }) type: TToastType = 'info';\n\n  /** Placement of toast */\n  @Prop({ reflect: true, mutable: true }) placement: TToastPlacement = 'bottom-center';\n\n  /** If true will hide toast icon */\n  @Prop({ reflect: true, mutable: true }) hideIcon = false;\n\n  /** If true, the toast will be shown */\n  @Prop({ reflect: true, mutable: true }) open: boolean;\n\n  /** The length of time, in milliseconds, after which the toast will close itself */\n  @Prop({ reflect: true }) time: number = 3000;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('type')\n  @Watch('placement')\n  checkPropValues() {\n    validatePropValue(TOAST_TYPE, 'default', this.el, 'type');\n    validatePropValue(TOAST_PLACEMENT, 'bottom-center', this.el, 'placement');\n\n    const { toastPortal } = this;\n    toastPortal?.classList.remove(...TOAST_PLACEMENT);\n    toastPortal?.classList.add(this.placement);\n  }\n\n  @Watch('time')\n  handleTimeChange() {\n    this.autoDismissDebounce?.cancel();\n\n    this.time = Math.max(0, this.time);\n\n    this.autoDismissDebounce = debounce(() => {\n      this.hide();\n    }, this.time);\n  }\n\n  @Watch('open')\n  handleOpenChange() {\n    this.autoDismissDebounce?.cancel();\n\n    if (this.open) {\n      this.autoDismissDebounce?.();\n    }\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler to be called when the notification is hidden */\n  @Event() bqHide: EventEmitter<HTMLBqToastElement>;\n\n  /** Callback handler to be called when the notification is shown */\n  @Event() bqShow: EventEmitter<HTMLBqToastElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    if (!isClient()) return;\n\n    if (this.toastPortal) {\n      this.toastPortal = Object.assign(document.createElement('div'), { className: TOAST_PORTAL_SELECTOR });\n    }\n  }\n\n  componentWillLoad() {\n    this.checkPropValues();\n    this.handleTimeChange();\n    this.handleOpenChange();\n  }\n\n  disconnectedCallback() {\n    this.autoDismissDebounce?.cancel();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqHide')\n  onNotificationHide() {\n    try {\n      const { toastPortal } = this;\n      toastPortal?.removeChild(this.el);\n      // Remove the toast portal from the DOM when there are no more toasts\n      if (toastPortal?.querySelector(this.el.tagName.toLowerCase()) === null) {\n        toastPortal?.remove();\n      }\n    } catch (error) {\n      /**\n       * Skip DOMException error since it could be possible that\n       * in some situations the notification portal is missing\n       */\n      if (error instanceof DOMException) return;\n      throw error;\n    }\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /** Method to be called to show the toast component */\n  @Method()\n  async show(): Promise<void> {\n    this.handleShow();\n  }\n\n  /** Method to be called to hide the toast component */\n  @Method()\n  async hide(): Promise<void> {\n    this.handleHide();\n  }\n\n  /** This method can be used to display toasts in a fixed-position element that allows for stacking multiple toasts vertically */\n  @Method()\n  async toast() {\n    if (!isClient()) return;\n\n    const { toastPortal } = this;\n    if (toastPortal?.parentElement === null) {\n      document.body.append(toastPortal);\n    }\n\n    toastPortal?.appendChild(this.el);\n\n    requestAnimationFrame(() => {\n      this.show();\n    });\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleShow = () => {\n    const ev = this.bqShow.emit(this.el);\n    if (!ev.defaultPrevented) {\n      this.open = true;\n    }\n  };\n\n  private handleHide = () => {\n    const ev = this.bqHide.emit(this.el);\n    if (!ev.defaultPrevented) {\n      this.open = false;\n    }\n  };\n\n  private get iconName() {\n    const typeMap = {\n      success: 'check-circle-bold',\n      error: 'x-circle-bold',\n      loading: 'spinner-gap-bold',\n      alert: 'warning-bold',\n      info: 'info-bold',\n    };\n\n    return typeMap[this.type] || 'info-bold';\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const style = {\n      ...(this.border && { '--bq-toast--border-radius': `var(--bq-radius--${this.border})` }),\n    };\n\n    return (\n      <Host\n        aria-hidden={!this.open ? 'true' : 'false'}\n        class={{ 'is-hidden': !this.open }}\n        hidden={!this.open ? 'true' : 'false'}\n        role=\"status\"\n        style={style}\n      >\n        <output class=\"bq-toast\" part=\"wrapper\">\n          <div class={{ [`bq-toast--icon ${this.type}`]: true, '!hidden': this.hideIcon }} part=\"icon\">\n            <slot name=\"icon\">\n              <bq-icon exportparts=\"base,svg\" name={this.iconName} size=\"24\" slot=\"icon\" />\n            </slot>\n          </div>\n          <slot />\n        </output>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/tooltip/bq-tooltip.js

@@ -234,7 +234,13 @@ export class BqTooltip {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h("div", { key: '1217780af2f9f51dc783a6689f9f51ef3697d71e', class: "bq-tooltip relative", part: "base" }, h("div", { key: '4b4c07f8e6259d9421cd21d5f63de5a2da9a304f', class: "bq-tooltip--trigger", onMouseOver: this.handleTriggerMouseOver, onMouseLeave: this.handleTriggerMouseLeave, onClick: this.handleTriggerOnClick, onFocusinCapture: this.handleTriggerFocusin, onFocusoutCapture: this.handleTriggerFocusout, ref: (el) => (this.trigger = el), part: "trigger" }, h("slot", { key: 'cf615058b06cdabad4ab6dde5542ff3c70c1491d', name: "trigger" })), h("div", { key: '503325facc54cc918ec9ab1d2bbe68b7deb03a31', class: "bq-tooltip--panel", "aria-hidden": this.isHidden, hidden: this.isHidden, role: "tooltip", ref: (el) => (this.panel = el), part: "panel" }, !this.hideArrow && h("div", { key: '199c58905fa046779d88fe1d269a49ee70848285', class: "bq-tooltip--arrow", ref: (el) => (this.arrow = el) }), h("slot", { key: 'de3ab4e9182b1c3bf5dfc8ee3e5dba1a9710b24f' }))));
+        return (h("div", { key: '1217780af2f9f51dc783a6689f9f51ef3697d71e', class: "bq-tooltip relative", part: "base" }, h("div", { key: '726894d640977f330480b2ad62dd4fa62c2593e4', class: "bq-tooltip--trigger", onClick: this.handleTriggerOnClick, onFocusin: this.handleTriggerFocusin, onFocusout: this.handleTriggerFocusout, onMouseEnter: this.handleTriggerMouseOver, onMouseLeave: this.handleTriggerMouseLeave, part: "trigger", ref: (el) => {
+                this.trigger = el;
+            } }, h("slot", { key: '29c389f6db391c8d98053eb450981a1a4f879a22', name: "trigger" })), h("div", { key: 'c3865c8fc67d52ede13e22d4ff102e8b677e447f', "aria-hidden": this.isHidden, class: "bq-tooltip--panel", hidden: this.isHidden, part: "panel", ref: (el) => {
+                this.panel = el;
+            }, role: "tooltip" }, !this.hideArrow && (h("div", { key: '6403b216302d73bed5e18ed03452d96c33bf535e', class: "bq-tooltip--arrow", ref: (el) => {
+                this.arrow = el;
+            } })), h("slot", { key: '609883cad248c0ddc851914137bd818c562bc503' }))));
     }
     static get is() { return "bq-tooltip"; }
     static get encapsulation() { return "shadow"; }
@@ -252,7 +258,6 @@ export class BqTooltip {
         return {
             "alwaysVisible": {
                 "type": "boolean",
-                "attribute": "always-visible",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -268,11 +273,11 @@ export class BqTooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "always-visible",
                 "defaultValue": "false"
             },
             "distance": {
                 "type": "number",
-                "attribute": "distance",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -288,11 +293,11 @@ export class BqTooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "distance",
                 "defaultValue": "10"
             },
             "hideArrow": {
                 "type": "boolean",
-                "attribute": "hide-arrow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -308,11 +313,11 @@ export class BqTooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "hide-arrow",
                 "defaultValue": "false"
             },
             "placement": {
                 "type": "string",
-                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "Placement",
@@ -334,11 +339,11 @@ export class BqTooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "placement",
                 "defaultValue": "'top'"
             },
             "sameWidth": {
                 "type": "boolean",
-                "attribute": "same-width",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -354,11 +359,11 @@ export class BqTooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "same-width",
                 "defaultValue": "false"
             },
             "displayOn": {
                 "type": "string",
-                "attribute": "display-on",
                 "mutable": false,
                 "complexType": {
                     "original": "'click' | 'hover'",
@@ -374,11 +379,11 @@ export class BqTooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "display-on",
                 "defaultValue": "'hover'"
             },
             "visible": {
                 "type": "boolean",
-                "attribute": "visible",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -394,6 +399,7 @@ export class BqTooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "visible",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/tooltip/bq-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"bq-tooltip.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/components/tooltip/bq-tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, h, Listen, Method, Prop, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport type { Placement } from '../../services/interfaces';\nimport { FloatingUI } from '../../services/libraries';\nimport { isEventTargetChildOfElement } from '../../shared/utils';\n\n/**\n * The Tooltip component is a small pop-up box that appears when a user hovers over or clicks on an element, providing additional information or context.\n *\n * @example How to use it\n * ```html\n * <bq-tooltip visible>\n *   Yuhu! I'm a tooltip 🙃\n *   <bq-button slot=\"trigger\">Hover me!</bq-button>\n * </bq-tooltip>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/64c562-tooltip\n * @status stable\n *\n * @attr {boolean} always-visible - If true, the tooltip will always be visible\n * @attr {number} distance - Distance between trigger element and tooltip\n * @attr {boolean} hide-arrow - If true, the arrow on the tooltip content won't be shown\n * @attr {\"top\" | \"right\" | \"bottom\" | \"left\"} placement - Defines the position of the tooltip\n * @attr {boolean} same-width - Whether the tooltip should have the same width as the trigger element (applicable only for content shorter than the trigger element)\n * @attr {\"click\" | \"hover\"} display-on - Set the action when the tooltip should be displayed, on hover (default) or click\n * @attr {boolean} visible - Indicates whether or not the tooltip is visible when the component is first rendered, and when interacting with the trigger\n *\n * @method show - Shows the tooltip\n * @method hide - Hides the tooltip\n *\n * @slot trigger - The element which displays tooltip on hover\n * @slot - The tooltip content\n *\n * @part base - The component wrapper container inside the shadow DOM\n * @part trigger - The `<div>` container that holds the element which displays tooltip on hover\n * @part panel - The `<div>` container that holds the tooltip content\n *\n * @cssprop --bq-tooltip--background-color - Tooltip background color\n * @cssprop --bq-tooltip--box-shadow - Tooltip box shadow\n * @cssprop --bq-tooltip--font-size - Tooltip font size\n * @cssprop --bq-tooltip--line-height - Tooltip line height\n * @cssprop --bq-tooltip--text-color - Tooltip text color\n * @cssprop --bq-tooltip--paddingX - Tooltip horizontal padding\n * @cssprop --bq-tooltip--paddingY - Tooltip vertical padding\n * @cssprop --bq-tooltip--border-color - Tooltip border color\n * @cssprop --bq-tooltip--border-radius - Tooltip border radius\n * @cssprop --bq-tooltip--border-style - Tooltip border style\n * @cssprop --bq-tooltip--border-width - Tooltip border width\n * @cssprop --bq-tooltip--z-index: Tooltip z-index\n */\n@Component({\n  tag: 'bq-tooltip',\n  styleUrl: './scss/bq-tooltip.scss',\n  shadow: true,\n})\nexport class BqTooltip {\n  // Own Properties\n  // ====================\n  private trigger: HTMLElement;\n  private panel: HTMLElement;\n  private arrow: HTMLElement;\n  private floatingUI: FloatingUI;\n\n  // Reference to host HTML element\n  // ===================================\n  @Element() el!: HTMLBqTooltipElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** If true, the tooltip will always be visible */\n  @Prop() alwaysVisible?: boolean = false;\n\n  /** Distance between trigger element and tooltip */\n  @Prop({ reflect: true }) distance?: number = 10;\n\n  /** If true, the arrow on the tooltip content won't be shown */\n  @Prop({ reflect: true }) hideArrow?: boolean = false;\n\n  /* Defines the position of the tooltip */\n  @Prop({ reflect: true }) placement?: Placement = 'top';\n\n  /** Whether the tooltip should have the same width as the trigger element\n   * (applicable only for content shorter than the trigger element) */\n  @Prop({ reflect: true }) sameWidth?: boolean = false;\n\n  /** Set the action when the tooltip should be displayed, on hover (default) or click */\n  @Prop({ reflect: true }) displayOn: 'click' | 'hover' = 'hover';\n\n  /**\n   * Indicates whether or not the tooltip is visible when the component is first rendered,\n   * and when interacting with the trigger\n   */\n  @Prop({ reflect: true, mutable: true }) visible? = false;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('visible')\n  async handleVisibleChange() {\n    if (!this.visible && !this.alwaysVisible) {\n      return await this.hide();\n    }\n\n    await this.show();\n  }\n\n  @Watch('distance')\n  @Watch('hideArrow')\n  @Watch('placement')\n  @Watch('sameWidth')\n  handleFloatingUIOptionsChange() {\n    this.floatingUI.init({\n      placement: this.placement,\n      distance: this.distance,\n      sameWidth: this.sameWidth,\n      strategy: 'fixed',\n    });\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Emitted when the tooltip trigger is clicked */\n  @Event() bqClick: EventEmitter<HTMLBqTooltipElement>;\n\n  /** Emitted when the tooltip trigger is focused in */\n  @Event() bqFocusIn: EventEmitter<HTMLBqTooltipElement>;\n\n  /** Emitted when the tooltip trigger is focused out */\n  @Event() bqFocusOut: EventEmitter<HTMLBqTooltipElement>;\n\n  /** Emitted when the tooltip trigger is hovered in */\n  @Event() bqHoverIn: EventEmitter<HTMLBqTooltipElement>;\n\n  /** Emitted when the tooltip trigger is hovered out */\n  @Event() bqHoverOut: EventEmitter<HTMLBqTooltipElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.floatingUI = new FloatingUI(this.trigger, this.panel, {\n      ...(!this.hideArrow && { arrow: this.arrow }),\n      placement: this.placement,\n      distance: this.distance,\n      sameWidth: this.sameWidth,\n      strategy: 'fixed',\n      skidding: 0,\n    });\n  }\n\n  disconnectedCallback() {\n    this.floatingUI?.destroy();\n  }\n  // Listeners\n  // ==============\n\n  @Listen('keydown', { target: 'document' })\n  handleDocumentKeyDown(event: KeyboardEvent) {\n    // Early returns for performance optimization\n    if (this.alwaysVisible || !this.visible || this.displayOn !== 'click') return;\n    // Hide tooltip when the user presses the escape key, but only if the displayOn is click and the tooltip is visible\n    if (event.key !== 'Escape') return;\n\n    this.hide();\n  }\n\n  @Listen('mousedown', { target: 'document' })\n  handleDocumentMouseDown(event: MouseEvent) {\n    // Early returns for performance optimization\n    if (this.alwaysVisible || !this.visible) return;\n    // Hide tooltip when the user clicks outside of the tooltip, but only if the displayOn is click and the tooltip is visible\n    if (isEventTargetChildOfElement(event, this.el)) return;\n\n    this.hide();\n  }\n\n  @Listen('scroll', { target: 'document', passive: true })\n  handleDocumentScroll() {\n    // Early returns for performance optimization\n    if (this.alwaysVisible || !this.visible) return;\n    // Hide tooltip when the user scrolls, but only if the the tooltip is visible\n    this.hide();\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /** Shows the tooltip */\n  @Method()\n  async show() {\n    this.visible = true;\n    this.showTooltip();\n  }\n\n  /** Hides the tooltip */\n  @Method()\n  async hide() {\n    if (this.alwaysVisible) return;\n\n    this.visible = false;\n    this.hideTooltip();\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleTriggerMouseOver = async () => {\n    if (this.displayOn !== 'hover') return;\n\n    const hoverEvent = this.bqHoverIn.emit(this.el);\n    if (hoverEvent.defaultPrevented) return;\n\n    await this.show();\n  };\n\n  private handleTriggerMouseLeave = async () => {\n    if (this.displayOn !== 'hover') return;\n\n    const hoverEvent = this.bqHoverOut.emit(this.el);\n    if (hoverEvent.defaultPrevented) return;\n\n    await this.hide();\n  };\n\n  private handleTriggerOnClick = async () => {\n    if (this.displayOn !== 'click') return;\n\n    const clickEvent = this.bqClick.emit(this.el);\n    if (clickEvent.defaultPrevented) return;\n\n    await (this.visible ? this.hide() : this.show());\n  };\n\n  private handleTriggerFocusin = async () => {\n    if (this.visible || this.displayOn === 'click') return;\n\n    const focusEvent = this.bqFocusIn.emit(this.el);\n    if (focusEvent.defaultPrevented) return;\n\n    await this.show();\n  };\n\n  private handleTriggerFocusout = async () => {\n    if (!this.visible || this.displayOn === 'click') return;\n\n    const focusEvent = this.bqFocusOut.emit(this.el);\n    if (focusEvent.defaultPrevented) return;\n\n    await this.hide();\n  };\n\n  private showTooltip = () => {\n    if (!this.panel) return;\n    this.floatingUI?.update();\n  };\n\n  private hideTooltip = () => {\n    if (!this.panel) return;\n    this.visible = false;\n  };\n\n  private get isHidden() {\n    return !this.visible && !this.alwaysVisible;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div class=\"bq-tooltip relative\" part=\"base\">\n        {/* TRIGGER */}\n        <div\n          class=\"bq-tooltip--trigger\"\n          onMouseOver={this.handleTriggerMouseOver}\n          onMouseLeave={this.handleTriggerMouseLeave}\n          onClick={this.handleTriggerOnClick}\n          onFocusinCapture={this.handleTriggerFocusin}\n          onFocusoutCapture={this.handleTriggerFocusout}\n          ref={(el) => (this.trigger = el)}\n          part=\"trigger\"\n        >\n          <slot name=\"trigger\" />\n        </div>\n        {/* PANEL */}\n        <div\n          class=\"bq-tooltip--panel\"\n          aria-hidden={this.isHidden}\n          hidden={this.isHidden}\n          role=\"tooltip\"\n          ref={(el) => (this.panel = el)}\n          part=\"panel\"\n        >\n          {!this.hideArrow && <div class=\"bq-tooltip--arrow\" ref={(el) => (this.arrow = el)} />}\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"bq-tooltip.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/components/tooltip/bq-tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { EventEmitter } from '@stencil/core';\nimport { Component, Element, Event, h, Listen, Method, Prop, Watch } from '@stencil/core';\n\nimport type { Placement } from '../../services/interfaces';\nimport { FloatingUI } from '../../services/libraries';\nimport { isEventTargetChildOfElement } from '../../shared/utils';\n\n/**\n * The Tooltip component is a small pop-up box that appears when a user hovers over or clicks on an element, providing additional information or context.\n *\n * @example How to use it\n * ```html\n * <bq-tooltip visible>\n *   Yuhu! I'm a tooltip 🙃\n *   <bq-button slot=\"trigger\">Hover me!</bq-button>\n * </bq-tooltip>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/64c562-tooltip\n * @status stable\n *\n * @attr {boolean} always-visible - If true, the tooltip will always be visible\n * @attr {number} distance - Distance between trigger element and tooltip\n * @attr {boolean} hide-arrow - If true, the arrow on the tooltip content won't be shown\n * @attr {\"top\" | \"right\" | \"bottom\" | \"left\"} placement - Defines the position of the tooltip\n * @attr {boolean} same-width - Whether the tooltip should have the same width as the trigger element (applicable only for content shorter than the trigger element)\n * @attr {\"click\" | \"hover\"} display-on - Set the action when the tooltip should be displayed, on hover (default) or click\n * @attr {boolean} visible - Indicates whether or not the tooltip is visible when the component is first rendered, and when interacting with the trigger\n *\n * @method show - Shows the tooltip\n * @method hide - Hides the tooltip\n *\n * @slot trigger - The element which displays tooltip on hover\n * @slot - The tooltip content\n *\n * @part base - The component wrapper container inside the shadow DOM\n * @part trigger - The `<div>` container that holds the element which displays tooltip on hover\n * @part panel - The `<div>` container that holds the tooltip content\n *\n * @cssprop --bq-tooltip--background-color - Tooltip background color\n * @cssprop --bq-tooltip--box-shadow - Tooltip box shadow\n * @cssprop --bq-tooltip--font-size - Tooltip font size\n * @cssprop --bq-tooltip--line-height - Tooltip line height\n * @cssprop --bq-tooltip--text-color - Tooltip text color\n * @cssprop --bq-tooltip--paddingX - Tooltip horizontal padding\n * @cssprop --bq-tooltip--paddingY - Tooltip vertical padding\n * @cssprop --bq-tooltip--border-color - Tooltip border color\n * @cssprop --bq-tooltip--border-radius - Tooltip border radius\n * @cssprop --bq-tooltip--border-style - Tooltip border style\n * @cssprop --bq-tooltip--border-width - Tooltip border width\n * @cssprop --bq-tooltip--z-index: Tooltip z-index\n */\n@Component({\n  tag: 'bq-tooltip',\n  styleUrl: './scss/bq-tooltip.scss',\n  shadow: true,\n})\nexport class BqTooltip {\n  // Own Properties\n  // ====================\n  private trigger: HTMLElement;\n  private panel: HTMLElement;\n  private arrow: HTMLElement;\n  private floatingUI: FloatingUI;\n\n  // Reference to host HTML element\n  // ===================================\n  @Element() el!: HTMLBqTooltipElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** If true, the tooltip will always be visible */\n  @Prop() alwaysVisible?: boolean = false;\n\n  /** Distance between trigger element and tooltip */\n  @Prop({ reflect: true }) distance?: number = 10;\n\n  /** If true, the arrow on the tooltip content won't be shown */\n  @Prop({ reflect: true }) hideArrow?: boolean = false;\n\n  /* Defines the position of the tooltip */\n  @Prop({ reflect: true }) placement?: Placement = 'top';\n\n  /** Whether the tooltip should have the same width as the trigger element\n   * (applicable only for content shorter than the trigger element) */\n  @Prop({ reflect: true }) sameWidth?: boolean = false;\n\n  /** Set the action when the tooltip should be displayed, on hover (default) or click */\n  @Prop({ reflect: true }) displayOn: 'click' | 'hover' = 'hover';\n\n  /**\n   * Indicates whether or not the tooltip is visible when the component is first rendered,\n   * and when interacting with the trigger\n   */\n  @Prop({ reflect: true, mutable: true }) visible? = false;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('visible')\n  async handleVisibleChange() {\n    if (!this.visible && !this.alwaysVisible) {\n      return await this.hide();\n    }\n\n    await this.show();\n  }\n\n  @Watch('distance')\n  @Watch('hideArrow')\n  @Watch('placement')\n  @Watch('sameWidth')\n  handleFloatingUIOptionsChange() {\n    this.floatingUI.init({\n      placement: this.placement,\n      distance: this.distance,\n      sameWidth: this.sameWidth,\n      strategy: 'fixed',\n    });\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Emitted when the tooltip trigger is clicked */\n  @Event() bqClick: EventEmitter<HTMLBqTooltipElement>;\n\n  /** Emitted when the tooltip trigger is focused in */\n  @Event() bqFocusIn: EventEmitter<HTMLBqTooltipElement>;\n\n  /** Emitted when the tooltip trigger is focused out */\n  @Event() bqFocusOut: EventEmitter<HTMLBqTooltipElement>;\n\n  /** Emitted when the tooltip trigger is hovered in */\n  @Event() bqHoverIn: EventEmitter<HTMLBqTooltipElement>;\n\n  /** Emitted when the tooltip trigger is hovered out */\n  @Event() bqHoverOut: EventEmitter<HTMLBqTooltipElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.floatingUI = new FloatingUI(this.trigger, this.panel, {\n      ...(!this.hideArrow && { arrow: this.arrow }),\n      placement: this.placement,\n      distance: this.distance,\n      sameWidth: this.sameWidth,\n      strategy: 'fixed',\n      skidding: 0,\n    });\n  }\n\n  disconnectedCallback() {\n    this.floatingUI?.destroy();\n  }\n  // Listeners\n  // ==============\n\n  @Listen('keydown', { target: 'document' })\n  handleDocumentKeyDown(event: KeyboardEvent) {\n    // Early returns for performance optimization\n    if (this.alwaysVisible || !this.visible || this.displayOn !== 'click') return;\n    // Hide tooltip when the user presses the escape key, but only if the displayOn is click and the tooltip is visible\n    if (event.key !== 'Escape') return;\n\n    this.hide();\n  }\n\n  @Listen('mousedown', { target: 'document' })\n  handleDocumentMouseDown(event: MouseEvent) {\n    // Early returns for performance optimization\n    if (this.alwaysVisible || !this.visible) return;\n    // Hide tooltip when the user clicks outside of the tooltip, but only if the displayOn is click and the tooltip is visible\n    if (isEventTargetChildOfElement(event, this.el)) return;\n\n    this.hide();\n  }\n\n  @Listen('scroll', { target: 'document', passive: true })\n  handleDocumentScroll() {\n    // Early returns for performance optimization\n    if (this.alwaysVisible || !this.visible) return;\n    // Hide tooltip when the user scrolls, but only if the the tooltip is visible\n    this.hide();\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /** Shows the tooltip */\n  @Method()\n  async show() {\n    this.visible = true;\n    this.showTooltip();\n  }\n\n  /** Hides the tooltip */\n  @Method()\n  async hide() {\n    if (this.alwaysVisible) return;\n\n    this.visible = false;\n    this.hideTooltip();\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleTriggerMouseOver = async () => {\n    if (this.displayOn !== 'hover') return;\n\n    const hoverEvent = this.bqHoverIn.emit(this.el);\n    if (hoverEvent.defaultPrevented) return;\n\n    await this.show();\n  };\n\n  private handleTriggerMouseLeave = async () => {\n    if (this.displayOn !== 'hover') return;\n\n    const hoverEvent = this.bqHoverOut.emit(this.el);\n    if (hoverEvent.defaultPrevented) return;\n\n    await this.hide();\n  };\n\n  private handleTriggerOnClick = async () => {\n    if (this.displayOn !== 'click') return;\n\n    const clickEvent = this.bqClick.emit(this.el);\n    if (clickEvent.defaultPrevented) return;\n\n    await (this.visible ? this.hide() : this.show());\n  };\n\n  private handleTriggerFocusin = async () => {\n    if (this.visible || this.displayOn === 'click') return;\n\n    const focusEvent = this.bqFocusIn.emit(this.el);\n    if (focusEvent.defaultPrevented) return;\n\n    await this.show();\n  };\n\n  private handleTriggerFocusout = async () => {\n    if (!this.visible || this.displayOn === 'click') return;\n\n    const focusEvent = this.bqFocusOut.emit(this.el);\n    if (focusEvent.defaultPrevented) return;\n\n    await this.hide();\n  };\n\n  private showTooltip = () => {\n    if (!this.panel) return;\n    this.floatingUI?.update();\n  };\n\n  private hideTooltip = () => {\n    if (!this.panel) return;\n    this.visible = false;\n  };\n\n  private get isHidden() {\n    return !this.visible && !this.alwaysVisible;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div class=\"bq-tooltip relative\" part=\"base\">\n        {/* TRIGGER */}\n        {/**\n         * NOTE: We could use a native HTML button as trigger container, but it causes issues with\n         * certain interactive elements inside the trigger slot (e.g., buttons, links, inputs...).\n         * This is because nested interactive elements are not allowed inside a button.\n         * Also, that will force the user to focus twice to reach the inner interactive element.\n         */}\n        {/** biome-ignore lint/a11y/noStaticElementInteractions: bypass the \"Static Elements should not be interactive.\" rule */}\n        {/** biome-ignore lint/a11y/useKeyWithClickEvents: bypass the \"Enforce to have the onClick mouse event with the onKeyUp, the onKeyDown, or the onKeyPress keyboard event.\" rule */}\n        <div\n          class=\"bq-tooltip--trigger\"\n          onClick={this.handleTriggerOnClick}\n          onFocusin={this.handleTriggerFocusin}\n          onFocusout={this.handleTriggerFocusout}\n          onMouseEnter={this.handleTriggerMouseOver}\n          onMouseLeave={this.handleTriggerMouseLeave}\n          part=\"trigger\"\n          ref={(el: HTMLDivElement) => {\n            this.trigger = el;\n          }}\n        >\n          <slot name=\"trigger\" />\n        </div>\n        {/* PANEL */}\n        <div\n          aria-hidden={this.isHidden}\n          class=\"bq-tooltip--panel\"\n          hidden={this.isHidden}\n          part=\"panel\"\n          ref={(el: HTMLDivElement) => {\n            this.panel = el;\n          }}\n          role=\"tooltip\"\n        >\n          {!this.hideArrow && (\n            <div\n              class=\"bq-tooltip--arrow\"\n              ref={(el: HTMLDivElement) => {\n                this.arrow = el;\n              }}\n            />\n          )}\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/services/interfaces/floating-ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"floating-ui.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/services/interfaces/floating-ui.ts"],"names":[],"mappings":"","sourcesContent":["// eslint-disable-next-line import-x/namespace\nimport { Placement, Strategy } from '@floating-ui/core';\n\nexport interface FloatingUIOptions {\n  distance?: number;\n  placement?: Placement;\n  arrow?: HTMLElement;\n  strategy: Strategy;\n  sameWidth?: boolean;\n  skidding?: number;\n  onPositionChange?: (placement: Placement) => void;\n}\nexport type { Placement };\n"]}
+{"version":3,"file":"floating-ui.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/services/interfaces/floating-ui.ts"],"names":[],"mappings":"","sourcesContent":["import type { Placement, Strategy } from '@floating-ui/core';\n\nexport interface FloatingUIOptions {\n  distance?: number;\n  placement?: Placement;\n  arrow?: HTMLElement;\n  strategy: Strategy;\n  sameWidth?: boolean;\n  skidding?: number;\n  onPositionChange?: (placement: Placement) => void;\n}\nexport type { Placement };\n"]}

package/dist/collection/services/libraries/floating-ui/index.js

@@ -46,31 +46,9 @@ export class FloatingUI {
                         hide(),
                     ],
                 });
-                Object.assign(this.panel.style, {
-                    top: '0',
-                    left: '0',
-                    transform: `translate(${this.roundByDPR(x)}px,${this.roundByDPR(y)}px)`,
-                });
-                if (this.options.arrow) {
-                    const { x: arrowX, y: arrowY } = middlewareData.arrow;
-                    const staticSide = {
-                        top: 'bottom',
-                        right: 'left',
-                        bottom: 'top',
-                        left: 'right',
-                    }[placement.split('-')[0]];
-                    Object.assign(this.options.arrow.style, {
-                        left: arrowX != null ? `${arrowX}px` : '',
-                        top: arrowY != null ? `${arrowY}px` : '',
-                        right: '',
-                        bottom: '',
-                        [staticSide]: '-4px',
-                    });
-                }
-                const { referenceHidden } = middlewareData.hide;
-                Object.assign(this.panel.style, {
-                    visibility: referenceHidden ? 'hidden' : 'visible',
-                });
+                this.applyPanelPosition(x, y);
+                this.applyArrowPosition(placement, middlewareData);
+                this.applyVisibility(middlewareData);
             })();
         });
     }
@@ -90,6 +68,37 @@ export class FloatingUI {
             },
         };
     }
+    applyPanelPosition(x, y) {
+        Object.assign(this.panel.style, {
+            top: '0',
+            left: '0',
+            transform: `translate(${this.roundByDPR(x)}px,${this.roundByDPR(y)}px)`,
+        });
+    }
+    applyArrowPosition(placement, middlewareData) {
+        if (!this.options.arrow)
+            return;
+        const { x: arrowX, y: arrowY } = middlewareData.arrow;
+        const staticSide = {
+            top: 'bottom',
+            right: 'left',
+            bottom: 'top',
+            left: 'right',
+        }[placement.split('-')[0]];
+        Object.assign(this.options.arrow.style, {
+            left: arrowX != null ? `${arrowX}px` : '',
+            top: arrowY != null ? `${arrowY}px` : '',
+            right: '',
+            bottom: '',
+            [staticSide]: '-4px',
+        });
+    }
+    applyVisibility(middlewareData) {
+        const { referenceHidden } = middlewareData.hide;
+        Object.assign(this.panel.style, {
+            visibility: referenceHidden ? 'hidden' : 'visible',
+        });
+    }
     roundByDPR(value) {
         const dpr = window.devicePixelRatio || 1;
         return Math.round(value * dpr) / dpr;

package/dist/collection/services/libraries/floating-ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/beeq/src/services/libraries/floating-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,UAAU,EACV,eAAe,EACf,IAAI,EACJ,IAAI,EACJ,MAAM,EAEN,KAAK,EACL,IAAI,GACL,MAAM,kBAAkB,CAAC;AAI1B,MAAM,OAAO,UAAU;IACrB,KAAK,CAAc;IACnB,OAAO,CAAmB;IAC1B,OAAO,CAAoB;IAC3B,OAAO,CAAa;IAEpB,YAAY,OAAyB,EAAE,KAAkB,EAAE,OAA2B;QACpF,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG;YACb,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,KAAK;YAChB,GAAG,OAAO;SACX,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACrB,CAAC;IAED,IAAI,CAAC,OAA0B;QAC7B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACpD,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE;YACvD,CAAC,KAAK,IAAI,EAAE;gBACV,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,MAAM,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE;oBAC1F,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;oBACjC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ;oBAC/B,UAAU,EAAE;wBACV,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;wBAC7E,IAAI,EAAE;wBACN,KAAK,EAAE;wBACP,IAAI,CACF,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI;4BACxB,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE;gCACvB,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE;oCACrC,KAAK,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI;iCACpC,CAAC,CAAC;4BACL,CAAC;yBACF,CACF;wBACD,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC;wBAC9C,IAAI,CAAC,cAAc,EAAE;wBACrB,IAAI,EAAE;qBACP;iBACF,CAAC,CAAC;gBAEH,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;oBAC9B,GAAG,EAAE,GAAG;oBACR,IAAI,EAAE,GAAG;oBACT,SAAS,EAAE,aAAa,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;iBACxE,CAAC,CAAC;gBAEH,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;oBACvB,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC;oBACtD,MAAM,UAAU,GAAG;wBACjB,GAAG,EAAE,QAAQ;wBACb,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,KAAK;wBACb,IAAI,EAAE,OAAO;qBACd,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAE3B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE;wBACtC,IAAI,EAAE,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,EAAE;wBACzC,GAAG,EAAE,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,EAAE;wBACxC,KAAK,EAAE,EAAE;wBACT,MAAM,EAAE,EAAE;wBACV,CAAC,UAAU,CAAC,EAAE,MAAM;qBACrB,CAAC,CAAC;gBACL,CAAC;gBAED,MAAM,EAAE,eAAe,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC;gBAChD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;oBAC9B,UAAU,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;iBACnD,CAAC,CAAC;YACL,CAAC,CAAC,EAAE,CAAC;QACP,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1B,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,cAAc;QACZ,OAAO;YACL,IAAI,EAAE,gBAAgB;YACtB,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;gBAC9B,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,KAAK,UAAU;oBAAE,OAAO,EAAE,CAAC;gBACnE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;gBACxC,OAAO,EAAE,CAAC;YACZ,CAAC;SACF,CAAC;IACJ,CAAC;IAEO,UAAU,CAAC,KAAa;QAC9B,MAAM,GAAG,GAAG,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC;QACzC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IACvC,CAAC;CACF","sourcesContent":["import {\n  arrow,\n  autoUpdate,\n  computePosition,\n  flip,\n  hide,\n  offset,\n  ReferenceElement,\n  shift,\n  size,\n} from '@floating-ui/dom';\n\nimport { FloatingUIOptions } from '../../interfaces';\n\nexport class FloatingUI {\n  panel: HTMLElement;\n  trigger: ReferenceElement;\n  options: FloatingUIOptions;\n  cleanUp: () => void;\n\n  constructor(trigger: ReferenceElement, panel: HTMLElement, options?: FloatingUIOptions) {\n    this.trigger = trigger;\n    this.panel = panel;\n    this.options = {\n      distance: 20,\n      placement: 'bottom',\n      strategy: 'fixed',\n      sameWidth: false,\n      ...options,\n    };\n    this.init(options);\n  }\n\n  init(options: FloatingUIOptions) {\n    this.options = Object.assign(this.options, options);\n    this.update();\n  }\n\n  update() {\n    this.cleanUp = autoUpdate(this.trigger, this.panel, () => {\n      (async () => {\n        const { x, y, placement, middlewareData } = await computePosition(this.trigger, this.panel, {\n          placement: this.options.placement,\n          strategy: this.options.strategy,\n          middleware: [\n            offset({ mainAxis: this.options.distance, crossAxis: this.options.skidding }),\n            flip(),\n            shift(),\n            size(\n              this.options.sameWidth && {\n                apply({ rects, elements }) {\n                  Object.assign(elements.floating.style, {\n                    width: `${rects.reference.width}px`,\n                  });\n                },\n              },\n            ),\n            arrow({ element: this.options.arrow || null }),\n            this.positionChange(),\n            hide(),\n          ],\n        });\n\n        Object.assign(this.panel.style, {\n          top: '0',\n          left: '0',\n          transform: `translate(${this.roundByDPR(x)}px,${this.roundByDPR(y)}px)`,\n        });\n\n        if (this.options.arrow) {\n          const { x: arrowX, y: arrowY } = middlewareData.arrow;\n          const staticSide = {\n            top: 'bottom',\n            right: 'left',\n            bottom: 'top',\n            left: 'right',\n          }[placement.split('-')[0]];\n\n          Object.assign(this.options.arrow.style, {\n            left: arrowX != null ? `${arrowX}px` : '',\n            top: arrowY != null ? `${arrowY}px` : '',\n            right: '',\n            bottom: '',\n            [staticSide]: '-4px',\n          });\n        }\n\n        const { referenceHidden } = middlewareData.hide;\n        Object.assign(this.panel.style, {\n          visibility: referenceHidden ? 'hidden' : 'visible',\n        });\n      })();\n    });\n  }\n\n  destroy() {\n    if (!this.cleanUp) return;\n    this.cleanUp();\n  }\n\n  positionChange() {\n    return {\n      name: 'positionChange',\n      fn: ({ placement: position }) => {\n        if (typeof this.options.onPositionChange !== 'function') return {};\n        this.options.onPositionChange(position);\n        return {};\n      },\n    };\n  }\n\n  private roundByDPR(value: number) {\n    const dpr = window.devicePixelRatio || 1;\n    return Math.round(value * dpr) / dpr;\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/beeq/src/services/libraries/floating-ui/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  arrow,\n  autoUpdate,\n  computePosition,\n  flip,\n  hide,\n  type MiddlewareData,\n  offset,\n  type ReferenceElement,\n  shift,\n  size,\n} from '@floating-ui/dom';\n\nimport type { FloatingUIOptions } from '../../interfaces';\n\nexport class FloatingUI {\n  panel: HTMLElement;\n  trigger: ReferenceElement;\n  options: FloatingUIOptions;\n  cleanUp: () => void;\n\n  constructor(trigger: ReferenceElement, panel: HTMLElement, options?: FloatingUIOptions) {\n    this.trigger = trigger;\n    this.panel = panel;\n    this.options = {\n      distance: 20,\n      placement: 'bottom',\n      strategy: 'fixed',\n      sameWidth: false,\n      ...options,\n    };\n    this.init(options);\n  }\n\n  init(options: FloatingUIOptions) {\n    this.options = Object.assign(this.options, options);\n    this.update();\n  }\n\n  update() {\n    this.cleanUp = autoUpdate(this.trigger, this.panel, () => {\n      (async () => {\n        const { x, y, placement, middlewareData } = await computePosition(this.trigger, this.panel, {\n          placement: this.options.placement,\n          strategy: this.options.strategy,\n          middleware: [\n            offset({ mainAxis: this.options.distance, crossAxis: this.options.skidding }),\n            flip(),\n            shift(),\n            size(\n              this.options.sameWidth && {\n                apply({ rects, elements }) {\n                  Object.assign(elements.floating.style, {\n                    width: `${rects.reference.width}px`,\n                  });\n                },\n              },\n            ),\n            arrow({ element: this.options.arrow || null }),\n            this.positionChange(),\n            hide(),\n          ],\n        });\n\n        this.applyPanelPosition(x, y);\n        this.applyArrowPosition(placement, middlewareData);\n        this.applyVisibility(middlewareData);\n      })();\n    });\n  }\n\n  destroy() {\n    if (!this.cleanUp) return;\n    this.cleanUp();\n  }\n\n  positionChange() {\n    return {\n      name: 'positionChange',\n      fn: ({ placement: position }) => {\n        if (typeof this.options.onPositionChange !== 'function') return {};\n        this.options.onPositionChange(position);\n        return {};\n      },\n    };\n  }\n\n  private applyPanelPosition(x: number, y: number) {\n    Object.assign(this.panel.style, {\n      top: '0',\n      left: '0',\n      transform: `translate(${this.roundByDPR(x)}px,${this.roundByDPR(y)}px)`,\n    });\n  }\n\n  private applyArrowPosition(placement: string, middlewareData: MiddlewareData) {\n    if (!this.options.arrow) return;\n\n    const { x: arrowX, y: arrowY } = middlewareData.arrow;\n    const staticSide = {\n      top: 'bottom',\n      right: 'left',\n      bottom: 'top',\n      left: 'right',\n    }[placement.split('-')[0]];\n\n    Object.assign(this.options.arrow.style, {\n      left: arrowX != null ? `${arrowX}px` : '',\n      top: arrowY != null ? `${arrowY}px` : '',\n      right: '',\n      bottom: '',\n      [staticSide]: '-4px',\n    });\n  }\n\n  private applyVisibility(middlewareData: MiddlewareData) {\n    const { referenceHidden } = middlewareData.hide;\n    Object.assign(this.panel.style, {\n      visibility: referenceHidden ? 'hidden' : 'visible',\n    });\n  }\n\n  private roundByDPR(value: number) {\n    const dpr = window.devicePixelRatio || 1;\n    return Math.round(value * dpr) / dpr;\n  }\n}\n"]}

package/dist/collection/shared/test-utils/sleep.js

@@ -2,5 +2,5 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-export { setTimeout as sleep } from 'timers/promises';
+export { setTimeout as sleep } from 'node:timers/promises';
 //# sourceMappingURL=sleep.js.map

package/dist/collection/shared/test-utils/sleep.js.map

@@ -1 +1 @@
-{"version":3,"file":"sleep.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/shared/test-utils/sleep.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { setTimeout as sleep } from 'timers/promises';\n"]}
+{"version":3,"file":"sleep.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/shared/test-utils/sleep.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { setTimeout as sleep } from 'node:timers/promises';\n"]}

package/dist/collection/shared/utils/date.js

@@ -0,0 +1,163 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+/**
+ * Static date parsing patterns
+ */
+const DATE_PATTERNS = [
+    {
+        // Matches "30 May 2024" or "30 January 2024"
+        regex: /^(\d{1,2})\s+([a-z]+)\s+(\d{4})$/i,
+        parse: (m, months) => ({
+            day: +m[1],
+            month: months[m[2].toLowerCase()],
+            year: +m[3],
+        }),
+    },
+    {
+        // Matches "05/30/2024", "30-05-2024", "30.05.2024", "05.30.2024" (with heuristic for day/month)
+        regex: /^(\d{1,2})[\s\-/.](\d{1,2})[\s\-/.](\d{4})$/,
+        parse: (m, _, locale) => {
+            const { day, month } = parseNumericDate(+m[1], +m[2], locale);
+            return { day, month, year: +m[3] };
+        },
+    },
+    {
+        // Matches "May 30, 2024" or "January 1, 1970" (with optional comma)
+        regex: /^([a-z]+)\s+(\d{1,2}),?\s+(\d{4})$/i,
+        parse: (m, months) => ({
+            month: months[m[1].toLowerCase()],
+            day: +m[2],
+            year: +m[3],
+        }),
+    },
+    {
+        // Matches "2024-05-30" (ISO format without parsing as Date first)
+        regex: /^(\d{4})-(\d{2})-(\d{2})$/,
+        parse: (m) => ({
+            year: +m[1],
+            month: +m[2] - 1,
+            day: +m[3],
+        }),
+    },
+];
+const monthNamesCache = new Map();
+/**
+ * Gets localized month names for the given locale (both short and long forms)
+ * Caches results for performance
+ * @param {Intl.LocalesArgument} locale - The locale identifier, e.g., 'en-GB', 'fr-FR', etc.
+ * @returns {Record<string, number>} Mapping of month names to month indices
+ */
+const getMonthNamesForLocale = (locale) => {
+    const cacheKey = typeof locale === 'string' ? locale : JSON.stringify(locale);
+    const cachedMonthNames = monthNamesCache.get(cacheKey);
+    if (cachedMonthNames)
+        return cachedMonthNames;
+    const monthMap = {};
+    const shortFormatter = new Intl.DateTimeFormat(locale, { month: 'short' });
+    const longFormatter = new Intl.DateTimeFormat(locale, { month: 'long' });
+    for (let month = 0; month < 12; month++) {
+        const date = new Date(2024, month, 1);
+        monthMap[shortFormatter.format(date).toLowerCase()] = month;
+        monthMap[longFormatter.format(date).toLowerCase()] = month;
+    }
+    monthNamesCache.set(cacheKey, monthMap);
+    return monthMap;
+};
+/**
+ * Parses day-month-year or month-day-year numeric date format
+ * Uses heuristic: if any number > 12, treat it as day, otherwise defaults to locale preference
+ * @param {number} first - The first numeric part (day or month)
+ * @param {number} second - The second numeric part (month or day)
+ * @param {Intl.LocalesArgument} locale - The locale for determining format preference
+ * @returns {{day: number, month: number}} Object with day and month (0-based)
+ */
+const parseNumericDate = (first, second, locale = 'en-GB') => {
+    // If first number > 12, it must be the day (DD/MM format)
+    if (first > 12)
+        return { day: first, month: second - 1 };
+    // If second number > 12, it must be the day (MM/DD format)
+    if (second > 12)
+        return { day: second, month: first - 1 };
+    // Both numbers <= 12: ambiguous case
+    // Use locale to determine format preference
+    const localeStr = typeof locale === 'string' ? locale : locale?.[0] || 'en-GB';
+    const usesMMDD = ['en-US', 'en-CA'].some((l) => localeStr.startsWith(l));
+    if (usesMMDD) {
+        // US/Canada format: MM/DD
+        return { day: second, month: first - 1 };
+    }
+    // Default to DD/MM (European/most of world format)
+    return { day: first, month: second - 1 };
+};
+/**
+ * Validates that a date is actually valid (not auto-corrected by Date constructor)
+ * @param {number} day - Day of the month
+ * @param {number} month - Month (0-based)
+ * @param {number} year - Full year
+ * @returns {boolean} True if the date is valid
+ */
+const isDateValid = (day, month, year) => {
+    const date = new Date(year, month, day);
+    return date.getDate() === day && date.getMonth() === month && date.getFullYear() === year;
+};
+/**
+ * Validates and creates a Date object from day, month, and year
+ * @param {number} day - Day of the month
+ * @param {number} month - Month (0-based)
+ * @param {number} year - Full year
+ * @returns {Date | null} Valid Date object or null if invalid
+ */
+const createValidDate = (day, month, year) => {
+    if (month === undefined || !day || !year)
+        return null;
+    if (!isDateValid(day, month, year))
+        return null;
+    return new Date(year, month, day);
+};
+/**
+ * Parses various date input formats and returns a Date object
+ * Supports:
+ * - ISO format: "2024-05-30"
+ * - Text format: "30 May 2024", "May 30, 2024", "30 January 2024", "January 1, 1970" (locale-aware)
+ * - Numeric formats: "30/05/2024", "05-30-2024", "30.05.2024", "05.30.2024" (with heuristic for day/month)
+ *
+ * @param {string} inputValue - The date string to parse
+ * @param {Intl.LocalesArgument} locale - The locale for month name recognition (defaults to 'en-GB')
+ * @returns {Date | null} Parsed Date object or null if parsing fails
+ */
+export const parseDateInput = (inputValue, locale = 'en-GB') => {
+    if (!inputValue?.trim())
+        return null;
+    // Try ISO format first
+    const isoDate = new Date(`${inputValue}T00:00:00`);
+    if (!Number.isNaN(isoDate.getTime()) && isValidISODate(inputValue))
+        return isoDate;
+    const monthMap = getMonthNamesForLocale(locale);
+    for (const { regex, parse } of DATE_PATTERNS) {
+        const match = regex.exec(inputValue);
+        if (!match)
+            continue;
+        const { day, month, year } = parse(match, monthMap, locale);
+        const date = createValidDate(day, month, year);
+        if (date)
+            return date;
+    }
+    return null;
+};
+/**
+ * Validates if a string is in ISO date format (YYYY-MM-DD) with actual valid date values
+ * @param {string} dateStr - The date string to validate
+ * @returns {boolean} True if the date string is valid in ISO format and represents an actual valid date
+ */
+export const isValidISODate = (dateStr) => {
+    if (!/^\d{4}-\d{2}-\d{2}$/.test(dateStr))
+        return false;
+    const [yearStr, monthStr, dayStr] = dateStr.split('-');
+    const year = +yearStr;
+    const month = +monthStr - 1;
+    const day = +dayStr;
+    return isDateValid(day, month, year);
+};
+//# sourceMappingURL=date.js.map

package/dist/collection/shared/utils/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/shared/utils/date.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Date parsing pattern definition\n */\ntype TDatePattern = {\n  regex: RegExp;\n  parse: (\n    match: RegExpExecArray,\n    monthMap: Record<string, number>,\n    locale?: Intl.LocalesArgument,\n  ) => { day: number; month: number; year: number };\n};\n\n/**\n * Static date parsing patterns\n */\nconst DATE_PATTERNS: TDatePattern[] = [\n  {\n    // Matches \"30 May 2024\" or \"30 January 2024\"\n    regex: /^(\\d{1,2})\\s+([a-z]+)\\s+(\\d{4})$/i,\n    parse: (m, months) => ({\n      day: +m[1],\n      month: months[m[2].toLowerCase()],\n      year: +m[3],\n    }),\n  },\n  {\n    // Matches \"05/30/2024\", \"30-05-2024\", \"30.05.2024\", \"05.30.2024\" (with heuristic for day/month)\n    regex: /^(\\d{1,2})[\\s\\-/.](\\d{1,2})[\\s\\-/.](\\d{4})$/,\n    parse: (m, _, locale) => {\n      const { day, month } = parseNumericDate(+m[1], +m[2], locale);\n      return { day, month, year: +m[3] };\n    },\n  },\n  {\n    // Matches \"May 30, 2024\" or \"January 1, 1970\" (with optional comma)\n    regex: /^([a-z]+)\\s+(\\d{1,2}),?\\s+(\\d{4})$/i,\n    parse: (m, months) => ({\n      month: months[m[1].toLowerCase()],\n      day: +m[2],\n      year: +m[3],\n    }),\n  },\n  {\n    // Matches \"2024-05-30\" (ISO format without parsing as Date first)\n    regex: /^(\\d{4})-(\\d{2})-(\\d{2})$/,\n    parse: (m) => ({\n      year: +m[1],\n      month: +m[2] - 1,\n      day: +m[3],\n    }),\n  },\n];\n\nconst monthNamesCache = new Map<string, Record<string, number>>();\n\n/**\n * Gets localized month names for the given locale (both short and long forms)\n * Caches results for performance\n * @param {Intl.LocalesArgument} locale - The locale identifier, e.g., 'en-GB', 'fr-FR', etc.\n * @returns {Record<string, number>} Mapping of month names to month indices\n */\nconst getMonthNamesForLocale = (locale: Intl.LocalesArgument): Record<string, number> => {\n  const cacheKey = typeof locale === 'string' ? locale : JSON.stringify(locale);\n\n  const cachedMonthNames = monthNamesCache.get(cacheKey);\n  if (cachedMonthNames) return cachedMonthNames;\n\n  const monthMap: Record<string, number> = {};\n  const shortFormatter = new Intl.DateTimeFormat(locale, { month: 'short' });\n  const longFormatter = new Intl.DateTimeFormat(locale, { month: 'long' });\n\n  for (let month = 0; month < 12; month++) {\n    const date = new Date(2024, month, 1);\n    monthMap[shortFormatter.format(date).toLowerCase()] = month;\n    monthMap[longFormatter.format(date).toLowerCase()] = month;\n  }\n\n  monthNamesCache.set(cacheKey, monthMap);\n  return monthMap;\n};\n\n/**\n * Parses day-month-year or month-day-year numeric date format\n * Uses heuristic: if any number > 12, treat it as day, otherwise defaults to locale preference\n * @param {number} first - The first numeric part (day or month)\n * @param {number} second - The second numeric part (month or day)\n * @param {Intl.LocalesArgument} locale - The locale for determining format preference\n * @returns {{day: number, month: number}} Object with day and month (0-based)\n */\nconst parseNumericDate = (\n  first: number,\n  second: number,\n  locale: Intl.LocalesArgument = 'en-GB',\n): { day: number; month: number } => {\n  // If first number > 12, it must be the day (DD/MM format)\n  if (first > 12) return { day: first, month: second - 1 };\n\n  // If second number > 12, it must be the day (MM/DD format)\n  if (second > 12) return { day: second, month: first - 1 };\n\n  // Both numbers <= 12: ambiguous case\n  // Use locale to determine format preference\n  const localeStr = typeof locale === 'string' ? locale : locale?.[0] || 'en-GB';\n  const usesMMDD = ['en-US', 'en-CA'].some((l) => localeStr.startsWith(l));\n\n  if (usesMMDD) {\n    // US/Canada format: MM/DD\n    return { day: second, month: first - 1 };\n  }\n\n  // Default to DD/MM (European/most of world format)\n  return { day: first, month: second - 1 };\n};\n\n/**\n * Validates that a date is actually valid (not auto-corrected by Date constructor)\n * @param {number} day - Day of the month\n * @param {number} month - Month (0-based)\n * @param {number} year - Full year\n * @returns {boolean} True if the date is valid\n */\nconst isDateValid = (day: number, month: number, year: number): boolean => {\n  const date = new Date(year, month, day);\n  return date.getDate() === day && date.getMonth() === month && date.getFullYear() === year;\n};\n\n/**\n * Validates and creates a Date object from day, month, and year\n * @param {number} day - Day of the month\n * @param {number} month - Month (0-based)\n * @param {number} year - Full year\n * @returns {Date | null} Valid Date object or null if invalid\n */\nconst createValidDate = (day: number, month: number, year: number): Date | null => {\n  if (month === undefined || !day || !year) return null;\n  if (!isDateValid(day, month, year)) return null;\n\n  return new Date(year, month, day);\n};\n\n/**\n * Parses various date input formats and returns a Date object\n * Supports:\n * - ISO format: \"2024-05-30\"\n * - Text format: \"30 May 2024\", \"May 30, 2024\", \"30 January 2024\", \"January 1, 1970\" (locale-aware)\n * - Numeric formats: \"30/05/2024\", \"05-30-2024\", \"30.05.2024\", \"05.30.2024\" (with heuristic for day/month)\n *\n * @param {string} inputValue - The date string to parse\n * @param {Intl.LocalesArgument} locale - The locale for month name recognition (defaults to 'en-GB')\n * @returns {Date | null} Parsed Date object or null if parsing fails\n */\nexport const parseDateInput = (inputValue: string, locale: Intl.LocalesArgument = 'en-GB'): Date | null => {\n  if (!inputValue?.trim()) return null;\n\n  // Try ISO format first\n  const isoDate = new Date(`${inputValue}T00:00:00`);\n  if (!Number.isNaN(isoDate.getTime()) && isValidISODate(inputValue)) return isoDate;\n\n  const monthMap = getMonthNamesForLocale(locale);\n\n  for (const { regex, parse } of DATE_PATTERNS) {\n    const match = regex.exec(inputValue);\n    if (!match) continue;\n\n    const { day, month, year } = parse(match, monthMap, locale);\n    const date = createValidDate(day, month, year);\n    if (date) return date;\n  }\n\n  return null;\n};\n\n/**\n * Validates if a string is in ISO date format (YYYY-MM-DD) with actual valid date values\n * @param {string} dateStr - The date string to validate\n * @returns {boolean} True if the date string is valid in ISO format and represents an actual valid date\n */\nexport const isValidISODate = (dateStr: string): boolean => {\n  if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(dateStr)) return false;\n\n  const [yearStr, monthStr, dayStr] = dateStr.split('-');\n  const year = +yearStr;\n  const month = +monthStr - 1;\n  const day = +dayStr;\n\n  return isDateValid(day, month, year);\n};\n"]}

package/dist/collection/shared/utils/debounce.js

@@ -17,7 +17,8 @@ export const debounce = (func, wait = 0, immediate = false) => {
     let cancel;
     function debounceHandler(...args) {
         cancel?.();
-        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        // We're doing this on purpose to capture and preserve the `this` context
+        // biome-ignore lint/complexity/noUselessThisAlias: <see above>
         const context = this;
         function timeoutHandler(fn, context, ...args) {
             fn.apply(context, args);

package/dist/collection/shared/utils/debounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/shared/utils/debounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQhD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAA0B,IAAW,EAAE,IAAI,GAAG,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,EAAE;IAC5F,IAAI,MAA8B,CAAC;IAEnC,SAAS,eAAe,CAAC,GAAG,IAA6B;QACvD,MAAM,EAAE,EAAE,CAAC;QAEX,4DAA4D;QAC5D,MAAM,OAAO,GAAG,IAAI,CAAC;QAErB,SAAS,cAAc,CAAC,EAAS,EAAE,OAAgB,EAAE,GAAG,IAA2B;YACjF,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC1B,CAAC;QAED,IAAI,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC5B,CAAC;QAED,MAAM,GAAG,aAAa,CAAC,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;IACvE,CAAC;IAED,OAAO,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;QACpC,MAAM,EAAE,GAAG,EAAE;YACX,MAAM,EAAE,EAAE,CAAC;QACb,CAAC;KACF,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { isNil } from './isNil';\nimport { setRafTimeout } from './setRafTimeout';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type TFunction = (...args: any[]) => unknown;\n\ntype TDebounceFnReturn<T> = T extends unknown[] ? (...params: T) => void : (param: T) => void;\nexport type TDebounce<T> = TDebounceFnReturn<T> & { cancel: () => void } extends infer U ? U : never;\n\n/**\n * Creates a debounced function that delays invoking func until after wait milliseconds have elapsed\n * since the last time the debounced function was invoked.\n *\n * @param {Function} func - The function to debounce.\n * @param {Number} wait - The number of milliseconds to delay.\n * @param {Boolean} immediate - If `true`, the function triggers immediately and then waits for the interval before being called again.\n * @return {Function} The new debounced function.\n */\nexport const debounce = <TFunc extends TFunction>(func: TFunc, wait = 0, immediate = false) => {\n  let cancel: () => void | undefined;\n\n  function debounceHandler(...args: Parameters<typeof func>) {\n    cancel?.();\n\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n\n    function timeoutHandler(fn: TFunc, context: unknown, ...args: Parameters<typeof fn>) {\n      fn.apply(context, args);\n    }\n\n    if (immediate && isNil(cancel)) {\n      func.apply(context, args);\n    }\n\n    cancel = setRafTimeout(timeoutHandler, wait, func, context, ...args);\n  }\n\n  return Object.assign(debounceHandler, {\n    cancel: () => {\n      cancel?.();\n    },\n  });\n};\n"]}
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/shared/utils/debounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAOhD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAA0B,IAAW,EAAE,IAAI,GAAG,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,EAAE;IAC5F,IAAI,MAAgC,CAAC;IAErC,SAAS,eAAe,CAAC,GAAG,IAA6B;QACvD,MAAM,EAAE,EAAE,CAAC;QAEX,yEAAyE;QACzE,+DAA+D;QAC/D,MAAM,OAAO,GAAG,IAAI,CAAC;QAErB,SAAS,cAAc,CAAC,EAAS,EAAE,OAAgB,EAAE,GAAG,IAA2B;YACjF,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC1B,CAAC;QAED,IAAI,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC5B,CAAC;QAED,MAAM,GAAG,aAAa,CAAC,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;IACvE,CAAC;IAED,OAAO,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;QACpC,MAAM,EAAE,GAAG,EAAE;YACX,MAAM,EAAE,EAAE,CAAC;QACb,CAAC;KACF,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { isNil } from './isNil';\nimport { setRafTimeout } from './setRafTimeout';\n\nexport type TFunction = (...args: unknown[]) => unknown;\n\ntype TDebounceFnReturn<T> = T extends unknown[] ? (...params: T) => void : (param: T) => void;\nexport type TDebounce<T> = TDebounceFnReturn<T> & { cancel: () => void } extends infer U ? U : never;\n\n/**\n * Creates a debounced function that delays invoking func until after wait milliseconds have elapsed\n * since the last time the debounced function was invoked.\n *\n * @param {Function} func - The function to debounce.\n * @param {Number} wait - The number of milliseconds to delay.\n * @param {Boolean} immediate - If `true`, the function triggers immediately and then waits for the interval before being called again.\n * @return {Function} The new debounced function.\n */\nexport const debounce = <TFunc extends TFunction>(func: TFunc, wait = 0, immediate = false) => {\n  let cancel: (() => void) | undefined;\n\n  function debounceHandler(...args: Parameters<typeof func>) {\n    cancel?.();\n\n    // We're doing this on purpose to capture and preserve the `this` context\n    // biome-ignore lint/complexity/noUselessThisAlias: <see above>\n    const context = this;\n\n    function timeoutHandler(fn: TFunc, context: unknown, ...args: Parameters<typeof fn>) {\n      fn.apply(context, args);\n    }\n\n    if (immediate && isNil(cancel)) {\n      func.apply(context, args);\n    }\n\n    cancel = setRafTimeout(timeoutHandler, wait, func, context, ...args);\n  }\n\n  return Object.assign(debounceHandler, {\n    cancel: () => {\n      cancel?.();\n    },\n  });\n};\n"]}