@beeq/core 1.8.5-beta.2 → 1.10.0-beta.0

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

@@ -200,18 +200,6 @@
       ],
       "references": []
     },
-    {
-      "name": "bq-breadcrumb",
-      "description": "The Breadcrumb is used to wraps a series of breadcrumb items to indicate the current page's location within a navigational hierarchy.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-breadcrumb label=\"Breadcrumb\">\n<bq-breadcrumb-item>Home</bq-breadcrumb-item>\n<bq-breadcrumb-item>Men's clothing</bq-breadcrumb-item>\n<bq-breadcrumb-item>Shirt</bq-breadcrumb-item>\n<bq-breadcrumb-item>Casual shirts</bq-breadcrumb-item>\n</bq-breadcrumb>\n```\n\n</figure>\n---\n\n\n### **Slots:**\n - _default_ - The default slot is used to add `bq-breadcrumb-item` items to the breadcrumb.\n- **separator** - The slot to add a separator between breadcrumb items. Default separator is `/`.\n\n### **CSS Parts:**\n - **navigation** - The `nav` tag that loads the breadcrumb items\n- **separator** - The container that wraps the separator element",
-      "attributes": [
-        {
-          "name": "label",
-          "description": "The `aria-label` attribute to describe the type of navigation",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "bq-breadcrumb-item",
       "description": "The Breadcrumb Item helps users understand their current location within a website or application's hierarchical structure.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-breadcrumb-item label=\"Home page\">\n<bq-icon name=\"house-line\" size=\"16\"></bq-icon>\nHome\n</bq-breadcrumb-item>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqFocus** - Handler to be called when item is focused\n- **bqClick** - Handler to be called when item is clicked\n- **bqBlur** - Handler to be called when item loses focus\n- **bqBlur** - Handler to be called when item loses focus\n- **bqFocus** - Handler to be called when item is focused\n- **bqClick** - Handler to be called when item is clicked\n\n### **Slots:**\n - _default_ - The default slot is used to add content to the breadcrumb item.\n\n### **CSS Properties:**\n - **--bq-breadcrumb-item--background** - Background color of the breadcrumb item _(default: undefined)_\n- **--bq-breadcrumb-item--box-shadow** - Box shadow of the breadcrumb item _(default: undefined)_\n- **--bq-breadcrumb-item--border-color** - Border color of the breadcrumb item _(default: undefined)_\n- **--bq-breadcrumb-item--border-style** - Border style of the breadcrumb item _(default: undefined)_\n- **--bq-breadcrumb-item--border-width** - Border width of the breadcrumb item _(default: undefined)_\n- **--bq-breadcrumb-item--border-radius** - Border radius of the breadcrumb item _(default: undefined)_\n- **--bq-breadcrumb-item--line-height** - Line height of the breadcrumb item _(default: undefined)_\n- **--bq-breadcrumb-item--text-color** - Text color of the breadcrumb item _(default: undefined)_\n- **--bq-breadcrumb-item--text-color-current** - Text color of the current breadcrumb item (active) _(default: undefined)_\n- **--bq-breadcrumb-item--text-size** - Text size of the breadcrumb item _(default: undefined)_\n- **--bq-breadcrumb-item--text-size-separator** - Text size of the breadcrumb item separator _(default: undefined)_\n- **--bq-breadcrumb-item--padding-start** - Padding start of the breadcrumb item _(default: undefined)_\n- **--bq-breadcrumb-item--padding-end** - Padding end of the breadcrumb item _(default: undefined)_\n- **--bq-breadcrumb-item--paddingY** - Padding top and bottom of the breadcrumb item _(default: undefined)_\n- **--bq-breadcrumb-item--padding-start-separator** - Padding start of the breadcrumb item separator _(default: undefined)_\n- **--bq-breadcrumb-item--padding-end-separator** - Padding end of the breadcrumb item separator _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component wrapper container\n- **content** - The `span` tag that wraps the content item\n- **item** - The breadcrumb item wrapper (`button` or `a`)\n- **separator** - The `span` tag that wraps the separator element",
@@ -234,6 +222,18 @@
       ],
       "references": []
     },
+    {
+      "name": "bq-breadcrumb",
+      "description": "The Breadcrumb is used to wraps a series of breadcrumb items to indicate the current page's location within a navigational hierarchy.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-breadcrumb label=\"Breadcrumb\">\n<bq-breadcrumb-item>Home</bq-breadcrumb-item>\n<bq-breadcrumb-item>Men's clothing</bq-breadcrumb-item>\n<bq-breadcrumb-item>Shirt</bq-breadcrumb-item>\n<bq-breadcrumb-item>Casual shirts</bq-breadcrumb-item>\n</bq-breadcrumb>\n```\n\n</figure>\n---\n\n\n### **Slots:**\n - _default_ - The default slot is used to add `bq-breadcrumb-item` items to the breadcrumb.\n- **separator** - The slot to add a separator between breadcrumb items. Default separator is `/`.\n\n### **CSS Parts:**\n - **navigation** - The `nav` tag that loads the breadcrumb items\n- **separator** - The container that wraps the separator element",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "The `aria-label` attribute to describe the type of navigation",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "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 is clicked\n- **bqClick** - Handler to be called when button gets focus\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.",
@@ -576,65 +576,6 @@
       ],
       "references": []
     },
