xv-webcomponents 1.8.2-qa.0 → 1.9.1-qa.0
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/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/xv-accordion-v2_45.cjs.entry.js +33 -36
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/components/xv-button/xv-button.js +6 -6
- package/dist/collection/components/xv-checkbox/xv-checkbox.js +10 -7
- package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.js +6 -6
- package/dist/collection/components/xv-data-table/xv-data-table.js +9 -9
- package/dist/collection/components/xv-datepicker/xv-datepicker.js +6 -6
- package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.js +10 -7
- package/dist/collection/components/xv-dropdown/xv-dropdown.js +6 -6
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.js +5 -5
- package/dist/collection/components/xv-link/xv-link.js +1 -1
- package/dist/collection/components/xv-loader/xv-loader.js +4 -4
- package/dist/collection/components/xv-modal/xv-modal.js +5 -5
- package/dist/collection/components/xv-notification/xv-notification.js +5 -5
- package/dist/collection/components/xv-number-input/xv-number-input.js +6 -6
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js +6 -6
- package/dist/collection/components/xv-pagination/xv-pagination.js +5 -5
- package/dist/collection/components/xv-progress-indicator/_vars.js +0 -5
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +12 -19
- package/dist/collection/components/xv-radio/xv-radio.js +6 -6
- package/dist/collection/components/xv-table/xv-table.js +9 -7
- package/dist/collection/components/xv-tabs/xv-tabs.js +4 -4
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +6 -6
- package/dist/collection/components/xv-text-input/xv-text-input.js +6 -6
- package/dist/collection/components/xv-textarea/xv-textarea.js +6 -6
- package/dist/collection/components/xv-toggle/xv-toggle.js +5 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/xv-accordion-v2_45.entry.js +33 -36
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-button/xv-button.d.ts +2 -2
- package/dist/types/components/xv-checkbox/xv-checkbox.d.ts +2 -2
- package/dist/types/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.d.ts +1 -1
- package/dist/types/components/xv-data-table/xv-data-table.d.ts +3 -3
- package/dist/types/components/xv-datepicker/xv-datepicker.d.ts +2 -2
- package/dist/types/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.d.ts +2 -2
- package/dist/types/components/xv-dropdown/xv-dropdown.d.ts +3 -3
- package/dist/types/components/xv-file-uploader/xv-file-uploader.d.ts +2 -2
- package/dist/types/components/xv-loader/xv-loader.d.ts +2 -2
- package/dist/types/components/xv-modal/xv-modal.d.ts +2 -2
- package/dist/types/components/xv-notification/_vars.d.ts +1 -0
- package/dist/types/components/xv-notification/xv-notification.d.ts +2 -2
- package/dist/types/components/xv-number-input/xv-number-input.d.ts +2 -2
- package/dist/types/components/xv-overflow-menu/xv-overflow-menu.d.ts +2 -2
- package/dist/types/components/xv-pagination/xv-pagination.d.ts +2 -2
- package/dist/types/components/xv-progress-indicator/_vars.d.ts +0 -4
- package/dist/types/components/xv-progress-indicator/xv-progress-indicator.d.ts +3 -5
- package/dist/types/components/xv-radio/xv-radio.d.ts +2 -2
- package/dist/types/components/xv-table/xv-table.d.ts +2 -2
- package/dist/types/components/xv-tabs/_vars.d.ts +1 -0
- package/dist/types/components/xv-tabs/xv-tabs.d.ts +2 -2
- package/dist/types/components/xv-tag-combobox/xv-tag-combobox.d.ts +2 -2
- package/dist/types/components/xv-text-input/xv-text-input.d.ts +2 -2
- package/dist/types/components/xv-textarea/xv-textarea.d.ts +2 -2
- package/dist/types/components/xv-toggle/xv-toggle.d.ts +2 -2
- package/dist/types/components.d.ts +80 -62
- package/dist/types/types/enum.d.ts +1 -0
- package/dist/xv-webcomponents/p-e8d8061e.entry.js +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-8f21bea3.entry.js +0 -1
|
@@ -42,7 +42,7 @@ export class XvButton {
|
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
44
|
var _a, _b;
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: 'ca4d2a911587ac7e4621f320166a683cf198d0f0' }, h("button", { key: '7e646d1de420bc64a91ede1225f0032f1a072063', class: {
|
|
46
46
|
'xv-button': true,
|
|
47
47
|
[`xv-button--${this.variant}`]: !!this.variant,
|
|
48
48
|
[`xv-button--${this.size}`]: !!this.size,
|
|
@@ -52,7 +52,7 @@ export class XvButton {
|
|
|
52
52
|
'xv-button--icon-left': this.hasLeftIcon,
|
|
53
53
|
'xv-button--icon-right': this.hasRightIcon,
|
|
54
54
|
'xv-button--icon-only': !this.hasContent,
|
|
55
|
-
}, part: "button", title: (_a = this.el) === null || _a === void 0 ? void 0 : _a.title, value: this.value, name: this.value, onClick: this.handleClick, type: this.type, disabled: this.disabled || this.loading, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": ((_b = this.el) === null || _b === void 0 ? void 0 : _b.ariaLabel) || 'XV button' }, this.loading && (h("xv-loader-v2", { key: '
|
|
55
|
+
}, part: "button", title: (_a = this.el) === null || _a === void 0 ? void 0 : _a.title, value: this.value, name: this.value, onClick: this.handleClick, type: this.type, disabled: this.disabled || this.loading, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": ((_b = this.el) === null || _b === void 0 ? void 0 : _b.ariaLabel) || 'XV button' }, this.loading && (h("xv-loader-v2", { key: '068cd3f9bc6b48fed3c53e3d4d379da885b04b95', class: "xv-button__loader", size: this.size !== SIZE_VAR.XL ? this.size : SIZE_VAR.LG })), h("span", { key: '8723520d4016d6e88b410cb812e44a1aff37a0e4', class: "xv-button__icon xv-button__icon--left" }, h("slot", { key: 'a72f26bd0953750cc65a644ee7125fdd7bf8ce97', name: "icon-left", onSlotchange: this.handleSlotChangeLeft })), h("span", { key: '1a5bca8873a4ee387f1f96db56e319810ba4c171', class: "xv-button__label" }, h("slot", { key: '7e0298656481090796a6ad1b520029dcbb7eab54', onSlotchange: this.handleSlotChangeContent }, this.label)), h("span", { key: '8ff8b70423fe2981cca4925dbffb837419a6f3ab', class: "xv-button__icon xv-button__icon--right" }, h("slot", { key: 'c0c15d62fb18a42a76a767cfc320521388665d01', name: "icon-right", onSlotchange: this.handleSlotChangeRight })))));
|
|
56
56
|
}
|
|
57
57
|
static get is() { return "xv-button-v2"; }
|
|
58
58
|
static get encapsulation() { return "shadow"; }
|
|
@@ -150,13 +150,13 @@ export class XvButton {
|
|
|
150
150
|
"type": "string",
|
|
151
151
|
"mutable": false,
|
|
152
152
|
"complexType": {
|
|
153
|
-
"original": "
|
|
154
|
-
"resolved": "
|
|
153
|
+
"original": "SIZE_VAR_STR",
|
|
154
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
155
155
|
"references": {
|
|
156
|
-
"
|
|
156
|
+
"SIZE_VAR_STR": {
|
|
157
157
|
"location": "import",
|
|
158
158
|
"path": "../../types/enum",
|
|
159
|
-
"id": "src/types/enum.ts::
|
|
159
|
+
"id": "src/types/enum.ts::SIZE_VAR_STR"
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
162
|
},
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
|
+
import { SIZE_VAR } from "../../types/enum";
|
|
2
3
|
export class XvCheckbox {
|
|
3
4
|
constructor() {
|
|
4
5
|
var _a, _b;
|
|
@@ -30,6 +31,7 @@ export class XvCheckbox {
|
|
|
30
31
|
* Change checkmark icon to minus
|
|
31
32
|
*/
|
|
32
33
|
this.partial = false;
|
|
34
|
+
this.size = SIZE_VAR.MD;
|
|
33
35
|
this.hasFocus = false;
|
|
34
36
|
this.onInput = (e) => {
|
|
35
37
|
const target = e.target;
|
|
@@ -66,7 +68,7 @@ export class XvCheckbox {
|
|
|
66
68
|
}
|
|
67
69
|
}
|
|
68
70
|
render() {
|
|
69
|
-
return (h(Host, { key: '
|
|
71
|
+
return (h(Host, { key: 'a18af95ff7f16b6c521a8b0dd87d8dccd5a59ca6' }, h("label", { key: 'e1e156bdfaaab224cd0fdc3c335007a226954f4e', class: { 'xv-checkbox': true, disabled: this.disabled, readonly: this.readonly } }, h("input", { key: '6ee91843fafedd5181faf3c7a4999b769130eb41', ref: el => (this.inputEl = el), type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, required: this.required, indeterminate: this.indeterminate, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), h("span", { key: '8aae1f55ce93c49a7c31befbf511dd6e5fee81d2', class: `checkmark ${this.partial ? 'checkmark-partial' : ''}` }), h("div", { key: '576d09e60a3a95dd930e71e34f6944c7ef36870d', class: "label" }, h("slot", { key: 'daf763b81d4f7cbe18b97f5cf06f3c5a24d947e8' }, this.label && h("span", { key: '532206a77490e578dbeb02eda4fdd356aba283e6', class: "label_str" }, this.label)))), h("slot", { key: '5eb216f63aebbbaa2e258e75a6342fd0af1cac0f', name: "info" }), !!this.error && h("span", { key: '5248290ad28c695fb552d20e42e897cda92d645d', class: "error" }, this.error)));
|
|
70
72
|
}
|
|
71
73
|
componentDidLoad() {
|
|
72
74
|
if (this.indeterminate) {
|
|
@@ -281,18 +283,18 @@ export class XvCheckbox {
|
|
|
281
283
|
"type": "string",
|
|
282
284
|
"mutable": false,
|
|
283
285
|
"complexType": {
|
|
284
|
-
"original": "
|
|
285
|
-
"resolved": "
|
|
286
|
+
"original": "SIZE_VAR_STR",
|
|
287
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
286
288
|
"references": {
|
|
287
|
-
"
|
|
289
|
+
"SIZE_VAR_STR": {
|
|
288
290
|
"location": "import",
|
|
289
291
|
"path": "../../types/enum",
|
|
290
|
-
"id": "src/types/enum.ts::
|
|
292
|
+
"id": "src/types/enum.ts::SIZE_VAR_STR"
|
|
291
293
|
}
|
|
292
294
|
}
|
|
293
295
|
},
|
|
294
296
|
"required": false,
|
|
295
|
-
"optional":
|
|
297
|
+
"optional": false,
|
|
296
298
|
"docs": {
|
|
297
299
|
"tags": [],
|
|
298
300
|
"text": ""
|
|
@@ -300,7 +302,8 @@ export class XvCheckbox {
|
|
|
300
302
|
"getter": false,
|
|
301
303
|
"setter": false,
|
|
302
304
|
"reflect": true,
|
|
303
|
-
"attribute": "size"
|
|
305
|
+
"attribute": "size",
|
|
306
|
+
"defaultValue": "SIZE_VAR.MD"
|
|
304
307
|
},
|
|
305
308
|
"error": {
|
|
306
309
|
"type": "any",
|
|
@@ -22,7 +22,7 @@ export class XvDataTableCell {
|
|
|
22
22
|
}
|
|
23
23
|
;
|
|
24
24
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: 'aad24baff63999cfcabbb17b8d323821847a8dca', role: "cell", style: { width: this.width }, class: {
|
|
26
26
|
multiline: this.multiline !== undefined,
|
|
27
27
|
[`align--${this.align}`]: !!this.align
|
|
28
28
|
} }, !this.multiline || isNaN(this.multiline) ? this.__renderWithTooltip() : (h("div", { class: "line-clamp", style: { ['-webkit-line-clamp']: `${this.multiline}` } }, this.__renderWithTooltip()))));
|
|
@@ -91,22 +91,22 @@ export class XvDataTableCell {
|
|
|
91
91
|
"attribute": "sort"
|
|
92
92
|
},
|
|
93
93
|
"multiline": {
|
|
94
|
-
"type": "
|
|
94
|
+
"type": "any",
|
|
95
95
|
"mutable": false,
|
|
96
96
|
"complexType": {
|
|
97
|
-
"original": "number",
|
|
98
|
-
"resolved": "number",
|
|
97
|
+
"original": "number | ''",
|
|
98
|
+
"resolved": "\"\" | number",
|
|
99
99
|
"references": {}
|
|
100
100
|
},
|
|
101
101
|
"required": false,
|
|
102
|
-
"optional":
|
|
102
|
+
"optional": true,
|
|
103
103
|
"docs": {
|
|
104
104
|
"tags": [],
|
|
105
105
|
"text": ""
|
|
106
106
|
},
|
|
107
107
|
"getter": false,
|
|
108
108
|
"setter": false,
|
|
109
|
-
"reflect":
|
|
109
|
+
"reflect": true,
|
|
110
110
|
"attribute": "multiline"
|
|
111
111
|
},
|
|
112
112
|
"width": {
|
|
@@ -7,7 +7,7 @@ export class XvDataTable {
|
|
|
7
7
|
this.hover = false;
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: 'fe6c1bf5044cf4e22e07598622365c84afc7d63f', class: "xv-data-table" }, h("caption", { key: '37caac07d46c4412a29421047b5cac1c4b25dc98' }, h("slot", { key: '1f1e83264580e062f9802e9d116c323378e55334', name: "title" })), h("div", { key: '59c21bb461e2efb28f5669abc55b98cf1f51ef9f', class: "bar" }, h("div", { key: '1114c7dfc4f950230db24dfbbe8d4b9c53397914', class: "bar_batch" }, h("slot", { key: 'ffbaaecd9a264cdaec751456c03f372278bcdf1c', name: "batch" })), h("div", { key: '763a40f68290bac4dc0bd2341f77b2ffd7b4bf8f', class: "bar_toolbar" }, h("slot", { key: 'ddbc1729666e44f6924a2b26ba2cd9e7a0aeadec', name: "toolbar" }))), h("table", { key: 'ae8ab323a775a06660b99180201a97effb74a471', role: "table" }, this.columnWidths.length > 0 && (h("colgroup", { key: '8380340402663e5bb52fe2b035829b68efc46c4f' }, this.columnWidths.map((width = 'auto') => h("col", { style: { width } })))), h("thead", { key: '198e2a5392e2249cd5c305b642306063868638b9' }, h("slot", { key: '815c935c559ab67de50c37d9eaed5c7696594f60', name: "header" })), h("tbody", { key: '599764fabb4091b589f67eaa2a2e8bf54f6dfdbd' }, h("slot", { key: '61e16054bef8bf4919de7ddcd18e65cd42945061' })), h("tfoot", { key: '8a69e0ee69ae4f22aa6ebe7699bd392826e3b830' }, h("slot", { key: '98f16214b37360d08abd2868dc43d1c949a92af5', name: "footer" }))), !!this.loading && (h("div", { key: 'd8832909cd1fb1f7267fb86e7bcec19ab4e3562c', class: "loading" }, h("xv-loader-v2", { key: 'fad17d792cba3e1a83c5d7a871500063cb0b7130', size: SIZE_VAR.LG })))));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "xv-data-table"; }
|
|
13
13
|
static get encapsulation() { return "shadow"; }
|
|
@@ -27,13 +27,13 @@ export class XvDataTable {
|
|
|
27
27
|
"type": "string",
|
|
28
28
|
"mutable": false,
|
|
29
29
|
"complexType": {
|
|
30
|
-
"original": "
|
|
31
|
-
"resolved": "
|
|
30
|
+
"original": "SIZE_VAR_STR",
|
|
31
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
32
32
|
"references": {
|
|
33
|
-
"
|
|
33
|
+
"SIZE_VAR_STR": {
|
|
34
34
|
"location": "import",
|
|
35
35
|
"path": "../../types/enum",
|
|
36
|
-
"id": "src/types/enum.ts::
|
|
36
|
+
"id": "src/types/enum.ts::SIZE_VAR_STR"
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
},
|
|
@@ -50,11 +50,11 @@ export class XvDataTable {
|
|
|
50
50
|
"defaultValue": "SIZE_VAR.MD"
|
|
51
51
|
},
|
|
52
52
|
"block": {
|
|
53
|
-
"type": "
|
|
53
|
+
"type": "any",
|
|
54
54
|
"mutable": false,
|
|
55
55
|
"complexType": {
|
|
56
|
-
"original": "boolean",
|
|
57
|
-
"resolved": "boolean",
|
|
56
|
+
"original": "boolean | \"\"",
|
|
57
|
+
"resolved": "\"\" | boolean",
|
|
58
58
|
"references": {}
|
|
59
59
|
},
|
|
60
60
|
"required": false,
|
|
@@ -65,7 +65,7 @@ export class XvDataTable {
|
|
|
65
65
|
},
|
|
66
66
|
"getter": false,
|
|
67
67
|
"setter": false,
|
|
68
|
-
"reflect":
|
|
68
|
+
"reflect": true,
|
|
69
69
|
"attribute": "block"
|
|
70
70
|
},
|
|
71
71
|
"loading": {
|
|
@@ -222,12 +222,12 @@ export class XvDatepicker {
|
|
|
222
222
|
}
|
|
223
223
|
render() {
|
|
224
224
|
const [start, end] = this.value;
|
|
225
|
-
return (h(Host, { key: '
|
|
225
|
+
return (h(Host, { key: '04e915550e51ed8630db2cca2be1a61b3dcd2cdb', class: { disabled: !!this.disabled }, tabindex: this.disabled ? '-1' : undefined }, h("div", { key: '2fd47ec44ca452ef87fc26c870c78466bd562e08', "aria-controls": "popover", class: "control" }, this.label && h("label", { key: '9d4e822fbffdb28398f069d0cf1b8313b8a06442', class: "control_label" }, this.label), h("div", { key: '4a0974fa0365ac7bc315d5b06b70692ceae82a00', class: {
|
|
226
226
|
'control_field': true,
|
|
227
227
|
loading: this.loading,
|
|
228
228
|
error: !!this.error || !!this.localError,
|
|
229
229
|
warning: this.warning !== undefined,
|
|
230
|
-
}, onClick: this.handleOpen, ref: (el) => (this.controlEl = el) }, h("input", { key: '
|
|
230
|
+
}, onClick: this.handleOpen, ref: (el) => (this.controlEl = el) }, h("input", { key: '59917b79a5c449d8c837b7a569afda3d5a486b1f', lang: "de", type: "date", name: "start", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: start ? dateFns.format(start, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'start'), onBlur: (e) => this.handleBlur(e, 'start'), onKeyDown: (e) => this.handleKeydown(e, 'start') }), this.variant === 'range' && (h("input", { key: 'e285b2094b1c102626d0b27c38ed212d8e673c18', lang: "de", type: "date", name: "end", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: end ? dateFns.format(end, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'end'), onBlur: (e) => this.handleBlur(e, 'end'), onKeyDown: (e) => this.handleKeydown(e, 'end') }))), (this.helper || this.error || this.warning || this.localError) && (h("div", { key: 'e0356c8da6e5d1c36aeaebe7a1ca19754e650ddc' }, this.helper && h("p", { key: 'bd5a7ed28c68a9dc954ff4400874d7817b69f9c7', class: "control_message helper" }, this.helper), (this.error || this.warning || this.localError) && (h("p", { key: '82bb6c9e6361df206897343ed7ce3ef36631a13c', class: { control_message: true, error: !!this.error || !!this.localError } }, this.error || this.localError || this.warning))))), h("div", { key: '742a09e03546cb526931c95a50f3ca1870269e46', role: "dialog", class: { popover: true, open: this.open }, ref: (el) => (this.popoverEl = el) }, h("div", { key: '0fc6672d638edda04a286b5aafe01fdf9866d0fa', class: "header" }, h("xv-button-v2", { key: '9d9bb9c238b79ca582214064ae640f484f7bf362', tabindex: this.open ? undefined : '-1', disabled: this.isPrevDisabled, variant: "ghost", onClick: this.prevMonth }, h("span", { key: '9414b923b449032af3f7ba18aedb1fdc0cd719d6', slot: "icon-left", class: "header_icon prev" })), h("p", { key: '86e55b8349bc59625e4d191ce597c5612a15ccfd', class: "header_date" }, dateFns.format(this.month, 'LLLL', { locale: de }), h("input", { key: '15182abbc60ad985572e423dd5568047ce6c67f5', tabindex: this.open ? undefined : '-1', type: "number", value: this.month.getFullYear(), onInput: this.handleYearChange, onBlur: this.handleYearBlur })), h("xv-button-v2", { key: 'f0cc537ee77542791cfaf86d148f965235bfe74f', tabindex: this.open ? undefined : '-1', disabled: this.isNextDisabled, variant: "ghost", onClick: this.nextMonth }, h("span", { key: '7ea9f4d223e597aef532a67a3e8d2ed483854ac5', slot: "icon-left", class: "header_icon next" }))), h("div", { key: '52ebb53d539c980f5c58838ba9e64ce2a490dcf9', class: "week" }, h("p", { key: '00d8eca10654bcbd3942bb46ca6c276380cd87c7', class: "week_day" }), WEEK.map((day) => h("p", { class: "week_day" }, day, "."))), h("div", { key: 'c13fc84fc2f729f29b15585ca4ba806edbe207e6', class: "week" }, this.days.map((day, idx) => (h(Fragment, null, idx % 7 === 0 && (h("button", { tabindex: this.open ? undefined : '-1', disabled: true, class: "week_day disabled" }, day.week)), h("button", { tabindex: this.open ? undefined : '-1', onClick: () => this.handleSetDate(day), disabled: day.disabled, class: {
|
|
231
231
|
'week_day': true,
|
|
232
232
|
inRange: this.variant === 'range' && dateFns.isWithinInterval(day.date, { start, end }),
|
|
233
233
|
isToday: day.isToday,
|
|
@@ -450,13 +450,13 @@ export class XvDatepicker {
|
|
|
450
450
|
"type": "string",
|
|
451
451
|
"mutable": false,
|
|
452
452
|
"complexType": {
|
|
453
|
-
"original": "
|
|
454
|
-
"resolved": "
|
|
453
|
+
"original": "SIZE_VAR_STR",
|
|
454
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
455
455
|
"references": {
|
|
456
|
-
"
|
|
456
|
+
"SIZE_VAR_STR": {
|
|
457
457
|
"location": "import",
|
|
458
458
|
"path": "../../types/enum",
|
|
459
|
-
"id": "src/types/enum.ts::
|
|
459
|
+
"id": "src/types/enum.ts::SIZE_VAR_STR"
|
|
460
460
|
}
|
|
461
461
|
}
|
|
462
462
|
},
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
|
+
import { SIZE_VAR } from "../../../types/enum";
|
|
2
3
|
/**
|
|
3
4
|
* xv-dropdown-item — custom dropdown list item
|
|
4
5
|
* if you want to create new dropdown list item you need to extend current class properties and
|
|
@@ -11,6 +12,7 @@ export class XvDropdownItem {
|
|
|
11
12
|
this.value = '';
|
|
12
13
|
this.selected = false;
|
|
13
14
|
this.multiple = false;
|
|
15
|
+
this.size = SIZE_VAR.MD;
|
|
14
16
|
}
|
|
15
17
|
handleClick() {
|
|
16
18
|
if (this.disabled)
|
|
@@ -22,7 +24,7 @@ export class XvDropdownItem {
|
|
|
22
24
|
});
|
|
23
25
|
}
|
|
24
26
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: '3df1015bc9b074c0fe3478128250244415045641', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, this.multiple && (h("xv-checkbox-v2", { key: '739d03975964ea0fc28fdc32c6f739e3a2dc1290', class: "multiple-check", size: this.size, checked: this.selected, disabled: this.disabled })), h("slot", { key: '7876baa55c1c28bd4c0e894def60848963761d6d' }), (!this.multiple && this.selected) && h("span", { key: '5413b3d8523eae0b0d6568e2b9399580944eb2aa', class: "checkmark" })));
|
|
26
28
|
}
|
|
27
29
|
componentWillLoad() {
|
|
28
30
|
if (!this.value)
|
|
@@ -138,18 +140,18 @@ export class XvDropdownItem {
|
|
|
138
140
|
"type": "string",
|
|
139
141
|
"mutable": false,
|
|
140
142
|
"complexType": {
|
|
141
|
-
"original": "
|
|
142
|
-
"resolved": "
|
|
143
|
+
"original": "SIZE_VAR_STR",
|
|
144
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
143
145
|
"references": {
|
|
144
|
-
"
|
|
146
|
+
"SIZE_VAR_STR": {
|
|
145
147
|
"location": "import",
|
|
146
148
|
"path": "../../../types/enum",
|
|
147
|
-
"id": "src/types/enum.ts::
|
|
149
|
+
"id": "src/types/enum.ts::SIZE_VAR_STR"
|
|
148
150
|
}
|
|
149
151
|
}
|
|
150
152
|
},
|
|
151
153
|
"required": false,
|
|
152
|
-
"optional":
|
|
154
|
+
"optional": false,
|
|
153
155
|
"docs": {
|
|
154
156
|
"tags": [],
|
|
155
157
|
"text": ""
|
|
@@ -157,7 +159,8 @@ export class XvDropdownItem {
|
|
|
157
159
|
"getter": false,
|
|
158
160
|
"setter": false,
|
|
159
161
|
"reflect": true,
|
|
160
|
-
"attribute": "size"
|
|
162
|
+
"attribute": "size",
|
|
163
|
+
"defaultValue": "SIZE_VAR.MD"
|
|
161
164
|
}
|
|
162
165
|
};
|
|
163
166
|
}
|
|
@@ -151,7 +151,7 @@ export class XvDropdown {
|
|
|
151
151
|
}
|
|
152
152
|
/* endregion Search methods */
|
|
153
153
|
render() {
|
|
154
|
-
return (h(Host, { key: '
|
|
154
|
+
return (h(Host, { key: '612a7e5660536fa412c6063ad8e80c58a994d43b', class: { 'xv-dropdown': true, [this.variant]: !!this.variant }, role: "combobox", size: this.size, open: this.open, error: !!this.error, disabled: this.disabled, tabindex: (this.disabled || this.readonly) ? -1 : false }, (this.label || this.info) && (h("label", { key: '34ae9d647be9c38210c2d43201bc9c1ca6e4438f', class: "label" }, h("slot", { key: 'eeb619b0a8f4adc30996e1b521e490d8c08dae61', name: "label" }, this.label), this.info && h("xv-tooltip-v2", { key: '910342dadb676135eb9164e1d702f79f1ecc166e', class: "label_info", message: this.info }))), h("div", { key: '4af58921932447353c840fae52f326119f7f596b', class: { "xv-dropdown-control control": true, readonly: !!this.readonly }, onClick: this.handleOpen }, (this.multiple && this.selectedMap.size > 0) && (h("xv-tag-v2", { key: '8eae9f0762d29d4f866e73f9ffe1b5d7c63783fc', class: "control_count", onCloseClick: this.clearHandle, closeable: !this.required, bg: "var(--background-inverse)", color: "var(--icon-inverse)" }, this.selectedMap.size)), this.selected.length ? (h("p", { class: "control_value" }, this.selected.join(', '))) : (h("p", { class: "control_placeholder" }, this.placeholder || '')), this.renderIcon(), h("svg", { key: 'fc4af7bc700b63c3d36a3a8c14c67bea7dd6707f', class: "control_arrow", focusable: "false", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 16 16" }, h("path", { key: '400ba26035ac3da878d941acd43eb89d29d7e950', d: "M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" }))), this.open && h("div", { key: '6a03de34ea2fbb79b660032098e606d14c56fcfa', class: "options" }, this.search && (h("div", { key: '501a11562faa0e3d558e320fc23ca52afee41c07', class: "options_search" }, h("xv-text-input-v2", { key: '47e12839062e4fbad94cb642dfde5bd114fa8418', type: "search", block: true, autocomplete: "off", size: this.size, value: this.searchQuery, placeholder: this.searchPlaceholder, onValueChange: this.handleSearchInput }))), h("slot", { key: "xv-dropdown-options" })), (this.helper || typeof this.error === 'string' || this.warning) && (h("p", { key: 'eae777f8e2a976ee9b4d52702e538fe8ca9bc5f8', class: "helper" }, this.error || this.warning || this.helper))));
|
|
155
155
|
}
|
|
156
156
|
componentWillLoad() {
|
|
157
157
|
this.setDefaultValues();
|
|
@@ -326,7 +326,7 @@ export class XvDropdown {
|
|
|
326
326
|
"type": "any",
|
|
327
327
|
"mutable": false,
|
|
328
328
|
"complexType": {
|
|
329
|
-
"original": "string | boolean",
|
|
329
|
+
"original": "string | boolean | null",
|
|
330
330
|
"resolved": "boolean | string",
|
|
331
331
|
"references": {}
|
|
332
332
|
},
|
|
@@ -460,13 +460,13 @@ export class XvDropdown {
|
|
|
460
460
|
"type": "string",
|
|
461
461
|
"mutable": false,
|
|
462
462
|
"complexType": {
|
|
463
|
-
"original": "
|
|
464
|
-
"resolved": "
|
|
463
|
+
"original": "SIZE_VAR_STR",
|
|
464
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
465
465
|
"references": {
|
|
466
|
-
"
|
|
466
|
+
"SIZE_VAR_STR": {
|
|
467
467
|
"location": "import",
|
|
468
468
|
"path": "../../types/enum",
|
|
469
|
-
"id": "src/types/enum.ts::
|
|
469
|
+
"id": "src/types/enum.ts::SIZE_VAR_STR"
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
472
|
},
|
|
@@ -84,7 +84,7 @@ export class XvFileUploader {
|
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
render() {
|
|
87
|
-
return (h(Host, { key: '
|
|
87
|
+
return (h(Host, { key: '9a1183ca347110f62e87f645e6060f7b6c9a5644', class: { 'upload-wrapper': true, [`uploader-${this.size}`]: true, disabled: !!this.disabled, error: !!this.error } }, this.label && h("label", { key: '9eed21e075fabb1bbef283340dcfc2f99c312d55', class: "label" }, this.label), this.description && h("p", { key: '7db4851fc587ba47ade596a2a2e2f3724ea46073', class: "description" }, this.description), this.variant === 'button' ? (h("xv-button-v2", { class: "uploadBtn", variant: this.buttonVariant, disabled: this.disabled, onClick: () => this.fileInput.click() }, this.addText || 'Dateien auswählen')) : (h("div", { class: { 'drop-zone': true, active: this.dragActive }, onDrop: this.onDrop, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onClick: () => this.fileInput.click() }, this.addText || 'Dateien hierher ziehen oder darauf klicken, um eine Datei auszuwählen.')), h("input", { key: '0fabaa8893bb18cffb18484f843ca5c527b4831b', ref: el => (this.fileInput = el), type: "file", hidden: true, onChange: this.onFileSelect, multiple: this.multiple, accept: this.accept.join(',') }), this.error && h("p", { key: '49d1b1321fbc149d14e20e70d994230ecf4a0e00', class: "global-error" }, this.error), h("ul", { key: '2381e5658af574cd9ab1c2366cce41c30c527c81', class: "file-list" }, this.files.map((file, index) => {
|
|
88
88
|
var _a, _b;
|
|
89
89
|
return (h("li", { class: { file: true, withError: !!(((_a = this.errors) === null || _a === void 0 ? void 0 : _a[index]) || ((_b = this.errorMessages) === null || _b === void 0 ? void 0 : _b[index])) } }, h("div", { class: "file_container" }, h("span", { class: "file_container_name" }, file.name), this._renderLoaderState(index)), this._renderError(index)));
|
|
90
90
|
}))));
|
|
@@ -217,13 +217,13 @@ export class XvFileUploader {
|
|
|
217
217
|
"type": "string",
|
|
218
218
|
"mutable": false,
|
|
219
219
|
"complexType": {
|
|
220
|
-
"original": "
|
|
221
|
-
"resolved": "
|
|
220
|
+
"original": "SIZE_VAR_STR",
|
|
221
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
222
222
|
"references": {
|
|
223
|
-
"
|
|
223
|
+
"SIZE_VAR_STR": {
|
|
224
224
|
"location": "import",
|
|
225
225
|
"path": "../../types/enum",
|
|
226
|
-
"id": "src/types/enum.ts::
|
|
226
|
+
"id": "src/types/enum.ts::SIZE_VAR_STR"
|
|
227
227
|
}
|
|
228
228
|
}
|
|
229
229
|
},
|
|
@@ -12,7 +12,7 @@ export class XvLink {
|
|
|
12
12
|
e.stopPropagation();
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: 'e1210ae1dc4d7a43156a11e369edd1b8a6ff2cc7', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, h("a", { key: '
|
|
15
|
+
return (h(Host, { key: 'e1210ae1dc4d7a43156a11e369edd1b8a6ff2cc7', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, h("a", { key: 'a35e9cf7a0fa05713b15106637b6a85cae853d93', href: this.href, onClick: this.preventLinkHandler.bind(this), class: { 'xv-link': true, 'xv-link_disabled': !!this.disabled, [this.size]: !!this.size }, target: this.target }, h("slot", { key: '5137161df3c220c78b400de78da42edae90e232d', name: "icon-left" }), h("slot", { key: 'd68462127e685bbc560e84c5ac317985c01f181f' }), h("slot", { key: 'f4ba2e0c77d8b24d7cc9b169c3a0bfffb3d8d1ed', name: "icon-right" }))));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "xv-link-v2"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|
|
@@ -78,13 +78,13 @@ export class XvLoader {
|
|
|
78
78
|
"type": "string",
|
|
79
79
|
"mutable": false,
|
|
80
80
|
"complexType": {
|
|
81
|
-
"original": "
|
|
82
|
-
"resolved": "
|
|
81
|
+
"original": "SIZE_VAR_STR",
|
|
82
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
83
83
|
"references": {
|
|
84
|
-
"
|
|
84
|
+
"SIZE_VAR_STR": {
|
|
85
85
|
"location": "import",
|
|
86
86
|
"path": "../../types/enum",
|
|
87
|
-
"id": "src/types/enum.ts::
|
|
87
|
+
"id": "src/types/enum.ts::SIZE_VAR_STR"
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
},
|
|
@@ -58,7 +58,7 @@ export class XvModal {
|
|
|
58
58
|
}
|
|
59
59
|
render() {
|
|
60
60
|
var _a;
|
|
61
|
-
return (h(Host, { key: '
|
|
61
|
+
return (h(Host, { key: '97c0c7a62669663662d8ea584097640b5e3a8b4c', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: 'f811dad05959e647dee3d963c609951592347601', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: 'c55649b412616b781e66116528b31dc9a3c5fa42', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: 'e3a98fcbc3a9db10d25d12d82df9edadd3884999', class: "modal" }, h("button", { key: '35b7c1e59dd63dcad8417ee3436dc7c0e42a6dcd', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: '5c548ff6b779a378978fbe1926d9d7cf44f7bda8', class: "modal_header" }, h("slot", { key: '9f374691ee714061809ce33bed5261e30c6c214d', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '177131e0fd75169cc7e12ce97c7cf72dadad8ae1', class: "modal_header__title" }, this.el.title))), h("div", { key: '67148ee85afc15899c91ebd4735f90aa03f586d6', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '53383b4c95ab640881fd09aab17e8d60dcf4ee44' })), h("div", { key: 'f1864d21d9565fd0dd5ac991e696c12deadf240f', class: "modal_footer" }, h("slot", { key: '329c4e5f1e2cbd65b553feb68749ed1e47320dc5', name: "footer" })), !!this.loading && (h("div", { key: '296f63099f4f8196adf18d062fd9b3ace18e1e9f', class: "loading" }, h("xv-loader-v2", { key: '87edaecb22f0e1cf3b8a69960c4830d450f06040', size: SIZE_VAR.LG })))))));
|
|
62
62
|
}
|
|
63
63
|
disconnectedCallback() {
|
|
64
64
|
this.removeTriggerListener();
|
|
@@ -121,13 +121,13 @@ export class XvModal {
|
|
|
121
121
|
"type": "string",
|
|
122
122
|
"mutable": false,
|
|
123
123
|
"complexType": {
|
|
124
|
-
"original": "
|
|
125
|
-
"resolved": "
|
|
124
|
+
"original": "SIZE_VAR_STR",
|
|
125
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
126
126
|
"references": {
|
|
127
|
-
"
|
|
127
|
+
"SIZE_VAR_STR": {
|
|
128
128
|
"location": "import",
|
|
129
129
|
"path": "../../types/enum",
|
|
130
|
-
"id": "src/types/enum.ts::
|
|
130
|
+
"id": "src/types/enum.ts::SIZE_VAR_STR"
|
|
131
131
|
}
|
|
132
132
|
}
|
|
133
133
|
},
|
|
@@ -25,7 +25,7 @@ export class XvNotification {
|
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: 'c2ea43cacfb9e5061f2911861da6eac4d40f1a64', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: 'a26213916953bfdd045359d1173a470aa1284106', class: "content" }, h("div", { key: '3300537222f6639909c2c24ee5dbef79a6e0609f', class: "content_wrapper" }, this.el.title && h("h5", { key: '3e234f6965610177ec14e50f1e78e2a82c5baf29', class: "content_title" }, this.el.title), h("slot", { key: '7522ff2dd378941c681845cf5d25d81445930718' })), h("slot", { key: '3b40a85323acca55513c821797812fdb430cae95', name: "footer" })), this.dismissible && h("button", { key: 'f0b5849e6756d9601ff45a0142355b01e54143e4', class: "close", onClick: this.closeHandle })));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "xv-notification-v2"; }
|
|
31
31
|
static get encapsulation() { return "shadow"; }
|
|
@@ -46,13 +46,13 @@ export class XvNotification {
|
|
|
46
46
|
"type": "string",
|
|
47
47
|
"mutable": false,
|
|
48
48
|
"complexType": {
|
|
49
|
-
"original": "
|
|
50
|
-
"resolved": "
|
|
49
|
+
"original": "NOTIFICATION_VARIANTS_STR",
|
|
50
|
+
"resolved": "\"error\" | \"info\" | \"success\" | \"warning\"",
|
|
51
51
|
"references": {
|
|
52
|
-
"
|
|
52
|
+
"NOTIFICATION_VARIANTS_STR": {
|
|
53
53
|
"location": "import",
|
|
54
54
|
"path": "./_vars",
|
|
55
|
-
"id": "src/components/xv-notification/_vars.ts::
|
|
55
|
+
"id": "src/components/xv-notification/_vars.ts::NOTIFICATION_VARIANTS_STR"
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
},
|
|
@@ -32,12 +32,12 @@ export class XvNumberInput {
|
|
|
32
32
|
this.valueChange.emit(this.value);
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: 'b59416e80bd04b5809fd24a63ea2b37e02777a4b', class: { disabled: !!this.disabled } }, h("label", { key: 'ca7656ae07f4ef12aa4a9ee8abaf2b8fffefb71a', class: "control" }, this.label && h("span", { key: '37ed8835a557d935a8b51d852a58cd6a0d254962', class: "control_label" }, this.label), h("div", { key: '1a28b6ec63697f3b002b29f762df3dc559a26479', class: {
|
|
36
36
|
'control_input': true,
|
|
37
37
|
readonly: !!this.readonly,
|
|
38
38
|
error: !!this.error,
|
|
39
39
|
warning: !!this.warning
|
|
40
|
-
} }, h("input", { key: '
|
|
40
|
+
} }, h("input", { key: '1b5762f2f4b95c25a0ed40f95f60a831f4bd4e90', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), h("div", { key: 'c783e76a9d7664215dcce585f095691905269481', class: "control_input__icons" }, this.loading ? (h("xv-loader-v2", { size: SIZE_VAR.XS })) : !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, h("xv-button-v2", { key: 'd89103c22a837c95e460f38e0481beb056bc97c3', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '58111eeac3065c5b128146da9ceeebb99d9fa159', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: 'eedd7a0ff5d942ce0c6846f9f85b27735047b3ed' }), h("xv-button-v2", { key: 'b2879216e24a29b0aa15f5752b8baaf27cb28bfb', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: '79454bb5c3854fb3b97d28ab96d20502940275f3', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && h("p", { key: 'b83f478b2dda7f6f251693cf4ac169c6695a1784', class: "message" }, this.helper), typeof this.error === 'string' ? (h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (h("p", { class: "message warning" }, this.warning)) : null));
|
|
41
41
|
}
|
|
42
42
|
static get is() { return "xv-number-input-v2"; }
|
|
43
43
|
static get encapsulation() { return "shadow"; }
|
|
@@ -326,13 +326,13 @@ export class XvNumberInput {
|
|
|
326
326
|
"type": "string",
|
|
327
327
|
"mutable": false,
|
|
328
328
|
"complexType": {
|
|
329
|
-
"original": "
|
|
330
|
-
"resolved": "
|
|
329
|
+
"original": "SIZE_VAR_STR",
|
|
330
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
331
331
|
"references": {
|
|
332
|
-
"
|
|
332
|
+
"SIZE_VAR_STR": {
|
|
333
333
|
"location": "import",
|
|
334
334
|
"path": "../../types/enum",
|
|
335
|
-
"id": "src/types/enum.ts::
|
|
335
|
+
"id": "src/types/enum.ts::SIZE_VAR_STR"
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
338
|
},
|
|
@@ -48,8 +48,8 @@ export class XvOverflowMenu {
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
const button = (h("button", { key: '
|
|
52
|
-
return (h(Host, { key: '
|
|
51
|
+
const button = (h("button", { key: 'a48287a0adfac5def30d744dbcfc60889537194f', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("slot", { key: '153bdb2d79210ea52f27b5ac60d5c24ef1b8bd03', name: "trigger" }, h("svg", { key: 'c7a17c4d72cd1b4b1c254eb501396965ac0c0b77', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: '33206ad1bcb2ac1809ce045cd2d94d2da8d94a7e', d: "M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z" })))));
|
|
52
|
+
return (h(Host, { key: '60d7b1b539fe940232373d55cc398dc7c602e4b2', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, this.tooltip ? h("xv-tooltip-v2", { message: this.tooltip }, button) : button, h("div", { key: 'c5e1198e5f8ebeacf0be37d5e87b230d0e07c3ee', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: '8bbe81229dad8e80ad240fb0289c65873984222c' }))));
|
|
53
53
|
}
|
|
54
54
|
componentDidLoad() {
|
|
55
55
|
this.openChangeHandle();
|
|
@@ -135,13 +135,13 @@ export class XvOverflowMenu {
|
|
|
135
135
|
"type": "string",
|
|
136
136
|
"mutable": false,
|
|
137
137
|
"complexType": {
|
|
138
|
-
"original": "
|
|
139
|
-
"resolved": "
|
|
138
|
+
"original": "SIZE_VAR_STR",
|
|
139
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
140
140
|
"references": {
|
|
141
|
-
"
|
|
141
|
+
"SIZE_VAR_STR": {
|
|
142
142
|
"location": "import",
|
|
143
143
|
"path": "../../types/enum",
|
|
144
|
-
"id": "src/types/enum.ts::
|
|
144
|
+
"id": "src/types/enum.ts::SIZE_VAR_STR"
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
147
|
},
|