@six-group/ui-library-vue 0.0.0-insider.0014c08
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/index.d.ts +2 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -0
- package/dist/plugin.d.ts +7 -0
- package/dist/plugin.js +17 -0
- package/dist/plugin.js.map +1 -0
- package/dist/stencil-generated/components.d.ts +62 -0
- package/dist/stencil-generated/components.js +717 -0
- package/dist/stencil-generated/components.js.map +1 -0
- package/dist/stencil-generated/vue-component-lib/utils.d.ts +16 -0
- package/dist/stencil-generated/vue-component-lib/utils.js +196 -0
- package/dist/stencil-generated/vue-component-lib/utils.js.map +1 -0
- package/package.json +41 -0
package/dist/index.d.ts
ADDED
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,aAAa,CAAC"}
|
package/dist/plugin.d.ts
ADDED
package/dist/plugin.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { defineCustomElements } from '@six-group/ui-library/loader';
|
|
2
|
+
export const UiLibraryVue = {
|
|
3
|
+
async install(app, options) {
|
|
4
|
+
defineCustomElements();
|
|
5
|
+
if (options?.router) {
|
|
6
|
+
// The Stencil generated Vue components expect a navManager instance for router-link support.
|
|
7
|
+
// See: ./stencil-generated/vue-component-lib/utils.ts for the router-link handling.
|
|
8
|
+
const navManager = {
|
|
9
|
+
navigate: (payload) => {
|
|
10
|
+
options.router.push(payload.routerLink);
|
|
11
|
+
},
|
|
12
|
+
};
|
|
13
|
+
app.provide('navManager', navManager);
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=plugin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/lib/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AASpE,MAAM,CAAC,MAAM,YAAY,GAAW;IAClC,KAAK,CAAC,OAAO,CAAC,GAAQ,EAAE,OAA6B;QACnD,oBAAoB,EAAE,CAAC;QAEvB,IAAI,OAAO,EAAE,MAAM,EAAE;YACnB,6FAA6F;YAC7F,oFAAoF;YACpF,MAAM,UAAU,GAAG;gBACjB,QAAQ,EAAE,CAAC,OAA6C,EAAE,EAAE;oBAC1D,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;gBAC1C,CAAC;aACF,CAAC;YACF,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;SACvC;IACH,CAAC;CACF,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { type StencilVueComponent } from '@stencil/vue-output-target/runtime';
|
|
2
|
+
import type { JSX } from '@six-group/ui-library';
|
|
3
|
+
export declare const SixAlert: StencilVueComponent<JSX.SixAlert>;
|
|
4
|
+
export declare const SixAvatar: StencilVueComponent<JSX.SixAvatar>;
|
|
5
|
+
export declare const SixBadge: StencilVueComponent<JSX.SixBadge>;
|
|
6
|
+
export declare const SixBreadcrumbs: StencilVueComponent<JSX.SixBreadcrumbs>;
|
|
7
|
+
export declare const SixBreadcrumbsItem: StencilVueComponent<JSX.SixBreadcrumbsItem>;
|
|
8
|
+
export declare const SixButton: StencilVueComponent<JSX.SixButton>;
|
|
9
|
+
export declare const SixCard: StencilVueComponent<JSX.SixCard>;
|
|
10
|
+
export declare const SixCheckbox: StencilVueComponent<JSX.SixCheckbox, JSX.SixCheckbox["checked"]>;
|
|
11
|
+
export declare const SixDate: StencilVueComponent<JSX.SixDate, JSX.SixDate["value"]>;
|
|
12
|
+
export declare const SixDatepicker: StencilVueComponent<JSX.SixDatepicker, JSX.SixDatepicker["value"]>;
|
|
13
|
+
export declare const SixDetails: StencilVueComponent<JSX.SixDetails>;
|
|
14
|
+
export declare const SixDialog: StencilVueComponent<JSX.SixDialog>;
|
|
15
|
+
export declare const SixDrawer: StencilVueComponent<JSX.SixDrawer>;
|
|
16
|
+
export declare const SixDropdown: StencilVueComponent<JSX.SixDropdown>;
|
|
17
|
+
export declare const SixError: StencilVueComponent<JSX.SixError>;
|
|
18
|
+
export declare const SixErrorPage: StencilVueComponent<JSX.SixErrorPage>;
|
|
19
|
+
export declare const SixFileList: StencilVueComponent<JSX.SixFileList>;
|
|
20
|
+
export declare const SixFileListItem: StencilVueComponent<JSX.SixFileListItem>;
|
|
21
|
+
export declare const SixFileUpload: StencilVueComponent<JSX.SixFileUpload>;
|
|
22
|
+
export declare const SixFooter: StencilVueComponent<JSX.SixFooter>;
|
|
23
|
+
export declare const SixGroupLabel: StencilVueComponent<JSX.SixGroupLabel>;
|
|
24
|
+
export declare const SixHeader: StencilVueComponent<JSX.SixHeader>;
|
|
25
|
+
export declare const SixHeaderDropdownItem: StencilVueComponent<JSX.SixHeaderDropdownItem>;
|
|
26
|
+
export declare const SixHeaderItem: StencilVueComponent<JSX.SixHeaderItem>;
|
|
27
|
+
export declare const SixHeaderMenuButton: StencilVueComponent<JSX.SixHeaderMenuButton>;
|
|
28
|
+
export declare const SixIcon: StencilVueComponent<JSX.SixIcon>;
|
|
29
|
+
export declare const SixIconButton: StencilVueComponent<JSX.SixIconButton>;
|
|
30
|
+
export declare const SixInput: StencilVueComponent<JSX.SixInput, JSX.SixInput["value"]>;
|
|
31
|
+
export declare const SixItemPicker: StencilVueComponent<JSX.SixItemPicker>;
|
|
32
|
+
export declare const SixLanguageSwitcher: StencilVueComponent<JSX.SixLanguageSwitcher>;
|
|
33
|
+
export declare const SixLayoutGrid: StencilVueComponent<JSX.SixLayoutGrid>;
|
|
34
|
+
export declare const SixLogo: StencilVueComponent<JSX.SixLogo>;
|
|
35
|
+
export declare const SixMainContainer: StencilVueComponent<JSX.SixMainContainer>;
|
|
36
|
+
export declare const SixMenu: StencilVueComponent<JSX.SixMenu>;
|
|
37
|
+
export declare const SixMenuDivider: StencilVueComponent<JSX.SixMenuDivider>;
|
|
38
|
+
export declare const SixMenuItem: StencilVueComponent<JSX.SixMenuItem>;
|
|
39
|
+
export declare const SixMenuLabel: StencilVueComponent<JSX.SixMenuLabel>;
|
|
40
|
+
export declare const SixPicto: StencilVueComponent<JSX.SixPicto>;
|
|
41
|
+
export declare const SixProgressBar: StencilVueComponent<JSX.SixProgressBar>;
|
|
42
|
+
export declare const SixProgressRing: StencilVueComponent<JSX.SixProgressRing>;
|
|
43
|
+
export declare const SixRadio: StencilVueComponent<JSX.SixRadio>;
|
|
44
|
+
export declare const SixRange: StencilVueComponent<JSX.SixRange, JSX.SixRange["value"]>;
|
|
45
|
+
export declare const SixRating: StencilVueComponent<JSX.SixRating>;
|
|
46
|
+
export declare const SixRoot: StencilVueComponent<JSX.SixRoot>;
|
|
47
|
+
export declare const SixSearchField: StencilVueComponent<JSX.SixSearchField>;
|
|
48
|
+
export declare const SixSelect: StencilVueComponent<JSX.SixSelect, JSX.SixSelect["value"]>;
|
|
49
|
+
export declare const SixSidebar: StencilVueComponent<JSX.SixSidebar>;
|
|
50
|
+
export declare const SixSidebarItem: StencilVueComponent<JSX.SixSidebarItem>;
|
|
51
|
+
export declare const SixSidebarItemGroup: StencilVueComponent<JSX.SixSidebarItemGroup>;
|
|
52
|
+
export declare const SixSpinner: StencilVueComponent<JSX.SixSpinner>;
|
|
53
|
+
export declare const SixStageIndicator: StencilVueComponent<JSX.SixStageIndicator>;
|
|
54
|
+
export declare const SixSwitch: StencilVueComponent<JSX.SixSwitch, JSX.SixSwitch["checked"]>;
|
|
55
|
+
export declare const SixTab: StencilVueComponent<JSX.SixTab>;
|
|
56
|
+
export declare const SixTabGroup: StencilVueComponent<JSX.SixTabGroup>;
|
|
57
|
+
export declare const SixTabPanel: StencilVueComponent<JSX.SixTabPanel>;
|
|
58
|
+
export declare const SixTag: StencilVueComponent<JSX.SixTag>;
|
|
59
|
+
export declare const SixTextarea: StencilVueComponent<JSX.SixTextarea, JSX.SixTextarea["value"]>;
|
|
60
|
+
export declare const SixTile: StencilVueComponent<JSX.SixTile>;
|
|
61
|
+
export declare const SixTimepicker: StencilVueComponent<JSX.SixTimepicker>;
|
|
62
|
+
export declare const SixTooltip: StencilVueComponent<JSX.SixTooltip>;
|
|
@@ -0,0 +1,717 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
/* tslint:disable */
|
|
3
|
+
/* auto-generated vue proxies */
|
|
4
|
+
import { defineContainer } from '@stencil/vue-output-target/runtime';
|
|
5
|
+
export const SixAlert = /*@__PURE__*/ defineContainer('six-alert', undefined, [
|
|
6
|
+
'open',
|
|
7
|
+
'closable',
|
|
8
|
+
'type',
|
|
9
|
+
'duration',
|
|
10
|
+
'six-alert-show',
|
|
11
|
+
'six-alert-after-show',
|
|
12
|
+
'six-alert-hide',
|
|
13
|
+
'six-alert-after-hide'
|
|
14
|
+
], [
|
|
15
|
+
'six-alert-show',
|
|
16
|
+
'six-alert-after-show',
|
|
17
|
+
'six-alert-hide',
|
|
18
|
+
'six-alert-after-hide'
|
|
19
|
+
]);
|
|
20
|
+
export const SixAvatar = /*@__PURE__*/ defineContainer('six-avatar', undefined, [
|
|
21
|
+
'image',
|
|
22
|
+
'alt',
|
|
23
|
+
'initials',
|
|
24
|
+
'shape'
|
|
25
|
+
]);
|
|
26
|
+
export const SixBadge = /*@__PURE__*/ defineContainer('six-badge', undefined, [
|
|
27
|
+
'type',
|
|
28
|
+
'pill',
|
|
29
|
+
'pulse'
|
|
30
|
+
]);
|
|
31
|
+
export const SixBreadcrumbs = /*@__PURE__*/ defineContainer('six-breadcrumbs', undefined, [
|
|
32
|
+
'separatorIcon'
|
|
33
|
+
]);
|
|
34
|
+
export const SixBreadcrumbsItem = /*@__PURE__*/ defineContainer('six-breadcrumbs-item', undefined, [
|
|
35
|
+
'href',
|
|
36
|
+
'target',
|
|
37
|
+
'size',
|
|
38
|
+
'readonly'
|
|
39
|
+
]);
|
|
40
|
+
export const SixButton = /*@__PURE__*/ defineContainer('six-button', undefined, [
|
|
41
|
+
'type',
|
|
42
|
+
'size',
|
|
43
|
+
'caret',
|
|
44
|
+
'disabled',
|
|
45
|
+
'loading',
|
|
46
|
+
'pill',
|
|
47
|
+
'circle',
|
|
48
|
+
'submit',
|
|
49
|
+
'reset',
|
|
50
|
+
'name',
|
|
51
|
+
'value',
|
|
52
|
+
'href',
|
|
53
|
+
'target',
|
|
54
|
+
'download',
|
|
55
|
+
'six-button-blur',
|
|
56
|
+
'six-button-focus'
|
|
57
|
+
], [
|
|
58
|
+
'six-button-blur',
|
|
59
|
+
'six-button-focus'
|
|
60
|
+
]);
|
|
61
|
+
export const SixCard = /*@__PURE__*/ defineContainer('six-card', undefined);
|
|
62
|
+
export const SixCheckbox = /*@__PURE__*/ defineContainer('six-checkbox', undefined, [
|
|
63
|
+
'name',
|
|
64
|
+
'value',
|
|
65
|
+
'disabled',
|
|
66
|
+
'required',
|
|
67
|
+
'label',
|
|
68
|
+
'errorText',
|
|
69
|
+
'errorTextCount',
|
|
70
|
+
'invalid',
|
|
71
|
+
'checked',
|
|
72
|
+
'indeterminate',
|
|
73
|
+
'six-checkbox-blur',
|
|
74
|
+
'six-checkbox-change',
|
|
75
|
+
'six-checkbox-focus'
|
|
76
|
+
], [
|
|
77
|
+
'six-checkbox-blur',
|
|
78
|
+
'six-checkbox-change',
|
|
79
|
+
'six-checkbox-focus'
|
|
80
|
+
], 'checked', 'change');
|
|
81
|
+
export const SixDate = /*@__PURE__*/ defineContainer('six-date', undefined, [
|
|
82
|
+
'language',
|
|
83
|
+
'readonly',
|
|
84
|
+
'disabled',
|
|
85
|
+
'allowedDates',
|
|
86
|
+
'min',
|
|
87
|
+
'max',
|
|
88
|
+
'size',
|
|
89
|
+
'required',
|
|
90
|
+
'placeholder',
|
|
91
|
+
'value',
|
|
92
|
+
'dateFormat',
|
|
93
|
+
'label',
|
|
94
|
+
'helpText',
|
|
95
|
+
'errorText',
|
|
96
|
+
'errorTextCount',
|
|
97
|
+
'invalid',
|
|
98
|
+
'name',
|
|
99
|
+
'clearable',
|
|
100
|
+
'six-change',
|
|
101
|
+
'six-blur'
|
|
102
|
+
], [
|
|
103
|
+
'six-change',
|
|
104
|
+
'six-blur'
|
|
105
|
+
], 'value', 'change');
|
|
106
|
+
export const SixDatepicker = /*@__PURE__*/ defineContainer('six-datepicker', undefined, [
|
|
107
|
+
'type',
|
|
108
|
+
'locale',
|
|
109
|
+
'open',
|
|
110
|
+
'inline',
|
|
111
|
+
'readonly',
|
|
112
|
+
'disabled',
|
|
113
|
+
'allowedDates',
|
|
114
|
+
'min',
|
|
115
|
+
'max',
|
|
116
|
+
'closeOnSelect',
|
|
117
|
+
'placement',
|
|
118
|
+
'size',
|
|
119
|
+
'required',
|
|
120
|
+
'defaultDate',
|
|
121
|
+
'placeholder',
|
|
122
|
+
'value',
|
|
123
|
+
'label',
|
|
124
|
+
'errorText',
|
|
125
|
+
'errorTextCount',
|
|
126
|
+
'invalid',
|
|
127
|
+
'containingElement',
|
|
128
|
+
'dateFormat',
|
|
129
|
+
'debounce',
|
|
130
|
+
'name',
|
|
131
|
+
'clearable',
|
|
132
|
+
'iconPosition',
|
|
133
|
+
'hoist',
|
|
134
|
+
'six-datepicker-select',
|
|
135
|
+
'six-datepicker-clear',
|
|
136
|
+
'six-datepicker-blur'
|
|
137
|
+
], [
|
|
138
|
+
'six-datepicker-select',
|
|
139
|
+
'six-datepicker-clear',
|
|
140
|
+
'six-datepicker-blur'
|
|
141
|
+
], 'value', 'change');
|
|
142
|
+
export const SixDetails = /*@__PURE__*/ defineContainer('six-details', undefined, [
|
|
143
|
+
'open',
|
|
144
|
+
'summary',
|
|
145
|
+
'summaryIcon',
|
|
146
|
+
'summaryIconSize',
|
|
147
|
+
'disabled',
|
|
148
|
+
'inline',
|
|
149
|
+
'selectableEmpty',
|
|
150
|
+
'hasContent',
|
|
151
|
+
'six-details-show',
|
|
152
|
+
'six-details-after-show',
|
|
153
|
+
'six-details-hide',
|
|
154
|
+
'six-details-after-hide'
|
|
155
|
+
], [
|
|
156
|
+
'six-details-show',
|
|
157
|
+
'six-details-after-show',
|
|
158
|
+
'six-details-hide',
|
|
159
|
+
'six-details-after-hide'
|
|
160
|
+
]);
|
|
161
|
+
export const SixDialog = /*@__PURE__*/ defineContainer('six-dialog', undefined, [
|
|
162
|
+
'open',
|
|
163
|
+
'label',
|
|
164
|
+
'noHeader',
|
|
165
|
+
'six-dialog-show',
|
|
166
|
+
'six-dialog-after-show',
|
|
167
|
+
'six-dialog-hide',
|
|
168
|
+
'six-dialog-after-hide',
|
|
169
|
+
'six-dialog-initial-focus',
|
|
170
|
+
'six-dialog-request-close'
|
|
171
|
+
], [
|
|
172
|
+
'six-dialog-show',
|
|
173
|
+
'six-dialog-after-show',
|
|
174
|
+
'six-dialog-hide',
|
|
175
|
+
'six-dialog-after-hide',
|
|
176
|
+
'six-dialog-initial-focus',
|
|
177
|
+
'six-dialog-request-close'
|
|
178
|
+
]);
|
|
179
|
+
export const SixDrawer = /*@__PURE__*/ defineContainer('six-drawer', undefined, [
|
|
180
|
+
'open',
|
|
181
|
+
'label',
|
|
182
|
+
'placement',
|
|
183
|
+
'contained',
|
|
184
|
+
'noHeader',
|
|
185
|
+
'six-drawer-show',
|
|
186
|
+
'six-drawer-after-show',
|
|
187
|
+
'six-drawer-hide',
|
|
188
|
+
'six-drawer-after-hide',
|
|
189
|
+
'six-drawer-initial-focus',
|
|
190
|
+
'six-drawer-request-close'
|
|
191
|
+
], [
|
|
192
|
+
'six-drawer-show',
|
|
193
|
+
'six-drawer-after-show',
|
|
194
|
+
'six-drawer-hide',
|
|
195
|
+
'six-drawer-after-hide',
|
|
196
|
+
'six-drawer-initial-focus',
|
|
197
|
+
'six-drawer-request-close'
|
|
198
|
+
]);
|
|
199
|
+
export const SixDropdown = /*@__PURE__*/ defineContainer('six-dropdown', undefined, [
|
|
200
|
+
'open',
|
|
201
|
+
'placement',
|
|
202
|
+
'closeOnSelect',
|
|
203
|
+
'distance',
|
|
204
|
+
'skidding',
|
|
205
|
+
'hoist',
|
|
206
|
+
'containingElement',
|
|
207
|
+
'filter',
|
|
208
|
+
'asyncFilter',
|
|
209
|
+
'filterPlaceholder',
|
|
210
|
+
'autofocusFilter',
|
|
211
|
+
'filterDebounce',
|
|
212
|
+
'disableHideOnEnterAndSpace',
|
|
213
|
+
'options',
|
|
214
|
+
'virtualScroll',
|
|
215
|
+
'matchTriggerWidth',
|
|
216
|
+
'six-dropdown-show',
|
|
217
|
+
'six-dropdown-after-show',
|
|
218
|
+
'six-dropdown-hide',
|
|
219
|
+
'six-dropdown-after-hide',
|
|
220
|
+
'six-dropdown-auto-filter-fired',
|
|
221
|
+
'six-async-filter-fired',
|
|
222
|
+
'six-dropdown-scroll'
|
|
223
|
+
], [
|
|
224
|
+
'six-dropdown-show',
|
|
225
|
+
'six-dropdown-after-show',
|
|
226
|
+
'six-dropdown-hide',
|
|
227
|
+
'six-dropdown-after-hide',
|
|
228
|
+
'six-dropdown-auto-filter-fired',
|
|
229
|
+
'six-async-filter-fired',
|
|
230
|
+
'six-dropdown-scroll'
|
|
231
|
+
]);
|
|
232
|
+
export const SixError = /*@__PURE__*/ defineContainer('six-error', undefined);
|
|
233
|
+
export const SixErrorPage = /*@__PURE__*/ defineContainer('six-error-page', undefined, [
|
|
234
|
+
'errorCode',
|
|
235
|
+
'language',
|
|
236
|
+
'customTitle',
|
|
237
|
+
'customDescription',
|
|
238
|
+
'customIcon'
|
|
239
|
+
]);
|
|
240
|
+
export const SixFileList = /*@__PURE__*/ defineContainer('six-file-list', undefined);
|
|
241
|
+
export const SixFileListItem = /*@__PURE__*/ defineContainer('six-file-list-item', undefined, [
|
|
242
|
+
'identifier',
|
|
243
|
+
'name',
|
|
244
|
+
'date',
|
|
245
|
+
'size',
|
|
246
|
+
'nodownload',
|
|
247
|
+
'nodelete',
|
|
248
|
+
'six-file-list-item-download',
|
|
249
|
+
'six-file-list-item-remove'
|
|
250
|
+
], [
|
|
251
|
+
'six-file-list-item-download',
|
|
252
|
+
'six-file-list-item-remove'
|
|
253
|
+
]);
|
|
254
|
+
export const SixFileUpload = /*@__PURE__*/ defineContainer('six-file-upload', undefined, [
|
|
255
|
+
'compact',
|
|
256
|
+
'label',
|
|
257
|
+
'disabled',
|
|
258
|
+
'accept',
|
|
259
|
+
'multiple',
|
|
260
|
+
'maxFileSize',
|
|
261
|
+
'uploading',
|
|
262
|
+
'errorText',
|
|
263
|
+
'invalid',
|
|
264
|
+
'six-file-upload-success',
|
|
265
|
+
'six-file-upload-failure'
|
|
266
|
+
], [
|
|
267
|
+
'six-file-upload-success',
|
|
268
|
+
'six-file-upload-failure'
|
|
269
|
+
]);
|
|
270
|
+
export const SixFooter = /*@__PURE__*/ defineContainer('six-footer', undefined);
|
|
271
|
+
export const SixGroupLabel = /*@__PURE__*/ defineContainer('six-group-label', undefined, [
|
|
272
|
+
'size',
|
|
273
|
+
'label',
|
|
274
|
+
'helpText',
|
|
275
|
+
'disabled',
|
|
276
|
+
'required'
|
|
277
|
+
]);
|
|
278
|
+
export const SixHeader = /*@__PURE__*/ defineContainer('six-header', undefined, [
|
|
279
|
+
'shiftContent',
|
|
280
|
+
'openSearch'
|
|
281
|
+
]);
|
|
282
|
+
export const SixHeaderDropdownItem = /*@__PURE__*/ defineContainer('six-header-dropdown-item', undefined, [
|
|
283
|
+
'filter',
|
|
284
|
+
'filterPlaceholder'
|
|
285
|
+
]);
|
|
286
|
+
export const SixHeaderItem = /*@__PURE__*/ defineContainer('six-header-item', undefined, [
|
|
287
|
+
'active'
|
|
288
|
+
]);
|
|
289
|
+
export const SixHeaderMenuButton = /*@__PURE__*/ defineContainer('six-header-menu-button', undefined, [
|
|
290
|
+
'caret',
|
|
291
|
+
'disabled',
|
|
292
|
+
'loading',
|
|
293
|
+
'submit',
|
|
294
|
+
'reset'
|
|
295
|
+
]);
|
|
296
|
+
export const SixIcon = /*@__PURE__*/ defineContainer('six-icon', undefined, [
|
|
297
|
+
'size',
|
|
298
|
+
'filled',
|
|
299
|
+
'library'
|
|
300
|
+
]);
|
|
301
|
+
export const SixIconButton = /*@__PURE__*/ defineContainer('six-icon-button', undefined, [
|
|
302
|
+
'name',
|
|
303
|
+
'size',
|
|
304
|
+
'label',
|
|
305
|
+
'disabled',
|
|
306
|
+
'html',
|
|
307
|
+
'href',
|
|
308
|
+
'target',
|
|
309
|
+
'download'
|
|
310
|
+
]);
|
|
311
|
+
export const SixInput = /*@__PURE__*/ defineContainer('six-input', undefined, [
|
|
312
|
+
'type',
|
|
313
|
+
'size',
|
|
314
|
+
'name',
|
|
315
|
+
'value',
|
|
316
|
+
'pill',
|
|
317
|
+
'helpText',
|
|
318
|
+
'placeholder',
|
|
319
|
+
'disabled',
|
|
320
|
+
'readonly',
|
|
321
|
+
'minlength',
|
|
322
|
+
'maxlength',
|
|
323
|
+
'min',
|
|
324
|
+
'max',
|
|
325
|
+
'step',
|
|
326
|
+
'pattern',
|
|
327
|
+
'dropdownSearch',
|
|
328
|
+
'required',
|
|
329
|
+
'autocapitalize',
|
|
330
|
+
'autocorrect',
|
|
331
|
+
'autocomplete',
|
|
332
|
+
'autofocus',
|
|
333
|
+
'spellcheck',
|
|
334
|
+
'label',
|
|
335
|
+
'errorText',
|
|
336
|
+
'errorTextCount',
|
|
337
|
+
'invalid',
|
|
338
|
+
'clearable',
|
|
339
|
+
'togglePassword',
|
|
340
|
+
'inputmode',
|
|
341
|
+
'line',
|
|
342
|
+
'six-input-change',
|
|
343
|
+
'six-input-clear',
|
|
344
|
+
'six-input-input',
|
|
345
|
+
'six-input-focus',
|
|
346
|
+
'six-input-blur'
|
|
347
|
+
], [
|
|
348
|
+
'six-input-change',
|
|
349
|
+
'six-input-clear',
|
|
350
|
+
'six-input-input',
|
|
351
|
+
'six-input-focus',
|
|
352
|
+
'six-input-blur'
|
|
353
|
+
], 'value', 'input');
|
|
354
|
+
export const SixItemPicker = /*@__PURE__*/ defineContainer('six-item-picker', undefined, [
|
|
355
|
+
'value',
|
|
356
|
+
'type',
|
|
357
|
+
'min',
|
|
358
|
+
'max',
|
|
359
|
+
'roundtrip',
|
|
360
|
+
'step',
|
|
361
|
+
'items',
|
|
362
|
+
'padded',
|
|
363
|
+
'paddingLength',
|
|
364
|
+
'paddingChar',
|
|
365
|
+
'paddingDirection',
|
|
366
|
+
'timeout',
|
|
367
|
+
'interval',
|
|
368
|
+
'debounce',
|
|
369
|
+
'six-item-picker-change',
|
|
370
|
+
'six-item-picker-change-debounced'
|
|
371
|
+
], [
|
|
372
|
+
'six-item-picker-change',
|
|
373
|
+
'six-item-picker-change-debounced'
|
|
374
|
+
]);
|
|
375
|
+
export const SixLanguageSwitcher = /*@__PURE__*/ defineContainer('six-language-switcher', undefined, [
|
|
376
|
+
'selected',
|
|
377
|
+
'languages',
|
|
378
|
+
'six-language-switcher-change'
|
|
379
|
+
], [
|
|
380
|
+
'six-language-switcher-change'
|
|
381
|
+
]);
|
|
382
|
+
export const SixLayoutGrid = /*@__PURE__*/ defineContainer('six-layout-grid', undefined, [
|
|
383
|
+
'columns'
|
|
384
|
+
]);
|
|
385
|
+
export const SixLogo = /*@__PURE__*/ defineContainer('six-logo', undefined, [
|
|
386
|
+
'brand'
|
|
387
|
+
]);
|
|
388
|
+
export const SixMainContainer = /*@__PURE__*/ defineContainer('six-main-container', undefined, [
|
|
389
|
+
'padded'
|
|
390
|
+
]);
|
|
391
|
+
export const SixMenu = /*@__PURE__*/ defineContainer('six-menu', undefined, [
|
|
392
|
+
'removeBoxShadow',
|
|
393
|
+
'items',
|
|
394
|
+
'itemsShown',
|
|
395
|
+
'virtualScroll',
|
|
396
|
+
'itemSize',
|
|
397
|
+
'scrollingDebounce',
|
|
398
|
+
'disableKeyboardHandling',
|
|
399
|
+
'six-menu-item-selected'
|
|
400
|
+
], [
|
|
401
|
+
'six-menu-item-selected'
|
|
402
|
+
]);
|
|
403
|
+
export const SixMenuDivider = /*@__PURE__*/ defineContainer('six-menu-divider', undefined);
|
|
404
|
+
export const SixMenuItem = /*@__PURE__*/ defineContainer('six-menu-item', undefined, [
|
|
405
|
+
'checkType',
|
|
406
|
+
'checked',
|
|
407
|
+
'value',
|
|
408
|
+
'disabled'
|
|
409
|
+
]);
|
|
410
|
+
export const SixMenuLabel = /*@__PURE__*/ defineContainer('six-menu-label', undefined);
|
|
411
|
+
export const SixPicto = /*@__PURE__*/ defineContainer('six-picto', undefined, [
|
|
412
|
+
'size'
|
|
413
|
+
]);
|
|
414
|
+
export const SixProgressBar = /*@__PURE__*/ defineContainer('six-progress-bar', undefined, [
|
|
415
|
+
'percentage',
|
|
416
|
+
'indeterminate'
|
|
417
|
+
]);
|
|
418
|
+
export const SixProgressRing = /*@__PURE__*/ defineContainer('six-progress-ring', undefined, [
|
|
419
|
+
'size',
|
|
420
|
+
'strokeWidth',
|
|
421
|
+
'percentage'
|
|
422
|
+
]);
|
|
423
|
+
export const SixRadio = /*@__PURE__*/ defineContainer('six-radio', undefined, [
|
|
424
|
+
'name',
|
|
425
|
+
'value',
|
|
426
|
+
'disabled',
|
|
427
|
+
'checked',
|
|
428
|
+
'invalid',
|
|
429
|
+
'six-radio-blur',
|
|
430
|
+
'six-radio-change',
|
|
431
|
+
'six-radio-focus'
|
|
432
|
+
], [
|
|
433
|
+
'six-radio-blur',
|
|
434
|
+
'six-radio-change',
|
|
435
|
+
'six-radio-focus'
|
|
436
|
+
]);
|
|
437
|
+
export const SixRange = /*@__PURE__*/ defineContainer('six-range', undefined, [
|
|
438
|
+
'name',
|
|
439
|
+
'value',
|
|
440
|
+
'required',
|
|
441
|
+
'helpText',
|
|
442
|
+
'disabled',
|
|
443
|
+
'label',
|
|
444
|
+
'errorText',
|
|
445
|
+
'errorTextCount',
|
|
446
|
+
'invalid',
|
|
447
|
+
'min',
|
|
448
|
+
'max',
|
|
449
|
+
'step',
|
|
450
|
+
'tooltip',
|
|
451
|
+
'tooltipFormatter',
|
|
452
|
+
'six-range-change',
|
|
453
|
+
'six-range-blur',
|
|
454
|
+
'six-range-focus'
|
|
455
|
+
], [
|
|
456
|
+
'six-range-change',
|
|
457
|
+
'six-range-blur',
|
|
458
|
+
'six-range-focus'
|
|
459
|
+
], 'value', 'input');
|
|
460
|
+
export const SixRating = /*@__PURE__*/ defineContainer('six-rating', undefined, [
|
|
461
|
+
'name',
|
|
462
|
+
'value',
|
|
463
|
+
'disabled',
|
|
464
|
+
'required',
|
|
465
|
+
'label',
|
|
466
|
+
'errorText',
|
|
467
|
+
'errorTextCount',
|
|
468
|
+
'invalid',
|
|
469
|
+
'max',
|
|
470
|
+
'size',
|
|
471
|
+
'readonly',
|
|
472
|
+
'helpText',
|
|
473
|
+
'six-rating-blur',
|
|
474
|
+
'six-rating-change',
|
|
475
|
+
'six-rating-focus'
|
|
476
|
+
], [
|
|
477
|
+
'six-rating-blur',
|
|
478
|
+
'six-rating-change',
|
|
479
|
+
'six-rating-focus'
|
|
480
|
+
]);
|
|
481
|
+
export const SixRoot = /*@__PURE__*/ defineContainer('six-root', undefined, [
|
|
482
|
+
'padded',
|
|
483
|
+
'stage',
|
|
484
|
+
'version'
|
|
485
|
+
]);
|
|
486
|
+
export const SixSearchField = /*@__PURE__*/ defineContainer('six-search-field', undefined, [
|
|
487
|
+
'placeholder',
|
|
488
|
+
'debounce',
|
|
489
|
+
'disabled',
|
|
490
|
+
'value',
|
|
491
|
+
'clearable',
|
|
492
|
+
'six-search-field-change'
|
|
493
|
+
], [
|
|
494
|
+
'six-search-field-change'
|
|
495
|
+
]);
|
|
496
|
+
export const SixSelect = /*@__PURE__*/ defineContainer('six-select', undefined, [
|
|
497
|
+
'multiple',
|
|
498
|
+
'selectAllButton',
|
|
499
|
+
'selectAllText',
|
|
500
|
+
'disabled',
|
|
501
|
+
'name',
|
|
502
|
+
'placeholder',
|
|
503
|
+
'filterPlaceholder',
|
|
504
|
+
'filterDebounce',
|
|
505
|
+
'size',
|
|
506
|
+
'hoist',
|
|
507
|
+
'value',
|
|
508
|
+
'pill',
|
|
509
|
+
'helpText',
|
|
510
|
+
'required',
|
|
511
|
+
'clearable',
|
|
512
|
+
'label',
|
|
513
|
+
'errorText',
|
|
514
|
+
'errorTextCount',
|
|
515
|
+
'invalid',
|
|
516
|
+
'line',
|
|
517
|
+
'filter',
|
|
518
|
+
'asyncFilter',
|
|
519
|
+
'autocomplete',
|
|
520
|
+
'inputDebounce',
|
|
521
|
+
'options',
|
|
522
|
+
'virtualScroll',
|
|
523
|
+
'six-select-change',
|
|
524
|
+
'six-select-focus',
|
|
525
|
+
'six-select-blur'
|
|
526
|
+
], [
|
|
527
|
+
'six-select-change',
|
|
528
|
+
'six-select-focus',
|
|
529
|
+
'six-select-blur'
|
|
530
|
+
], 'value', 'change');
|
|
531
|
+
export const SixSidebar = /*@__PURE__*/ defineContainer('six-sidebar', undefined, [
|
|
532
|
+
'position',
|
|
533
|
+
'open',
|
|
534
|
+
'width',
|
|
535
|
+
'toggled',
|
|
536
|
+
'six-sidebar-show',
|
|
537
|
+
'six-sidebar-after-show',
|
|
538
|
+
'six-sidebar-hide',
|
|
539
|
+
'six-sidebar-after-hide',
|
|
540
|
+
'six-sidebar-initial-focus'
|
|
541
|
+
], [
|
|
542
|
+
'six-sidebar-show',
|
|
543
|
+
'six-sidebar-after-show',
|
|
544
|
+
'six-sidebar-hide',
|
|
545
|
+
'six-sidebar-after-hide',
|
|
546
|
+
'six-sidebar-initial-focus'
|
|
547
|
+
]);
|
|
548
|
+
export const SixSidebarItem = /*@__PURE__*/ defineContainer('six-sidebar-item', undefined, [
|
|
549
|
+
'value',
|
|
550
|
+
'selected',
|
|
551
|
+
'disabled',
|
|
552
|
+
'icon',
|
|
553
|
+
'href'
|
|
554
|
+
]);
|
|
555
|
+
export const SixSidebarItemGroup = /*@__PURE__*/ defineContainer('six-sidebar-item-group', undefined, [
|
|
556
|
+
'name',
|
|
557
|
+
'icon',
|
|
558
|
+
'value',
|
|
559
|
+
'open',
|
|
560
|
+
'summaryIcon',
|
|
561
|
+
'href'
|
|
562
|
+
]);
|
|
563
|
+
export const SixSpinner = /*@__PURE__*/ defineContainer('six-spinner', undefined, [
|
|
564
|
+
'logo',
|
|
565
|
+
'six'
|
|
566
|
+
]);
|
|
567
|
+
export const SixStageIndicator = /*@__PURE__*/ defineContainer('six-stage-indicator', undefined, [
|
|
568
|
+
'stage'
|
|
569
|
+
]);
|
|
570
|
+
export const SixSwitch = /*@__PURE__*/ defineContainer('six-switch', undefined, [
|
|
571
|
+
'name',
|
|
572
|
+
'value',
|
|
573
|
+
'disabled',
|
|
574
|
+
'required',
|
|
575
|
+
'checked',
|
|
576
|
+
'label',
|
|
577
|
+
'errorText',
|
|
578
|
+
'errorTextCount',
|
|
579
|
+
'invalid',
|
|
580
|
+
'six-switch-blur',
|
|
581
|
+
'six-switch-change',
|
|
582
|
+
'six-switch-focus'
|
|
583
|
+
], [
|
|
584
|
+
'six-switch-blur',
|
|
585
|
+
'six-switch-change',
|
|
586
|
+
'six-switch-focus'
|
|
587
|
+
], 'checked', 'change');
|
|
588
|
+
export const SixTab = /*@__PURE__*/ defineContainer('six-tab', undefined, [
|
|
589
|
+
'panel',
|
|
590
|
+
'active',
|
|
591
|
+
'closable',
|
|
592
|
+
'hoverContent',
|
|
593
|
+
'disabled',
|
|
594
|
+
'six-tab-close'
|
|
595
|
+
], [
|
|
596
|
+
'six-tab-close'
|
|
597
|
+
]);
|
|
598
|
+
export const SixTabGroup = /*@__PURE__*/ defineContainer('six-tab-group', undefined, [
|
|
599
|
+
'placement',
|
|
600
|
+
'noScrollControls',
|
|
601
|
+
'six-tab-show',
|
|
602
|
+
'six-tab-hide'
|
|
603
|
+
], [
|
|
604
|
+
'six-tab-show',
|
|
605
|
+
'six-tab-hide'
|
|
606
|
+
]);
|
|
607
|
+
export const SixTabPanel = /*@__PURE__*/ defineContainer('six-tab-panel', undefined, [
|
|
608
|
+
'name',
|
|
609
|
+
'active'
|
|
610
|
+
]);
|
|
611
|
+
export const SixTag = /*@__PURE__*/ defineContainer('six-tag', undefined, [
|
|
612
|
+
'type',
|
|
613
|
+
'size',
|
|
614
|
+
'pill',
|
|
615
|
+
'clearable',
|
|
616
|
+
'six-tag-clear'
|
|
617
|
+
], [
|
|
618
|
+
'six-tag-clear'
|
|
619
|
+
]);
|
|
620
|
+
export const SixTextarea = /*@__PURE__*/ defineContainer('six-textarea', undefined, [
|
|
621
|
+
'size',
|
|
622
|
+
'name',
|
|
623
|
+
'value',
|
|
624
|
+
'helpText',
|
|
625
|
+
'placeholder',
|
|
626
|
+
'rows',
|
|
627
|
+
'resize',
|
|
628
|
+
'disabled',
|
|
629
|
+
'readonly',
|
|
630
|
+
'minlength',
|
|
631
|
+
'maxlength',
|
|
632
|
+
'required',
|
|
633
|
+
'label',
|
|
634
|
+
'errorText',
|
|
635
|
+
'errorTextCount',
|
|
636
|
+
'invalid',
|
|
637
|
+
'autocapitalize',
|
|
638
|
+
'autocorrect',
|
|
639
|
+
'autocomplete',
|
|
640
|
+
'autofocus',
|
|
641
|
+
'spellcheck',
|
|
642
|
+
'inputmode',
|
|
643
|
+
'six-textarea-change',
|
|
644
|
+
'six-textarea-input',
|
|
645
|
+
'six-textarea-focus',
|
|
646
|
+
'six-textarea-blur'
|
|
647
|
+
], [
|
|
648
|
+
'six-textarea-change',
|
|
649
|
+
'six-textarea-input',
|
|
650
|
+
'six-textarea-focus',
|
|
651
|
+
'six-textarea-blur'
|
|
652
|
+
], 'value', 'input');
|
|
653
|
+
export const SixTile = /*@__PURE__*/ defineContainer('six-tile', undefined, [
|
|
654
|
+
'label',
|
|
655
|
+
'iconName',
|
|
656
|
+
'closeable',
|
|
657
|
+
'elevated',
|
|
658
|
+
'disableTooltip',
|
|
659
|
+
'disabled',
|
|
660
|
+
'size',
|
|
661
|
+
'six-tile-closed',
|
|
662
|
+
'six-tile-selected'
|
|
663
|
+
], [
|
|
664
|
+
'six-tile-closed',
|
|
665
|
+
'six-tile-selected'
|
|
666
|
+
]);
|
|
667
|
+
export const SixTimepicker = /*@__PURE__*/ defineContainer('six-timepicker', undefined, [
|
|
668
|
+
'format',
|
|
669
|
+
'separator',
|
|
670
|
+
'value',
|
|
671
|
+
'open',
|
|
672
|
+
'inline',
|
|
673
|
+
'readonly',
|
|
674
|
+
'disabled',
|
|
675
|
+
'placement',
|
|
676
|
+
'size',
|
|
677
|
+
'required',
|
|
678
|
+
'placeholder',
|
|
679
|
+
'errorText',
|
|
680
|
+
'errorTextCount',
|
|
681
|
+
'label',
|
|
682
|
+
'invalid',
|
|
683
|
+
'name',
|
|
684
|
+
'clearable',
|
|
685
|
+
'iconPosition',
|
|
686
|
+
'hoist',
|
|
687
|
+
'timeout',
|
|
688
|
+
'interval',
|
|
689
|
+
'defaultTime',
|
|
690
|
+
'debounce',
|
|
691
|
+
'six-timepicker-change',
|
|
692
|
+
'six-timepicker-change-debounced',
|
|
693
|
+
'six-timepicker-clear'
|
|
694
|
+
], [
|
|
695
|
+
'six-timepicker-change',
|
|
696
|
+
'six-timepicker-change-debounced',
|
|
697
|
+
'six-timepicker-clear'
|
|
698
|
+
]);
|
|
699
|
+
export const SixTooltip = /*@__PURE__*/ defineContainer('six-tooltip', undefined, [
|
|
700
|
+
'content',
|
|
701
|
+
'placement',
|
|
702
|
+
'disabled',
|
|
703
|
+
'distance',
|
|
704
|
+
'open',
|
|
705
|
+
'skidding',
|
|
706
|
+
'trigger',
|
|
707
|
+
'six-tooltip-show',
|
|
708
|
+
'six-tooltip-after-show',
|
|
709
|
+
'six-tooltip-hide',
|
|
710
|
+
'six-tooltip-after-hide'
|
|
711
|
+
], [
|
|
712
|
+
'six-tooltip-show',
|
|
713
|
+
'six-tooltip-after-show',
|
|
714
|
+
'six-tooltip-hide',
|
|
715
|
+
'six-tooltip-after-hide'
|
|
716
|
+
]);
|
|
717
|
+
//# sourceMappingURL=components.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/lib/stencil-generated/components.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export interface InputProps<T> {
|
|
2
|
+
modelValue?: T;
|
|
3
|
+
}
|
|
4
|
+
/**
|
|
5
|
+
* Create a callback to define a Vue component wrapper around a Web Component.
|
|
6
|
+
*
|
|
7
|
+
* @prop name - The component tag name (i.e. `ion-button`)
|
|
8
|
+
* @prop componentProps - An array of properties on the
|
|
9
|
+
* component. These usually match up with the @Prop definitions
|
|
10
|
+
* in each component's TSX file.
|
|
11
|
+
* @prop customElement - An option custom element instance to pass
|
|
12
|
+
* to customElements.define. Only set if `includeImportCustomElements: true` in your config.
|
|
13
|
+
* @prop modelProp - The prop that v-model binds to (i.e. value)
|
|
14
|
+
* @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
|
|
15
|
+
*/
|
|
16
|
+
export declare const defineContainer: <Props, VModelType = string | number | boolean>(name: string, defineCustomElement: any, componentProps?: string[], modelProp?: string, modelUpdateEvent?: string) => import("vue").DefineSetupFnComponent<Props & InputProps<VModelType>, {}, {}, Props & InputProps<VModelType> & {}, import("vue").PublicProps>;
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
// @ts-nocheck
|
|
2
|
+
// It's easier and safer for Volar to disable typechecking and let the return type inference do its job.
|
|
3
|
+
import { defineComponent, getCurrentInstance, h, inject, ref, withDirectives } from 'vue';
|
|
4
|
+
const UPDATE_VALUE_EVENT = 'update:modelValue';
|
|
5
|
+
const MODEL_VALUE = 'modelValue';
|
|
6
|
+
const ROUTER_LINK_VALUE = 'routerLink';
|
|
7
|
+
const NAV_MANAGER = 'navManager';
|
|
8
|
+
const ROUTER_PROP_PREFIX = 'router';
|
|
9
|
+
const ARIA_PROP_PREFIX = 'aria';
|
|
10
|
+
/**
|
|
11
|
+
* Starting in Vue 3.1.0, all properties are
|
|
12
|
+
* added as keys to the props object, even if
|
|
13
|
+
* they are not being used. In order to correctly
|
|
14
|
+
* account for both value props and v-model props,
|
|
15
|
+
* we need to check if the key exists for Vue <3.1.0
|
|
16
|
+
* and then check if it is not undefined for Vue >= 3.1.0.
|
|
17
|
+
* See https://github.com/vuejs/vue-next/issues/3889
|
|
18
|
+
*/
|
|
19
|
+
const EMPTY_PROP = Symbol();
|
|
20
|
+
const DEFAULT_EMPTY_PROP = { default: EMPTY_PROP };
|
|
21
|
+
const getComponentClasses = (classes) => {
|
|
22
|
+
return classes?.split(' ') || [];
|
|
23
|
+
};
|
|
24
|
+
const getElementClasses = (ref, componentClasses, defaultClasses = []) => {
|
|
25
|
+
return [...Array.from(ref.value?.classList || []), ...defaultClasses].filter((c, i, self) => !componentClasses.has(c) && self.indexOf(c) === i);
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* Create a callback to define a Vue component wrapper around a Web Component.
|
|
29
|
+
*
|
|
30
|
+
* @prop name - The component tag name (i.e. `ion-button`)
|
|
31
|
+
* @prop componentProps - An array of properties on the
|
|
32
|
+
* component. These usually match up with the @Prop definitions
|
|
33
|
+
* in each component's TSX file.
|
|
34
|
+
* @prop customElement - An option custom element instance to pass
|
|
35
|
+
* to customElements.define. Only set if `includeImportCustomElements: true` in your config.
|
|
36
|
+
* @prop modelProp - The prop that v-model binds to (i.e. value)
|
|
37
|
+
* @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
|
|
38
|
+
*/
|
|
39
|
+
export const defineContainer = (name, defineCustomElement, componentProps = [], modelProp, modelUpdateEvent) => {
|
|
40
|
+
/**
|
|
41
|
+
* Create a Vue component wrapper around a Web Component.
|
|
42
|
+
* Note: The `props` here are not all properties on a component.
|
|
43
|
+
* They refer to whatever properties are set on an instance of a component.
|
|
44
|
+
*/
|
|
45
|
+
if (defineCustomElement !== undefined) {
|
|
46
|
+
defineCustomElement();
|
|
47
|
+
}
|
|
48
|
+
const Container = defineComponent((props, { attrs, slots, emit }) => {
|
|
49
|
+
let modelPropValue = props[modelProp];
|
|
50
|
+
const containerRef = ref();
|
|
51
|
+
const classes = new Set(getComponentClasses(attrs.class));
|
|
52
|
+
/**
|
|
53
|
+
* This directive is responsible for updating any reactive
|
|
54
|
+
* reference associated with v-model on the component.
|
|
55
|
+
* This code must be run inside of the "created" callback.
|
|
56
|
+
* Since the following listener callbacks as well as any potential
|
|
57
|
+
* event callback defined in the developer's app are set on
|
|
58
|
+
* the same element, we need to make sure the following callbacks
|
|
59
|
+
* are set first so they fire first. If the developer's callback fires first
|
|
60
|
+
* then the reactive reference will not have been updated yet.
|
|
61
|
+
*/
|
|
62
|
+
const vModelDirective = {
|
|
63
|
+
created: (el) => {
|
|
64
|
+
const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
|
|
65
|
+
eventsNames.forEach((eventName) => {
|
|
66
|
+
el.addEventListener(eventName.toLowerCase(), (e) => {
|
|
67
|
+
/**
|
|
68
|
+
* Only update the v-model binding if the event's target is the element we are
|
|
69
|
+
* listening on. For example, Component A could emit ionChange, but it could also
|
|
70
|
+
* have a descendant Component B that also emits ionChange. We only want to update
|
|
71
|
+
* the v-model for Component A when ionChange originates from that element and not
|
|
72
|
+
* when ionChange bubbles up from Component B.
|
|
73
|
+
*/
|
|
74
|
+
if (e.target.tagName === el.tagName) {
|
|
75
|
+
modelPropValue = (e?.target)[modelProp];
|
|
76
|
+
emit(UPDATE_VALUE_EVENT, modelPropValue);
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
});
|
|
80
|
+
},
|
|
81
|
+
};
|
|
82
|
+
const currentInstance = getCurrentInstance();
|
|
83
|
+
const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER];
|
|
84
|
+
const navManager = hasRouter ? inject(NAV_MANAGER) : undefined;
|
|
85
|
+
const handleRouterLink = (ev) => {
|
|
86
|
+
const { routerLink } = props;
|
|
87
|
+
if (routerLink === EMPTY_PROP)
|
|
88
|
+
return;
|
|
89
|
+
if (navManager !== undefined) {
|
|
90
|
+
/**
|
|
91
|
+
* This prevents the browser from
|
|
92
|
+
* performing a page reload when pressing
|
|
93
|
+
* an Ionic component with routerLink.
|
|
94
|
+
* The page reload interferes with routing
|
|
95
|
+
* and causes ion-back-button to disappear
|
|
96
|
+
* since the local history is wiped on reload.
|
|
97
|
+
*/
|
|
98
|
+
ev.preventDefault();
|
|
99
|
+
let navigationPayload = { event: ev };
|
|
100
|
+
for (const key in props) {
|
|
101
|
+
const value = props[key];
|
|
102
|
+
if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {
|
|
103
|
+
navigationPayload[key] = value;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
navManager.navigate(navigationPayload);
|
|
107
|
+
}
|
|
108
|
+
else {
|
|
109
|
+
console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.');
|
|
110
|
+
}
|
|
111
|
+
};
|
|
112
|
+
return () => {
|
|
113
|
+
modelPropValue = props[modelProp];
|
|
114
|
+
getComponentClasses(attrs.class).forEach((value) => {
|
|
115
|
+
classes.add(value);
|
|
116
|
+
});
|
|
117
|
+
const oldClick = props.onClick;
|
|
118
|
+
const handleClick = (ev) => {
|
|
119
|
+
if (oldClick !== undefined) {
|
|
120
|
+
oldClick(ev);
|
|
121
|
+
}
|
|
122
|
+
if (!ev.defaultPrevented) {
|
|
123
|
+
handleRouterLink(ev);
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
let propsToAdd = {
|
|
127
|
+
ref: containerRef,
|
|
128
|
+
class: getElementClasses(containerRef, classes),
|
|
129
|
+
onClick: handleClick,
|
|
130
|
+
};
|
|
131
|
+
/**
|
|
132
|
+
* We can use Object.entries here
|
|
133
|
+
* to avoid the hasOwnProperty check,
|
|
134
|
+
* but that would require 2 iterations
|
|
135
|
+
* where as this only requires 1.
|
|
136
|
+
*/
|
|
137
|
+
for (const key in props) {
|
|
138
|
+
const value = props[key];
|
|
139
|
+
if ((props.hasOwnProperty(key) && value !== EMPTY_PROP) || key.startsWith(ARIA_PROP_PREFIX)) {
|
|
140
|
+
propsToAdd[key] = value;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
if (modelProp) {
|
|
144
|
+
/**
|
|
145
|
+
* If form value property was set using v-model
|
|
146
|
+
* then we should use that value.
|
|
147
|
+
* Otherwise, check to see if form value property
|
|
148
|
+
* was set as a static value (i.e. no v-model).
|
|
149
|
+
*/
|
|
150
|
+
if (props[MODEL_VALUE] !== EMPTY_PROP) {
|
|
151
|
+
propsToAdd = {
|
|
152
|
+
...propsToAdd,
|
|
153
|
+
[modelProp]: props[MODEL_VALUE],
|
|
154
|
+
};
|
|
155
|
+
}
|
|
156
|
+
else if (modelPropValue !== EMPTY_PROP) {
|
|
157
|
+
propsToAdd = {
|
|
158
|
+
...propsToAdd,
|
|
159
|
+
[modelProp]: modelPropValue,
|
|
160
|
+
};
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
// If router link is defined, add href to props
|
|
164
|
+
// in order to properly render an anchor tag inside
|
|
165
|
+
// of components that should become activatable and
|
|
166
|
+
// focusable with router link.
|
|
167
|
+
if (props[ROUTER_LINK_VALUE] !== EMPTY_PROP) {
|
|
168
|
+
propsToAdd = {
|
|
169
|
+
...propsToAdd,
|
|
170
|
+
href: props[ROUTER_LINK_VALUE],
|
|
171
|
+
};
|
|
172
|
+
}
|
|
173
|
+
/**
|
|
174
|
+
* vModelDirective is only needed on components that support v-model.
|
|
175
|
+
* As a result, we conditionally call withDirectives with v-model components.
|
|
176
|
+
*/
|
|
177
|
+
const node = h(name, propsToAdd, slots.default && slots.default());
|
|
178
|
+
return modelProp === undefined ? node : withDirectives(node, [[vModelDirective]]);
|
|
179
|
+
};
|
|
180
|
+
});
|
|
181
|
+
if (typeof Container !== 'function') {
|
|
182
|
+
Container.name = name;
|
|
183
|
+
Container.props = {
|
|
184
|
+
[ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP,
|
|
185
|
+
};
|
|
186
|
+
componentProps.forEach((componentProp) => {
|
|
187
|
+
Container.props[componentProp] = DEFAULT_EMPTY_PROP;
|
|
188
|
+
});
|
|
189
|
+
if (modelProp) {
|
|
190
|
+
Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
|
|
191
|
+
Container.emits = [UPDATE_VALUE_EVENT];
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
return Container;
|
|
195
|
+
};
|
|
196
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/lib/stencil-generated/vue-component-lib/utils.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,wGAAwG;AACxG,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAM/F,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAC/C,MAAM,WAAW,GAAG,YAAY,CAAC;AACjC,MAAM,iBAAiB,GAAG,YAAY,CAAC;AACvC,MAAM,WAAW,GAAG,YAAY,CAAC;AACjC,MAAM,kBAAkB,GAAG,QAAQ,CAAC;AACpC,MAAM,gBAAgB,GAAG,MAAM,CAAC;AAChC;;;;;;;;GAQG;AACH,MAAM,UAAU,GAAG,MAAM,EAAE,CAAC;AAC5B,MAAM,kBAAkB,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;AAMnD,MAAM,mBAAmB,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC/C,OAAQ,OAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CACxB,GAAiC,EACjC,gBAA6B,EAC7B,iBAA2B,EAAE,EAC7B,EAAE;IACF,OAAO,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,CAAC,MAAM,CAC1E,CAAC,CAAS,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAC1E,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,IAAY,EACZ,mBAAwB,EACxB,iBAA2B,EAAE,EAC7B,SAAkB,EAClB,gBAAyB,EACzB,EAAE;IACF;;;;OAIG;IAEH,IAAI,mBAAmB,KAAK,SAAS,EAAE;QACrC,mBAAmB,EAAE,CAAC;KACvB;IAED,MAAM,SAAS,GAAG,eAAe,CAAiC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QAClG,IAAI,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;QACtC,MAAM,YAAY,GAAG,GAAG,EAAe,CAAC;QACxC,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAE1D;;;;;;;;;WASG;QACH,MAAM,eAAe,GAAG;YACtB,OAAO,EAAE,CAAC,EAAe,EAAE,EAAE;gBAC3B,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;gBAC5F,WAAW,CAAC,OAAO,CAAC,CAAC,SAAiB,EAAE,EAAE;oBACxC,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC,CAAQ,EAAE,EAAE;wBACxD;;;;;;2BAMG;wBACH,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,KAAK,EAAE,CAAC,OAAO,EAAE;4BACnC,cAAc,GAAG,CAAC,CAAC,EAAE,MAAc,CAAA,CAAC,SAAS,CAAC,CAAC;4BAC/C,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;yBAC1C;oBACH,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;YACL,CAAC;SACF,CAAC;QAEF,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;QAC7C,MAAM,SAAS,GAAG,eAAe,EAAE,UAAU,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;QACrE,MAAM,UAAU,GAA2B,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACvF,MAAM,gBAAgB,GAAG,CAAC,EAAS,EAAE,EAAE;YACrC,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;YAC7B,IAAI,UAAU,KAAK,UAAU;gBAAE,OAAO;YAEtC,IAAI,UAAU,KAAK,SAAS,EAAE;gBAC5B;;;;;;;mBAOG;gBACH,EAAE,CAAC,cAAc,EAAE,CAAC;gBAEpB,IAAI,iBAAiB,GAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;gBAC3C,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;oBACvB,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;oBACzB,IAAI,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,kBAAkB,CAAC,IAAI,KAAK,KAAK,UAAU,EAAE;wBAC3F,iBAAiB,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;qBAChC;iBACF;gBAED,UAAU,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;aACxC;iBAAM;gBACL,OAAO,CAAC,IAAI,CAAC,oFAAoF,CAAC,CAAC;aACpG;QACH,CAAC,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;YAElC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACjD,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC,CAAC,CAAC;YAEH,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;YAC/B,MAAM,WAAW,GAAG,CAAC,EAAS,EAAE,EAAE;gBAChC,IAAI,QAAQ,KAAK,SAAS,EAAE;oBAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC;iBACd;gBACD,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE;oBACxB,gBAAgB,CAAC,EAAE,CAAC,CAAC;iBACtB;YACH,CAAC,CAAC;YAEF,IAAI,UAAU,GAAQ;gBACpB,GAAG,EAAE,YAAY;gBACjB,KAAK,EAAE,iBAAiB,CAAC,YAAY,EAAE,OAAO,CAAC;gBAC/C,OAAO,EAAE,WAAW;aACrB,CAAC;YAEF;;;;;eAKG;YACH,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;gBACvB,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;gBACzB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,KAAK,KAAK,UAAU,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;oBAC3F,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;iBACzB;aACF;YAED,IAAI,SAAS,EAAE;gBACb;;;;;mBAKG;gBACH,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,UAAU,EAAE;oBACrC,UAAU,GAAG;wBACX,GAAG,UAAU;wBACb,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;qBAChC,CAAC;iBACH;qBAAM,IAAI,cAAc,KAAK,UAAU,EAAE;oBACxC,UAAU,GAAG;wBACX,GAAG,UAAU;wBACb,CAAC,SAAS,CAAC,EAAE,cAAc;qBAC5B,CAAC;iBACH;aACF;YAED,+CAA+C;YAC/C,mDAAmD;YACnD,mDAAmD;YACnD,8BAA8B;YAC9B,IAAI,KAAK,CAAC,iBAAiB,CAAC,KAAK,UAAU,EAAE;gBAC3C,UAAU,GAAG;oBACX,GAAG,UAAU;oBACb,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC;iBAC/B,CAAC;aACH;YAED;;;eAGG;YACH,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;YACnE,OAAO,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACpF,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE;QACnC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;QAEtB,SAAS,CAAC,KAAK,GAAG;YAChB,CAAC,iBAAiB,CAAC,EAAE,kBAAkB;SACxC,CAAC;QAEF,cAAc,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,EAAE;YACvC,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,kBAAkB,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,kBAAkB,CAAC;YAClD,SAAS,CAAC,KAAK,GAAG,CAAC,kBAAkB,CAAC,CAAC;SACxC;KACF;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC"}
|
package/package.json
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@six-group/ui-library-vue",
|
|
3
|
+
"version": "0.0.0-insider.0014c08",
|
|
4
|
+
"description": "Vue wrapper components for @six-group/ui-library",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"type": "module",
|
|
7
|
+
"types": "dist/index.d.ts",
|
|
8
|
+
"files": [
|
|
9
|
+
"dist"
|
|
10
|
+
],
|
|
11
|
+
"exports": {
|
|
12
|
+
".": {
|
|
13
|
+
"types": "./dist/index.d.ts",
|
|
14
|
+
"import": "./dist/index.js"
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
"scripts": {
|
|
18
|
+
"test": "echo \"Error: run tests from root\" && exit 1",
|
|
19
|
+
"build": "npm run tsc",
|
|
20
|
+
"tsc": "tsc -p . --outDir ./dist",
|
|
21
|
+
"watch": "npm run build -- --watch"
|
|
22
|
+
},
|
|
23
|
+
"publishConfig": {
|
|
24
|
+
"access": "public"
|
|
25
|
+
},
|
|
26
|
+
"dependencies": {
|
|
27
|
+
"@stencil/vue-output-target": "0.10.8",
|
|
28
|
+
"@six-group/ui-library": "*"
|
|
29
|
+
},
|
|
30
|
+
"peerDependencies": {
|
|
31
|
+
"@six-group/ui-library": "*"
|
|
32
|
+
},
|
|
33
|
+
"devDependencies": {
|
|
34
|
+
"typescript": "~5.1.3"
|
|
35
|
+
},
|
|
36
|
+
"private": false,
|
|
37
|
+
"sideEffects": false,
|
|
38
|
+
"engines": {
|
|
39
|
+
"node": ">=20"
|
|
40
|
+
}
|
|
41
|
+
}
|