-    {
-      "name": "bq-dialog",
-      "description": "The Dialog component is used to display additional content or prompt a user for action.\nIt provides a way to display additional information, options, or controls in a separate, non-obstructive interface element.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-dialog footer-appearance=\"standard\" border=\"m\" size=\"medium\">\n<h5 class=\"bold flex items-center gap-s\" slot=\"title\">\n<bq-icon name=\"info\" size=\"30\" color=\"text--accent\" role=\"img\" title=\"Info\"></bq-icon>\nTitle\n</h5>\n<p>\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\nstandard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a\ntype specimen book.\n</p>\n<div class=\"flex gap-xs\" slot=\"footer\">\n<bq-button appearance=\"link\">Button</bq-button>\n<bq-button variant=\"ghost\">Button</bq-button>\n<bq-button variant=\"standard\" slot=\"footer\">Button</bq-button>\n</div>\n</bq-dialog>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqCancel** - Callback handler emitted when the dialog has been canceled or dismissed.\n- **bqClose** - Callback handler emitted when the dialog will close.\n- **bqOpen** - Callback handler emitted when the dialog will open.\n- **bqAfterOpen** - Callback handler emitted when the dialog finish opening.\n- **bqAfterClose** - Callback handler emitted when the dialog finish closing.\n- **bqCancel** - Callback handler emitted when the dialog has been canceled or dismissed\n- **bqClose** - Callback handler emitted when the dialog will close\n- **bqOpen** - Callback handler emitted when the dialog will open\n- **bqAfterOpen** - Callback handler emitted when the dialog finish opening\n- **bqAfterClose** - Callback handler emitted when the dialog finish closing\n\n### **Methods:**\n - **show()** - Open the dialog\n- **hide()** - Closes the dialog\n- **cancel()** - Dismiss or cancel the dialog\n\n### **Slots:**\n - **title** - The title content of the dialog.\n- _default_ - The body content of the dialog.\n- **footer** - The footer content of the dialog.\n- **button-close** - The close button content of the dialog.\n\n### **CSS Properties:**\n - **--bq-dialog--background** - Dialog background color _(default: undefined)_\n- **--bq-dialog--background-backdrop** - Dialog backdrop background color _(default: undefined)_\n- **--bq-dialog--box-shadow** - Dialog box shadow _(default: undefined)_\n- **--bq-dialog--border-color** - Dialog border color _(default: undefined)_\n- **--bq-dialog--border-style** - Dialog border style _(default: undefined)_\n- **--bq-dialog--border-width** - Dialog border width _(default: undefined)_\n- **--bq-dialog--border-radius** - Dialog border radius _(default: undefined)_\n- **--bq-dialog--padding** - Dialog padding _(default: undefined)_\n- **--bq-dialog--content-footer-gap** - Dialog gap distance between content and footer elements _(default: undefined)_\n- **--bq-dialog--title-body-gap** - Dialog gap distance between title and body elements _(default: undefined)_\n- **--bq-dialog--width-small** - Dialog small width _(default: undefined)_\n- **--bq-dialog--width-medium** - Dialog medium width _(default: undefined)_\n- **--bq-dialog--width-large** - Dialog large width _(default: undefined)_\n- **--bq-dialog-z-index** - Dialog z-index applied when opened _(default: undefined)_\n\n### **CSS Parts:**\n - **body** - The `<main>` that holds the dialog body content.\n- **button-close** - The button that closes the dialog on click.\n- **content** - The `<div>` container that holds the dialog title and body content.\n- **dialog** - The `<dialog>` wrapper container inside the shadow DOM.\n- **footer** - The `<footer>` that holds footer content.\n- **header** - The `<header>` that holds the icon, title, description and close button.\n- **title** - The `<div>` that holds the title content.",
-      "attributes": [
-        {
-          "name": "border",
-          "description": "Border radius of the dialog component.",
-          "values": [
-            { "name": "none" },
-            { "name": "xs2" },
-            { "name": "xs" },
-            { "name": "s" },
-            { "name": "m" },
-            { "name": "l" },
-            { "name": "full" }
-          ]
-        },
-        {
-          "name": "disable-backdrop",
-          "description": "If true, the backdrop overlay won't be shown when the dialog opens.",
-          "values": []
-        },
-        {
-          "name": "disable-close-esc-keydown",
-          "description": "If true, the dialog will not close when the [Esc] key is pressed.",
-          "values": []
-        },
-        {
-          "name": "disable-close-click-outside",
-          "description": "If true, the dialog will not close when clicking on the backdrop overlay.",
-          "values": []
-        },
-        {
-          "name": "footer-appearance",
-          "description": "The appearance of the footer.",
-          "values": [{ "name": "standard" }, { "name": "highlight" }]
-        },
-        {
-          "name": "hide-close-button",
-          "description": "If true, it hides the close button.",
-          "values": []
-        },
-        {
-          "name": "open",
-          "description": "If true, the dialog will be shown as open.",
-          "values": []
-        },
-        {
-          "name": "size",
-          "description": "The size of the dialog.",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "bq-divider",
       "description": "The Divider component is used to visually separate content in a layout.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-divider orientation=\"horizontal\" stroke-color=\"stroke--primary\" title-alignment=\"middle\">\n<span slot=\"title\">Divider Title</span>\n</bq-divider>\n```\n\n</figure>\n---\n\n\n### **Slots:**\n - _default_ - The title content of the divider.\n\n### **CSS Properties:**\n - **--bq-divider--color** - Divider color _(default: undefined)_\n- **--bq-divider--title-marginX** - Divider space between title and delimiters _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **dash-start** - The component's internal svg wrapper for the start line of the divider's stroke.\n- **dash-end** - The component's internal svg wrapper for the end line of the divider's stroke.\n- **dash-start-line** - The component's internal line component of the divider's stroke.\n- **dash-end-line** - The component's internal line component of the divider's stroke.",
@@ -695,6 +636,65 @@
       ],
       "references": []
     },
+    {
+      "name": "bq-dialog",
+      "description": "The Dialog component is used to display additional content or prompt a user for action.\nIt provides a way to display additional information, options, or controls in a separate, non-obstructive interface element.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-dialog footer-appearance=\"standard\" border=\"m\" size=\"medium\">\n<h5 class=\"bold flex items-center gap-s\" slot=\"title\">\n<bq-icon name=\"info\" size=\"30\" color=\"text--accent\" role=\"img\" title=\"Info\"></bq-icon>\nTitle\n</h5>\n<p>\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\nstandard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a\ntype specimen book.\n</p>\n<div class=\"flex gap-xs\" slot=\"footer\">\n<bq-button appearance=\"link\">Button</bq-button>\n<bq-button variant=\"ghost\">Button</bq-button>\n<bq-button variant=\"standard\" slot=\"footer\">Button</bq-button>\n</div>\n</bq-dialog>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqCancel** - Callback handler emitted when the dialog has been canceled or dismissed.\n- **bqClose** - Callback handler emitted when the dialog will close.\n- **bqOpen** - Callback handler emitted when the dialog will open.\n- **bqAfterOpen** - Callback handler emitted when the dialog finish opening.\n- **bqAfterClose** - Callback handler emitted when the dialog finish closing.\n- **bqCancel** - Callback handler emitted when the dialog has been canceled or dismissed\n- **bqClose** - Callback handler emitted when the dialog will close\n- **bqOpen** - Callback handler emitted when the dialog will open\n- **bqAfterOpen** - Callback handler emitted when the dialog finish opening\n- **bqAfterClose** - Callback handler emitted when the dialog finish closing\n\n### **Methods:**\n - **show()** - Open the dialog\n- **hide()** - Closes the dialog\n- **cancel()** - Dismiss or cancel the dialog\n\n### **Slots:**\n - **title** - The title content of the dialog.\n- _default_ - The body content of the dialog.\n- **footer** - The footer content of the dialog.\n- **button-close** - The close button content of the dialog.\n\n### **CSS Properties:**\n - **--bq-dialog--background** - Dialog background color _(default: undefined)_\n- **--bq-dialog--background-backdrop** - Dialog backdrop background color _(default: undefined)_\n- **--bq-dialog--box-shadow** - Dialog box shadow _(default: undefined)_\n- **--bq-dialog--border-color** - Dialog border color _(default: undefined)_\n- **--bq-dialog--border-style** - Dialog border style _(default: undefined)_\n- **--bq-dialog--border-width** - Dialog border width _(default: undefined)_\n- **--bq-dialog--border-radius** - Dialog border radius _(default: undefined)_\n- **--bq-dialog--padding** - Dialog padding _(default: undefined)_\n- **--bq-dialog--content-footer-gap** - Dialog gap distance between content and footer elements _(default: undefined)_\n- **--bq-dialog--title-body-gap** - Dialog gap distance between title and body elements _(default: undefined)_\n- **--bq-dialog--width-small** - Dialog small width _(default: undefined)_\n- **--bq-dialog--width-medium** - Dialog medium width _(default: undefined)_\n- **--bq-dialog--width-large** - Dialog large width _(default: undefined)_\n- **--bq-dialog-z-index** - Dialog z-index applied when opened _(default: undefined)_\n\n### **CSS Parts:**\n - **body** - The `<main>` that holds the dialog body content.\n- **button-close** - The button that closes the dialog on click.\n- **content** - The `<div>` container that holds the dialog title and body content.\n- **dialog** - The `<dialog>` wrapper container inside the shadow DOM.\n- **footer** - The `<footer>` that holds footer content.\n- **header** - The `<header>` that holds the icon, title, description and close button.\n- **title** - The `<div>` that holds the title content.",
+      "attributes": [
+        {
+          "name": "border",
+          "description": "Border radius of the dialog component.",
+          "values": [
+            { "name": "none" },
+            { "name": "xs2" },
+            { "name": "xs" },
+            { "name": "s" },
+            { "name": "m" },
+            { "name": "l" },
+            { "name": "full" }
+          ]
+        },
+        {
+          "name": "disable-backdrop",
+          "description": "If true, the backdrop overlay won't be shown when the dialog opens.",
+          "values": []
+        },
+        {
+          "name": "disable-close-esc-keydown",
+          "description": "If true, the dialog will not close when the [Esc] key is pressed.",
+          "values": []
+        },
+        {
+          "name": "disable-close-click-outside",
+          "description": "If true, the dialog will not close when clicking on the backdrop overlay.",
+          "values": []
+        },
+        {
+          "name": "footer-appearance",
+          "description": "The appearance of the footer.",
+          "values": [{ "name": "standard" }, { "name": "highlight" }]
+        },
+        {
+          "name": "hide-close-button",
+          "description": "If true, it hides the close button.",
+          "values": []
+        },
+        {
+          "name": "open",
+          "description": "If true, the dialog will be shown as open.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the dialog.",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "bq-drawer",
       "description": "The Drawer component provides a sliding panel interface commonly used for navigation or presenting additional content without taking up significant screen space.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-drawer position=\"end\">\n<div class=\"flex gap-xs\" slot=\"title\">Title</div>\n<div class=\"...\">\nContent\n</div>\n<div class=\"flex flex-1 justify-center gap-xs\" slot=\"footer\">\n<bq-button appearance=\"primary\" block=\"\" size=\"small\">Button</bq-button>\n<bq-button appearance=\"link\" block=\"\" size=\"small\">Button</bq-button>\n</div>\n</bq-drawer>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqClose** - Callback handler to be called when the drawer is closed.\n- **bqOpen** - Callback handler to be called when the drawer is opened.\n- **bqAfterOpen** - Callback handler to be called after the drawer has been opened.\n- **bqAfterClose** - Callback handler to be called after the drawer has been closed.\n- **bqClose** - Callback handler to be called when the drawer is closed\n- **bqOpen** - Callback handler to be called when the drawer is opened\n- **bqAfterOpen** - Callback handler to be called after the drawer has been opened\n- **bqAfterClose** - Callback handler to be called after the drawer has been closed\n\n### **Methods:**\n - **handlePlacementChange()** - !TO BE REMOVED: Delete this `@Watch()` once the deprecated `placement` property is removed\nWe need to maintain retro-compatibility with the deprecated `placement` property\n- **hide(): _Promise<void>_** - Method to be called to hide the drawer component\n- **show(): _Promise<void>_** - Method to be called to show the drawer component\n\n### **Slots:**\n - **title** - The title content of the drawer.\n- _default_ - The body content of the drawer.\n- **footer** - The footer content of the drawer.\n- **button-close** - The close button content of the drawer.\n- **footer-divider** - The footer divider content of the drawer.\n\n### **CSS Properties:**\n - **--bq-drawer--backgroundBackdrop** - Background color of the backdrop _(default: undefined)_\n- **--bq-drawer--gap** - Gap between the drawer and the viewport _(default: undefined)_\n- **--bq-drawer--width** - Width of the drawer _(default: undefined)_\n- **--bq-drawer--paddingX** - Padding left and right of the drawer _(default: undefined)_\n- **--bq-drawer--paddingY** - Padding top and bottom of the drawer _(default: undefined)_\n- **--bq-drawer--zIndex** - Z-index of the drawer component _(default: undefined)_\n\n### **CSS Parts:**\n - **backdrop** - The `<div>` that holds the backdrop overlay.\n- **button-close** - The BqButton that closes the drawer.\n- **button-close__btn** - The native button used under the hood that closes the drawer.\n- **button-close__label** - The text inside the native button that closes the drawer.\n- **panel** - The `<div>` that holds the drawer entire content.\n- **header** - The `<header>` that holds the icon, title, and close button.\n- **title** - The `<div>` that holds the title content.\n- **body** - The `<main>` that holds the drawer body content.\n- **footer** - The `<footer>` that holds footer content.",
@@ -730,7 +730,7 @@
     },
     {
       "name": "bq-dropdown",
-      "description": "The Dropdown Component is commonly used when presenting a list of selectable options that are too numerous to fit comfortably on the screen.\nThey provide an efficient way to save space and present a long list of options in a compact and organized manner.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-dropdown placement=\"bottom-start\">\n<bq-button slot=\"trigger\">Dropdown</bq-button>\n<bq-option-list>\n<bq-option value=\"users\">...</bq-option>\n<bq-option value=\"user\">...</bq-option>\n<bq-option value=\"dashboard\">...</bq-option>\n<bq-option value=\"settings\">...</bq-option>\n<bq-option value=\"logout\">...</bq-option>\n</bq-option-list>\n</bq-dropdown>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqOpen** - Callback handler to be called when the dropdown panel is opened or closed.\n- **bqOpen** - Callback handler to be called when the dropdown panel is opened or closed.\n\n### **Methods:**\n - **onClickOutside(event: _MouseEvent_)** - Listens for the 'click' event on the document object\nand closes the dropdown panel if the click is outside the component.\n- **onEscape(event: _KeyboardEvent_)** - Listens for the 'keyup' event on the window object\nand closes the dropdown panel if the 'Escape' key or 'Tab' key outside the component is pressed.\n\n### **Slots:**\n - **trigger** - The trigger element that opens the dropdown panel.\n- _default_ - The content of the dropdown panel.\n\n### **CSS Properties:**\n - **--bq-panel--background** - Panel background color _(default: undefined)_\n- **--bq-panel--border-color** - Panel border color _(default: undefined)_\n- **--bq-panel--border-radius** - Panel border radius _(default: undefined)_\n- **--bq-panel--border-style** - Panel border style _(default: undefined)_\n- **--bq-panel--border-width** - Panel border width _(default: undefined)_\n- **--bq-panel--box-shadow** - Panel box shadow _(default: undefined)_\n- **--bq-panel--padding** - Panel padding _(default: undefined)_\n- **--bq-panel--height** - Panel height _(default: undefined)_\n- **--bq-panel--width** - Panel width _(default: undefined)_\n- **--bq-panel-z-index** - Panel z-index applied when opened _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **dropdown** - The `<bq-panel>` element used under the hood to display the dropdown panel.\n- **panel** - The `<div>` element used to display and style the panel inside the `<bq-panel>` element.\n- **trigger** - The `<div>` element that hosts the trigger element.",
+      "description": "The Dropdown Component is commonly used when presenting a list of selectable options that are too numerous to fit comfortably on the screen.\nThey provide an efficient way to save space and present a long list of options in a compact and organized manner.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-dropdown placement=\"bottom-start\">\n<bq-button slot=\"trigger\">Dropdown</bq-button>\n<bq-option-list>\n<bq-option value=\"users\">...</bq-option>\n<bq-option value=\"user\">...</bq-option>\n<bq-option value=\"dashboard\">...</bq-option>\n<bq-option value=\"settings\">...</bq-option>\n<bq-option value=\"logout\">...</bq-option>\n</bq-option-list>\n</bq-dropdown>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqOpen** - Callback handler to be called when the dropdown panel is opened or closed.\n- **bqOpen** - Callback handler to be called when the dropdown panel is opened or closed.\n\n### **Methods:**\n - **onClickOutside(event: _MouseEvent_)** - Listens for the 'click' event on the document object\nand closes the dropdown panel if the click is outside the component.\n\n### **Slots:**\n - **trigger** - The trigger element that opens the dropdown panel.\n- _default_ - The content of the dropdown panel.\n\n### **CSS Properties:**\n - **--bq-panel--background** - Panel background color _(default: undefined)_\n- **--bq-panel--border-color** - Panel border color _(default: undefined)_\n- **--bq-panel--border-radius** - Panel border radius _(default: undefined)_\n- **--bq-panel--border-style** - Panel border style _(default: undefined)_\n- **--bq-panel--border-width** - Panel border width _(default: undefined)_\n- **--bq-panel--box-shadow** - Panel box shadow _(default: undefined)_\n- **--bq-panel--padding** - Panel padding _(default: undefined)_\n- **--bq-panel--height** - Panel height _(default: undefined)_\n- **--bq-panel--width** - Panel width _(default: undefined)_\n- **--bq-panel-z-index** - Panel z-index applied when opened _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **dropdown** - The `<bq-panel>` element used under the hood to display the dropdown panel.\n- **panel** - The `<div>` element used to display and style the panel inside the `<bq-panel>` element.\n- **trigger** - The `<div>` element that hosts the trigger element.",
       "attributes": [
         {
           "name": "disabled",
@@ -789,7 +789,8 @@
           "name": "strategy",
           "description": "Defines the strategy to position the panel.",
           "values": [{ "name": "fixed" }, { "name": "absolute" }]
-        }
+        },
+        { "name": "disable-scroll-lock", "values": [] }
       ],
       "references": []
     },
@@ -1012,6 +1013,12 @@
       ],
       "references": []
     },
