@beeq/core 1.11.2 → 1.12.1

package/dist/beeq.html-custom-data.json

@@ -73,7 +73,7 @@
     },
     {
       "name": "bq-alert",
-      "description": "The Alert is a user interface component used to convey important information to the user in a clear and concise manner.\nIt can be used to notify users of success, failure, warning, or any other type of information that needs to be brought to their attention.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-alert>\n<bq-icon name=\"star\" slot=\"icon\"></bq-icon>\nTitle\n<span slot=\"body\">\nDescription\n<a class=\"bq-link\" href=\"https://example.com\">Link</a>\n</span>\n<div slot=\"footer\">\n<bq-button appearance=\"primary\" size=\"small\">Button</bq-button>\n<bq-button appearance=\"link\" size=\"small\">Button</bq-button>\n</div>\n</bq-alert>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqHide** - Callback handler to be called when the alert is hidden\n- **bqShow** - Callback handler to be called when the alert is shown\n- **bqAfterShow** - Callback handler to be called after the alert has been shown\n- **bqAfterHide** - Callback handler to be called after the alert has been hidden\n- **bqHide** - Callback handler to be called when the alert is hidden\n- **bqShow** - Callback handler to be called when the alert is shown\n- **bqAfterShow** - Callback handler to be called after the alert has been shown\n- **bqAfterHide** - Callback handler to be called after the alert has been hidden\n\n### **Methods:**\n - **hide(): _Promise<void>_** - Method to be called to hide the alert component\n- **show(): _Promise<void>_** - Method to be called to show the alert component\n\n### **Slots:**\n - _default_ - The alert title content (no slot name required)\n- **body** - The alert description content\n- **footer** - The alert footer content\n- **icon** - The predefined icon based on the alert type (info, success, warning, error, default)\n- **btn-close** - The close button of the alert\n\n### **CSS Properties:**\n - **--bq-alert--background** - The alert background color _(default: undefined)_\n- **--bq-alert--border-radius** - The alert border radius _(default: undefined)_\n- **--bq-alert--content-footer-gap** - The alert content and footer gap _(default: undefined)_\n- **--bq-alert--title-body-gap** - The alert title and body gap _(default: undefined)_\n- **--bq-alert--border-color** - The alert border color _(default: undefined)_\n- **--bq-alert--border-style** - The alert border style _(default: undefined)_\n- **--bq-alert--border-width** - The alert border width _(default: undefined)_\n- **--bq-alert--background-info** - The alert background color for info type _(default: undefined)_\n- **--bq-alert--background-success** - The alert background color for success type _(default: undefined)_\n- **--bq-alert--background-warning** - The alert background color for warning type _(default: undefined)_\n- **--bq-alert--background-error** - The alert background color for error type _(default: undefined)_\n- **--bq-alert--border-info** - The alert border color for info type _(default: undefined)_\n- **--bq-alert--border-success** - The alert border color for success type _(default: undefined)_\n- **--bq-alert--border-warning** - The alert border color for warning type _(default: undefined)_\n- **--bq-alert--border-error** - The alert border color for error type _(default: undefined)_\n- **--bq-alert--icon-color-info** - The alert icon color for info type _(default: undefined)_\n- **--bq-alert--icon-color-success** - The alert icon color for success type _(default: undefined)_\n- **--bq-alert--icon-color-warning** - The alert icon color for warning type _(default: undefined)_\n- **--bq-alert--icon-color-error** - The alert icon color for error type _(default: undefined)_\n- **--bq-alert--padding** - The alert padding _(default: undefined)_\n- **--bq-alert--min-width** - The alert min width _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The `<div>` container of the predefined bq-icon component\n- **body** - The container `<div>` that wraps the alert description content\n- **btn-close** - The `bq-button` used to close the alert\n- **content** - The container `<div>` that wraps all the alert content (title, description, footer)\n- **footer** - The container `<div>` that wraps the alert footer content\n- **icon** - The `<bq-icon>` element used to render a predefined icon based on the alert type (info, success, warning, error, default)\n- **icon-outline** - The container `<div>` that wraps the icon element\n- **main** - The container `<div>` that wraps the alert main content (title, description)\n- **svg** - The `<svg>` element of the predefined bq-icon component\n- **title** - The container `<div>` that wraps the alert title content\n- **wrapper** - The wrapper container `<div>` of the element inside the shadow DOM",
+      "description": "The Alert is a user interface component used to convey important information to the user in a clear and concise manner.\nIt can be used to notify users of success, failure, warning, or any other type of information that needs to be brought to their attention.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-alert>\n<bq-icon name=\"star\" slot=\"icon\"></bq-icon>\nTitle\n<span slot=\"body\">\nDescription\n<a class=\"bq-link\" href=\"https://example.com\">Link</a>\n</span>\n<div slot=\"footer\">\n<bq-button appearance=\"primary\" size=\"small\">Button</bq-button>\n<bq-button appearance=\"link\" size=\"small\">Button</bq-button>\n</div>\n</bq-alert>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqHide** - Callback handler to be called when the alert is hidden\n- **bqShow** - Callback handler to be called when the alert is shown\n- **bqAfterShow** - Callback handler to be called after the alert has been shown\n- **bqAfterHide** - Callback handler to be called after the alert has been hidden\n- **bqHide** - Callback handler to be called when the alert is hidden\n- **bqShow** - Callback handler to be called when the alert is shown\n- **bqAfterShow** - Callback handler to be called after the alert has been shown\n- **bqAfterHide** - Callback handler to be called after the alert has been hidden\n\n### **Methods:**\n - **hide(): _Promise<void>_** - Method to be called to hide the alert component\n- **show(): _Promise<void>_** - Method to be called to show the alert component\n\n### **Slots:**\n - _default_ - The alert title content (no slot name required)\n- **body** - The alert description content\n- **footer** - The alert footer content\n- **icon** - The predefined icon based on the alert type (info, success, warning, error, default)\n- **btn-close** - The close button of the alert\n\n### **CSS Properties:**\n - **--bq-alert--background** - The alert background color _(default: undefined)_\n- **--bq-alert--border-radius** - The alert border radius _(default: undefined)_\n- **--bq-alert--content-footer-gap** - The alert content and footer gap _(default: undefined)_\n- **--bq-alert--title-body-gap** - The alert title and body gap _(default: undefined)_\n- **--bq-alert--border-color** - The alert border color _(default: undefined)_\n- **--bq-alert--border-style** - The alert border style _(default: undefined)_\n- **--bq-alert--border-width** - The alert border width _(default: undefined)_\n- **--bq-alert--background-info** - The alert background color for info type _(default: undefined)_\n- **--bq-alert--background-success** - The alert background color for success type _(default: undefined)_\n- **--bq-alert--background-warning** - The alert background color for warning type _(default: undefined)_\n- **--bq-alert--background-error** - The alert background color for error type _(default: undefined)_\n- **--bq-alert--border-info** - The alert border color for info type _(default: undefined)_\n- **--bq-alert--border-success** - The alert border color for success type _(default: undefined)_\n- **--bq-alert--border-warning** - The alert border color for warning type _(default: undefined)_\n- **--bq-alert--border-error** - The alert border color for error type _(default: undefined)_\n- **--bq-alert--icon-color-info** - The alert icon color for info type _(default: undefined)_\n- **--bq-alert--icon-color-success** - The alert icon color for success type _(default: undefined)_\n- **--bq-alert--icon-color-warning** - The alert icon color for warning type _(default: undefined)_\n- **--bq-alert--icon-color-error** - The alert icon color for error type _(default: undefined)_\n- **--bq-alert--padding** - The alert padding _(default: undefined)_\n- **--bq-alert--min-width** - The alert min width _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The `<div>` container of the predefined bq-icon component\n- **body** - The container `<div>` that wraps the alert description content\n- **btn-close** - The native button of the `bq-button` used to close the alert\n- **content** - The container `<div>` that wraps all the alert content (title, description, footer)\n- **footer** - The container `<div>` that wraps the alert footer content\n- **icon** - The `<bq-icon>` element used to render a predefined icon based on the alert type (info, success, warning, error, default)\n- **icon-outline** - The container `<div>` that wraps the icon element\n- **main** - The container `<div>` that wraps the alert main content (title, description)\n- **svg** - The `<svg>` element of the predefined bq-icon component\n- **title** - The container `<div>` that wraps the alert title content\n- **wrapper** - The wrapper container `<div>` of the element inside the shadow DOM",
       "attributes": [
         {
           "name": "auto-dismiss",
@@ -236,7 +236,7 @@
     },
     {
       "name": "bq-button",
-      "description": "Buttons are designed for users to take action on a page or a screen.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-button appearance=\"primary\" border=\"m\" size=\"medium\">\n<bq-icon name=\"arrow-circle-left\" slot=\"prefix\"></bq-icon>\nGo back\n</bq-button>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqBlur** - Handler to be called when the button loses focus\n- **bqFocus** - Handler to be called when button gets focus\n- **bqClick** - Handler to be called when the button is clicked\n- **bqBlur** - Handler to be called when the button loses focus.\n- **bqFocus** - Handler to be called when the button gets focus.\n- **bqClick** - Handler to be called when the button is clicked.\n\n### **Slots:**\n - **prefix** - The prefix content to be displayed before the button label\n- _default_ - The button label content\n- **suffix** - The suffix content to be displayed after the button label\n\n### **CSS Properties:**\n - **--bq-button--border-color** - Button border color _(default: undefined)_\n- **--bq-button--border-radius** - Button border radius _(default: undefined)_\n- **--bq-button--border-style** - Button border style _(default: undefined)_\n- **--bq-button--border-width** - Button border width _(default: undefined)_\n- **--bq-button--small-height** - Button small height _(default: undefined)_\n- **--bq-button--small-paddingX** - Button small padding block (top and bottom) _(default: undefined)_\n- **--bq-button--small-paddingY** - Button small padding inline (left and right) _(default: undefined)_\n- **--bq-button--small-font-size** - Button small font size _(default: undefined)_\n- **--bq-button--medium-height** - Button medium height _(default: undefined)_\n- **--bq-button--medium-paddingX** - Button medium padding block (top and bottom) _(default: undefined)_\n- **--bq-button--medium-paddingY** - Button medium padding inline (left and right) _(default: undefined)_\n- **--bq-button--medium-font-size** - Button medium font size _(default: undefined)_\n- **--bq-button--large-height** - Button large height _(default: undefined)_\n- **--bq-button--large-paddingX** - Button large padding block (top and bottom) _(default: undefined)_\n- **--bq-button--large-paddingY** - Button large padding inline (left and right) _(default: undefined)_\n- **--bq-button--large-font-size** - Button large font size _(default: undefined)_\n\n### **CSS Parts:**\n - **button** - The `<a>` or `<button>` HTML element used under the hood.\n- **prefix** - The `<span>` tag element that acts as prefix container.\n- **label** - The `<span>` tag element that renders the text of the button.\n- **suffix** - The `<span>` tag element that acts as suffix container.",
+      "description": "Buttons are designed for users to take action on a page or a screen.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-button appearance=\"primary\" border=\"m\" size=\"medium\">\n<bq-icon name=\"arrow-circle-left\" slot=\"prefix\"></bq-icon>\nGo back\n</bq-button>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqBlur** - Handler to be called when the button loses focus\n- **bqFocus** - Handler to be called when button gets focus\n- **bqClick** - Handler to be called when the button is clicked\n- **bqBlur** - Handler to be called when the button loses focus.\n- **bqFocus** - Handler to be called when the button gets focus.\n- **bqClick** - Handler to be called when the button is clicked.\n\n### **Slots:**\n - **prefix** - The prefix content to be displayed before the button label\n- _default_ - The button label content\n- **suffix** - The suffix content to be displayed after the button label\n\n### **CSS Properties:**\n - **--bq-button--border-color** - Button border color _(default: undefined)_\n- **--bq-button--border-radius** - Button border radius _(default: undefined)_\n- **--bq-button--border-style** - Button border style _(default: undefined)_\n- **--bq-button--border-width** - Button border width _(default: undefined)_\n- **--bq-button--small-paddingX** - Button small padding block (top and bottom) _(default: undefined)_\n- **--bq-button--small-paddingY** - Button small padding inline (left and right) _(default: undefined)_\n- **--bq-button--small-font-size** - Button small font size _(default: undefined)_\n- **--bq-button--medium-paddingX** - Button medium padding block (top and bottom) _(default: undefined)_\n- **--bq-button--medium-paddingY** - Button medium padding inline (left and right) _(default: undefined)_\n- **--bq-button--medium-font-size** - Button medium font size _(default: undefined)_\n- **--bq-button--large-paddingX** - Button large padding block (top and bottom) _(default: undefined)_\n- **--bq-button--large-paddingY** - Button large padding inline (left and right) _(default: undefined)_\n- **--bq-button--large-font-size** - Button large font size _(default: undefined)_\n\n### **CSS Parts:**\n - **button** - The `<a>` or `<button>` HTML element used under the hood.\n- **prefix** - The `<span>` tag element that acts as prefix container.\n- **label** - The `<span>` tag element that renders the text of the button.\n- **suffix** - The `<span>` tag element that acts as suffix container.",
       "attributes": [
         {
           "name": "appearance",
@@ -287,6 +287,11 @@
           "description": "If `true` it will display the button in a loading state",
           "values": []
         },
+        {
+          "name": "only-icon",
+          "description": "If `true` it will display the button as an icon-only button with aspect ratio 1:1 (square dimensions)",
+          "values": []
+        },
         {
           "name": "size",
           "description": "The size of the button",
@@ -323,6 +328,11 @@
             { "name": "ghost" },
             { "name": "danger" }
           ]
+        },
+        {
+          "name": "label",
+          "description": "Text  used for accessibility purposes, specially screen readers, to describe the button action",
+          "values": []
         }
       ],
       "references": []
@@ -570,9 +580,14 @@
         },
         {
           "name": "months-per-view",
+          "description": "Specifies how the next/previous buttons should navigate the calendar.\n- single: The buttons will navigate by a single month at a time.\n- months: The buttons will navigate by the number of months displayed per view.",
           "values": [{ "name": "single" }, { "name": "months" }]
         },
-        { "name": "placeholder", "values": [] }
+        {
+          "name": "placeholder",
+          "description": "The Date picker input placeholder text value",
+          "values": []
+        }
       ],
       "references": []
     },
