@beeq/vue 1.8.0-beta.1 → 1.8.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +69 -21
- package/package.json +3 -2
- package/src/components.d.ts +43 -43
- package/src/components.js +675 -127
- package/src/components.js.map +1 -1
- package/src/index.js +0 -1
- package/src/index.js.map +1 -1
- package/src/vue-component-lib/utils.d.ts +0 -16
- package/src/vue-component-lib/utils.js +0 -198
- package/src/vue-component-lib/utils.js.map +0 -1
package/README.md
CHANGED
|
@@ -2,35 +2,93 @@
|
|
|
2
2
|
|
|
3
3
|
A lightweight utility that wraps BEEQ custom elements ("web components") so they can be seamlessly integrated into Vue applications.
|
|
4
4
|
|
|
5
|
+
## Why is this necessary?
|
|
6
|
+
|
|
7
|
+
BEEQ can generate Vue component wrappers for your web components. This allows BEEQ components to be used within a Vue 3 application. The benefits of using BEEQ's component wrappers over the standard web components include:
|
|
8
|
+
|
|
9
|
+
- Type checking with your components.
|
|
10
|
+
- Integration with the router link and Vue router.
|
|
11
|
+
- Optionally, form control web components can be used with `v-model`.
|
|
12
|
+
|
|
13
|
+
(*Adapted from the [Stencil official documentation](https://stenciljs.com/docs/vue)*)
|
|
14
|
+
|
|
5
15
|
## Package installation
|
|
6
16
|
|
|
17
|
+
> [!TIP]
|
|
18
|
+
> Please always refer to the [official BEEQ documentation](https://www.beeq.design/3d466e231/p/359a26-for-developers/b/53475d) for more information about the installation.
|
|
19
|
+
|
|
7
20
|
- install the package
|
|
8
21
|
|
|
9
22
|
```
|
|
10
|
-
npm install @beeq/vue
|
|
23
|
+
npm install @beeq/{core,vue}
|
|
11
24
|
```
|
|
12
25
|
|
|
13
|
-
|
|
26
|
+
> [!NOTE]
|
|
27
|
+
> Make sure that you have installed the `@beeq/core` package.
|
|
14
28
|
|
|
29
|
+
### Add BEEQ styles and assets
|
|
30
|
+
|
|
31
|
+
Import BEEQ styles into your application's main style file:
|
|
32
|
+
|
|
33
|
+
```css
|
|
34
|
+
@import "@beeq/core/dist/beeq/beeq.css";
|
|
15
35
|
```
|
|
16
|
-
|
|
36
|
+
|
|
37
|
+
> [!TIP]
|
|
38
|
+
> BEEQ uses SVG icons and these assets are shipped in a separate folder. You can use the `setBasePath` method to set the path to the icons. Make sure that your project bundle the icons in a way that they are accessible from the browser.
|
|
39
|
+
|
|
40
|
+
You can move the icons from the node_modules folder to your assets folder and set the path like this:
|
|
41
|
+
|
|
42
|
+
```js
|
|
43
|
+
// vite.config.js
|
|
44
|
+
import { defineConfig } from "vite";
|
|
45
|
+
import vue from "@vitejs/plugin-vue";
|
|
46
|
+
import vueJsx from "@vitejs/plugin-vue-jsx";
|
|
47
|
+
import { viteStaticCopy } from "vite-plugin-static-copy";
|
|
48
|
+
|
|
49
|
+
export default defineConfig({
|
|
50
|
+
plugins: [
|
|
51
|
+
vue({
|
|
52
|
+
template: {
|
|
53
|
+
compilerOptions: {
|
|
54
|
+
// treat all BEEQ tags as custom elements
|
|
55
|
+
isCustomElement: (tag) => tag.includes("bq-"),
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
}),
|
|
59
|
+
vueJsx(),
|
|
60
|
+
viteStaticCopy({
|
|
61
|
+
targets: [
|
|
62
|
+
{
|
|
63
|
+
src: "./node_modules/@beeq/core/dist/beeq/svg/*",
|
|
64
|
+
dest: "assets/svg",
|
|
65
|
+
},
|
|
66
|
+
// other assets
|
|
67
|
+
],
|
|
68
|
+
}),
|
|
69
|
+
],
|
|
70
|
+
// other configurations
|
|
71
|
+
});
|
|
17
72
|
```
|
|
18
73
|
|
|
19
|
-
|
|
74
|
+
```js
|
|
75
|
+
// main.ts
|
|
76
|
+
import { setBasePath } from '@beeq/core';
|
|
20
77
|
|
|
21
|
-
|
|
22
|
-
npm install @beeq/{core,vue}
|
|
78
|
+
setBasePath('icons/svg');
|
|
23
79
|
```
|
|
24
80
|
|
|
25
|
-
|
|
81
|
+
But you can also use a different icons library or a CDN:
|
|
26
82
|
|
|
27
|
-
|
|
83
|
+
```js
|
|
84
|
+
import { setBasePath } from '@beeq/core';
|
|
28
85
|
|
|
29
|
-
|
|
30
|
-
|
|
86
|
+
// Using heroicons library
|
|
87
|
+
setBasePath('https://cdn.jsdelivr.net/npm/heroicons@2.1.5/24/outline');
|
|
31
88
|
```
|
|
32
89
|
|
|
33
|
-
>
|
|
90
|
+
> [!CAUTION]
|
|
91
|
+
> When using a different icons library, make sure you use the correct icon names provided by the library or the CDN.
|
|
34
92
|
|
|
35
93
|
## Usage
|
|
36
94
|
|
|
@@ -52,13 +110,3 @@ const name = ref('John Doe');
|
|
|
52
110
|
</bq-input>
|
|
53
111
|
</template>
|
|
54
112
|
```
|
|
55
|
-
|
|
56
|
-
## Why is this necessary?
|
|
57
|
-
|
|
58
|
-
BEEQ can generate Vue component wrappers for your web components. This allows BEEQ components to be used within a Vue 3 application. The benefits of using BEEQ's component wrappers over the standard web components include:
|
|
59
|
-
|
|
60
|
-
- Type checking with your components.
|
|
61
|
-
- Integration with the router link and Vue router.
|
|
62
|
-
- Optionally, form control web components can be used with `v-model`.
|
|
63
|
-
|
|
64
|
-
(*Adapted from the [Stencil official documentation](https://stenciljs.com/docs/vue)*)
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@beeq/vue",
|
|
3
|
-
"version": "1.8.0-beta.
|
|
3
|
+
"version": "1.8.0-beta.11",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "Vue specific wrapper for BEEQ Design System components",
|
|
6
6
|
"main": "./src/index.js",
|
|
7
7
|
"types": "./src/index.d.ts",
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@beeq/core": "^1.8.0-beta.
|
|
9
|
+
"@beeq/core": "^1.8.0-beta.11",
|
|
10
|
+
"@stencil/vue-output-target": "^0.9.0",
|
|
10
11
|
"tslib": "^2.6.3"
|
|
11
12
|
},
|
|
12
13
|
"peerDependencies": {
|
package/src/components.d.ts
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import type { JSX } from '@beeq/core
|
|
2
|
-
export declare const BqAccordion: import("vue").DefineSetupFnComponent<JSX.BqAccordion & import("
|
|
3
|
-
export declare const BqAccordionGroup: import("vue").DefineSetupFnComponent<JSX.BqAccordionGroup & import("
|
|
4
|
-
export declare const BqAlert: import("vue").DefineSetupFnComponent<JSX.BqAlert & import("
|
|
5
|
-
export declare const BqAvatar: import("vue").DefineSetupFnComponent<JSX.BqAvatar & import("
|
|
6
|
-
export declare const BqBadge: import("vue").DefineSetupFnComponent<JSX.BqBadge & import("
|
|
7
|
-
export declare const BqBreadcrumb: import("vue").DefineSetupFnComponent<JSX.BqBreadcrumb & import("
|
|
8
|
-
export declare const BqBreadcrumbItem: import("vue").DefineSetupFnComponent<JSX.BqBreadcrumbItem & import("
|
|
9
|
-
export declare const BqButton: import("vue").DefineSetupFnComponent<JSX.BqButton & import("
|
|
10
|
-
export declare const BqCard: import("vue").DefineSetupFnComponent<JSX.BqCard & import("
|
|
11
|
-
export declare const BqCheckbox: import("vue").DefineSetupFnComponent<JSX.BqCheckbox & import("
|
|
12
|
-
export declare const BqDatePicker: import("vue").DefineSetupFnComponent<JSX.BqDatePicker & import("
|
|
13
|
-
export declare const BqDialog: import("vue").DefineSetupFnComponent<JSX.BqDialog & import("
|
|
14
|
-
export declare const BqDivider: import("vue").DefineSetupFnComponent<JSX.BqDivider & import("
|
|
15
|
-
export declare const BqDrawer: import("vue").DefineSetupFnComponent<JSX.BqDrawer & import("
|
|
16
|
-
export declare const BqDropdown: import("vue").DefineSetupFnComponent<JSX.BqDropdown & import("
|
|
17
|
-
export declare const BqEmptyState: import("vue").DefineSetupFnComponent<JSX.BqEmptyState & import("
|
|
18
|
-
export declare const BqIcon: import("vue").DefineSetupFnComponent<JSX.BqIcon & import("
|
|
19
|
-
export declare const BqInput: import("vue").DefineSetupFnComponent<JSX.BqInput & import("
|
|
20
|
-
export declare const BqNotification: import("vue").DefineSetupFnComponent<JSX.BqNotification & import("
|
|
21
|
-
export declare const BqOption: import("vue").DefineSetupFnComponent<JSX.BqOption & import("
|
|
22
|
-
export declare const BqOptionGroup: import("vue").DefineSetupFnComponent<JSX.BqOptionGroup & import("
|
|
23
|
-
export declare const BqOptionList: import("vue").DefineSetupFnComponent<JSX.BqOptionList & import("
|
|
24
|
-
export declare const BqPageTitle: import("vue").DefineSetupFnComponent<JSX.BqPageTitle & import("
|
|
25
|
-
export declare const BqPanel: import("vue").DefineSetupFnComponent<JSX.BqPanel & import("
|
|
26
|
-
export declare const BqProgress: import("vue").DefineSetupFnComponent<JSX.BqProgress & import("
|
|
27
|
-
export declare const BqRadio: import("vue").DefineSetupFnComponent<JSX.BqRadio & import("
|
|
28
|
-
export declare const BqRadioGroup: import("vue").DefineSetupFnComponent<JSX.BqRadioGroup & import("
|
|
29
|
-
export declare const BqSelect: import("vue").DefineSetupFnComponent<JSX.BqSelect & import("
|
|
30
|
-
export declare const BqSideMenu: import("vue").DefineSetupFnComponent<JSX.BqSideMenu & import("
|
|
31
|
-
export declare const BqSideMenuItem: import("vue").DefineSetupFnComponent<JSX.BqSideMenuItem & import("
|
|
32
|
-
export declare const BqSlider: import("vue").DefineSetupFnComponent<JSX.BqSlider & import("
|
|
33
|
-
export declare const BqSpinner: import("vue").DefineSetupFnComponent<JSX.BqSpinner & import("
|
|
34
|
-
export declare const BqStatus: import("vue").DefineSetupFnComponent<JSX.BqStatus & import("
|
|
35
|
-
export declare const BqStepItem: import("vue").DefineSetupFnComponent<JSX.BqStepItem & import("
|
|
36
|
-
export declare const BqSteps: import("vue").DefineSetupFnComponent<JSX.BqSteps & import("
|
|
37
|
-
export declare const BqSwitch: import("vue").DefineSetupFnComponent<JSX.BqSwitch & import("
|
|
38
|
-
export declare const BqTab: import("vue").DefineSetupFnComponent<JSX.BqTab & import("
|
|
39
|
-
export declare const BqTabGroup: import("vue").DefineSetupFnComponent<JSX.BqTabGroup & import("
|
|
40
|
-
export declare const BqTag: import("vue").DefineSetupFnComponent<JSX.BqTag & import("
|
|
41
|
-
export declare const BqTextarea: import("vue").DefineSetupFnComponent<JSX.BqTextarea & import("
|
|
42
|
-
export declare const BqToast: import("vue").DefineSetupFnComponent<JSX.BqToast & import("
|
|
43
|
-
export declare const BqTooltip: import("vue").DefineSetupFnComponent<JSX.BqTooltip & import("
|
|
1
|
+
import type { JSX } from '@beeq/core';
|
|
2
|
+
export declare const BqAccordion: import("vue").DefineSetupFnComponent<JSX.BqAccordion & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqAccordion & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps> | import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
3
|
+
export declare const BqAccordionGroup: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqAccordionGroup & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqAccordionGroup & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
4
|
+
export declare const BqAlert: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqAlert & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqAlert & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
5
|
+
export declare const BqAvatar: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqAvatar & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqAvatar & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
6
|
+
export declare const BqBadge: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqBadge & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqBadge & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
7
|
+
export declare const BqBreadcrumb: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqBreadcrumb & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqBreadcrumb & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
8
|
+
export declare const BqBreadcrumbItem: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqBreadcrumbItem & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqBreadcrumbItem & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
9
|
+
export declare const BqButton: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqButton & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqButton & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
10
|
+
export declare const BqCard: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqCard & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqCard & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
11
|
+
export declare const BqCheckbox: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqCheckbox & import("@stencil/vue-output-target/runtime").InputProps<boolean>, {}, {}, JSX.BqCheckbox & import("@stencil/vue-output-target/runtime").InputProps<boolean>, import("vue").PublicProps>;
|
|
12
|
+
export declare const BqDatePicker: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqDatePicker & import("@stencil/vue-output-target/runtime").InputProps<string>, {}, {}, JSX.BqDatePicker & import("@stencil/vue-output-target/runtime").InputProps<string>, import("vue").PublicProps>;
|
|
13
|
+
export declare const BqDialog: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqDialog & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqDialog & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
14
|
+
export declare const BqDivider: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqDivider & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqDivider & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
15
|
+
export declare const BqDrawer: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqDrawer & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqDrawer & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
16
|
+
export declare const BqDropdown: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqDropdown & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqDropdown & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
17
|
+
export declare const BqEmptyState: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqEmptyState & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqEmptyState & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
18
|
+
export declare const BqIcon: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqIcon & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqIcon & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
19
|
+
export declare const BqInput: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqInput & import("@stencil/vue-output-target/runtime").InputProps<import("@beeq/core").TInputValue>, {}, {}, JSX.BqInput & import("@stencil/vue-output-target/runtime").InputProps<import("@beeq/core").TInputValue>, import("vue").PublicProps>;
|
|
20
|
+
export declare const BqNotification: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqNotification & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqNotification & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
21
|
+
export declare const BqOption: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqOption & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqOption & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
22
|
+
export declare const BqOptionGroup: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqOptionGroup & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqOptionGroup & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
23
|
+
export declare const BqOptionList: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqOptionList & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqOptionList & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
24
|
+
export declare const BqPageTitle: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqPageTitle & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqPageTitle & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
25
|
+
export declare const BqPanel: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqPanel & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqPanel & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
26
|
+
export declare const BqProgress: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqProgress & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqProgress & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
27
|
+
export declare const BqRadio: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqRadio & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqRadio & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
28
|
+
export declare const BqRadioGroup: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqRadioGroup & import("@stencil/vue-output-target/runtime").InputProps<string>, {}, {}, JSX.BqRadioGroup & import("@stencil/vue-output-target/runtime").InputProps<string>, import("vue").PublicProps>;
|
|
29
|
+
export declare const BqSelect: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqSelect & import("@stencil/vue-output-target/runtime").InputProps<import("@beeq/core").TSelectValue>, {}, {}, JSX.BqSelect & import("@stencil/vue-output-target/runtime").InputProps<import("@beeq/core").TSelectValue>, import("vue").PublicProps>;
|
|
30
|
+
export declare const BqSideMenu: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqSideMenu & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqSideMenu & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
31
|
+
export declare const BqSideMenuItem: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqSideMenuItem & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqSideMenuItem & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
32
|
+
export declare const BqSlider: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqSlider & import("@stencil/vue-output-target/runtime").InputProps<import("@beeq/core").TSliderValue>, {}, {}, JSX.BqSlider & import("@stencil/vue-output-target/runtime").InputProps<import("@beeq/core").TSliderValue>, import("vue").PublicProps>;
|
|
33
|
+
export declare const BqSpinner: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqSpinner & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqSpinner & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
34
|
+
export declare const BqStatus: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqStatus & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqStatus & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
35
|
+
export declare const BqStepItem: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqStepItem & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqStepItem & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
36
|
+
export declare const BqSteps: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqSteps & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqSteps & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
37
|
+
export declare const BqSwitch: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqSwitch & import("@stencil/vue-output-target/runtime").InputProps<boolean>, {}, {}, JSX.BqSwitch & import("@stencil/vue-output-target/runtime").InputProps<boolean>, import("vue").PublicProps>;
|
|
38
|
+
export declare const BqTab: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqTab & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqTab & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
39
|
+
export declare const BqTabGroup: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqTabGroup & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqTabGroup & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
40
|
+
export declare const BqTag: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqTag & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqTag & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
41
|
+
export declare const BqTextarea: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqTextarea & import("@stencil/vue-output-target/runtime").InputProps<string>, {}, {}, JSX.BqTextarea & import("@stencil/vue-output-target/runtime").InputProps<string>, import("vue").PublicProps>;
|
|
42
|
+
export declare const BqToast: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqToast & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqToast & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|
|
43
|
+
export declare const BqTooltip: import("vue").DefineComponent<Record<string, any>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Record<string, any>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineSetupFnComponent<JSX.BqTooltip & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, {}, {}, JSX.BqTooltip & import("@stencil/vue-output-target/runtime").InputProps<string | number | boolean>, import("vue").PublicProps>;
|