+    {
+      "name": "bq-option-group",
+      "description": "The option group component is a container for multiple option elements.\nIt allows to manage the appearance and size of all options at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-option-group class=\"hydrated\">\n<span slot=\"header-label\">Sport</span>\n<bq-option value=\"football\">Football</bq-option>\n<bq-option value=\"basketball\">Basketball</bq-option>\n<bq-option value=\"tennis\">Tennis</bq-option>\n</bq-option-group>\n```\n\n</figure>\n---\n\n\n### **Slots:**\n - **header-label** - The label of the option group\n- **header-prefix** - The prefix of the label\n- **header-suffix** - The suffix of the label\n- _default_ - The option items\n\n### **CSS Properties:**\n - **--bq-option-group--background** - option group background color _(default: undefined)_\n- **--bq-option-group--font-size** - option group font size _(default: undefined)_\n- **--bq-option-group--line-height** - option group line height _(default: undefined)_\n- **--bq-option-group--label-padding-start** - option group header padding start _(default: undefined)_\n- **--bq-option-group--label-padding-end** - option group header padding start _(default: undefined)_\n- **--bq-option-group--label-paddingY** - option group header padding Y axis _(default: undefined)_\n- **--bq-option-group--label-text-padding-start** - option group text within label padding start _(default: undefined)_\n- **--bq-option-group--label-text-padding-end** - option group text within label padding start _(default: undefined)_\n- **--bq-option-group--container-padding-start** - option group container padding start _(default: undefined)_\n\n### **CSS Parts:**\n - **label** - The `legend` tag element which acts as a container for the label\n- **prefix** - The prefix of the label\n- **label** - The text of the label\n- **suffix** - The suffix of the label\n- **group** - The `div` element which holds the option items",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "bq-option",
       "description": "An option refers to a specific choice that appears in a list of selectable items that can be opened or closed by the user.\nIt can be an element of the navigation system that allows users to select different sections or pages within an application or it can be used within a dropdown list.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-option value=\"user\">\n<span>User profile</span>\n<bq-icon slot=\"suffix\" name=\"user\"></bq-icon>\n</bq-option>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqBlur** - Handler to be called when item loses focus.\n- **bqFocus** - Handler to be called when item is focused.\n- **bqClick** - Handler to be called when item is clicked.\n- **bqEnter** - Handler to be called on enter key press.\n- **bqBlur** - Handler to be called when item loses focus\n- **bqFocus** - Handler to be called when item is focused\n- **bqClick** - Handler to be called when item is clicked\n- **bqEnter** - Handler to be called on enter key press\n\n### **Slots:**\n - **prefix** - The prefix content to be displayed before the label.\n- _default_ - The label content to be displayed.\n\n### **CSS Properties:**\n - **--bq-option--background** - background color _(default: undefined)_\n- **--bq-option--font-size** - font size _(default: undefined)_\n- **--bq-option--border-color** - border color _(default: undefined)_\n- **--bq-option--border-style** - border style _(default: undefined)_\n- **--bq-option--border-width** - border width _(default: undefined)_\n- **--bq-option--border-radius** - border radius _(default: undefined)_\n- **--bq-option--box-shadow** - box shadow _(default: undefined)_\n- **--bq-option--gap-start** - gap space between prefix and label _(default: undefined)_\n- **--bq-option--gap-end** - gap space between label and suffix _(default: undefined)_\n- **--bq-option--paddingY** - padding Y axis _(default: undefined)_\n- **--bq-option--padding-start** - option label padding start _(default: undefined)_\n- **--bq-option--padding-end** - option label padding end _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **label** - The `span` element in which the label text is displayed.\n- **prefix** - The `span` element in which the prefix is displayed (generally `bq-icon`).\n- **suffix** - The `span` element in which the suffix is displayed (generally `bq-icon`).",
@@ -1051,12 +1058,6 @@
       ],
       "references": []
     },
