@nanoporetech-digital/components-vue 1.13.11 → 1.13.15
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/CHANGELOG.md +16 -0
- package/package.json +8 -9
- package/dist/demo/main.js +0 -6
- package/dist/demo/main.js.map +0 -1
- package/dist/index.js +0 -3
- package/dist/index.js.map +0 -1
- package/dist/nano-vue.js +0 -38
- package/dist/nano-vue.js.map +0 -1
- package/dist/proxies.js +0 -531
- package/dist/proxies.js.map +0 -1
- package/dist/types/demo/main.d.ts +0 -1
- package/dist/types/index.d.ts +0 -2
- package/dist/types/nano-vue.d.ts +0 -2
- package/dist/types/proxies.d.ts +0 -1807
- package/dist/types/vue-component-lib/utils.d.ts +0 -20
- package/dist/vetur/attributes.json +0 -1965
- package/dist/vetur/tags.json +0 -547
- package/dist/vue-component-lib/utils.js +0 -166
- package/dist/vue-component-lib/utils.js.map +0 -1
- package/dist/web-types.json +0 -13
package/dist/vetur/tags.json
DELETED
|
@@ -1,547 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"nano-accordion": {
|
|
3
|
-
"description": "Simple accordion - only one item open at a time - must be used with [details](story/components-accordion--details) elements.",
|
|
4
|
-
"attributes": [
|
|
5
|
-
"color"
|
|
6
|
-
]
|
|
7
|
-
},
|
|
8
|
-
"nano-alert": {
|
|
9
|
-
"description": "Alerts are used to display important messages either inline, as toast notifications or as modals requiring action.",
|
|
10
|
-
"attributes": [
|
|
11
|
-
"closable",
|
|
12
|
-
"color",
|
|
13
|
-
"duration",
|
|
14
|
-
"open"
|
|
15
|
-
]
|
|
16
|
-
},
|
|
17
|
-
"nano-algolia": {
|
|
18
|
-
"description": "Algolia search container to contain and sync nano-algolia-results and nano-algolia-filter components.\nCan optionally contain nano-algolia-input components or use them as a 'resultsEmitter'",
|
|
19
|
-
"attributes": [
|
|
20
|
-
"api-key",
|
|
21
|
-
"app-id",
|
|
22
|
-
"browse-index",
|
|
23
|
-
"filters",
|
|
24
|
-
"listen-to",
|
|
25
|
-
"min-chars",
|
|
26
|
-
"operator",
|
|
27
|
-
"query",
|
|
28
|
-
"replica-index",
|
|
29
|
-
"results-page",
|
|
30
|
-
"search-index",
|
|
31
|
-
"search-index-name",
|
|
32
|
-
"show-results",
|
|
33
|
-
"store-id",
|
|
34
|
-
"store-method",
|
|
35
|
-
"tpl-engine",
|
|
36
|
-
"tpl-render-fn"
|
|
37
|
-
]
|
|
38
|
-
},
|
|
39
|
-
"nano-algolia-filter": {
|
|
40
|
-
"description": "Displays and syncs algolia filters\nMust be nested within an nano-algolia component.",
|
|
41
|
-
"attributes": [
|
|
42
|
-
"filter-name",
|
|
43
|
-
"operator",
|
|
44
|
-
"store-id",
|
|
45
|
-
"store-method",
|
|
46
|
-
"value"
|
|
47
|
-
]
|
|
48
|
-
},
|
|
49
|
-
"nano-algolia-input": {
|
|
50
|
-
"description": "",
|
|
51
|
-
"attributes": [
|
|
52
|
-
"api-key",
|
|
53
|
-
"app-id",
|
|
54
|
-
"auto-emit",
|
|
55
|
-
"browse-index",
|
|
56
|
-
"min-chars",
|
|
57
|
-
"search-index",
|
|
58
|
-
"search-index-name",
|
|
59
|
-
"store-id",
|
|
60
|
-
"store-method"
|
|
61
|
-
]
|
|
62
|
-
},
|
|
63
|
-
"nano-algolia-pagination": {
|
|
64
|
-
"description": "Displays results from Algolia searches.\nTODO / WIP",
|
|
65
|
-
"attributes": [
|
|
66
|
-
"max-to-show"
|
|
67
|
-
]
|
|
68
|
-
},
|
|
69
|
-
"nano-algolia-results": {
|
|
70
|
-
"description": "Displays and syncs results from Algolia searches.\nMust be nested within an nano-algolia component.",
|
|
71
|
-
"attributes": [
|
|
72
|
-
"append-pages",
|
|
73
|
-
"infinite-scroll"
|
|
74
|
-
]
|
|
75
|
-
},
|
|
76
|
-
"nano-aspect-ratio": {
|
|
77
|
-
"description": "Displays media in the desired aspect ratio.\nYou can slot in any replaced element, including `<iframe>`, `<img>`, and `<video>`.\nAs the element's width changes, its height will resize proportionally. Only one element should be slotted into the container.\nThe default aspect ratio is 16:9.",
|
|
78
|
-
"attributes": [
|
|
79
|
-
"aspect-ratio",
|
|
80
|
-
"fit"
|
|
81
|
-
]
|
|
82
|
-
},
|
|
83
|
-
"nano-checkbox": {
|
|
84
|
-
"description": "`nano-checkbox` is used to let a user choose one or more options from a limited number of options.\nThey appear as checked when activated.\nThey can be checked by mouse, keyboard, touch or programmatically by setting the checked property.",
|
|
85
|
-
"attributes": [
|
|
86
|
-
"checked",
|
|
87
|
-
"color",
|
|
88
|
-
"disabled",
|
|
89
|
-
"indeterminate",
|
|
90
|
-
"invalid",
|
|
91
|
-
"label",
|
|
92
|
-
"name",
|
|
93
|
-
"required",
|
|
94
|
-
"type",
|
|
95
|
-
"value"
|
|
96
|
-
]
|
|
97
|
-
},
|
|
98
|
-
"nano-checkbox-group": {
|
|
99
|
-
"description": "`nano-checkbox-group` is an optional wrapper for all `nano-checkbox` controls.\nIt provides a convenient place to anchor a collective label and any validation issues.",
|
|
100
|
-
"attributes": [
|
|
101
|
-
"disabled",
|
|
102
|
-
"legend",
|
|
103
|
-
"max",
|
|
104
|
-
"min",
|
|
105
|
-
"show-inline-error",
|
|
106
|
-
"validate-on"
|
|
107
|
-
]
|
|
108
|
-
},
|
|
109
|
-
"nano-date-input": {
|
|
110
|
-
"description": "The date-input component combines `nano-dropdown`, `nano-input` and `nano-date-picker` components to make a fully featured date form field. It has specific options for localisation, date formatting and validation.",
|
|
111
|
-
"attributes": [
|
|
112
|
-
"autofocus",
|
|
113
|
-
"clear-input",
|
|
114
|
-
"close-after-picked",
|
|
115
|
-
"color",
|
|
116
|
-
"date-order",
|
|
117
|
-
"disabled",
|
|
118
|
-
"first-day-of-week",
|
|
119
|
-
"float-label",
|
|
120
|
-
"form",
|
|
121
|
-
"helper-text",
|
|
122
|
-
"helper-text-format",
|
|
123
|
-
"hide-label",
|
|
124
|
-
"initial-picker-date",
|
|
125
|
-
"label",
|
|
126
|
-
"localization",
|
|
127
|
-
"max",
|
|
128
|
-
"min",
|
|
129
|
-
"name",
|
|
130
|
-
"picker",
|
|
131
|
-
"picker-open",
|
|
132
|
-
"placeholder",
|
|
133
|
-
"readonly",
|
|
134
|
-
"required",
|
|
135
|
-
"show-inline-error",
|
|
136
|
-
"size",
|
|
137
|
-
"validate-on",
|
|
138
|
-
"value"
|
|
139
|
-
]
|
|
140
|
-
},
|
|
141
|
-
"nano-date-picker": {
|
|
142
|
-
"description": "A highly performant, small and accessible date-picker.\nCustomised from [Duet date-picker](https://duetds.github.io/date-picker/).",
|
|
143
|
-
"attributes": [
|
|
144
|
-
"color",
|
|
145
|
-
"first-day-of-week",
|
|
146
|
-
"is-date-disabled",
|
|
147
|
-
"is-modal",
|
|
148
|
-
"localization",
|
|
149
|
-
"max",
|
|
150
|
-
"min",
|
|
151
|
-
"selected-date"
|
|
152
|
-
]
|
|
153
|
-
},
|
|
154
|
-
"nano-details": {
|
|
155
|
-
"description": "A simple element used to hide or reveal more content with slide effect. Can be used independently or nested within a [accordion](/story/nano-components-accordion--accordion) element to add 'one item open at a time' support.",
|
|
156
|
-
"attributes": [
|
|
157
|
-
"color",
|
|
158
|
-
"icon-rotation",
|
|
159
|
-
"label",
|
|
160
|
-
"no-handle",
|
|
161
|
-
"open"
|
|
162
|
-
]
|
|
163
|
-
},
|
|
164
|
-
"nano-dialog": {
|
|
165
|
-
"description": "Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.",
|
|
166
|
-
"attributes": [
|
|
167
|
-
"label",
|
|
168
|
-
"no-footer",
|
|
169
|
-
"no-header",
|
|
170
|
-
"no-user-dismiss",
|
|
171
|
-
"open",
|
|
172
|
-
"show-ribbon",
|
|
173
|
-
"store-id",
|
|
174
|
-
"store-method"
|
|
175
|
-
]
|
|
176
|
-
},
|
|
177
|
-
"nano-drawer": {
|
|
178
|
-
"description": "WIP / TODO. https://git.oxfordnanolabs.local/Digital/nano-components/-/issues/24",
|
|
179
|
-
"attributes": [
|
|
180
|
-
"contained",
|
|
181
|
-
"content-selector",
|
|
182
|
-
"label",
|
|
183
|
-
"no-header",
|
|
184
|
-
"open",
|
|
185
|
-
"placement",
|
|
186
|
-
"type"
|
|
187
|
-
]
|
|
188
|
-
},
|
|
189
|
-
"nano-dropdown": {
|
|
190
|
-
"description": "Dropdowns show additional content in a panel.\nDesigned to work well with nano-menu components to provide a list of options (works well with nano-nav-items).",
|
|
191
|
-
"attributes": [
|
|
192
|
-
"auto-open",
|
|
193
|
-
"close-on-select",
|
|
194
|
-
"containing-element",
|
|
195
|
-
"dialog-title",
|
|
196
|
-
"distance",
|
|
197
|
-
"hoist",
|
|
198
|
-
"open",
|
|
199
|
-
"placement",
|
|
200
|
-
"skidding"
|
|
201
|
-
]
|
|
202
|
-
},
|
|
203
|
-
"nano-file-upload": {
|
|
204
|
-
"description": "A better UI experience for `input type=\"file\"` form controls.\n\n - Drag and Drop\n - Validation options\n - Preview and manage multiple files",
|
|
205
|
-
"attributes": [
|
|
206
|
-
"accept",
|
|
207
|
-
"capture",
|
|
208
|
-
"clear-input",
|
|
209
|
-
"disabled",
|
|
210
|
-
"files",
|
|
211
|
-
"hide-label",
|
|
212
|
-
"invalid",
|
|
213
|
-
"label",
|
|
214
|
-
"max-file-size",
|
|
215
|
-
"max-files",
|
|
216
|
-
"name",
|
|
217
|
-
"placeholder",
|
|
218
|
-
"required",
|
|
219
|
-
"show-inline-error",
|
|
220
|
-
"validate-on",
|
|
221
|
-
"value"
|
|
222
|
-
]
|
|
223
|
-
},
|
|
224
|
-
"nano-global-nav": {
|
|
225
|
-
"description": "Nanopore digital global navigation and search bar.\nIncorporates MyAccount / SSO states (messages / cart / user name etc).\nIncorporates Algolia search.\nGlobalNav is designed to be at the root of the `<body>`.\nThere should only be one <nano-global-nav> in the DOM.\nThe following demo uses static data.",
|
|
226
|
-
"attributes": [
|
|
227
|
-
"active-my-account-sections",
|
|
228
|
-
"cart-count",
|
|
229
|
-
"cart-url",
|
|
230
|
-
"env",
|
|
231
|
-
"get-my-account-data",
|
|
232
|
-
"logo-url",
|
|
233
|
-
"msg-count",
|
|
234
|
-
"msg-url",
|
|
235
|
-
"my-account-user",
|
|
236
|
-
"search-api-key",
|
|
237
|
-
"search-app-id",
|
|
238
|
-
"search-indeces",
|
|
239
|
-
"search-index",
|
|
240
|
-
"search-value",
|
|
241
|
-
"show-logo",
|
|
242
|
-
"show-search",
|
|
243
|
-
"sso-redirect"
|
|
244
|
-
]
|
|
245
|
-
},
|
|
246
|
-
"nano-global-search-results": {
|
|
247
|
-
"description": "Nanopore Global Search results component\nto be used in conjunction with [Globla-Nav](/story/nano-compounds-global-nav).\nA shortcut / helper which combines algolia components.\nThere should only be one <nano-global-search-results> per page\nand should be a direct child of <nano-global-nav>",
|
|
248
|
-
"attributes": []
|
|
249
|
-
},
|
|
250
|
-
"nano-grid": {
|
|
251
|
-
"description": "A context-aware CSS grid implementation.\nUses it's own width to choose column number - not screen width.",
|
|
252
|
-
"attributes": [
|
|
253
|
-
"content-panel",
|
|
254
|
-
"full-height",
|
|
255
|
-
"l-cols",
|
|
256
|
-
"l-size",
|
|
257
|
-
"m-cols",
|
|
258
|
-
"m-size",
|
|
259
|
-
"s-cols",
|
|
260
|
-
"s-size",
|
|
261
|
-
"show-helper",
|
|
262
|
-
"xl-cols",
|
|
263
|
-
"xl-size",
|
|
264
|
-
"xxl-cols"
|
|
265
|
-
]
|
|
266
|
-
},
|
|
267
|
-
"nano-grid-item": {
|
|
268
|
-
"description": "Grid items to be used with [grid](/story/nano-components-grid) elements",
|
|
269
|
-
"attributes": [
|
|
270
|
-
"grid-states"
|
|
271
|
-
]
|
|
272
|
-
},
|
|
273
|
-
"nano-hero": {
|
|
274
|
-
"description": "Hero components are designed to be used once per content page to add visual impact to the introductory section of a page.",
|
|
275
|
-
"attributes": [
|
|
276
|
-
"img-src",
|
|
277
|
-
"img-src-set",
|
|
278
|
-
"large-screen-bp",
|
|
279
|
-
"level",
|
|
280
|
-
"theme"
|
|
281
|
-
]
|
|
282
|
-
},
|
|
283
|
-
"nano-icon": {
|
|
284
|
-
"description": "An SVG loader / helper. Comes bundled with all fontawesome pro icons by default but can use any custom SVG (with an correct path). Lazily loads SVG for each icon, so will only request the icons that you're using and that are visible.",
|
|
285
|
-
"attributes": [
|
|
286
|
-
"aria-label",
|
|
287
|
-
"color",
|
|
288
|
-
"flip-rtl",
|
|
289
|
-
"icon",
|
|
290
|
-
"lazy",
|
|
291
|
-
"name",
|
|
292
|
-
"size",
|
|
293
|
-
"src"
|
|
294
|
-
]
|
|
295
|
-
},
|
|
296
|
-
"nano-icon-button": {
|
|
297
|
-
"description": "Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.",
|
|
298
|
-
"attributes": [
|
|
299
|
-
"disabled",
|
|
300
|
-
"href",
|
|
301
|
-
"icon-name",
|
|
302
|
-
"icon-src",
|
|
303
|
-
"label",
|
|
304
|
-
"name",
|
|
305
|
-
"target",
|
|
306
|
-
"type",
|
|
307
|
-
"value"
|
|
308
|
-
]
|
|
309
|
-
},
|
|
310
|
-
"nano-img": {
|
|
311
|
-
"description": "Img with benefits. Lazy loading. Simple `srcSet` solution for both `<img>` and `background-image` varieties.",
|
|
312
|
-
"attributes": [
|
|
313
|
-
"alt",
|
|
314
|
-
"auto-height",
|
|
315
|
-
"background",
|
|
316
|
-
"lazy",
|
|
317
|
-
"src",
|
|
318
|
-
"src-set"
|
|
319
|
-
]
|
|
320
|
-
},
|
|
321
|
-
"nano-input": {
|
|
322
|
-
"description": "The input component is a wrapper to the HTML input element with custom styling and additional functionality. It accepts most of the same properties as the HTML [input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input), but works great on desktop devices and integrates with the keyboard on mobile devices.\n\nIt is meant for text type inputs only, such as \"text\", \"password\", \"email\", \"number\", \"search\", \"tel\", and \"url\". It supports all standard text input events including keyup, keydown, keypress, and more.",
|
|
323
|
-
"attributes": [
|
|
324
|
-
"accept",
|
|
325
|
-
"autocapitalise",
|
|
326
|
-
"autocomplete",
|
|
327
|
-
"autocorrect",
|
|
328
|
-
"autofocus",
|
|
329
|
-
"clear-input",
|
|
330
|
-
"clear-on-edit",
|
|
331
|
-
"color",
|
|
332
|
-
"debounce",
|
|
333
|
-
"disabled",
|
|
334
|
-
"float-label",
|
|
335
|
-
"form",
|
|
336
|
-
"hide-label",
|
|
337
|
-
"inputmode",
|
|
338
|
-
"invalid",
|
|
339
|
-
"label",
|
|
340
|
-
"max",
|
|
341
|
-
"maxlength",
|
|
342
|
-
"min",
|
|
343
|
-
"minlength",
|
|
344
|
-
"multiple",
|
|
345
|
-
"name",
|
|
346
|
-
"pattern",
|
|
347
|
-
"placeholder",
|
|
348
|
-
"readonly",
|
|
349
|
-
"required",
|
|
350
|
-
"resize",
|
|
351
|
-
"rows",
|
|
352
|
-
"show-char-count",
|
|
353
|
-
"show-inline-error",
|
|
354
|
-
"size",
|
|
355
|
-
"spellcheck",
|
|
356
|
-
"step",
|
|
357
|
-
"type",
|
|
358
|
-
"validate-on",
|
|
359
|
-
"value"
|
|
360
|
-
]
|
|
361
|
-
},
|
|
362
|
-
"nano-menu": {
|
|
363
|
-
"description": "",
|
|
364
|
-
"attributes": []
|
|
365
|
-
},
|
|
366
|
-
"nano-menu-drawer": {
|
|
367
|
-
"description": "Menu drawer - digital specific navigation strip designed to be open (default) or closed.\nShows menu item logos only on minimised, expands to show entire menu item.\nUsed in conjunction with the [Globla-Nav](/story/compounds-global-nav) element -> it should be a direct descendent.\nOnly one nano-menu-drawer element should be present on any page. It is fixed to a side on larger screens and items are added to the global nav 'burger' on smaller screens.",
|
|
368
|
-
"attributes": [
|
|
369
|
-
"hide-height",
|
|
370
|
-
"hide-width",
|
|
371
|
-
"open",
|
|
372
|
-
"save-state"
|
|
373
|
-
]
|
|
374
|
-
},
|
|
375
|
-
"nano-nav-item": {
|
|
376
|
-
"description": "Nav items to be used with the various nav items.\n[Globla-Nav](/story/compounds-global-nav)\n[Menu-Drawer](/story/components-menu-drawer)\n[Dropdown](/story/components-dropdown)",
|
|
377
|
-
"attributes": [
|
|
378
|
-
"close-on-blur",
|
|
379
|
-
"disabled",
|
|
380
|
-
"href",
|
|
381
|
-
"open",
|
|
382
|
-
"secondary-active-width",
|
|
383
|
-
"secondary-fallback",
|
|
384
|
-
"selected",
|
|
385
|
-
"target"
|
|
386
|
-
]
|
|
387
|
-
},
|
|
388
|
-
"nano-range": {
|
|
389
|
-
"description": "The Range slider lets users select from a range of values by moving\nthe slider knob. It can accept dual knobs, but by default one knob controls the value of the range.\n\nLabels can be placed on either side of the range by adding the\n`slot=\"start\"` or `slot=\"end\"` to the element.",
|
|
390
|
-
"attributes": [
|
|
391
|
-
"color",
|
|
392
|
-
"debounce",
|
|
393
|
-
"disabled",
|
|
394
|
-
"dual-knobs",
|
|
395
|
-
"max",
|
|
396
|
-
"min",
|
|
397
|
-
"name",
|
|
398
|
-
"pin",
|
|
399
|
-
"snaps",
|
|
400
|
-
"step",
|
|
401
|
-
"ticks",
|
|
402
|
-
"value"
|
|
403
|
-
]
|
|
404
|
-
},
|
|
405
|
-
"nano-rating": {
|
|
406
|
-
"description": "Rating - a form element to allow the viewing and input of user feedback.",
|
|
407
|
-
"attributes": [
|
|
408
|
-
"disabled",
|
|
409
|
-
"max",
|
|
410
|
-
"name",
|
|
411
|
-
"precision",
|
|
412
|
-
"readonly",
|
|
413
|
-
"symbol",
|
|
414
|
-
"symbol-name",
|
|
415
|
-
"value"
|
|
416
|
-
]
|
|
417
|
-
},
|
|
418
|
-
"nano-resize-observe": {
|
|
419
|
-
"description": "A Resize-Observer utility component.\nTakes a string list of sizes and optional class-names. Adds class-names and fires `nanoResizeStateChange` events when the component reaches those sizes.",
|
|
420
|
-
"attributes": [
|
|
421
|
-
"states"
|
|
422
|
-
]
|
|
423
|
-
},
|
|
424
|
-
"nano-select": {
|
|
425
|
-
"description": "The select component is a wrapper to the HTML select element with custom styling and additional functionality.\nIt accepts most of the same properties as the HTML [select](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select).\nIt's multi selection functionality is vastly improved from the native solution. It allows for the control of\nvalue order through drag and drop or changing the insertion point with arrow keys. It also can allow for user defined values.",
|
|
426
|
-
"attributes": [
|
|
427
|
-
"allow-custom-values",
|
|
428
|
-
"autofocus",
|
|
429
|
-
"clear-select",
|
|
430
|
-
"color",
|
|
431
|
-
"debounce",
|
|
432
|
-
"disabled",
|
|
433
|
-
"float-label",
|
|
434
|
-
"form",
|
|
435
|
-
"hide-label",
|
|
436
|
-
"invalid",
|
|
437
|
-
"label",
|
|
438
|
-
"mask",
|
|
439
|
-
"max",
|
|
440
|
-
"min",
|
|
441
|
-
"multiple",
|
|
442
|
-
"name",
|
|
443
|
-
"native",
|
|
444
|
-
"options",
|
|
445
|
-
"placeholder",
|
|
446
|
-
"readonly",
|
|
447
|
-
"required",
|
|
448
|
-
"show-inline-error",
|
|
449
|
-
"size",
|
|
450
|
-
"validate-on",
|
|
451
|
-
"value"
|
|
452
|
-
]
|
|
453
|
-
},
|
|
454
|
-
"nano-select-option": {
|
|
455
|
-
"description": "Select options to be used with [select](/story/nano-components-select) elements",
|
|
456
|
-
"attributes": [
|
|
457
|
-
"disabled",
|
|
458
|
-
"label",
|
|
459
|
-
"selected",
|
|
460
|
-
"value"
|
|
461
|
-
]
|
|
462
|
-
},
|
|
463
|
-
"nano-skeleton": {
|
|
464
|
-
"description": "Skeletons are used to show where content will eventually be drawn.\nSimple containers for scaffolding layouts that mimic what users will see when content has finished loading.\nPrevents large areas of empty space during asynchronous operations.",
|
|
465
|
-
"attributes": [
|
|
466
|
-
"animated"
|
|
467
|
-
]
|
|
468
|
-
},
|
|
469
|
-
"nano-slide": {
|
|
470
|
-
"description": "The Slides component is a multi-section container. Each section can be swiped\nor dragged between. It contains any number of [Slide](../slide) components.\n\n\nAdopted from Swiper.js:\nThe most modern mobile touch slider and framework with hardware accelerated transitions.\n\nhttp://www.idangero.us/swiper/\n\nCopyright 2016, Vladimir Kharlampidi\nThe iDangero.us\nhttp://www.idangero.us/\n\nLicensed under MIT",
|
|
471
|
-
"attributes": [
|
|
472
|
-
"ready"
|
|
473
|
-
]
|
|
474
|
-
},
|
|
475
|
-
"nano-slides": {
|
|
476
|
-
"description": "The Slides component is a multi-section container. Each section can be swiped or dragged between.\nIt contains any number of Slide components.\n\nUses [Flickity](https://flickity.metafizzy.co/) under the hood. A good balance of options, flexibility and IE11 compatibility.",
|
|
477
|
-
"attributes": [
|
|
478
|
-
"animation",
|
|
479
|
-
"autoplay",
|
|
480
|
-
"current-slide",
|
|
481
|
-
"fullscreen",
|
|
482
|
-
"fullscreenbtn",
|
|
483
|
-
"navbtns",
|
|
484
|
-
"options",
|
|
485
|
-
"pager"
|
|
486
|
-
]
|
|
487
|
-
},
|
|
488
|
-
"nano-spinner": {
|
|
489
|
-
"description": "Spinners are used to show the progress of an indeterminate operation.",
|
|
490
|
-
"attributes": [
|
|
491
|
-
"overlay",
|
|
492
|
-
"type"
|
|
493
|
-
]
|
|
494
|
-
},
|
|
495
|
-
"nano-sticker": {
|
|
496
|
-
"description": "The Sticker component is a toolbox for 'sticking' items to scrolling containers.",
|
|
497
|
-
"attributes": [
|
|
498
|
-
"auto-resize",
|
|
499
|
-
"break-point-max",
|
|
500
|
-
"break-point-min",
|
|
501
|
-
"hide-on-new-stickers",
|
|
502
|
-
"is-sticky",
|
|
503
|
-
"offset",
|
|
504
|
-
"position",
|
|
505
|
-
"quiet-mode",
|
|
506
|
-
"scroll-parent",
|
|
507
|
-
"stick-to"
|
|
508
|
-
]
|
|
509
|
-
},
|
|
510
|
-
"nano-tab": {
|
|
511
|
-
"description": "",
|
|
512
|
-
"attributes": [
|
|
513
|
-
"active",
|
|
514
|
-
"disabled",
|
|
515
|
-
"panel"
|
|
516
|
-
]
|
|
517
|
-
},
|
|
518
|
-
"nano-tab-content": {
|
|
519
|
-
"description": "",
|
|
520
|
-
"attributes": [
|
|
521
|
-
"active",
|
|
522
|
-
"name"
|
|
523
|
-
]
|
|
524
|
-
},
|
|
525
|
-
"nano-tab-group": {
|
|
526
|
-
"description": "A tradtional tab implementation. It nests `nano-tab` and `nano-tab-content` sub-components.\n\nTabs can be stacked vertically or horizontally (which presents different styling variations) using the `placement` attribute.\nHorizonal tabs that don't fit will overflow and scroll appropriately.\nTab-content can also be swiped to change tabs.",
|
|
527
|
-
"attributes": [
|
|
528
|
-
"color",
|
|
529
|
-
"no-scroll-controls",
|
|
530
|
-
"placement",
|
|
531
|
-
"store-id",
|
|
532
|
-
"store-method"
|
|
533
|
-
]
|
|
534
|
-
},
|
|
535
|
-
"nano-tooltip": {
|
|
536
|
-
"description": "Tooltips display additional information based on a specific action.",
|
|
537
|
-
"attributes": [
|
|
538
|
-
"content",
|
|
539
|
-
"disabled",
|
|
540
|
-
"distance",
|
|
541
|
-
"open",
|
|
542
|
-
"placement",
|
|
543
|
-
"skidding",
|
|
544
|
-
"trigger"
|
|
545
|
-
]
|
|
546
|
-
}
|
|
547
|
-
}
|