@@ -790,7 +805,11 @@
           "description": "Defines the strategy to position the panel.",
           "values": [{ "name": "fixed" }, { "name": "absolute" }]
         },
-        { "name": "disable-scroll-lock", "values": [] }
+        {
+          "name": "disable-scroll-lock",
+          "description": "If true, the dropdown panel will not lock the page body scroll when open.",
+          "values": []
+        }
       ],
       "references": []
     },
@@ -1032,7 +1051,11 @@
           "description": "If true, the option is selected and active.",
           "values": []
         },
-        { "name": "display-value", "values": [] }
+        {
+          "name": "display-value",
+          "description": "The display value of the option. It can be used to override the default displayed value.",
+          "values": []
+        }
       ],
       "references": []
     },
@@ -1054,6 +1077,12 @@
       ],
       "references": []
     },
+    {
+      "name": "bq-page-title",
+      "description": "The Page Title component is a versatile and essential element used to display the main title of a page or section within an application.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-page-title>\n<bq-button appearance=\"link\" slot=\"back\">\n<bq-icon\ncolor=\"text--primary\"\nname=\"arrow-left\"\nweight=\"bold\"\nrole=\"img\"\ntitle=\"Navigate back to the previous page\"\n></bq-icon>\n</bq-button>\nTitle\n<div slot=\"sub-title\">Sub-title</div>\n</bq-page-title>\n```\n\n</figure>\n---\n\n\n### **Slots:**\n - **back** - The back navigation button.\n- _default_ - The main title content.\n- **sub-title** - The sub-title content.\n- **suffix** - The suffix content.\n\n### **CSS Properties:**\n - **--paddingY** - Padding top and bottom of the page title wrapper _(default: undefined)_\n- **--subtitle-borderBlockEnd** - Page title border end color _(default: undefined)_\n- **--subtitle-fontWeight** - Page title font weight for subtitle _(default: undefined)_\n- **--subtitle-textColor** - Page title color for sub-title _(default: undefined)_\n- **--subtitle-textSize** - Page title text size for subtitle _(default: undefined)_\n- **--title-fontWeight** - Page title font weight for title _(default: undefined)_\n- **--title-lineHeight** - Page title text line height _(default: undefined)_\n- **--title-textColor** - Page title color for title _(default: undefined)_\n- **--title-textSize** - Page title text size for title _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The inner container `<div>`of element that contains the base page title component.\n- **content** - Defines the main container of the page title component, which includes the title and subtitle elements.\n- **title-suffix** - Defines the container that holds the title and any suffix content.\n- **back** - The container `<div>` page title element that acts as back slot container.\n- **title** - The `<h1>` element serves as a container for the page title content, to improve accessibility.\n- **suffix** - The `<div>` page title element that acts as suffix slot container.\n- **sub-title** - The `<div>` page title element that acts as sub-title slot container.",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "bq-panel",
       "description": "The Panel component is a versatile and essential element used to wrap and display content in a floating panel.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-panel open>\n<div>Panel content</div>\n</bq-panel>\n```\n\n</figure>\n---\n\n\n### **Slots:**\n - _default_ - The content of the panel.\n\n### **CSS Parts:**\n - **panel** - The `<div>` element used to display and style the panel",
@@ -1101,16 +1130,14 @@
           "description": "Defines the strategy to position the panel.",
           "values": [{ "name": "fixed" }, { "name": "absolute" }]
         },
-        { "name": "disable-scroll-lock", "values": [] }
+        {
+          "name": "disable-scroll-lock",
+          "description": "If true, the panel will not lock the page body scroll when open.",
+          "values": []
+        }
       ],
       "references": []
     },