-    {
-      "name": "bq-option-group",
-      "description": "The option group component is a container for multiple option elements.\nIt allows to manage the appearance and size of all options at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-option-group class=\"hydrated\">\n<span slot=\"header-label\">Sport</span>\n<bq-option value=\"football\">Football</bq-option>\n<bq-option value=\"basketball\">Basketball</bq-option>\n<bq-option value=\"tennis\">Tennis</bq-option>\n</bq-option-group>\n```\n\n</figure>\n---\n\n\n### **Slots:**\n - **header-label** - The label of the option group\n- **header-prefix** - The prefix of the label\n- **header-suffix** - The suffix of the label\n- _default_ - The option items\n\n### **CSS Properties:**\n - **--bq-option-group--background** - option group background color _(default: undefined)_\n- **--bq-option-group--font-size** - option group font size _(default: undefined)_\n- **--bq-option-group--line-height** - option group line height _(default: undefined)_\n- **--bq-option-group--label-padding-start** - option group header padding start _(default: undefined)_\n- **--bq-option-group--label-padding-end** - option group header padding start _(default: undefined)_\n- **--bq-option-group--label-paddingY** - option group header padding Y axis _(default: undefined)_\n- **--bq-option-group--label-text-padding-start** - option group text within label padding start _(default: undefined)_\n- **--bq-option-group--label-text-padding-end** - option group text within label padding start _(default: undefined)_\n- **--bq-option-group--container-padding-start** - option group container padding start _(default: undefined)_\n\n### **CSS Parts:**\n - **label** - The `legend` tag element which acts as a container for the label\n- **prefix** - The prefix of the label\n- **label** - The text of the label\n- **suffix** - The suffix of the label\n- **group** - The `div` element which holds the option items",
-      "attributes": [],
-      "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.",
@@ -1109,7 +1110,8 @@
           "name": "strategy",
           "description": "Defines the strategy to position the panel.",
           "values": [{ "name": "fixed" }, { "name": "absolute" }]
-        }
+        },
+        { "name": "disable-scroll-lock", "values": [] }
       ],
       "references": []
     },
