xv-webcomponents 0.1.8 → 0.1.10
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 +2 -2
- package/dist/types/components/xv-accordion/xv-accordion.d.ts +20 -0
- package/dist/types/components/xv-accordion-item/xv-accordion-item.d.ts +15 -0
- package/dist/types/components/xv-breadcrumbs/xv-breadcrumbs.d.ts +3 -0
- package/dist/types/components/xv-button/xv-button.d.ts +0 -3
- package/dist/types/components/xv-card/xv-card.d.ts +8 -0
- package/dist/types/components/xv-link/xv-link.d.ts +9 -0
- package/dist/types/components/xv-progress-indicator/xv-progress-indicator.d.ts +7 -0
- package/dist/types/components/xv-progress-indicator-item/xv-progress-indicator-item.d.ts +5 -0
- package/dist/types/components/xv-tag/xv-tag.d.ts +11 -0
- package/dist/types/components/xv-tooltip/xv-tooltip.d.ts +11 -0
- package/dist/types/components.d.ts +236 -0
- package/dist/types/utils/utils.d.ts +1 -0
- package/dist/xv-webcomponents/{index-ab21f69f.js → index-7b4633e7.js} +3 -3
- package/dist/xv-webcomponents/index-7b4633e7.js.map +1 -0
- package/dist/xv-webcomponents/index.esm.js +1 -5
- package/dist/xv-webcomponents/index.esm.js.map +1 -1
- package/dist/xv-webcomponents/utils-9bb6333b.js +10 -0
- package/dist/xv-webcomponents/utils-9bb6333b.js.map +1 -0
- package/dist/xv-webcomponents/xv-accordion-item.entry.js +35 -0
- package/dist/xv-webcomponents/xv-accordion-item.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-accordion.entry.js +40 -0
- package/dist/xv-webcomponents/xv-accordion.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-breadcrumbs.entry.js +17 -0
- package/dist/xv-webcomponents/xv-breadcrumbs.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-button-v2.entry.js +5 -15
- package/dist/xv-webcomponents/xv-button-v2.entry.js.map +1 -1
- package/dist/xv-webcomponents/xv-card.entry.js +18 -0
- package/dist/xv-webcomponents/xv-card.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-checkbox-v2.entry.js +2 -2
- package/dist/xv-webcomponents/xv-link.entry.js +26 -0
- package/dist/xv-webcomponents/xv-link.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-progress-indicator-item.entry.js +19 -0
- package/dist/xv-webcomponents/xv-progress-indicator-item.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-progress-indicator.entry.js +39 -0
- package/dist/xv-webcomponents/xv-progress-indicator.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-tag.entry.js +28 -0
- package/dist/xv-webcomponents/xv-tag.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-tooltip.entry.js +23 -0
- package/dist/xv-webcomponents/xv-tooltip.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +3 -3
- package/package.json +3 -1
- package/dist/xv-webcomponents/index-ab21f69f.js.map +0 -1
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# @xv/webcomponents
|
|
1
|
+
# @xv/webcomponents
|
|
2
2
|
|
|
3
3
|
**Reusable Web Components for XV Applications**
|
|
4
4
|
This repository contains Web Components built with Stencil.js to provide a modular and reusable UI across multiple applications.
|
|
@@ -18,7 +18,7 @@ This repository contains Web Components built with Stencil.js to provide a modul
|
|
|
18
18
|
## Folder Structure
|
|
19
19
|
|
|
20
20
|
```
|
|
21
|
-
xv-webcomponents
|
|
21
|
+
xv-webcomponents/
|
|
22
22
|
│── src/
|
|
23
23
|
│ ├── components/ # Web Component source files
|
|
24
24
|
│ │ ├── button/
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
export declare class XvAccordion {
|
|
3
|
+
multiple: boolean;
|
|
4
|
+
xvId: string;
|
|
5
|
+
value: string;
|
|
6
|
+
opened: Set<string>;
|
|
7
|
+
accordionChange: EventEmitter<{
|
|
8
|
+
opened: Set<string>;
|
|
9
|
+
id: string;
|
|
10
|
+
}>;
|
|
11
|
+
toggleItem(value: string): Promise<{
|
|
12
|
+
opened: Set<string>;
|
|
13
|
+
id: string;
|
|
14
|
+
}>;
|
|
15
|
+
componentWillLoad(): Promise<{
|
|
16
|
+
opened: Set<string>;
|
|
17
|
+
id: string;
|
|
18
|
+
}>;
|
|
19
|
+
render(): any;
|
|
20
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
export declare class XvAccordionItem {
|
|
3
|
+
el: HTMLElement;
|
|
4
|
+
disabled: boolean;
|
|
5
|
+
label: string;
|
|
6
|
+
value: string;
|
|
7
|
+
isOpen: boolean;
|
|
8
|
+
itemToggle: EventEmitter;
|
|
9
|
+
handleAccordionChange(event: CustomEvent<{
|
|
10
|
+
opened: Set<string>;
|
|
11
|
+
id: string;
|
|
12
|
+
}>): void;
|
|
13
|
+
toggle(): void;
|
|
14
|
+
render(): any;
|
|
15
|
+
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
2
|
export declare class XvButton {
|
|
3
|
-
el: HTMLElement;
|
|
4
3
|
/** Button label */
|
|
5
4
|
label: string;
|
|
6
5
|
/** Variant */
|
|
@@ -9,9 +8,7 @@ export declare class XvButton {
|
|
|
9
8
|
disabled: boolean;
|
|
10
9
|
/** Emits when the button is clicked */
|
|
11
10
|
buttonClick: EventEmitter<void>;
|
|
12
|
-
private applyGlobalStyles;
|
|
13
11
|
/** Handle click only if not disabled */
|
|
14
12
|
private handleClick;
|
|
15
|
-
componentWillLoad(): void;
|
|
16
13
|
render(): any;
|
|
17
14
|
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
export declare class XvTag {
|
|
3
|
+
size: 'sm' | 'md' | 'lg';
|
|
4
|
+
color: string;
|
|
5
|
+
bg: string;
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
closeable: boolean;
|
|
8
|
+
closeClick: EventEmitter<PointerEvent>;
|
|
9
|
+
closeHandler(e: PointerEvent): void;
|
|
10
|
+
render(): any;
|
|
11
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare class XvTooltip {
|
|
2
|
+
/** Message what will be shown for tooltip **/
|
|
3
|
+
message: string;
|
|
4
|
+
/**
|
|
5
|
+
* Tooltip and arrow position related to element
|
|
6
|
+
* possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'.
|
|
7
|
+
* By default, "top"
|
|
8
|
+
*/
|
|
9
|
+
position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
|
|
10
|
+
render(): any;
|
|
11
|
+
}
|
|
@@ -6,6 +6,23 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
8
|
export namespace Components {
|
|
9
|
+
interface XvAccordion {
|
|
10
|
+
"multiple": boolean;
|
|
11
|
+
"toggleItem": (value: string) => Promise<{ opened: Set<string>; id: string; }>;
|
|
12
|
+
"value": string;
|
|
13
|
+
"xvId": string;
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
|
|
16
|
+
*/
|
|
17
|
+
"xv-id"?: string;
|
|
18
|
+
}
|
|
19
|
+
interface XvAccordionItem {
|
|
20
|
+
"disabled": boolean;
|
|
21
|
+
"label": string;
|
|
22
|
+
"value": string;
|
|
23
|
+
}
|
|
24
|
+
interface XvBreadcrumbs {
|
|
25
|
+
}
|
|
9
26
|
interface XvButtonV2 {
|
|
10
27
|
/**
|
|
11
28
|
* Disabled state
|
|
@@ -20,14 +37,103 @@ export namespace Components {
|
|
|
20
37
|
*/
|
|
21
38
|
"variant": 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost';
|
|
22
39
|
}
|
|
40
|
+
interface XvCard {
|
|
41
|
+
"body": string;
|
|
42
|
+
"footer": string;
|
|
43
|
+
"header": string;
|
|
44
|
+
"media": string;
|
|
45
|
+
"variant": 'horizontal' | 'vertical';
|
|
46
|
+
}
|
|
23
47
|
interface XvCheckboxV2 {
|
|
24
48
|
}
|
|
49
|
+
interface XvLink {
|
|
50
|
+
"disabled": boolean;
|
|
51
|
+
"href": string;
|
|
52
|
+
"size": 'sm' | 'md' | 'lg';
|
|
53
|
+
"target": '_self' | '_blank' | '_parent' | '_top';
|
|
54
|
+
"variant": 'standalone' | 'inline';
|
|
55
|
+
}
|
|
56
|
+
interface XvProgressIndicator {
|
|
57
|
+
"progress": number;
|
|
58
|
+
}
|
|
59
|
+
interface XvProgressIndicatorItem {
|
|
60
|
+
"done": boolean;
|
|
61
|
+
}
|
|
62
|
+
interface XvTag {
|
|
63
|
+
"bg": string;
|
|
64
|
+
"closeable": boolean;
|
|
65
|
+
"color": string;
|
|
66
|
+
"disabled": boolean;
|
|
67
|
+
"size": 'sm' | 'md' | 'lg';
|
|
68
|
+
}
|
|
69
|
+
interface XvTooltip {
|
|
70
|
+
/**
|
|
71
|
+
* Message what will be shown for tooltip *
|
|
72
|
+
*/
|
|
73
|
+
"message": string;
|
|
74
|
+
/**
|
|
75
|
+
* Tooltip and arrow position related to element possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'. By default, "top"
|
|
76
|
+
*/
|
|
77
|
+
"position": 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
export interface XvAccordionCustomEvent<T> extends CustomEvent<T> {
|
|
81
|
+
detail: T;
|
|
82
|
+
target: HTMLXvAccordionElement;
|
|
83
|
+
}
|
|
84
|
+
export interface XvAccordionItemCustomEvent<T> extends CustomEvent<T> {
|
|
85
|
+
detail: T;
|
|
86
|
+
target: HTMLXvAccordionItemElement;
|
|
25
87
|
}
|
|
26
88
|
export interface XvButtonV2CustomEvent<T> extends CustomEvent<T> {
|
|
27
89
|
detail: T;
|
|
28
90
|
target: HTMLXvButtonV2Element;
|
|
29
91
|
}
|
|
92
|
+
export interface XvTagCustomEvent<T> extends CustomEvent<T> {
|
|
93
|
+
detail: T;
|
|
94
|
+
target: HTMLXvTagElement;
|
|
95
|
+
}
|
|
30
96
|
declare global {
|
|
97
|
+
interface HTMLXvAccordionElementEventMap {
|
|
98
|
+
"accordionChange": { opened: Set<string>, id: string };
|
|
99
|
+
}
|
|
100
|
+
interface HTMLXvAccordionElement extends Components.XvAccordion, HTMLStencilElement {
|
|
101
|
+
addEventListener<K extends keyof HTMLXvAccordionElementEventMap>(type: K, listener: (this: HTMLXvAccordionElement, ev: XvAccordionCustomEvent<HTMLXvAccordionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
102
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
103
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
104
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
105
|
+
removeEventListener<K extends keyof HTMLXvAccordionElementEventMap>(type: K, listener: (this: HTMLXvAccordionElement, ev: XvAccordionCustomEvent<HTMLXvAccordionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
106
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
107
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
108
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
109
|
+
}
|
|
110
|
+
var HTMLXvAccordionElement: {
|
|
111
|
+
prototype: HTMLXvAccordionElement;
|
|
112
|
+
new (): HTMLXvAccordionElement;
|
|
113
|
+
};
|
|
114
|
+
interface HTMLXvAccordionItemElementEventMap {
|
|
115
|
+
"itemToggle": any;
|
|
116
|
+
}
|
|
117
|
+
interface HTMLXvAccordionItemElement extends Components.XvAccordionItem, HTMLStencilElement {
|
|
118
|
+
addEventListener<K extends keyof HTMLXvAccordionItemElementEventMap>(type: K, listener: (this: HTMLXvAccordionItemElement, ev: XvAccordionItemCustomEvent<HTMLXvAccordionItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
119
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
120
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
121
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
122
|
+
removeEventListener<K extends keyof HTMLXvAccordionItemElementEventMap>(type: K, listener: (this: HTMLXvAccordionItemElement, ev: XvAccordionItemCustomEvent<HTMLXvAccordionItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
123
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
124
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
125
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
126
|
+
}
|
|
127
|
+
var HTMLXvAccordionItemElement: {
|
|
128
|
+
prototype: HTMLXvAccordionItemElement;
|
|
129
|
+
new (): HTMLXvAccordionItemElement;
|
|
130
|
+
};
|
|
131
|
+
interface HTMLXvBreadcrumbsElement extends Components.XvBreadcrumbs, HTMLStencilElement {
|
|
132
|
+
}
|
|
133
|
+
var HTMLXvBreadcrumbsElement: {
|
|
134
|
+
prototype: HTMLXvBreadcrumbsElement;
|
|
135
|
+
new (): HTMLXvBreadcrumbsElement;
|
|
136
|
+
};
|
|
31
137
|
interface HTMLXvButtonV2ElementEventMap {
|
|
32
138
|
"buttonClick": void;
|
|
33
139
|
}
|
|
@@ -45,18 +151,92 @@ declare global {
|
|
|
45
151
|
prototype: HTMLXvButtonV2Element;
|
|
46
152
|
new (): HTMLXvButtonV2Element;
|
|
47
153
|
};
|
|
154
|
+
interface HTMLXvCardElement extends Components.XvCard, HTMLStencilElement {
|
|
155
|
+
}
|
|
156
|
+
var HTMLXvCardElement: {
|
|
157
|
+
prototype: HTMLXvCardElement;
|
|
158
|
+
new (): HTMLXvCardElement;
|
|
159
|
+
};
|
|
48
160
|
interface HTMLXvCheckboxV2Element extends Components.XvCheckboxV2, HTMLStencilElement {
|
|
49
161
|
}
|
|
50
162
|
var HTMLXvCheckboxV2Element: {
|
|
51
163
|
prototype: HTMLXvCheckboxV2Element;
|
|
52
164
|
new (): HTMLXvCheckboxV2Element;
|
|
53
165
|
};
|
|
166
|
+
interface HTMLXvLinkElement extends Components.XvLink, HTMLStencilElement {
|
|
167
|
+
}
|
|
168
|
+
var HTMLXvLinkElement: {
|
|
169
|
+
prototype: HTMLXvLinkElement;
|
|
170
|
+
new (): HTMLXvLinkElement;
|
|
171
|
+
};
|
|
172
|
+
interface HTMLXvProgressIndicatorElement extends Components.XvProgressIndicator, HTMLStencilElement {
|
|
173
|
+
}
|
|
174
|
+
var HTMLXvProgressIndicatorElement: {
|
|
175
|
+
prototype: HTMLXvProgressIndicatorElement;
|
|
176
|
+
new (): HTMLXvProgressIndicatorElement;
|
|
177
|
+
};
|
|
178
|
+
interface HTMLXvProgressIndicatorItemElement extends Components.XvProgressIndicatorItem, HTMLStencilElement {
|
|
179
|
+
}
|
|
180
|
+
var HTMLXvProgressIndicatorItemElement: {
|
|
181
|
+
prototype: HTMLXvProgressIndicatorItemElement;
|
|
182
|
+
new (): HTMLXvProgressIndicatorItemElement;
|
|
183
|
+
};
|
|
184
|
+
interface HTMLXvTagElementEventMap {
|
|
185
|
+
"closeClick": PointerEvent;
|
|
186
|
+
}
|
|
187
|
+
interface HTMLXvTagElement extends Components.XvTag, HTMLStencilElement {
|
|
188
|
+
addEventListener<K extends keyof HTMLXvTagElementEventMap>(type: K, listener: (this: HTMLXvTagElement, ev: XvTagCustomEvent<HTMLXvTagElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
189
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
190
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
191
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
192
|
+
removeEventListener<K extends keyof HTMLXvTagElementEventMap>(type: K, listener: (this: HTMLXvTagElement, ev: XvTagCustomEvent<HTMLXvTagElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
193
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
194
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
195
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
196
|
+
}
|
|
197
|
+
var HTMLXvTagElement: {
|
|
198
|
+
prototype: HTMLXvTagElement;
|
|
199
|
+
new (): HTMLXvTagElement;
|
|
200
|
+
};
|
|
201
|
+
interface HTMLXvTooltipElement extends Components.XvTooltip, HTMLStencilElement {
|
|
202
|
+
}
|
|
203
|
+
var HTMLXvTooltipElement: {
|
|
204
|
+
prototype: HTMLXvTooltipElement;
|
|
205
|
+
new (): HTMLXvTooltipElement;
|
|
206
|
+
};
|
|
54
207
|
interface HTMLElementTagNameMap {
|
|
208
|
+
"xv-accordion": HTMLXvAccordionElement;
|
|
209
|
+
"xv-accordion-item": HTMLXvAccordionItemElement;
|
|
210
|
+
"xv-breadcrumbs": HTMLXvBreadcrumbsElement;
|
|
55
211
|
"xv-button-v2": HTMLXvButtonV2Element;
|
|
212
|
+
"xv-card": HTMLXvCardElement;
|
|
56
213
|
"xv-checkbox-v2": HTMLXvCheckboxV2Element;
|
|
214
|
+
"xv-link": HTMLXvLinkElement;
|
|
215
|
+
"xv-progress-indicator": HTMLXvProgressIndicatorElement;
|
|
216
|
+
"xv-progress-indicator-item": HTMLXvProgressIndicatorItemElement;
|
|
217
|
+
"xv-tag": HTMLXvTagElement;
|
|
218
|
+
"xv-tooltip": HTMLXvTooltipElement;
|
|
57
219
|
}
|
|
58
220
|
}
|
|
59
221
|
declare namespace LocalJSX {
|
|
222
|
+
interface XvAccordion {
|
|
223
|
+
"multiple"?: boolean;
|
|
224
|
+
"onAccordionChange"?: (event: XvAccordionCustomEvent<{ opened: Set<string>, id: string }>) => void;
|
|
225
|
+
"value"?: string;
|
|
226
|
+
"xvId"?: string;
|
|
227
|
+
/**
|
|
228
|
+
* @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
|
|
229
|
+
*/
|
|
230
|
+
"xv-id"?: string;
|
|
231
|
+
}
|
|
232
|
+
interface XvAccordionItem {
|
|
233
|
+
"disabled"?: boolean;
|
|
234
|
+
"label"?: string;
|
|
235
|
+
"onItemToggle"?: (event: XvAccordionItemCustomEvent<any>) => void;
|
|
236
|
+
"value"?: string;
|
|
237
|
+
}
|
|
238
|
+
interface XvBreadcrumbs {
|
|
239
|
+
}
|
|
60
240
|
interface XvButtonV2 {
|
|
61
241
|
/**
|
|
62
242
|
* Disabled state
|
|
@@ -75,19 +255,75 @@ declare namespace LocalJSX {
|
|
|
75
255
|
*/
|
|
76
256
|
"variant"?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost';
|
|
77
257
|
}
|
|
258
|
+
interface XvCard {
|
|
259
|
+
"body"?: string;
|
|
260
|
+
"footer"?: string;
|
|
261
|
+
"header"?: string;
|
|
262
|
+
"media"?: string;
|
|
263
|
+
"variant"?: 'horizontal' | 'vertical';
|
|
264
|
+
}
|
|
78
265
|
interface XvCheckboxV2 {
|
|
79
266
|
}
|
|
267
|
+
interface XvLink {
|
|
268
|
+
"disabled"?: boolean;
|
|
269
|
+
"href"?: string;
|
|
270
|
+
"size"?: 'sm' | 'md' | 'lg';
|
|
271
|
+
"target"?: '_self' | '_blank' | '_parent' | '_top';
|
|
272
|
+
"variant"?: 'standalone' | 'inline';
|
|
273
|
+
}
|
|
274
|
+
interface XvProgressIndicator {
|
|
275
|
+
"progress"?: number;
|
|
276
|
+
}
|
|
277
|
+
interface XvProgressIndicatorItem {
|
|
278
|
+
"done"?: boolean;
|
|
279
|
+
}
|
|
280
|
+
interface XvTag {
|
|
281
|
+
"bg"?: string;
|
|
282
|
+
"closeable"?: boolean;
|
|
283
|
+
"color"?: string;
|
|
284
|
+
"disabled"?: boolean;
|
|
285
|
+
"onCloseClick"?: (event: XvTagCustomEvent<PointerEvent>) => void;
|
|
286
|
+
"size"?: 'sm' | 'md' | 'lg';
|
|
287
|
+
}
|
|
288
|
+
interface XvTooltip {
|
|
289
|
+
/**
|
|
290
|
+
* Message what will be shown for tooltip *
|
|
291
|
+
*/
|
|
292
|
+
"message"?: string;
|
|
293
|
+
/**
|
|
294
|
+
* Tooltip and arrow position related to element possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'. By default, "top"
|
|
295
|
+
*/
|
|
296
|
+
"position"?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
|
|
297
|
+
}
|
|
80
298
|
interface IntrinsicElements {
|
|
299
|
+
"xv-accordion": XvAccordion;
|
|
300
|
+
"xv-accordion-item": XvAccordionItem;
|
|
301
|
+
"xv-breadcrumbs": XvBreadcrumbs;
|
|
81
302
|
"xv-button-v2": XvButtonV2;
|
|
303
|
+
"xv-card": XvCard;
|
|
82
304
|
"xv-checkbox-v2": XvCheckboxV2;
|
|
305
|
+
"xv-link": XvLink;
|
|
306
|
+
"xv-progress-indicator": XvProgressIndicator;
|
|
307
|
+
"xv-progress-indicator-item": XvProgressIndicatorItem;
|
|
308
|
+
"xv-tag": XvTag;
|
|
309
|
+
"xv-tooltip": XvTooltip;
|
|
83
310
|
}
|
|
84
311
|
}
|
|
85
312
|
export { LocalJSX as JSX };
|
|
86
313
|
declare module "@stencil/core" {
|
|
87
314
|
export namespace JSX {
|
|
88
315
|
interface IntrinsicElements {
|
|
316
|
+
"xv-accordion": LocalJSX.XvAccordion & JSXBase.HTMLAttributes<HTMLXvAccordionElement>;
|
|
317
|
+
"xv-accordion-item": LocalJSX.XvAccordionItem & JSXBase.HTMLAttributes<HTMLXvAccordionItemElement>;
|
|
318
|
+
"xv-breadcrumbs": LocalJSX.XvBreadcrumbs & JSXBase.HTMLAttributes<HTMLXvBreadcrumbsElement>;
|
|
89
319
|
"xv-button-v2": LocalJSX.XvButtonV2 & JSXBase.HTMLAttributes<HTMLXvButtonV2Element>;
|
|
320
|
+
"xv-card": LocalJSX.XvCard & JSXBase.HTMLAttributes<HTMLXvCardElement>;
|
|
90
321
|
"xv-checkbox-v2": LocalJSX.XvCheckboxV2 & JSXBase.HTMLAttributes<HTMLXvCheckboxV2Element>;
|
|
322
|
+
"xv-link": LocalJSX.XvLink & JSXBase.HTMLAttributes<HTMLXvLinkElement>;
|
|
323
|
+
"xv-progress-indicator": LocalJSX.XvProgressIndicator & JSXBase.HTMLAttributes<HTMLXvProgressIndicatorElement>;
|
|
324
|
+
"xv-progress-indicator-item": LocalJSX.XvProgressIndicatorItem & JSXBase.HTMLAttributes<HTMLXvProgressIndicatorItemElement>;
|
|
325
|
+
"xv-tag": LocalJSX.XvTag & JSXBase.HTMLAttributes<HTMLXvTagElement>;
|
|
326
|
+
"xv-tooltip": LocalJSX.XvTooltip & JSXBase.HTMLAttributes<HTMLXvTooltipElement>;
|
|
91
327
|
}
|
|
92
328
|
}
|
|
93
329
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const NAMESPACE = 'xv-webcomponents';
|
|
2
|
-
const BUILD = /* xv-webcomponents */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: false, cssAnnotations: true, devTools: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener:
|
|
2
|
+
const BUILD = /* xv-webcomponents */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: false, cssAnnotations: true, devTools: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: true, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: true, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: true, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
3
3
|
const Env = /* xv-webcomponents */ {};
|
|
4
4
|
|
|
5
5
|
/*
|
|
@@ -3966,6 +3966,6 @@ var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, inde
|
|
|
3966
3966
|
}
|
|
3967
3967
|
};
|
|
3968
3968
|
|
|
3969
|
-
export { BUILD as B, H, NAMESPACE as N, createEvent as a, bootstrapLazy as b, consoleDevInfo as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s, win as w };
|
|
3969
|
+
export { BUILD as B, H, NAMESPACE as N, createEvent as a, bootstrapLazy as b, consoleDevInfo as c, Host as d, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s, win as w };
|
|
3970
3970
|
|
|
3971
|
-
//# sourceMappingURL=index-
|
|
3971
|
+
//# sourceMappingURL=index-7b4633e7.js.map
|