-    {
-      "name": "bq-page-title",
-      "description": "The Page Title component is a versatile and essential element used to display the main title of a page or section within an application.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-page-title>\n<bq-button appearance=\"link\" slot=\"back\">\n<bq-icon\ncolor=\"text--primary\"\nname=\"arrow-left\"\nweight=\"bold\"\nrole=\"img\"\ntitle=\"Navigate back to the previous page\"\n></bq-icon>\n</bq-button>\nTitle\n<div slot=\"sub-title\">Sub-title</div>\n</bq-page-title>\n```\n\n</figure>\n---\n\n\n### **Slots:**\n - **back** - The back navigation button.\n- _default_ - The main title content.\n- **sub-title** - The sub-title content.\n- **suffix** - The suffix content.\n\n### **CSS Properties:**\n - **--paddingY** - Padding top and bottom of the page title wrapper _(default: undefined)_\n- **--subtitle-borderBlockEnd** - Page title border end color _(default: undefined)_\n- **--subtitle-fontWeight** - Page title font weight for subtitle _(default: undefined)_\n- **--subtitle-textColor** - Page title color for sub-title _(default: undefined)_\n- **--subtitle-textSize** - Page title text size for subtitle _(default: undefined)_\n- **--title-fontWeight** - Page title font weight for title _(default: undefined)_\n- **--title-lineHeight** - Page title text line height _(default: undefined)_\n- **--title-textColor** - Page title color for title _(default: undefined)_\n- **--title-textSize** - Page title text size for title _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The inner container `<div>`of element that contains the base page title component.\n- **content** - Defines the main container of the page title component, which includes the title and subtitle elements.\n- **title-suffix** - Defines the container that holds the title and any suffix content.\n- **back** - The container `<div>` page title element that acts as back slot container.\n- **title** - The `<h1>` element serves as a container for the page title content, to improve accessibility.\n- **suffix** - The `<div>` page title element that acts as suffix slot container.\n- **sub-title** - The `<div>` page title element that acts as sub-title slot container.",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "bq-progress",
       "description": "The progress bar is a user interface component that visually represents the completion status of a task or process.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-progress value=\"50\"></bq-progress>\n```\n\n</figure>\n---\n\n\n### **CSS Properties:**\n - **--bq-progress-bar--height** - The progress bars height _(default: undefined)_\n- **--bq-progress-bar--indeterminateWidth** - The progress bar width when its indeterminate _(default: undefined)_\n- **--bq-progress-bar--indicatorColor** - The progress bar color (inside the track area) _(default: undefined)_\n- **--bq-progress-bar--trackColor** - The progress bar track area (the grey one) _(default: undefined)_\n\n### **CSS Parts:**\n - **wrapper** - The component wrapper container inside the shadow DOM\n- **progress** - The `<div>` container that holds the native progress element\n- **progress-bar** - The native html for progress element\n- **label** - The `<div>` container that holds the label value (in percentage)\n- **indeterminate** - The `<div>` container that holds the indeterminate progress bar\n- **base** - The base container for the tooltip component inside the shadow DOM when hovering over the progress bar\n- **trigger** - The container holding the element that triggers the tooltip display when hovering over the progress bar\n- **panel** - The container holding the content of the tooltip when hovering over the progress bar",
@@ -1158,8 +1185,8 @@
       "references": []
     },
     {
-      "name": "bq-radio-group",
-      "description": "The radio group is a user interface component that groups radio buttons to enable a single selection within the group.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-radio-group fieldset value=\"option1\">\n<span slot=\"label\">radio group</span>\n<bq-radio value=\"option1\">Radio option 1</bq-radio>\n<bq-radio value=\"option2\">Radio option 2</bq-radio>\n<bq-radio value=\"option3\">Radio option 3</bq-radio>\n</bq-radio-group>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqChange** - Handler to be called when the radio state changes\n- **bqChange** - Handler to be called when the radio state changes\n- **bqBlur** - Handler to be called when the radio loses focus\n\n### **Slots:**\n - _default_ - The bq-radio items to group\n- **label** - The label content of radio group\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper of the radio components.\n- **label** - The `<legend>` element that holds the text content.\n- **group** - The `<div>` element that holds the radio inputs.",
+      "name": "bq-radio",
+      "description": "The radio button is a user interface element that allows users to select a single option.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-radio value=\"option1\">Radio option 1</bq-radio>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqBlur** - Handler to be called when the radio loses focus\n- **bqClick** - Handler to be called when the radio state changes\n- **bqFocus** - Handler to be called when the radio gets focused\n- **bqKeyDown** - The handler is to be called when the radio key is pressed\n- **bqClick** - Handler to be called when the radio state changes\n- **bqFocus** - Handler to be called when the radio gets focus\n- **bqBlur** - Handler to be called when the radio loses focus\n- **bqKeyDown** - Handler to be called when the radio key is pressed\n\n### **Methods:**\n - **vClick()** - Simulate a click event on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.click()`.\n- **vFocus()** - Sets focus on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.focus()`.\n- **vBlur()** - Remove focus from the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.blur()`.\n- **getNativeInput()** - Returns the native `<input>` HTML element used under the hood.\n\n### **Slots:**\n - _default_ - The bq-radio item\n\n### **CSS Properties:**\n - **--bq-radio--size** - Radio size _(default: undefined)_\n- **--bq-radio--border-width** - Radio border width _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper of the radio component.\n- **input** - The native HTML `<input type=\"radio\">` used under the hood.\n- **radio** - The component's internal wrapper of the radio component.\n- **label** - The `<span>` element that holds the text content.",
       "attributes": [
         {
           "name": "background-on-hover",
@@ -1167,18 +1194,18 @@
           "values": []
         },
         {
-          "name": "debounce-time",
-          "description": "A number representing the delay time (in milliseconds) that bqChange event handler gets triggered once the value change",
+          "name": "checked",
+          "description": "If `true` radio input is checked",
           "values": []
         },
         {
           "name": "disabled",
-          "description": "If `true` radio inputs are disabled",
+          "description": "If `true` radio input is disabled",
           "values": []
         },
         {
-          "name": "fieldset",
-          "description": "If `true` displays fieldset",
+          "name": "form-id",
+          "description": "The form ID that the radio input is associated with",
           "values": []
         },
         {
@@ -1186,32 +1213,23 @@
           "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair",
           "values": []
         },
-        {
-          "name": "orientation",
-          "description": "The display orientation of the radio inputs",
-          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
-        },
         {
           "name": "required",
-          "description": "If `true`, the radio group is required",
-          "values": []
-        },
-        {
-          "name": "required-validation-message",
-          "description": "The native form validation message when the radio group is required",
+          "description": "If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted",
           "values": []
         },
         {
           "name": "value",
-          "description": "The display orientation of the radio inputs",
+          "description": "A string representing the value of the radio",
           "values": []
-        }
+        },
+        { "name": "force-disabled", "values": [] }
       ],
       "references": []
     },
     {
-      "name": "bq-radio",
-      "description": "The radio button is a user interface element that allows users to select a single option.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-radio value=\"option1\">Radio option 1</bq-radio>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqBlur** - Handler to be called when the radio loses focus\n- **bqClick** - Handler to be called when the radio state changes\n- **bqFocus** - Handler to be called when the radio gets focused\n- **bqKeyDown** - The handler is to be called when the radio key is pressed\n- **bqClick** - Handler to be called when the radio state changes\n- **bqFocus** - Handler to be called when the radio gets focus\n- **bqBlur** - Handler to be called when the radio loses focus\n- **bqKeyDown** - Handler to be called when the radio key is pressed\n\n### **Methods:**\n - **vClick()** - Simulate a click event on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.click()`.\n- **vFocus()** - Sets focus on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.focus()`.\n- **vBlur()** - Remove focus from the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.blur()`.\n- **getNativeInput()** - Returns the native `<input>` HTML element used under the hood.\n\n### **Slots:**\n - _default_ - The bq-radio item\n\n### **CSS Properties:**\n - **--bq-radio--size** - Radio size _(default: undefined)_\n- **--bq-radio--border-width** - Radio border width _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper of the radio component.\n- **input** - The native HTML `<input type=\"radio\">` used under the hood.\n- **radio** - The component's internal wrapper of the radio component.\n- **label** - The `<span>` element that holds the text content.",
+      "name": "bq-radio-group",
+      "description": "The radio group is a user interface component that groups radio buttons to enable a single selection within the group.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-radio-group fieldset value=\"option1\">\n<span slot=\"label\">radio group</span>\n<bq-radio value=\"option1\">Radio option 1</bq-radio>\n<bq-radio value=\"option2\">Radio option 2</bq-radio>\n<bq-radio value=\"option3\">Radio option 3</bq-radio>\n</bq-radio-group>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqChange** - Handler to be called when the radio state changes\n- **bqChange** - Handler to be called when the radio state changes\n- **bqBlur** - Handler to be called when the radio loses focus\n\n### **Slots:**\n - _default_ - The bq-radio items to group\n- **label** - The label content of radio group\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper of the radio components.\n- **label** - The `<legend>` element that holds the text content.\n- **group** - The `<div>` element that holds the radio inputs.",
       "attributes": [
         {
           "name": "background-on-hover",
@@ -1219,18 +1237,18 @@
           "values": []
         },
         {
-          "name": "checked",
-          "description": "If `true` radio input is checked",
+          "name": "debounce-time",
+          "description": "A number representing the delay time (in milliseconds) that bqChange event handler gets triggered once the value change",
           "values": []
         },
         {
           "name": "disabled",
-          "description": "If `true` radio input is disabled",
+          "description": "If `true` radio inputs are disabled",
           "values": []
         },
         {
-          "name": "form-id",
-          "description": "The form ID that the radio input is associated with",
+          "name": "fieldset",
+          "description": "If `true` displays fieldset",
           "values": []
         },
         {
@@ -1238,17 +1256,26 @@
           "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair",
           "values": []
         },
+        {
+          "name": "orientation",
+          "description": "The display orientation of the radio inputs",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+        },
         {
           "name": "required",
-          "description": "If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted",
+          "description": "If `true`, the radio group is required",
           "values": []
         },
         {
-          "name": "value",
-          "description": "A string representing the value of the radio",
+          "name": "required-validation-message",
+          "description": "The native form validation message when the radio group is required",
           "values": []
         },
-        { "name": "force-disabled", "values": [] }
+        {
+          "name": "value",
+          "description": "The display orientation of the radio inputs",
+          "values": []
+        }
       ],
       "references": []
     },