@@ -1160,8 +1162,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\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",
@@ -1169,18 +1171,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": []
         },
         {
@@ -1188,32 +1190,22 @@
           "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": []
         }
       ],
       "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\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",
@@ -1221,18 +1213,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": []
         },
         {
@@ -1240,14 +1232,24 @@
           "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": "required-validation-message",
+          "description": "The native form validation message when the radio group is required",
           "values": []
         },
         {
           "name": "value",
-          "description": "A string representing the value of the radio",
+          "description": "The display orientation of the radio inputs",
           "values": []
         }
       ],
@@ -1255,7 +1257,7 @@
     },
     {
       "name": "bq-select",
-      "description": "The select input component lets users choose from a predefined list, commonly used in forms for easy data selection.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-select placeholder=\"Placeholder\">\n<label slot=\"label\">Select label</label>\n<span slot=\"helper-text\">\n<bq-icon name=\"star\"></bq-icon>\nHelper text\n</span>\n\n<bq-option value=\"1\">Option 1</bq-option>\n<bq-option value=\"2\">Option 2</bq-option>\n<bq-option value=\"3\">Option 3</bq-option>\n</bq-select>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqBlur** - The callback handler is emitted when the Select input loses focus.\n- **bqClear** - The callback handler is emitted when the selected value has been cleared.\n- **bqFocus** - A callback handler is emitted when the Select input has received focus.\n- **bqSelect** - The callback handler is emitted when the selected value has changed.\n- **bqBlur** - Callback handler emitted when the Select input loses focus\n- **bqClear** - Callback handler emitted when the selected value has been cleared\n- **bqFocus** - Callback handler emitted when the Select input has received focus\n- **bqSelect** - Callback handler emitted when the selected value has changed\n\n### **Methods:**\n - **clear(): _Promise<void>_** - Clears the selected value.\n\n### **Slots:**\n - **label** - The label slot container.\n- **prefix** - The prefix slot container.\n- **tags** - The tags slot container.\n- **clear-icon** - The clear icon slot container.\n- **suffix** - The suffix slot container.\n- **helper-text** - The helper text slot container.\n\n### **CSS Properties:**\n - **--bq-select--background-color** - Select background color _(default: undefined)_\n- **--bq-select--border-color** - Select border color _(default: undefined)_\n- **--bq-select--border-color-focus** - Select border color on focus _(default: undefined)_\n- **--bq-select--border-color-disabled** - Select border color when disabled _(default: undefined)_\n- **--bq-select--border-radius** - Select border radius _(default: undefined)_\n- **--bq-select--border-width** - Select border width _(default: undefined)_\n- **--bq-select--border-style** - Select border style _(default: undefined)_\n- **--bq-select--gap** - Gap between Select content and prefix/suffix _(default: undefined)_\n- **--bq-select--helper-margin-top** - Helper text margin top _(default: undefined)_\n- **--bq-select--helper-text-color** - Helper text color _(default: undefined)_\n- **--bq-select--helper-text-size** - Helper text size _(default: undefined)_\n- **--bq-select--icon-size** - Icon size to use in prefix/suffix and clear button _(default: undefined)_\n- **--bq-select--label-margin-bottom** - Select label margin bottom _(default: undefined)_\n- **--bq-select--label-text-color** - Select label text color _(default: undefined)_\n- **--bq-select--label-text-size** - Select label text size _(default: undefined)_\n- **--bq-select--padding-start** - Select padding start _(default: undefined)_\n- **--bq-select--padding-end** - Select padding end _(default: undefined)_\n- **--bq-select--paddingY** - Select padding top and bottom _(default: undefined)_\n- **--bq-select--text-color** - Select text color _(default: undefined)_\n- **--bq-select--text-size** - Select text size _(default: undefined)_\n- **--bq-select--text-placeholder-color** - Select placeholder text color _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **button** - The native HTML button used under the hood in the clear button.\n- **clear-btn** - The clear button.\n- **control** - The input control wrapper.\n- **input-outline** - The input outline wrapper that holds the tags container and the native HTML input used under the hood.\n- **helper-text** - The helper text slot container.\n- **input** - The native HTML input element used under the hood.\n- **label** - The label slot container.\n- **panel** - The select panel container\n- **prefix** - The prefix slot container.\n- **suffix** - The suffix slot container.\n- **tags** - The tags container of the BqTags for multiple selection.\n- **tag** - The tag container of the BqTag for multiple selection.\n- **tag__base** - The base wrapper of the BqTag for multiple selection.\n- **tag__prefix** - The prefix slot container of the BqTag for multiple selection.\n- **tag__text** - The text slot container of the BqTag for multiple selection.\n- **tag__btn-close** - The close button of the BqTag for multiple selection.\n- **option-list** - The option list container.",
+      "description": "The select input component lets users choose from a predefined list, commonly used in forms for easy data selection.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-select placeholder=\"Placeholder\">\n<label slot=\"label\">Select label</label>\n<span slot=\"helper-text\">\n<bq-icon name=\"star\"></bq-icon>\nHelper text\n</span>\n\n<bq-option value=\"1\">Option 1</bq-option>\n<bq-option value=\"2\">Option 2</bq-option>\n<bq-option value=\"3\">Option 3</bq-option>\n</bq-select>\n```\n\n</figure>\n---\n\n\n### **Events:**\n - **bqBlur** - The callback handler is emitted when the Select input loses focus.\n- **bqClear** - The callback handler is emitted when the selected value has been cleared.\n- **bqFocus** - A callback handler is emitted when the Select input has received focus.\n- **bqSelect** - The callback handler is emitted when the selected value has changed.\n- **bqBlur** - Callback handler emitted when the Select input loses focus\n- **bqClear** - Callback handler emitted when the selected value has been cleared\n- **bqFocus** - Callback handler emitted when the Select input has received focus\n- **bqSelect** - Callback handler emitted when the selected value has changed\n- **bqInput** - Callback handler emitted when the Select input changes its value while typing\n\n### **Methods:**\n - **clear(): _Promise<void>_** - Clears the selected value.\n- **reset(value: _TSelectValue_): _Promise<void>_** - Resets the Select input to a previous value.\n\n### **Slots:**\n - **label** - The label slot container.\n- **prefix** - The prefix slot container.\n- **tags** - The tags slot container.\n- **clear-icon** - The clear icon slot container.\n- **suffix** - The suffix slot container.\n- **helper-text** - The helper text slot container.\n\n### **CSS Properties:**\n - **--bq-select--background-color** - Select background color _(default: undefined)_\n- **--bq-select--border-color** - Select border color _(default: undefined)_\n- **--bq-select--border-color-focus** - Select border color on focus _(default: undefined)_\n- **--bq-select--border-color-disabled** - Select border color when disabled _(default: undefined)_\n- **--bq-select--border-radius** - Select border radius _(default: undefined)_\n- **--bq-select--border-width** - Select border width _(default: undefined)_\n- **--bq-select--border-style** - Select border style _(default: undefined)_\n- **--bq-select--gap** - Gap between Select content and prefix/suffix _(default: undefined)_\n- **--bq-select--helper-margin-top** - Helper text margin top _(default: undefined)_\n- **--bq-select--helper-text-color** - Helper text color _(default: undefined)_\n- **--bq-select--helper-text-size** - Helper text size _(default: undefined)_\n- **--bq-select--icon-size** - Icon size to use in prefix/suffix and clear button _(default: undefined)_\n- **--bq-select--label-margin-bottom** - Select label margin bottom _(default: undefined)_\n- **--bq-select--label-text-color** - Select label text color _(default: undefined)_\n- **--bq-select--label-text-size** - Select label text size _(default: undefined)_\n- **--bq-select--padding-start** - Select padding start _(default: undefined)_\n- **--bq-select--padding-end** - Select padding end _(default: undefined)_\n- **--bq-select--paddingY** - Select padding top and bottom _(default: undefined)_\n- **--bq-select--text-color** - Select text color _(default: undefined)_\n- **--bq-select--text-size** - Select text size _(default: undefined)_\n- **--bq-select--text-placeholder-color** - Select placeholder text color _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **button** - The native HTML button used under the hood in the clear button.\n- **clear-btn** - The clear button.\n- **control** - The input control wrapper.\n- **input-outline** - The input outline wrapper that holds the tags container and the native HTML input used under the hood.\n- **helper-text** - The helper text slot container.\n- **input** - The native HTML input element used under the hood.\n- **label** - The label slot container.\n- **panel** - The select panel container\n- **prefix** - The prefix slot container.\n- **suffix** - The suffix slot container.\n- **tags** - The tags container of the BqTags for multiple selection.\n- **tag** - The tag container of the BqTag for multiple selection.\n- **tag__base** - The base wrapper of the BqTag for multiple selection.\n- **tag__prefix** - The prefix slot container of the BqTag for multiple selection.\n- **tag__text** - The text slot container of the BqTag for multiple selection.\n- **tag__btn-close** - The close button of the BqTag for multiple selection.\n- **option-list** - The option list container.",
       "attributes": [
         {
           "name": "autofocus",
@@ -1388,7 +1390,8 @@
             { "name": "string" },
             { "name": "string[]" }
           ]
-        }
+        },
+        { "name": "disable-scroll-lock", "values": [] }
       ],
       "references": []
     },

package/dist/cjs/beeq.cjs.js

@@ -4,12 +4,11 @@
  */
 'use strict';
 
-var index = require('./index-DkHCSxhS.js');
-var appGlobals = require('./app-globals-BY_z0SzA.js');
+var index = require('./index-bEOoX8tm.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.30.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.34.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -43,8 +42,8 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 };
 
 patchBrowser().then(async (options) => {
-  await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"bq-select.cjs\",[[81,\"bq-select\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"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]},[[2,\"bqOpen\",\"handleOpenChange\"],[2,\"bqFocus\",\"stopOptionFocusBlurPropagation\"],[2,\"bqBlur\",\"stopOptionFocusBlurPropagation\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bq-date-picker.cjs\",[[81,\"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,\"format-options\"],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"isDateDisallowed\":[16,\"is-date-disallowed\"],\"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\",[[1,\"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\",[[1,\"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\",[[1,\"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\",[[81,\"bq-input\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autocorrect\":[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\",[[1,\"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\",[[1,\"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\",[[1,\"bq-empty-state\",{\"size\":[1537],\"hasBody\":[32],\"hasFooter\":[32]},null,{\"size\":[\"checkPropValues\"]}]]],[\"bq-progress.cjs\",[[1,\"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\",[[1,\"bq-side-menu-item\",{\"active\":[4],\"collapse\":[4],\"disabled\":[4],\"textContent\":[32]}]]],[\"bq-slider.cjs\",[[81,\"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\",[[1,\"bq-status\",{\"type\":[513]},null,{\"type\":[\"checkPropValues\"]}]]],[\"bq-steps.cjs\",[[1,\"bq-steps\",{\"dividerColor\":[513,\"divider-color\"],\"size\":[513],\"type\":[513]},null,{\"type\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"]}]]],[\"bq-switch.cjs\",[[81,\"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\",[[1,\"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\",[[1,\"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\",[[1,\"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\",[[1,\"bq-breadcrumb\",{\"label\":[513]}]]],[\"bq-breadcrumb-item.cjs\",[[1,\"bq-breadcrumb-item\",{\"href\":[513],\"target\":[513],\"rel\":[513]}]]],[\"bq-card.cjs\",[[1,\"bq-card\",{\"type\":[513],\"border\":[513]},null,{\"type\":[\"checkPropValue\"]}]]],[\"bq-checkbox.cjs\",[[81,\"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\",[[1,\"bq-option\",{\"hidden\":[516],\"disabled\":[516],\"value\":[513],\"selected\":[516],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"keydown\",\"onKeyDown\"]]]]],[\"bq-option-group.cjs\",[[1,\"bq-option-group\"]]],[\"bq-page-title.cjs\",[[1,\"bq-page-title\",{\"haveBackNavigation\":[32],\"hasSuffix\":[32],\"hasSubTitle\":[32]}]]],[\"bq-radio.cjs\",[[17,\"bq-radio\",{\"checked\":[1540],\"disabled\":[516],\"backgroundOnHover\":[516,\"background-on-hover\"],\"formId\":[513,\"form-id\"],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"getNativeInput\":[64]}]]],[\"bq-radio-group.cjs\",[[81,\"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]},[[17,\"mousedown\",\"onMouseDown\"],[0,\"bqClick\",\"onBqClick\"],[0,\"bqKeyDown\",\"onBqKeyDown\"],[2,\"bqFocus\",\"onBqFocus\"],[2,\"bqBlur\",\"onBqBlur\"]],{\"backgroundOnHover\":[\"handleGroupProperties\"],\"disabled\":[\"handleGroupProperties\"],\"name\":[\"handleGroupProperties\"],\"required\":[\"handleGroupProperties\",\"handleRequiredChange\"],\"value\":[\"handleGroupProperties\",\"handleRequiredChange\"],\"orientation\":[\"checkPropValues\"],\"debounceTime\":[\"checkDebounceChange\"]}]]],[\"bq-side-menu.cjs\",[[1,\"bq-side-menu\",{\"appearance\":[513],\"collapse\":[516],\"size\":[513],\"documentBody\":[32],\"toggleCollapse\":[64]},[[1,\"bqClick\",\"onMenuItemClick\"]],{\"collapse\":[\"onCollapsePropChange\"]}]]],[\"bq-spinner.cjs\",[[1,\"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\",[[1,\"bq-step-item\",{\"size\":[513],\"status\":[513],\"type\":[513]},null,{\"size\":[\"checkPropValues\"],\"status\":[\"checkPropValues\"]}]]],[\"bq-tab.cjs\",[[1,\"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\",[[1,\"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\",[[81,\"bq-textarea\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autocorrect\":[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\",[[1,\"bq-badge\",{\"backgroundColor\":[1537,\"background-color\"],\"textColor\":[1537,\"text-color\"],\"size\":[1537],\"contentLength\":[32]},null,{\"size\":[\"handleSizePropChange\"]}]]],[\"bq-button_2.cjs\",[[81,\"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\"]}],[1,\"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\",[[17,\"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\"]}],[1,\"bq-option-list\",{\"ariaLabel\":[513,\"aria-label\"]},[[1,\"bqClick\",\"onBqSelect\"],[1,\"bqEnter\",\"onBqSelect\"]]]]],[\"bq-divider.cjs\",[[1,\"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\",[[1,\"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]},[[5,\"mousedown\",\"handleDocumentMouseDown\"]],{\"visible\":[\"handleVisibleChange\"],\"distance\":[\"handleFloatingUIOptionsChange\"],\"hideArrow\":[\"handleFloatingUIOptionsChange\"],\"placement\":[\"handleFloatingUIOptionsChange\"],\"sameWidth\":[\"handleFloatingUIOptionsChange\"]}]]],[\"bq-dropdown_2.cjs\",[[1,\"bq-dropdown\",{\"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]},[[5,\"click\",\"onClickOutside\"],[9,\"keyup\",\"onEscape\"],[1,\"bqSelect\",\"onItemSelect\"]],{\"open\":[\"onOpenChange\"],\"disabled\":[\"handleDisabledChange\"]}],[1,\"bq-panel\",{\"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);
+  await index.globalScripts();
+  return index.bootstrapLazy(JSON.parse("[[\"bq-select.cjs\",[[81,\"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\",[[81,\"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,\"format-options\"],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"isDateDisallowed\":[16,\"is-date-disallowed\"],\"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\",[[1,\"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\",[[1,\"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\",[[1,\"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\",[[81,\"bq-input\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autocorrect\":[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\",[[1,\"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\",[[1,\"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\",[[1,\"bq-empty-state\",{\"size\":[1537],\"hasBody\":[32],\"hasFooter\":[32]},null,{\"size\":[\"checkPropValues\"]}]]],[\"bq-progress.cjs\",[[1,\"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\",[[1,\"bq-side-menu-item\",{\"active\":[4],\"collapse\":[4],\"disabled\":[4],\"textContent\":[32]}]]],[\"bq-slider.cjs\",[[81,\"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\",[[1,\"bq-status\",{\"type\":[513]},null,{\"type\":[\"checkPropValues\"]}]]],[\"bq-steps.cjs\",[[1,\"bq-steps\",{\"dividerColor\":[513,\"divider-color\"],\"size\":[513],\"type\":[513]},null,{\"type\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"]}]]],[\"bq-switch.cjs\",[[81,\"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\",[[1,\"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\",[[1,\"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\",[[1,\"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\",[[1,\"bq-breadcrumb\",{\"label\":[513]}]]],[\"bq-breadcrumb-item.cjs\",[[1,\"bq-breadcrumb-item\",{\"href\":[513],\"target\":[513],\"rel\":[513]}]]],[\"bq-card.cjs\",[[1,\"bq-card\",{\"type\":[513],\"border\":[513]},null,{\"type\":[\"checkPropValue\"]}]]],[\"bq-checkbox.cjs\",[[81,\"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\",[[1,\"bq-option\",{\"hidden\":[516],\"disabled\":[516],\"value\":[513],\"selected\":[516],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"keydown\",\"onKeyDown\"]]]]],[\"bq-option-group.cjs\",[[1,\"bq-option-group\"]]],[\"bq-page-title.cjs\",[[1,\"bq-page-title\",{\"haveBackNavigation\":[32],\"hasSuffix\":[32],\"hasSubTitle\":[32]}]]],[\"bq-radio.cjs\",[[17,\"bq-radio\",{\"checked\":[1540],\"disabled\":[516],\"backgroundOnHover\":[516,\"background-on-hover\"],\"formId\":[513,\"form-id\"],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"getNativeInput\":[64]}]]],[\"bq-radio-group.cjs\",[[81,\"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]},[[17,\"mousedown\",\"onMouseDown\"],[0,\"bqClick\",\"onBqClick\"],[0,\"bqKeyDown\",\"onBqKeyDown\"],[2,\"bqFocus\",\"onBqFocus\"],[2,\"bqBlur\",\"onBqBlur\"]],{\"backgroundOnHover\":[\"handleGroupProperties\"],\"disabled\":[\"handleGroupProperties\"],\"name\":[\"handleGroupProperties\"],\"required\":[\"handleGroupProperties\",\"handleRequiredChange\"],\"value\":[\"handleGroupProperties\",\"handleRequiredChange\"],\"orientation\":[\"checkPropValues\"],\"debounceTime\":[\"checkDebounceChange\"]}]]],[\"bq-side-menu.cjs\",[[1,\"bq-side-menu\",{\"appearance\":[513],\"collapse\":[516],\"size\":[513],\"documentBody\":[32],\"toggleCollapse\":[64]},[[1,\"bqClick\",\"onMenuItemClick\"]],{\"collapse\":[\"onCollapsePropChange\"]}]]],[\"bq-spinner.cjs\",[[1,\"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\",[[1,\"bq-step-item\",{\"size\":[513],\"status\":[513],\"type\":[513]},null,{\"size\":[\"checkPropValues\"],\"status\":[\"checkPropValues\"]}]]],[\"bq-tab.cjs\",[[1,\"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\",[[1,\"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\",[[81,\"bq-textarea\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autocorrect\":[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\",[[1,\"bq-badge\",{\"backgroundColor\":[1537,\"background-color\"],\"textColor\":[1537,\"text-color\"],\"size\":[1537],\"contentLength\":[32]},null,{\"size\":[\"handleSizePropChange\"]}]]],[\"bq-button_2.cjs\",[[81,\"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\"]}],[1,\"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\",[[17,\"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\"]}],[1,\"bq-option-list\",{\"ariaLabel\":[513,\"aria-label\"]},[[1,\"bqClick\",\"onBqSelect\"],[1,\"bqEnter\",\"onBqSelect\"]]]]],[\"bq-divider.cjs\",[[1,\"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\",[[1,\"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\",[[1,\"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\"]}],[1,\"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);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -1 +1 @@
-{"version":3,"file":"beeq.cjs.js","sources":["../../node_modules/.pnpm/@stencil+core@4.30.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.30.0 | 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,wBAAa,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.34.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.34.0 | 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]}