@@ -1388,7 +1415,11 @@
             { "name": "string[]" }
           ]
         },
-        { "name": "disable-scroll-lock", "values": [] }
+        {
+          "name": "disable-scroll-lock",
+          "description": "If true, the Select panel will not lock the page body scroll when open.",
+          "values": []
+        }
       ],
       "references": []
     },
@@ -1414,7 +1445,11 @@
           "description": "size - It sets the size of the navigation menu items.",
           "values": [{ "name": "medium" }, { "name": "small" }]
         },
-        { "name": "size", "values": [{ "name": "TSideMenuSize" }] }
+        {
+          "name": "size",
+          "description": "It sets the size of the navigation menu items",
+          "values": [{ "name": "TSideMenuSize" }]
+        }
       ],
       "references": []
     },
@@ -1503,7 +1538,11 @@
             { "name": "string" }
           ]
         },
-        { "name": "name", "values": [] }
+        {
+          "name": "name",
+          "description": "Name of the form control. Submitted with the form as part of a name/value pair",
+          "values": []
+        }
       ],
       "references": []
     },
@@ -1559,8 +1598,18 @@
     },
     {
       "name": "bq-step-item",
-      "description": "The Step Item Component is a UI element used to display a single step or stage in a process or task.\nIt should be used inside the Steps component.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-step-item status=\"completed\">\n<bq-icon slot=\"prefix\" name=\"check-circle\"></bq-icon>\n<span>Title</span>\n<span slot=\"description\">Description</span>\n</bq-step-item>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqClick** - Callback handler emitted when the step item is clicked\n- **bqClick** - Callback handler triggered when the step item is clicked\n- **bqFocus** - Callback handler triggered when the step item is focused\n- **bqBlur** - Callback handler triggered when the step item loses focus\n\n### **Slots:**\n - _default_ - The step item content\n- **prefix** - The step item prefix\n- **description** - The step item description\n\n### **CSS Properties:**\n - **--bq-step-item--prefix-color** - Color of the prefix icon _(default: undefined)_\n- **--bq-step-item--prefix-color-current** - Color of the prefix icon when current _(default: undefined)_\n- **--bq-step-item--prefix-color-completed** - Color of the prefix icon when completed _(default: undefined)_\n- **--bq-step-item--prefix-color-error** - Color of the prefix icon when error _(default: undefined)_\n- **--bq-step-item--prefix-num-size** - Size of the prefix number _(default: undefined)_\n- **--bq-step-item--prefix-num-bg-color** - Background color of the prefix number _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **title** - The component's title.\n- **description** - The component's description.",
+      "description": "The Step Item Component is a UI element used to display a single step or stage in a process or task.\nIt should be used inside the Steps component.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-step-item status=\"completed\">\n<bq-icon slot=\"prefix\" name=\"check-circle\"></bq-icon>\n<span>Title</span>\n<span slot=\"description\">Description</span>\n</bq-step-item>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqClick** - Callback handler emitted when the step item is clicked\n- **bqFocus** - Callback handler emitted when the step item is focused\n- **bqBlur** - Callback handler emitted when the step item loses focus\n- **bqClick** - Callback handler triggered when the step item is clicked\n- **bqFocus** - Callback handler triggered when the step item is focused\n- **bqBlur** - Callback handler triggered when the step item loses focus\n\n### **Slots:**\n - _default_ - The step item content\n- **prefix** - The step item prefix\n- **description** - The step item description\n\n### **CSS Properties:**\n - **--bq-step-item--prefix-color** - Color of the prefix icon _(default: undefined)_\n- **--bq-step-item--prefix-color-current** - Color of the prefix icon when current _(default: undefined)_\n- **--bq-step-item--prefix-color-completed** - Color of the prefix icon when completed _(default: undefined)_\n- **--bq-step-item--prefix-color-error** - Color of the prefix icon when error _(default: undefined)_\n- **--bq-step-item--prefix-num-size** - Size of the prefix number _(default: undefined)_\n- **--bq-step-item--prefix-num-bg-color** - Background color of the prefix number _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **title** - The component's title.\n- **description** - The component's description.",
       "attributes": [
+        {
+          "name": "divider-color",
+          "description": "The color of the line that connects the steps. It should be a valid declarative color token.",
+          "values": []
+        },
+        {
+          "name": "orientation",
+          "description": "The orientation of the step item",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+        },
         {
           "name": "size",
           "description": "It defines prefix size",
@@ -1585,7 +1634,8 @@
             { "name": "icon" },
             { "name": "dot" }
           ]
-        }
+        },
+        { "name": "is-last", "values": [] }
       ],
       "references": []
     },
@@ -1598,6 +1648,11 @@
           "description": "The color of the line that connects the steps. It should be a valid declarative color token.",
           "values": []
         },
+        {
+          "name": "orientation",
+          "description": "The orientation of the steps",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+        },
         {
           "name": "size",
           "description": "The size of the steps",

package/dist/cjs/beeq.cjs.js

@@ -4,11 +4,11 @@
  */
 'use strict';
 
-var index = require('./index-g8MkV15i.js');
+var index = require('./index-Cnm84YLJ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.41.3 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -43,8 +43,10 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"bq-select.cjs\",[[849,\"bq-select\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"disableScrollLock\":[516,\"disable-scroll-lock\"],\"disabled\":[1028],\"disableClear\":[516,\"disable-clear\"],\"distance\":[514],\"form\":[513],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"name\":[513],\"maxTagsVisible\":[1026,\"max-tags-visible\"],\"multiple\":[516],\"open\":[1540],\"panelHeight\":[513,\"panel-height\"],\"placeholder\":[513],\"placement\":[513],\"readonly\":[516],\"required\":[516],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1537],\"displayValue\":[32],\"hasHelperText\":[32],\"selectedOptions\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasValue\":[32],\"clear\":[64],\"reset\":[64]},[[2,\"bqOpen\",\"handleOpenChange\"],[2,\"bqFocus\",\"stopOptionFocusBlurPropagation\"],[2,\"bqBlur\",\"stopOptionFocusBlurPropagation\"],[11,\"scroll\",\"handleScrollEvent\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bq-date-picker.cjs\",[[849,\"bq-date-picker\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"disableClear\":[516,\"disable-clear\"],\"disabled\":[1028],\"distance\":[514],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"formatOptions\":[16],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"isDateDisallowed\":[16],\"locale\":[513],\"max\":[513],\"min\":[513],\"months\":[514],\"monthsPerView\":[513,\"months-per-view\"],\"name\":[513],\"open\":[1540],\"panelHeight\":[1537,\"panel-height\"],\"placeholder\":[513],\"placement\":[513],\"required\":[516],\"skidding\":[514],\"showOutsideDays\":[516,\"show-outside-days\"],\"strategy\":[513],\"tentative\":[1537],\"type\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1537],\"isCallyLoaded\":[32],\"focusedDate\":[32],\"displayDate\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasRangeEnd\":[32],\"hasSuffix\":[32],\"hasValue\":[32],\"clear\":[64]},[[2,\"bqOpen\",\"handleOpenChange\"],[18,\"click\",\"handleClickOutside\"]],{\"value\":[\"handleValueChange\"],\"type\":[\"checkPropValues\"]}]]],[\"bq-drawer.cjs\",[[769,\"bq-drawer\",{\"enableBackdrop\":[516,\"enable-backdrop\"],\"closeOnClickOutside\":[516,\"close-on-click-outside\"],\"closeOnEsc\":[516,\"close-on-esc\"],\"open\":[1540],\"placement\":[1537],\"position\":[1537],\"hasFooter\":[32],\"hasIcon\":[32],\"hide\":[64],\"show\":[64]},[[11,\"mousedown\",\"handleMouseClick\"],[10,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"handleOpenChange\"],\"placement\":[\"handlePlacementChange\"],\"position\":[\"handlePositionChange\"]}]]],[\"bq-alert.cjs\",[[769,\"bq-alert\",{\"autoDismiss\":[516,\"auto-dismiss\"],\"border\":[513],\"disableClose\":[516,\"disable-close\"],\"hideIcon\":[516,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"type\":[513],\"sticky\":[516],\"hasContent\":[32],\"hasFooter\":[32],\"hide\":[64],\"show\":[64]},null,{\"autoDismiss\":[\"handleTimeout\"],\"time\":[\"handleTimeout\"],\"open\":[\"handleOpenChange\"],\"type\":[\"checkPropValues\"]}]]],[\"bq-dialog.cjs\",[[769,\"bq-dialog\",{\"border\":[513],\"disableBackdrop\":[516,\"disable-backdrop\"],\"disableCloseEscKeydown\":[516,\"disable-close-esc-keydown\"],\"disableCloseClickOutside\":[516,\"disable-close-click-outside\"],\"footerAppearance\":[513,\"footer-appearance\"],\"hideCloseButton\":[516,\"hide-close-button\"],\"open\":[1540],\"size\":[1537],\"hasContent\":[32],\"hasFooter\":[32],\"show\":[64],\"hide\":[64],\"cancel\":[64]},[[11,\"mousedown\",\"handleMouseClick\"],[10,\"keydown\",\"handleKeyDown\"]],{\"footerAppearance\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"],\"open\":[\"handleOpenChange\"]}]]],[\"bq-input.cjs\",[[849,\"bq-input\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[1028],\"disableClear\":[516,\"disable-clear\"],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"inputmode\":[1],\"max\":[520],\"maxlength\":[514],\"min\":[520],\"minlength\":[514],\"name\":[513],\"pattern\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"step\":[520],\"type\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1544],\"hasHelperText\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasValue\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bq-notification.cjs\",[[769,\"bq-notification\",{\"autoDismiss\":[516,\"auto-dismiss\"],\"border\":[513],\"disableClose\":[516,\"disable-close\"],\"hideIcon\":[516,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"type\":[513],\"hasContent\":[32],\"hasFooter\":[32],\"notificationPortal\":[32],\"hide\":[64],\"show\":[64],\"toast\":[64]},[[0,\"bqAfterClose\",\"afterNotificationClose\"]],{\"autoDismiss\":[\"handleTimeout\"],\"time\":[\"handleTimeout\"],\"open\":[\"handleOpenChange\"],\"type\":[\"checkPropValues\"]}]]],[\"bq-accordion.cjs\",[[769,\"bq-accordion\",{\"appearance\":[1537],\"disabled\":[516],\"expanded\":[1540],\"noAnimation\":[516,\"no-animation\"],\"rotate\":[516],\"size\":[1537],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"accordionTransitionEnd\",\"onAccordionTransitionEnd\"]],{\"size\":[\"checkPropValues\"],\"expanded\":[\"handleExpandedChange\"],\"disabled\":[\"handleDisabledChange\"],\"noAnimation\":[\"handleJsAnimation\"]}]]],[\"bq-empty-state.cjs\",[[769,\"bq-empty-state\",{\"size\":[1537],\"hasBody\":[32],\"hasFooter\":[32]},null,{\"size\":[\"checkPropValues\"]}]]],[\"bq-progress.cjs\",[[769,\"bq-progress\",{\"borderShape\":[513,\"border-shape\"],\"enableTooltip\":[516,\"enable-tooltip\"],\"indeterminate\":[516],\"label\":[516],\"thickness\":[513],\"type\":[513],\"value\":[1538]},null,{\"borderShape\":[\"handleTypePropChange\"],\"thickness\":[\"handleTypePropChange\"],\"type\":[\"handleTypePropChange\"],\"value\":[\"handleValuePropChange\"]}]]],[\"bq-side-menu-item.cjs\",[[769,\"bq-side-menu-item\",{\"active\":[4],\"collapse\":[4],\"disabled\":[4],\"textContent\":[32]}]]],[\"bq-slider.cjs\",[[849,\"bq-slider\",{\"debounceTime\":[514,\"debounce-time\"],\"disabled\":[516],\"enableValueIndicator\":[516,\"enable-value-indicator\"],\"gap\":[1538],\"max\":[514],\"min\":[514],\"name\":[513],\"step\":[514],\"type\":[513],\"value\":[1544],\"enableTooltip\":[516,\"enable-tooltip\"],\"tooltipAlwaysVisible\":[516,\"tooltip-always-visible\"],\"minValue\":[32],\"maxValue\":[32],\"minThumbPosition\":[32],\"maxThumbPosition\":[32]},null,{\"value\":[\"handleValuePropChange\"],\"step\":[\"handleStepPropChange\"],\"gap\":[\"handleGapChange\"]}]]],[\"bq-status.cjs\",[[769,\"bq-status\",{\"type\":[513]},null,{\"type\":[\"checkPropValues\"]}]]],[\"bq-steps.cjs\",[[769,\"bq-steps\",{\"dividerColor\":[513,\"divider-color\"],\"size\":[513],\"type\":[513],\"setCurrentStepItem\":[64]},null,{\"type\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"]}]]],[\"bq-switch.cjs\",[[849,\"bq-switch\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"checked\":[1540],\"disabled\":[516],\"formValidationMessage\":[1025,\"form-validation-message\"],\"fullWidth\":[516,\"full-width\"],\"innerLabel\":[513,\"inner-label\"],\"justifyContent\":[513,\"justify-content\"],\"name\":[513],\"required\":[516],\"reverseOrder\":[516,\"reverse-order\"],\"value\":[513],\"hasLabel\":[32],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]},null,{\"required\":[\"handleRequiredChange\"]}]]],[\"bq-toast.cjs\",[[769,\"bq-toast\",{\"border\":[513],\"type\":[1537],\"placement\":[1537],\"hideIcon\":[1540,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"toastPortal\":[32],\"show\":[64],\"hide\":[64],\"toast\":[64]},[[0,\"bqHide\",\"onNotificationHide\"]],{\"type\":[\"checkPropValues\"],\"placement\":[\"checkPropValues\"],\"time\":[\"handleTimeChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"bq-accordion-group.cjs\",[[769,\"bq-accordion-group\",{\"appearance\":[1537],\"expandAll\":[516,\"expand-all\"],\"noAnimation\":[516,\"no-animation\"],\"multiple\":[516],\"size\":[1537]},[[1,\"bqClick\",\"onBqClick\"]],{\"appearance\":[\"checkPropValues\"],\"expandAll\":[\"checkPropValues\"],\"noAnimation\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"]}]]],[\"bq-avatar.cjs\",[[769,\"bq-avatar\",{\"altText\":[513,\"alt-text\"],\"image\":[513],\"label\":[513],\"initials\":[513],\"shape\":[513],\"size\":[1537],\"hasError\":[32]},null,{\"image\":[\"handleImagePropChange\"],\"shape\":[\"checkPropValues\"],\"size\":[\"checkPropValues\",\"onInitialsChange\"],\"initials\":[\"onInitialsChange\"]}]]],[\"bq-breadcrumb.cjs\",[[769,\"bq-breadcrumb\",{\"label\":[513]}]]],[\"bq-breadcrumb-item.cjs\",[[769,\"bq-breadcrumb-item\",{\"href\":[513],\"target\":[513],\"rel\":[513]}]]],[\"bq-card.cjs\",[[769,\"bq-card\",{\"type\":[513],\"border\":[513]},null,{\"type\":[\"checkPropValue\"]}]]],[\"bq-checkbox.cjs\",[[849,\"bq-checkbox\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"formId\":[513,\"form-id\"],\"formValidationMessage\":[1025,\"form-validation-message\"],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1540],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]},null,{\"indeterminate\":[\"handleIndeterminatePropChange\"],\"required\":[\"handleRequiredPropChange\"]}]]],[\"bq-option.cjs\",[[769,\"bq-option\",{\"hidden\":[516],\"disabled\":[516],\"displayValue\":[513,\"display-value\"],\"selected\":[516],\"value\":[513],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"keydown\",\"onKeyDown\"]]]]],[\"bq-option-group.cjs\",[[257,\"bq-option-group\"]]],[\"bq-page-title.cjs\",[[769,\"bq-page-title\",{\"haveBackNavigation\":[32],\"hasSuffix\":[32],\"hasSubTitle\":[32]}]]],[\"bq-radio.cjs\",[[785,\"bq-radio\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"checked\":[1540],\"disabled\":[516],\"forceDisabled\":[516,\"force-disabled\"],\"formId\":[513,\"form-id\"],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"getNativeInput\":[64]}]]],[\"bq-radio-group.cjs\",[[849,\"bq-radio-group\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[516],\"fieldset\":[516],\"name\":[513],\"orientation\":[1537],\"required\":[516],\"requiredValidationMessage\":[513,\"required-validation-message\"],\"value\":[1537],\"checkedRadio\":[32],\"tabIndex\":[32]},[[2,\"bqClick\",\"onBqClick\"],[0,\"bqKeyDown\",\"onBqKeyDown\"],[2,\"bqFocus\",\"onBqFocus\"],[2,\"bqBlur\",\"onBqBlur\"]],{\"debounceTime\":[\"handleDebounceTimeChange\"],\"disabled\":[\"handleDisabledChange\",\"handleGroupProperties\"],\"backgroundOnHover\":[\"handleGroupProperties\"],\"name\":[\"handleGroupProperties\"],\"required\":[\"handleGroupProperties\",\"handleRequiredChange\"],\"orientation\":[\"checkPropValues\"],\"value\":[\"handleValueChange\"]}]]],[\"bq-side-menu.cjs\",[[769,\"bq-side-menu\",{\"appearance\":[513],\"collapse\":[516],\"size\":[513],\"documentBody\":[32],\"toggleCollapse\":[64]},[[1,\"bqClick\",\"onMenuItemClick\"]],{\"collapse\":[\"onCollapsePropChange\"]}]]],[\"bq-spinner.cjs\",[[769,\"bq-spinner\",{\"animation\":[516],\"textPosition\":[513,\"text-position\"],\"size\":[513],\"hasIconSlot\":[32],\"hasSlot\":[32],\"slotContentLength\":[32]},null,{\"textPosition\":[\"handleTextPositionProp\"],\"size\":[\"handleSizeProp\"],\"hasIconSlot\":[\"handleHasIconSlot\"]}]]],[\"bq-step-item.cjs\",[[785,\"bq-step-item\",{\"size\":[513],\"status\":[1537],\"type\":[513]},null,{\"size\":[\"checkPropValues\"],\"status\":[\"checkPropValues\"]}]]],[\"bq-tab.cjs\",[[769,\"bq-tab\",{\"active\":[1540],\"controls\":[513],\"disabled\":[516],\"orientation\":[513],\"placement\":[513],\"size\":[513],\"tabId\":[513,\"tab-id\"],\"tabIndex\":[32],\"hasIcon\":[32],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"enableFocus\":[64]},null,{\"size\":[\"checkPropValues\"],\"orientation\":[\"checkPropValues\"],\"placement\":[\"checkPropValues\"]}]]],[\"bq-tab-group.cjs\",[[769,\"bq-tab-group\",{\"debounceTime\":[1538,\"debounce-time\"],\"disableDivider\":[516,\"disable-divider\"],\"orientation\":[513],\"placement\":[513],\"size\":[513],\"value\":[1537]},[[19,\"keyup\",\"onKeyUp\"],[1,\"bqClick\",\"onBqClick\"],[1,\"bqKeyDown\",\"onBqKeyDown\"],[3,\"bqBlur\",\"onBqBlur\"]],{\"debounceTime\":[\"checkDebounceChange\"],\"size\":[\"checkPropValues\"],\"value\":[\"checkPropValues\"],\"orientation\":[\"checkPropValues\"],\"placement\":[\"checkPropValues\"]}]]],[\"bq-textarea.cjs\",[[849,\"bq-textarea\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autofocus\":[516],\"autoGrow\":[516,\"auto-grow\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[516],\"disableResize\":[516,\"disable-resize\"],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"maxlength\":[514],\"name\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"rows\":[514],\"spellcheck\":[516],\"validationStatus\":[1537,\"validation-status\"],\"value\":[1025],\"wrap\":[513],\"hasHelperText\":[32],\"hasLabel\":[32]},null,{\"value\":[\"handleValueChange\"],\"required\":[\"handleRequiredPropChange\"]}]]],[\"bq-badge.cjs\",[[769,\"bq-badge\",{\"backgroundColor\":[1537,\"background-color\"],\"textColor\":[1537,\"text-color\"],\"size\":[1537],\"contentLength\":[32]},null,{\"size\":[\"handleSizePropChange\"]}]]],[\"bq-button_2.cjs\",[[849,\"bq-button\",{\"appearance\":[513],\"block\":[516],\"border\":[513],\"disabled\":[4],\"download\":[1],\"href\":[513],\"justifyContent\":[513,\"justify-content\"],\"loading\":[4],\"size\":[513],\"target\":[513],\"type\":[513],\"variant\":[513],\"hasPrefix\":[32],\"hasSuffix\":[32]},null,{\"appearance\":[\"checkPropValues\"],\"type\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"],\"variant\":[\"checkPropValues\"]}],[769,\"bq-icon\",{\"label\":[513],\"color\":[513],\"name\":[513],\"size\":[520],\"src\":[513],\"weight\":[513],\"svgContent\":[32]},null,{\"color\":[\"handlePropsChange\"],\"name\":[\"handlePropsChange\"],\"size\":[\"handlePropsChange\"],\"weight\":[\"handleWeightChange\"]}]]],[\"bq-option-list_2.cjs\",[[785,\"bq-tag\",{\"border\":[513],\"clickable\":[516],\"color\":[513],\"disabled\":[516],\"hidden\":[1540],\"removable\":[516],\"selected\":[1540],\"size\":[513],\"variant\":[513],\"hasPrefix\":[32],\"hide\":[64],\"show\":[64]},null,{\"size\":[\"checkPropValues\"],\"variant\":[\"checkPropValues\"]}],[769,\"bq-option-list\",{\"ariaLabel\":[513,\"aria-label\"]},[[1,\"bqClick\",\"onBqSelect\"],[1,\"bqEnter\",\"onBqSelect\"]]]]],[\"bq-divider.cjs\",[[769,\"bq-divider\",{\"dashed\":[4],\"orientation\":[513],\"strokeColor\":[513,\"stroke-color\"],\"titleAlignment\":[513,\"title-alignment\"],\"strokeDashWidth\":[514,\"stroke-dash-width\"],\"strokeDashGap\":[514,\"stroke-dash-gap\"],\"strokeThickness\":[514,\"stroke-thickness\"],\"strokeBasis\":[514,\"stroke-basis\"],\"strokeLinecap\":[513,\"stroke-linecap\"],\"hasTitle\":[32]},null,{\"orientation\":[\"checkPropValues\"],\"titleAlignment\":[\"checkPropValues\"],\"strokeLinecap\":[\"checkPropValues\"]}]]],[\"bq-tooltip.cjs\",[[769,\"bq-tooltip\",{\"alwaysVisible\":[4,\"always-visible\"],\"distance\":[514],\"hideArrow\":[516,\"hide-arrow\"],\"placement\":[513],\"sameWidth\":[516,\"same-width\"],\"displayOn\":[513,\"display-on\"],\"visible\":[1540],\"show\":[64],\"hide\":[64]},[[4,\"keydown\",\"handleDocumentKeyDown\"],[5,\"mousedown\",\"handleDocumentMouseDown\"],[5,\"scroll\",\"handleDocumentScroll\"]],{\"visible\":[\"handleVisibleChange\"],\"distance\":[\"handleFloatingUIOptionsChange\"],\"hideArrow\":[\"handleFloatingUIOptionsChange\"],\"placement\":[\"handleFloatingUIOptionsChange\"],\"sameWidth\":[\"handleFloatingUIOptionsChange\"]}]]],[\"bq-dropdown_2.cjs\",[[769,\"bq-dropdown\",{\"disableScrollLock\":[516,\"disable-scroll-lock\"],\"disabled\":[516],\"distance\":[514],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"placement\":[513],\"open\":[1540],\"panelHeight\":[513,\"panel-height\"],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513]},[[1,\"bqSelect\",\"onItemSelect\"],[5,\"click\",\"onClickOutside\"],[9,\"keyup\",\"onEscape\"],[11,\"scroll\",\"handleScrollEvent\"]],{\"open\":[\"onOpenChange\"],\"disabled\":[\"handleDisabledChange\"]}],[769,\"bq-panel\",{\"disableScrollLock\":[516,\"disable-scroll-lock\"],\"distance\":[514],\"placement\":[513],\"open\":[1540],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513]},null,{\"open\":[\"handleOpenChange\"],\"distance\":[\"onPropChange\"],\"placement\":[\"onPropChange\"],\"sameWidth\":[\"onPropChange\"],\"skidding\":[\"onPropChange\"],\"strategy\":[\"onPropChange\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"bq-select.cjs\",[[849,\"bq-select\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"disableScrollLock\":[516,\"disable-scroll-lock\"],\"disabled\":[1028],\"disableClear\":[516,\"disable-clear\"],\"distance\":[514],\"form\":[513],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"name\":[513],\"maxTagsVisible\":[1026,\"max-tags-visible\"],\"multiple\":[516],\"open\":[1540],\"panelHeight\":[513,\"panel-height\"],\"placeholder\":[513],\"placement\":[513],\"readonly\":[516],\"required\":[516],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1537],\"displayValue\":[32],\"hasHelperText\":[32],\"selectedOptions\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasValue\":[32],\"clear\":[64],\"reset\":[64]},[[2,\"bqOpen\",\"handleOpenChange\"],[2,\"bqFocus\",\"stopOptionFocusBlurPropagation\"],[2,\"bqBlur\",\"stopOptionFocusBlurPropagation\"],[11,\"scroll\",\"handleScrollEvent\"]],{\"value\":[{\"handleValueChange\":0}]}]]],[\"bq-date-picker.cjs\",[[849,\"bq-date-picker\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"disableClear\":[516,\"disable-clear\"],\"disabled\":[1028],\"distance\":[514],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"formatOptions\":[16],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"isDateDisallowed\":[16],\"locale\":[513],\"max\":[513],\"min\":[513],\"months\":[514],\"monthsPerView\":[513,\"months-per-view\"],\"name\":[513],\"open\":[1540],\"panelHeight\":[1537,\"panel-height\"],\"placeholder\":[513],\"placement\":[513],\"required\":[516],\"skidding\":[514],\"showOutsideDays\":[516,\"show-outside-days\"],\"strategy\":[513],\"tentative\":[1537],\"type\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1537],\"isCallyLoaded\":[32],\"focusedDate\":[32],\"displayDate\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasRangeEnd\":[32],\"hasSuffix\":[32],\"hasValue\":[32],\"clear\":[64]},[[2,\"bqOpen\",\"handleOpenChange\"],[18,\"click\",\"handleClickOutside\"]],{\"value\":[{\"handleValueChange\":0}],\"type\":[{\"checkPropValues\":0}]}]]],[\"bq-drawer.cjs\",[[769,\"bq-drawer\",{\"enableBackdrop\":[516,\"enable-backdrop\"],\"closeOnClickOutside\":[516,\"close-on-click-outside\"],\"closeOnEsc\":[516,\"close-on-esc\"],\"open\":[1540],\"placement\":[1537],\"position\":[1537],\"hasFooter\":[32],\"hasIcon\":[32],\"hide\":[64],\"show\":[64]},[[11,\"mousedown\",\"handleMouseClick\"],[10,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"handleOpenChange\":0}],\"placement\":[{\"handlePlacementChange\":0}],\"position\":[{\"handlePositionChange\":0}]}]]],[\"bq-alert.cjs\",[[769,\"bq-alert\",{\"autoDismiss\":[516,\"auto-dismiss\"],\"border\":[513],\"disableClose\":[516,\"disable-close\"],\"hideIcon\":[516,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"type\":[513],\"sticky\":[516],\"hasContent\":[32],\"hasFooter\":[32],\"hide\":[64],\"show\":[64]},null,{\"autoDismiss\":[{\"handleTimeout\":0}],\"time\":[{\"handleTimeout\":0}],\"open\":[{\"handleOpenChange\":0}],\"type\":[{\"checkPropValues\":0}]}]]],[\"bq-dialog.cjs\",[[769,\"bq-dialog\",{\"border\":[513],\"disableBackdrop\":[516,\"disable-backdrop\"],\"disableCloseEscKeydown\":[516,\"disable-close-esc-keydown\"],\"disableCloseClickOutside\":[516,\"disable-close-click-outside\"],\"footerAppearance\":[513,\"footer-appearance\"],\"hideCloseButton\":[516,\"hide-close-button\"],\"open\":[1540],\"size\":[1537],\"hasContent\":[32],\"hasFooter\":[32],\"show\":[64],\"hide\":[64],\"cancel\":[64]},[[11,\"mousedown\",\"handleMouseClick\"],[10,\"keydown\",\"handleKeyDown\"]],{\"footerAppearance\":[{\"checkPropValues\":0}],\"size\":[{\"checkPropValues\":0}],\"open\":[{\"handleOpenChange\":0}]}]]],[\"bq-input.cjs\",[[849,\"bq-input\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[1028],\"disableClear\":[516,\"disable-clear\"],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"inputmode\":[1],\"max\":[520],\"maxlength\":[514],\"min\":[520],\"minlength\":[514],\"name\":[513],\"pattern\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"step\":[520],\"type\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1544],\"hasHelperText\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasValue\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}]]],[\"bq-notification.cjs\",[[769,\"bq-notification\",{\"autoDismiss\":[516,\"auto-dismiss\"],\"border\":[513],\"disableClose\":[516,\"disable-close\"],\"hideIcon\":[516,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"type\":[513],\"hasContent\":[32],\"hasFooter\":[32],\"notificationPortal\":[32],\"hide\":[64],\"show\":[64],\"toast\":[64]},[[0,\"bqAfterClose\",\"afterNotificationClose\"]],{\"autoDismiss\":[{\"handleTimeout\":0}],\"time\":[{\"handleTimeout\":0}],\"open\":[{\"handleOpenChange\":0}],\"type\":[{\"checkPropValues\":0}]}]]],[\"bq-accordion.cjs\",[[769,\"bq-accordion\",{\"appearance\":[1537],\"disabled\":[516],\"expanded\":[1540],\"noAnimation\":[516,\"no-animation\"],\"rotate\":[516],\"size\":[1537],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"accordionTransitionEnd\",\"onAccordionTransitionEnd\"]],{\"size\":[{\"checkPropValues\":0}],\"expanded\":[{\"handleExpandedChange\":0}],\"disabled\":[{\"handleDisabledChange\":0}],\"noAnimation\":[{\"handleJsAnimation\":0}]}]]],[\"bq-empty-state.cjs\",[[769,\"bq-empty-state\",{\"size\":[1537],\"hasBody\":[32],\"hasFooter\":[32]},null,{\"size\":[{\"checkPropValues\":0}]}]]],[\"bq-progress.cjs\",[[513,\"bq-progress\",{\"borderShape\":[513,\"border-shape\"],\"enableTooltip\":[516,\"enable-tooltip\"],\"indeterminate\":[516],\"label\":[516],\"thickness\":[513],\"type\":[513],\"value\":[1538]},null,{\"borderShape\":[{\"handleTypePropChange\":0}],\"thickness\":[{\"handleTypePropChange\":0}],\"type\":[{\"handleTypePropChange\":0}],\"value\":[{\"handleValuePropChange\":0}]}]]],[\"bq-side-menu-item.cjs\",[[769,\"bq-side-menu-item\",{\"active\":[4],\"collapse\":[4],\"disabled\":[4],\"textContent\":[32]}]]],[\"bq-slider.cjs\",[[593,\"bq-slider\",{\"debounceTime\":[514,\"debounce-time\"],\"disabled\":[516],\"enableValueIndicator\":[516,\"enable-value-indicator\"],\"gap\":[1538],\"max\":[514],\"min\":[514],\"name\":[513],\"step\":[514],\"type\":[513],\"value\":[1544],\"enableTooltip\":[516,\"enable-tooltip\"],\"tooltipAlwaysVisible\":[516,\"tooltip-always-visible\"],\"minValue\":[32],\"maxValue\":[32],\"minThumbPosition\":[32],\"maxThumbPosition\":[32]},null,{\"value\":[{\"handleValuePropChange\":0}],\"step\":[{\"handleStepPropChange\":0}],\"gap\":[{\"handleGapChange\":0}]}]]],[\"bq-status.cjs\",[[769,\"bq-status\",{\"type\":[513]},null,{\"type\":[{\"checkPropValues\":0}]}]]],[\"bq-step-item.cjs\",[[785,\"bq-step-item\",{\"dividerColor\":[513,\"divider-color\"],\"isLast\":[516,\"is-last\"],\"orientation\":[513],\"size\":[513],\"status\":[1537],\"type\":[513]},null,{\"size\":[{\"checkPropValues\":0}],\"status\":[{\"checkPropValues\":0}]}]]],[\"bq-switch.cjs\",[[849,\"bq-switch\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"checked\":[1540],\"disabled\":[516],\"formValidationMessage\":[1025,\"form-validation-message\"],\"fullWidth\":[516,\"full-width\"],\"innerLabel\":[513,\"inner-label\"],\"justifyContent\":[513,\"justify-content\"],\"name\":[513],\"required\":[516],\"reverseOrder\":[516,\"reverse-order\"],\"value\":[513],\"hasLabel\":[32],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]},null,{\"required\":[{\"handleRequiredChange\":0}]}]]],[\"bq-toast.cjs\",[[769,\"bq-toast\",{\"border\":[513],\"type\":[1537],\"placement\":[1537],\"hideIcon\":[1540,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"toastPortal\":[32],\"show\":[64],\"hide\":[64],\"toast\":[64]},[[0,\"bqHide\",\"onNotificationHide\"]],{\"type\":[{\"checkPropValues\":0}],\"placement\":[{\"checkPropValues\":0}],\"time\":[{\"handleTimeChange\":0}],\"open\":[{\"handleOpenChange\":0}]}]]],[\"bq-accordion-group.cjs\",[[769,\"bq-accordion-group\",{\"appearance\":[1537],\"expandAll\":[516,\"expand-all\"],\"noAnimation\":[516,\"no-animation\"],\"multiple\":[516],\"size\":[1537]},[[1,\"bqClick\",\"onBqClick\"]],{\"appearance\":[{\"checkPropValues\":0}],\"expandAll\":[{\"checkPropValues\":0}],\"noAnimation\":[{\"checkPropValues\":0}],\"size\":[{\"checkPropValues\":0}]}]]],[\"bq-avatar.cjs\",[[769,\"bq-avatar\",{\"altText\":[513,\"alt-text\"],\"image\":[513],\"label\":[513],\"initials\":[513],\"shape\":[513],\"size\":[1537],\"hasError\":[32]},null,{\"image\":[{\"handleImagePropChange\":0}],\"shape\":[{\"checkPropValues\":0}],\"size\":[{\"checkPropValues\":0},{\"onInitialsChange\":0}],\"initials\":[{\"onInitialsChange\":0}]}]]],[\"bq-breadcrumb.cjs\",[[769,\"bq-breadcrumb\",{\"label\":[513]}]]],[\"bq-breadcrumb-item.cjs\",[[769,\"bq-breadcrumb-item\",{\"href\":[513],\"target\":[513],\"rel\":[513]}]]],[\"bq-card.cjs\",[[769,\"bq-card\",{\"type\":[513],\"border\":[513]},null,{\"type\":[{\"checkPropValue\":0}]}]]],[\"bq-checkbox.cjs\",[[849,\"bq-checkbox\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"formId\":[513,\"form-id\"],\"formValidationMessage\":[1025,\"form-validation-message\"],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1540],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]},null,{\"indeterminate\":[{\"handleIndeterminatePropChange\":0}],\"required\":[{\"handleRequiredPropChange\":0}]}]]],[\"bq-option.cjs\",[[769,\"bq-option\",{\"hidden\":[516],\"disabled\":[516],\"displayValue\":[513,\"display-value\"],\"selected\":[516],\"value\":[513],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"keydown\",\"onKeyDown\"]]]]],[\"bq-option-group.cjs\",[[257,\"bq-option-group\"]]],[\"bq-page-title.cjs\",[[769,\"bq-page-title\",{\"haveBackNavigation\":[32],\"hasSuffix\":[32],\"hasSubTitle\":[32]}]]],[\"bq-radio.cjs\",[[785,\"bq-radio\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"checked\":[1540],\"disabled\":[516],\"forceDisabled\":[516,\"force-disabled\"],\"formId\":[513,\"form-id\"],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"getNativeInput\":[64]}]]],[\"bq-radio-group.cjs\",[[849,\"bq-radio-group\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[516],\"fieldset\":[516],\"name\":[513],\"orientation\":[1537],\"required\":[516],\"requiredValidationMessage\":[513,\"required-validation-message\"],\"value\":[1537],\"checkedRadio\":[32],\"tabIndex\":[32]},[[2,\"bqClick\",\"onBqClick\"],[0,\"bqKeyDown\",\"onBqKeyDown\"],[2,\"bqFocus\",\"onBqFocus\"],[2,\"bqBlur\",\"onBqBlur\"]],{\"debounceTime\":[{\"handleDebounceTimeChange\":0}],\"disabled\":[{\"handleDisabledChange\":0},{\"handleGroupProperties\":0}],\"backgroundOnHover\":[{\"handleGroupProperties\":0}],\"name\":[{\"handleGroupProperties\":0}],\"required\":[{\"handleGroupProperties\":0},{\"handleRequiredChange\":0}],\"orientation\":[{\"checkPropValues\":0}],\"value\":[{\"handleValueChange\":0}]}]]],[\"bq-side-menu.cjs\",[[769,\"bq-side-menu\",{\"appearance\":[513],\"collapse\":[516],\"size\":[513],\"documentBody\":[32],\"toggleCollapse\":[64]},[[1,\"bqClick\",\"onMenuItemClick\"]],{\"collapse\":[{\"onCollapsePropChange\":0}]}]]],[\"bq-spinner.cjs\",[[769,\"bq-spinner\",{\"animation\":[516],\"textPosition\":[513,\"text-position\"],\"size\":[513],\"hasIconSlot\":[32],\"hasSlot\":[32],\"slotContentLength\":[32]},null,{\"textPosition\":[{\"handleTextPositionProp\":0}],\"size\":[{\"handleSizeProp\":0}],\"hasIconSlot\":[{\"handleHasIconSlot\":0}]}]]],[\"bq-steps.cjs\",[[769,\"bq-steps\",{\"dividerColor\":[513,\"divider-color\"],\"orientation\":[513],\"size\":[513],\"type\":[513],\"setCurrentStepItem\":[64]},null,{\"dividerColor\":[{\"checkPropValues\":0}],\"orientation\":[{\"checkPropValues\":0}],\"type\":[{\"checkPropValues\":0}],\"size\":[{\"checkPropValues\":0}]}]]],[\"bq-tab.cjs\",[[769,\"bq-tab\",{\"active\":[1540],\"controls\":[513],\"disabled\":[516],\"orientation\":[513],\"placement\":[513],\"size\":[513],\"tabId\":[513,\"tab-id\"],\"tabIndex\":[32],\"hasIcon\":[32],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"enableFocus\":[64]},null,{\"size\":[{\"checkPropValues\":0}],\"orientation\":[{\"checkPropValues\":0}],\"placement\":[{\"checkPropValues\":0}]}]]],[\"bq-tab-group.cjs\",[[769,\"bq-tab-group\",{\"debounceTime\":[1538,\"debounce-time\"],\"disableDivider\":[516,\"disable-divider\"],\"orientation\":[513],\"placement\":[513],\"size\":[513],\"value\":[1537]},[[19,\"keyup\",\"onKeyUp\"],[1,\"bqClick\",\"onBqClick\"],[1,\"bqKeyDown\",\"onBqKeyDown\"],[3,\"bqBlur\",\"onBqBlur\"]],{\"debounceTime\":[{\"checkDebounceChange\":0}],\"size\":[{\"checkPropValues\":0}],\"value\":[{\"checkPropValues\":0}],\"orientation\":[{\"checkPropValues\":0}],\"placement\":[{\"checkPropValues\":0}]}]]],[\"bq-textarea.cjs\",[[849,\"bq-textarea\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autofocus\":[516],\"autoGrow\":[516,\"auto-grow\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[516],\"disableResize\":[516,\"disable-resize\"],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"maxlength\":[514],\"name\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"rows\":[514],\"spellcheck\":[516],\"validationStatus\":[1537,\"validation-status\"],\"value\":[1025],\"wrap\":[513],\"hasHelperText\":[32],\"hasLabel\":[32]},null,{\"value\":[{\"handleValueChange\":0}],\"required\":[{\"handleRequiredPropChange\":0}]}]]],[\"bq-badge.cjs\",[[769,\"bq-badge\",{\"backgroundColor\":[1537,\"background-color\"],\"textColor\":[1537,\"text-color\"],\"size\":[1537],\"contentLength\":[32]},null,{\"size\":[{\"handleSizePropChange\":0}]}]]],[\"bq-button_2.cjs\",[[849,\"bq-button\",{\"appearance\":[513],\"block\":[516],\"border\":[513],\"disabled\":[4],\"download\":[1],\"href\":[513],\"justifyContent\":[513,\"justify-content\"],\"label\":[513],\"loading\":[4],\"onlyIcon\":[4,\"only-icon\"],\"size\":[513],\"target\":[513],\"type\":[513],\"variant\":[513],\"hasPrefix\":[32],\"hasSuffix\":[32]},null,{\"appearance\":[{\"checkPropValues\":0}],\"type\":[{\"checkPropValues\":0}],\"size\":[{\"checkPropValues\":0}],\"variant\":[{\"checkPropValues\":0}],\"onlyIcon\":[{\"handleOnlyIconPropChange\":0}]}],[513,\"bq-icon\",{\"label\":[513],\"color\":[513],\"name\":[513],\"size\":[520],\"src\":[513],\"weight\":[513],\"svgContent\":[32]},null,{\"color\":[{\"handlePropsChange\":0}],\"name\":[{\"handlePropsChange\":0}],\"size\":[{\"handlePropsChange\":0}],\"weight\":[{\"handleWeightChange\":0}]}]]],[\"bq-option-list_2.cjs\",[[785,\"bq-tag\",{\"border\":[513],\"clickable\":[516],\"color\":[513],\"disabled\":[516],\"hidden\":[1540],\"removable\":[516],\"selected\":[1540],\"size\":[513],\"variant\":[513],\"hasPrefix\":[32],\"hide\":[64],\"show\":[64]},null,{\"size\":[{\"checkPropValues\":0}],\"variant\":[{\"checkPropValues\":0}]}],[769,\"bq-option-list\",{\"ariaLabel\":[513,\"aria-label\"]},[[1,\"bqClick\",\"onBqSelect\"],[1,\"bqEnter\",\"onBqSelect\"]]]]],[\"bq-divider.cjs\",[[769,\"bq-divider\",{\"dashed\":[4],\"orientation\":[513],\"strokeColor\":[513,\"stroke-color\"],\"titleAlignment\":[513,\"title-alignment\"],\"strokeDashWidth\":[514,\"stroke-dash-width\"],\"strokeDashGap\":[514,\"stroke-dash-gap\"],\"strokeThickness\":[514,\"stroke-thickness\"],\"strokeBasis\":[514,\"stroke-basis\"],\"strokeLinecap\":[513,\"stroke-linecap\"],\"hasTitle\":[32]},null,{\"orientation\":[{\"checkPropValues\":0}],\"titleAlignment\":[{\"checkPropValues\":0}],\"strokeLinecap\":[{\"checkPropValues\":0}]}]]],[\"bq-tooltip.cjs\",[[769,\"bq-tooltip\",{\"alwaysVisible\":[4,\"always-visible\"],\"distance\":[514],\"hideArrow\":[516,\"hide-arrow\"],\"placement\":[513],\"sameWidth\":[516,\"same-width\"],\"displayOn\":[513,\"display-on\"],\"visible\":[1540],\"show\":[64],\"hide\":[64]},[[4,\"keydown\",\"handleDocumentKeyDown\"],[5,\"mousedown\",\"handleDocumentMouseDown\"],[5,\"scroll\",\"handleDocumentScroll\"]],{\"visible\":[{\"handleVisibleChange\":0}],\"distance\":[{\"handleFloatingUIOptionsChange\":0}],\"hideArrow\":[{\"handleFloatingUIOptionsChange\":0}],\"placement\":[{\"handleFloatingUIOptionsChange\":0}],\"sameWidth\":[{\"handleFloatingUIOptionsChange\":0}]}]]],[\"bq-dropdown_2.cjs\",[[769,\"bq-dropdown\",{\"disableScrollLock\":[516,\"disable-scroll-lock\"],\"disabled\":[516],\"distance\":[514],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"placement\":[513],\"open\":[1540],\"panelHeight\":[513,\"panel-height\"],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513]},[[1,\"bqSelect\",\"onItemSelect\"],[5,\"click\",\"onClickOutside\"],[9,\"keyup\",\"onEscape\"],[11,\"scroll\",\"handleScrollEvent\"]],{\"open\":[{\"onOpenChange\":0}],\"disabled\":[{\"handleDisabledChange\":0}]}],[769,\"bq-panel\",{\"disableScrollLock\":[516,\"disable-scroll-lock\"],\"distance\":[514],\"placement\":[513],\"open\":[1540],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513]},null,{\"open\":[{\"handleOpenChange\":0}],\"distance\":[{\"onPropChange\":0}],\"placement\":[{\"onPropChange\":0}],\"sameWidth\":[{\"onPropChange\":0}],\"skidding\":[{\"onPropChange\":0}],\"strategy\":[{\"onPropChange\":0}]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;
 //# sourceMappingURL=beeq.cjs.js.map
+
+//# sourceMappingURL=beeq.cjs.js.map

package/dist/cjs/beeq.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"beeq.cjs.js","sources":["../../node_modules/.pnpm/@stencil+core@4.38.3/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["H","promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAIzB,EAA0B;AAC1B,IAAI,iBAAiB,CAACA,OAAC,CAAC,SAAS,CAAC;AAClC;AAIA,EAAE,MAAM,UAAU,GAAG,6PAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOC,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;AACD,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS;AAC1D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;AAC/C;AACA,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;AAC1D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;AACzC,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAClE;AACA;AACA;AACA,IAAI,OAAO,UAAU;AACrB,GAAG;AACH,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,mBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"beeq.cjs.js","sources":["../../node_modules/.pnpm/@stencil+core@4.41.3/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.41.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["H","promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAIzB,EAA0B;AAC1B,IAAI,iBAAiB,CAACA,OAAC,CAAC,SAAS,CAAC;AAClC;AAIA,EAAE,MAAM,UAAU,GAAG,6PAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOC,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;AACD,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS;AAC1D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;AAC/C;AACA,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;AAC1D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;AACzC,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAClE;AACA;AACA;AACA,IAAI,OAAO,UAAU;AACrB,GAAG;AACH,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,mBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}