@nanoporetech-digital/components 6.1.0 → 6.2.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/CHANGELOG.md +13 -0
- package/dist/cjs/index-14451c95.js +6 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/nano-animation.cjs.entry.js +1209 -0
- package/dist/cjs/nano-animation.cjs.entry.js.map +1 -0
- package/dist/cjs/nano-components.cjs.js +1 -1
- package/dist/cjs/nano-global-nav-user-profile_3.cjs.entry.js.map +1 -1
- package/dist/cjs/nano-hero.cjs.entry.js +1 -1
- package/dist/cjs/nano-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/nano-intersection-observe.cjs.entry.js +131 -0
- package/dist/cjs/nano-intersection-observe.cjs.entry.js.map +1 -0
- package/dist/cjs/nano-resize-observe_2.cjs.entry.js +1 -1
- package/dist/cjs/nano-resize-observe_2.cjs.entry.js.map +1 -1
- package/dist/cjs/nano-sticker.cjs.entry.js +2 -27
- package/dist/cjs/nano-sticker.cjs.entry.js.map +1 -1
- package/dist/cjs/{nano-table-6f48a747.js → nano-table-06530d49.js} +5 -25
- package/dist/cjs/nano-table-06530d49.js.map +1 -0
- package/dist/cjs/nano-table.cjs.entry.js +2 -1
- package/dist/cjs/nano-table.cjs.entry.js.map +1 -1
- package/dist/cjs/scroll-parent-87393de2.js +31 -0
- package/dist/cjs/scroll-parent-87393de2.js.map +1 -0
- package/dist/cjs/{table.worker-f3e54773.js → table.worker-b4922b9b.js} +3 -2
- package/dist/cjs/table.worker-b4922b9b.js.map +1 -0
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/animation/animation.js +547 -0
- package/dist/collection/components/animation/animation.js.map +1 -0
- package/dist/collection/components/animation/animations/attention_seekers/bounce.js +43 -0
- package/dist/collection/components/animation/animations/attention_seekers/flash.js +7 -0
- package/dist/collection/components/animation/animations/attention_seekers/headShake.js +8 -0
- package/dist/collection/components/animation/animations/attention_seekers/heartBeat.js +7 -0
- package/dist/collection/components/animation/animations/attention_seekers/jello.js +15 -0
- package/dist/collection/components/animation/animations/attention_seekers/pulse.js +5 -0
- package/dist/collection/components/animation/animations/attention_seekers/rubberBand.js +9 -0
- package/dist/collection/components/animation/animations/attention_seekers/shake.js +13 -0
- package/dist/collection/components/animation/animations/attention_seekers/shakeX.js +13 -0
- package/dist/collection/components/animation/animations/attention_seekers/shakeY.js +13 -0
- package/dist/collection/components/animation/animations/attention_seekers/swing.js +7 -0
- package/dist/collection/components/animation/animations/attention_seekers/tada.js +13 -0
- package/dist/collection/components/animation/animations/attention_seekers/wobble.js +18 -0
- package/dist/collection/components/animation/animations/back_entrances/backInDown.js +5 -0
- package/dist/collection/components/animation/animations/back_entrances/backInLeft.js +5 -0
- package/dist/collection/components/animation/animations/back_entrances/backInRight.js +5 -0
- package/dist/collection/components/animation/animations/back_entrances/backInUp.js +5 -0
- package/dist/collection/components/animation/animations/back_exits/backOutDown.js +5 -0
- package/dist/collection/components/animation/animations/back_exits/backOutLeft.js +5 -0
- package/dist/collection/components/animation/animations/back_exits/backOutRight.js +5 -0
- package/dist/collection/components/animation/animations/back_exits/backOutUp.js +5 -0
- package/dist/collection/components/animation/animations/bouncing_entrances/bounceIn.js +14 -0
- package/dist/collection/components/animation/animations/bouncing_entrances/bounceInDown.js +20 -0
- package/dist/collection/components/animation/animations/bouncing_entrances/bounceInLeft.js +16 -0
- package/dist/collection/components/animation/animations/bouncing_entrances/bounceInRight.js +16 -0
- package/dist/collection/components/animation/animations/bouncing_entrances/bounceInUp.js +16 -0
- package/dist/collection/components/animation/animations/bouncing_exits/bounceOut.js +6 -0
- package/dist/collection/components/animation/animations/bouncing_exits/bounceOutDown.js +14 -0
- package/dist/collection/components/animation/animations/bouncing_exits/bounceOutLeft.js +12 -0
- package/dist/collection/components/animation/animations/bouncing_exits/bounceOutRight.js +8 -0
- package/dist/collection/components/animation/animations/bouncing_exits/bounceOutUp.js +18 -0
- package/dist/collection/components/animation/animations/easings/easings.js +35 -0
- package/dist/collection/components/animation/animations/easings/easings.js.map +1 -0
- package/dist/collection/components/animation/animations/fading_entrances/fadeIn.js +4 -0
- package/dist/collection/components/animation/animations/fading_entrances/fadeInBottomLeft.js +4 -0
- package/dist/collection/components/animation/animations/fading_entrances/fadeInBottomRight.js +4 -0
- package/dist/collection/components/animation/animations/fading_entrances/fadeInDown.js +4 -0
- package/dist/collection/components/animation/animations/fading_entrances/fadeInDownBig.js +4 -0
- package/dist/collection/components/animation/animations/fading_entrances/fadeInLeft.js +4 -0
- package/dist/collection/components/animation/animations/fading_entrances/fadeInLeftBig.js +4 -0
- package/dist/collection/components/animation/animations/fading_entrances/fadeInRight.js +4 -0
- package/dist/collection/components/animation/animations/fading_entrances/fadeInRightBig.js +4 -0
- package/dist/collection/components/animation/animations/fading_entrances/fadeInTopLeft.js +4 -0
- package/dist/collection/components/animation/animations/fading_entrances/fadeInTopRight.js +4 -0
- package/dist/collection/components/animation/animations/fading_entrances/fadeInUp.js +4 -0
- package/dist/collection/components/animation/animations/fading_entrances/fadeInUpBig.js +4 -0
- package/dist/collection/components/animation/animations/fading_exits/fadeOut.js +4 -0
- package/dist/collection/components/animation/animations/fading_exits/fadeOutBottomLeft.js +4 -0
- package/dist/collection/components/animation/animations/fading_exits/fadeOutBottomRight.js +4 -0
- package/dist/collection/components/animation/animations/fading_exits/fadeOutDown.js +4 -0
- package/dist/collection/components/animation/animations/fading_exits/fadeOutDownBig.js +4 -0
- package/dist/collection/components/animation/animations/fading_exits/fadeOutLeft.js +4 -0
- package/dist/collection/components/animation/animations/fading_exits/fadeOutLeftBig.js +4 -0
- package/dist/collection/components/animation/animations/fading_exits/fadeOutRight.js +4 -0
- package/dist/collection/components/animation/animations/fading_exits/fadeOutRightBig.js +4 -0
- package/dist/collection/components/animation/animations/fading_exits/fadeOutTopLeft.js +4 -0
- package/dist/collection/components/animation/animations/fading_exits/fadeOutTopRight.js +4 -0
- package/dist/collection/components/animation/animations/fading_exits/fadeOutUp.js +4 -0
- package/dist/collection/components/animation/animations/fading_exits/fadeOutUpBig.js +4 -0
- package/dist/collection/components/animation/animations/flippers/flip.js +32 -0
- package/dist/collection/components/animation/animations/flippers/flipInX.js +20 -0
- package/dist/collection/components/animation/animations/flippers/flipInY.js +20 -0
- package/dist/collection/components/animation/animations/flippers/flipOutX.js +13 -0
- package/dist/collection/components/animation/animations/flippers/flipOutY.js +13 -0
- package/dist/collection/components/animation/animations/index.js +203 -0
- package/dist/collection/components/animation/animations/index.js.map +1 -0
- package/dist/collection/components/animation/animations/lightspeed/lightSpeedInLeft.js +10 -0
- package/dist/collection/components/animation/animations/lightspeed/lightSpeedInRight.js +10 -0
- package/dist/collection/components/animation/animations/lightspeed/lightSpeedOutLeft.js +8 -0
- package/dist/collection/components/animation/animations/lightspeed/lightSpeedOutRight.js +8 -0
- package/dist/collection/components/animation/animations/rotating_entrances/rotateIn.js +4 -0
- package/dist/collection/components/animation/animations/rotating_entrances/rotateInDownLeft.js +4 -0
- package/dist/collection/components/animation/animations/rotating_entrances/rotateInDownRight.js +4 -0
- package/dist/collection/components/animation/animations/rotating_entrances/rotateInUpLeft.js +4 -0
- package/dist/collection/components/animation/animations/rotating_entrances/rotateInUpRight.js +4 -0
- package/dist/collection/components/animation/animations/rotating_exits/rotateOut.js +4 -0
- package/dist/collection/components/animation/animations/rotating_exits/rotateOutDownLeft.js +4 -0
- package/dist/collection/components/animation/animations/rotating_exits/rotateOutDownRight.js +4 -0
- package/dist/collection/components/animation/animations/rotating_exits/rotateOutUpLeft.js +4 -0
- package/dist/collection/components/animation/animations/rotating_exits/rotateOutUpRight.js +4 -0
- package/dist/collection/components/animation/animations/sliding_entrances/slideInDown.js +4 -0
- package/dist/collection/components/animation/animations/sliding_entrances/slideInLeft.js +4 -0
- package/dist/collection/components/animation/animations/sliding_entrances/slideInRight.js +4 -0
- package/dist/collection/components/animation/animations/sliding_entrances/slideInUp.js +4 -0
- package/dist/collection/components/animation/animations/sliding_exits/slideOutDown.js +4 -0
- package/dist/collection/components/animation/animations/sliding_exits/slideOutLeft.js +4 -0
- package/dist/collection/components/animation/animations/sliding_exits/slideOutRight.js +4 -0
- package/dist/collection/components/animation/animations/sliding_exits/slideOutUp.js +4 -0
- package/dist/collection/components/animation/animations/specials/hinge.js +18 -0
- package/dist/collection/components/animation/animations/specials/jackInTheBox.js +11 -0
- package/dist/collection/components/animation/animations/specials/rollIn.js +8 -0
- package/dist/collection/components/animation/animations/specials/rollOut.js +8 -0
- package/dist/collection/components/animation/animations/zooming_entrances/zoomIn.js +4 -0
- package/dist/collection/components/animation/animations/zooming_entrances/zoomInDown.js +14 -0
- package/dist/collection/components/animation/animations/zooming_entrances/zoomInLeft.js +14 -0
- package/dist/collection/components/animation/animations/zooming_entrances/zoomInRight.js +14 -0
- package/dist/collection/components/animation/animations/zooming_entrances/zoomInUp.js +14 -0
- package/dist/collection/components/animation/animations/zooming_exits/zoomOut.js +5 -0
- package/dist/collection/components/animation/animations/zooming_exits/zoomOutDown.js +14 -0
- package/dist/collection/components/animation/animations/zooming_exits/zoomOutLeft.js +12 -0
- package/dist/collection/components/animation/animations/zooming_exits/zoomOutRight.js +12 -0
- package/dist/collection/components/animation/animations/zooming_exits/zoomOutUp.js +14 -0
- package/dist/collection/components/hero/hero.css +0 -1
- package/dist/collection/components/intersection-observe/intersection-observe.js +256 -0
- package/dist/collection/components/intersection-observe/intersection-observe.js.map +1 -0
- package/dist/collection/components/resize-observe/resize-observe.js +1 -1
- package/dist/collection/components/resize-observe/resize-observe.js.map +1 -1
- package/dist/collection/components/select/select.js +5 -5
- package/dist/collection/components/select/select.js.map +1 -1
- package/dist/collection/components/sticker/sticker.js +2 -27
- package/dist/collection/components/sticker/sticker.js.map +1 -1
- package/dist/collection/components/table/table.js +2 -1
- package/dist/collection/components/table/table.js.map +1 -1
- package/dist/collection/components/table/table.utils.js +0 -21
- package/dist/collection/components/table/table.utils.js.map +1 -1
- package/dist/collection/utils/scroll-parent.js +26 -0
- package/dist/collection/utils/scroll-parent.js.map +1 -0
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.js +2 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/{nano-aspect-ratio.d.ts → nano-animation.d.ts} +4 -4
- package/dist/components/nano-animation.js +1239 -0
- package/dist/components/nano-animation.js.map +1 -0
- package/dist/components/nano-hero.js +1 -1
- package/dist/components/nano-hero.js.map +1 -1
- package/dist/components/nano-intersection-observe.d.ts +11 -0
- package/dist/components/nano-intersection-observe.js +149 -0
- package/dist/components/nano-intersection-observe.js.map +1 -0
- package/dist/components/resize-observe.js +1 -1
- package/dist/components/resize-observe.js.map +1 -1
- package/dist/components/scroll-parent.js +29 -0
- package/dist/components/scroll-parent.js.map +1 -0
- package/dist/components/select.js.map +1 -1
- package/dist/components/sticker.js +2 -27
- package/dist/components/sticker.js.map +1 -1
- package/dist/components/table.js +1 -21
- package/dist/components/table.js.map +1 -1
- package/dist/esm/index-9695db0a.js +6 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/nano-animation.entry.js +1205 -0
- package/dist/esm/nano-animation.entry.js.map +1 -0
- package/dist/esm/nano-components.js +1 -1
- package/dist/esm/nano-global-nav-user-profile_3.entry.js.map +1 -1
- package/dist/esm/nano-hero.entry.js +1 -1
- package/dist/esm/nano-hero.entry.js.map +1 -1
- package/dist/esm/nano-intersection-observe.entry.js +127 -0
- package/dist/esm/nano-intersection-observe.entry.js.map +1 -0
- package/dist/esm/nano-resize-observe_2.entry.js +1 -1
- package/dist/esm/nano-resize-observe_2.entry.js.map +1 -1
- package/dist/esm/nano-sticker.entry.js +2 -27
- package/dist/esm/nano-sticker.entry.js.map +1 -1
- package/dist/esm/{nano-table-fc01a927.js → nano-table-c85a2fd3.js} +3 -23
- package/dist/esm/nano-table-c85a2fd3.js.map +1 -0
- package/dist/esm/nano-table.entry.js +2 -1
- package/dist/esm/nano-table.entry.js.map +1 -1
- package/dist/esm/scroll-parent-bab1cbf7.js +29 -0
- package/dist/esm/scroll-parent-bab1cbf7.js.map +1 -0
- package/dist/esm/{table.worker-c70f6379.js → table.worker-761fba3e.js} +3 -2
- package/dist/esm/table.worker-761fba3e.js.map +1 -0
- package/dist/nano-components/nano-animation.entry.js +5 -0
- package/dist/nano-components/nano-animation.entry.js.map +1 -0
- package/dist/nano-components/nano-components.css +1 -1
- package/dist/nano-components/nano-components.esm.js +1 -1
- package/dist/nano-components/nano-components.esm.js.map +1 -1
- package/dist/nano-components/nano-global-nav-user-profile_3.entry.js.map +1 -1
- package/dist/nano-components/nano-hero.entry.js +1 -1
- package/dist/nano-components/nano-hero.entry.js.map +1 -1
- package/dist/nano-components/nano-intersection-observe.entry.js +5 -0
- package/dist/nano-components/nano-intersection-observe.entry.js.map +1 -0
- package/dist/nano-components/nano-resize-observe_2.entry.js +1 -1
- package/dist/nano-components/nano-resize-observe_2.entry.js.map +1 -1
- package/dist/nano-components/nano-sticker.entry.js +1 -1
- package/dist/nano-components/nano-sticker.entry.js.map +1 -1
- package/dist/nano-components/nano-table-c85a2fd3.js +5 -0
- package/dist/nano-components/nano-table-c85a2fd3.js.map +1 -0
- package/dist/nano-components/nano-table.entry.js +1 -1
- package/dist/nano-components/scroll-parent-bab1cbf7.js +5 -0
- package/dist/nano-components/scroll-parent-bab1cbf7.js.map +1 -0
- package/dist/nano-components/table.worker-761fba3e.js +5 -0
- package/dist/types/components/animation/animation.d.ts +74 -0
- package/dist/types/components/animation/animations/easings/easings.d.ts +31 -0
- package/dist/types/components/animation/animations/index.d.ts +101 -0
- package/dist/types/components/intersection-observe/intersection-observe.d.ts +45 -0
- package/dist/types/components/select/select.d.ts +2 -4
- package/dist/types/components/sticker/sticker.d.ts +0 -5
- package/dist/types/components/table/table.utils.d.ts +0 -6
- package/dist/types/components.d.ts +209 -42
- package/dist/types/interface.d.ts +6 -2
- package/dist/types/utils/scroll-parent.d.ts +6 -0
- package/docs-json.json +945 -31
- package/docs-vscode.json +488 -8
- package/hydrate/index.js +1393 -113
- package/package.json +2 -2
- package/dist/cjs/nano-aspect-ratio.cjs.entry.js +0 -53
- package/dist/cjs/nano-aspect-ratio.cjs.entry.js.map +0 -1
- package/dist/cjs/nano-table-6f48a747.js.map +0 -1
- package/dist/cjs/table.worker-f3e54773.js.map +0 -1
- package/dist/collection/components/aspect-ratio/aspect-ratio.css +0 -38
- package/dist/collection/components/aspect-ratio/aspect-ratio.js +0 -106
- package/dist/collection/components/aspect-ratio/aspect-ratio.js.map +0 -1
- package/dist/components/nano-aspect-ratio.js +0 -70
- package/dist/components/nano-aspect-ratio.js.map +0 -1
- package/dist/esm/nano-aspect-ratio.entry.js +0 -49
- package/dist/esm/nano-aspect-ratio.entry.js.map +0 -1
- package/dist/esm/nano-table-fc01a927.js.map +0 -1
- package/dist/esm/table.worker-c70f6379.js.map +0 -1
- package/dist/nano-components/nano-aspect-ratio.entry.js +0 -5
- package/dist/nano-components/nano-aspect-ratio.entry.js.map +0 -1
- package/dist/nano-components/nano-table-fc01a927.js +0 -5
- package/dist/nano-components/nano-table-fc01a927.js.map +0 -1
- package/dist/nano-components/table.worker-c70f6379.js +0 -5
- package/dist/types/components/aspect-ratio/aspect-ratio.d.ts +0 -19
- /package/dist/nano-components/{table.worker-c70f6379.js.map → table.worker-761fba3e.js.map} +0 -0
@@ -0,0 +1,101 @@
|
|
1
|
+
export declare const animations: {
|
2
|
+
readonly bounce: any;
|
3
|
+
readonly flash: any;
|
4
|
+
readonly headShake: any;
|
5
|
+
readonly heartBeat: any;
|
6
|
+
readonly jello: any;
|
7
|
+
readonly pulse: any;
|
8
|
+
readonly rubberBand: any;
|
9
|
+
readonly shake: any;
|
10
|
+
readonly shakeX: any;
|
11
|
+
readonly shakeY: any;
|
12
|
+
readonly swing: any;
|
13
|
+
readonly tada: any;
|
14
|
+
readonly wobble: any;
|
15
|
+
readonly backInDown: any;
|
16
|
+
readonly backInLeft: any;
|
17
|
+
readonly backInRight: any;
|
18
|
+
readonly backInUp: any;
|
19
|
+
readonly backOutDown: any;
|
20
|
+
readonly backOutLeft: any;
|
21
|
+
readonly backOutRight: any;
|
22
|
+
readonly backOutUp: any;
|
23
|
+
readonly bounceIn: any;
|
24
|
+
readonly bounceInDown: any;
|
25
|
+
readonly bounceInLeft: any;
|
26
|
+
readonly bounceInRight: any;
|
27
|
+
readonly bounceInUp: any;
|
28
|
+
readonly bounceOut: any;
|
29
|
+
readonly bounceOutDown: any;
|
30
|
+
readonly bounceOutLeft: any;
|
31
|
+
readonly bounceOutRight: any;
|
32
|
+
readonly bounceOutUp: any;
|
33
|
+
readonly fadeIn: any;
|
34
|
+
readonly fadeInBottomLeft: any;
|
35
|
+
readonly fadeInBottomRight: any;
|
36
|
+
readonly fadeInDown: any;
|
37
|
+
readonly fadeInDownBig: any;
|
38
|
+
readonly fadeInLeft: any;
|
39
|
+
readonly fadeInLeftBig: any;
|
40
|
+
readonly fadeInRight: any;
|
41
|
+
readonly fadeInRightBig: any;
|
42
|
+
readonly fadeInTopLeft: any;
|
43
|
+
readonly fadeInTopRight: any;
|
44
|
+
readonly fadeInUp: any;
|
45
|
+
readonly fadeInUpBig: any;
|
46
|
+
readonly fadeOut: any;
|
47
|
+
readonly fadeOutBottomLeft: any;
|
48
|
+
readonly fadeOutBottomRight: any;
|
49
|
+
readonly fadeOutDown: any;
|
50
|
+
readonly fadeOutDownBig: any;
|
51
|
+
readonly fadeOutLeft: any;
|
52
|
+
readonly fadeOutLeftBig: any;
|
53
|
+
readonly fadeOutRight: any;
|
54
|
+
readonly fadeOutRightBig: any;
|
55
|
+
readonly fadeOutTopLeft: any;
|
56
|
+
readonly fadeOutTopRight: any;
|
57
|
+
readonly fadeOutUp: any;
|
58
|
+
readonly fadeOutUpBig: any;
|
59
|
+
readonly flip: any;
|
60
|
+
readonly flipInX: any;
|
61
|
+
readonly flipInY: any;
|
62
|
+
readonly flipOutX: any;
|
63
|
+
readonly flipOutY: any;
|
64
|
+
readonly lightSpeedInLeft: any;
|
65
|
+
readonly lightSpeedInRight: any;
|
66
|
+
readonly lightSpeedOutLeft: any;
|
67
|
+
readonly lightSpeedOutRight: any;
|
68
|
+
readonly rotateIn: any;
|
69
|
+
readonly rotateInDownLeft: any;
|
70
|
+
readonly rotateInDownRight: any;
|
71
|
+
readonly rotateInUpLeft: any;
|
72
|
+
readonly rotateInUpRight: any;
|
73
|
+
readonly rotateOut: any;
|
74
|
+
readonly rotateOutDownLeft: any;
|
75
|
+
readonly rotateOutDownRight: any;
|
76
|
+
readonly rotateOutUpLeft: any;
|
77
|
+
readonly rotateOutUpRight: any;
|
78
|
+
readonly slideInDown: any;
|
79
|
+
readonly slideInLeft: any;
|
80
|
+
readonly slideInRight: any;
|
81
|
+
readonly slideInUp: any;
|
82
|
+
readonly slideOutDown: any;
|
83
|
+
readonly slideOutLeft: any;
|
84
|
+
readonly slideOutRight: any;
|
85
|
+
readonly slideOutUp: any;
|
86
|
+
readonly hinge: any;
|
87
|
+
readonly jackInTheBox: any;
|
88
|
+
readonly rollIn: any;
|
89
|
+
readonly rollOut: any;
|
90
|
+
readonly zoomIn: any;
|
91
|
+
readonly zoomInDown: any;
|
92
|
+
readonly zoomInLeft: any;
|
93
|
+
readonly zoomInRight: any;
|
94
|
+
readonly zoomInUp: any;
|
95
|
+
readonly zoomOut: any;
|
96
|
+
readonly zoomOutDown: any;
|
97
|
+
readonly zoomOutLeft: any;
|
98
|
+
readonly zoomOutRight: any;
|
99
|
+
readonly zoomOutUp: any;
|
100
|
+
};
|
101
|
+
export { easings } from './easings/easings';
|
@@ -0,0 +1,45 @@
|
|
1
|
+
import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
|
2
|
+
/**
|
3
|
+
* A thin, declarative interface to the IntersectionObserver API.
|
4
|
+
* @slot - Main slot for any content.
|
5
|
+
*/
|
6
|
+
export declare class IntersectionObserve implements ComponentInterface {
|
7
|
+
private io;
|
8
|
+
private _root;
|
9
|
+
private _threshold;
|
10
|
+
private defaultSlot;
|
11
|
+
get observerOptions(): IntersectionObserverInit;
|
12
|
+
get elements(): Element[] | undefined;
|
13
|
+
host: HTMLNanoIntersectionObserveElement;
|
14
|
+
/** The element that is used as the viewport for checking visibility of the target. Must be the ancestor of the target.
|
15
|
+
* Defaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`. */
|
16
|
+
root: globalThis.Element | 'root' | 'auto';
|
17
|
+
handleRootChange(): void;
|
18
|
+
/**
|
19
|
+
* Margin around the root. Can be similar to CSS margins property, e.g. "10px 20px 30px 40px" (top, right, bottom, left).
|
20
|
+
* The values can be percentages. This set of values serves to grow or shrink each side of the root element's
|
21
|
+
* bounding box before computing intersections. Defaults to zeros. */
|
22
|
+
rootMargin?: string;
|
23
|
+
/**
|
24
|
+
* Indicate at what percentage of the target's visibility the observer's callback should be executed.
|
25
|
+
* If you only want to detect when visibility passes the 50% mark, you can use a value of '0.5'.
|
26
|
+
* If you want the callback to run every time visibility passes another '25%',
|
27
|
+
* you would specify a string of values (separated by ',') array '0, 0.25, 0.5, 0.75, 1'.
|
28
|
+
* A value of '1.0' means that the threshold isn't considered passed until every pixel is visible.
|
29
|
+
*/
|
30
|
+
threshold?: string;
|
31
|
+
handleThresholdChange(): void;
|
32
|
+
/** A resize break point is switched on or off */
|
33
|
+
nanoIntersectionChange: EventEmitter<IntersectionObserverEntry>;
|
34
|
+
/** A resize break point is switched on or off */
|
35
|
+
nanoIntersecting: EventEmitter<IntersectionObserverEntry>;
|
36
|
+
/** A resize break point is switched on or off */
|
37
|
+
nanoNotIntersecting: EventEmitter<IntersectionObserverEntry>;
|
38
|
+
private ioCallback;
|
39
|
+
private handleSlotChange;
|
40
|
+
private addIO;
|
41
|
+
private removeIO;
|
42
|
+
connectedCallback(): void;
|
43
|
+
disconnectedCallback(): void;
|
44
|
+
render(): any;
|
45
|
+
}
|
@@ -1,7 +1,5 @@
|
|
1
1
|
import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
|
2
|
-
import { OptionInterface } from '
|
3
|
-
import type { Dropdown } from '../dropdown/dropdown';
|
4
|
-
import type { Color, SelectChangeEventDetail, InputChangeEventDetail, ControlValidityEventDetail, ControlValidity } from '../../interface';
|
2
|
+
import type { Color, SelectChangeEventDetail, InputChangeEventDetail, ControlValidityEventDetail, ControlValidity, OptionInterface, DropdownInterface } from '../../interface';
|
5
3
|
/**
|
6
4
|
* The select component is a wrapper to the HTML select element with custom styling and additional functionality.
|
7
5
|
* It accepts most of the same properties as the HTML [select](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select).
|
@@ -171,7 +169,7 @@ export declare class Select implements ComponentInterface {
|
|
171
169
|
*/
|
172
170
|
valueChanged(): void;
|
173
171
|
/** nano-dropdown config options you can pass to the nested dropdown component */
|
174
|
-
dropDownConfig?: Partial<
|
172
|
+
dropDownConfig?: Partial<DropdownInterface>;
|
175
173
|
setDataListOpts(): void;
|
176
174
|
/**
|
177
175
|
* A function that customizes the tag value to be rendered when `multiple="true"`.
|
@@ -155,11 +155,6 @@ export declare class Sticker implements ComponentInterface {
|
|
155
155
|
private handleScrollTo;
|
156
156
|
private handleScrollAway;
|
157
157
|
private moveTrigger;
|
158
|
-
/**
|
159
|
-
* Gets the 'closest' scrolling parent
|
160
|
-
* @returns either an element with `overflow: scroll | auto` or the parent Document
|
161
|
-
*/
|
162
|
-
private getScrollParent;
|
163
158
|
private shouldStick;
|
164
159
|
private bootstrapGurantor;
|
165
160
|
connectedCallback(): void;
|
@@ -60,12 +60,6 @@ export declare function headerPinClasses(type: ValidRenderTypes, vPinned?: Table
|
|
60
60
|
export declare function classListToStr(classes: {
|
61
61
|
[key: string]: boolean;
|
62
62
|
}): string;
|
63
|
-
/**
|
64
|
-
* Attempts to find the closes scrolling parental element
|
65
|
-
* @param element - the element from which to traverse up the DOM
|
66
|
-
* @returns - the closest scrolling parental element
|
67
|
-
*/
|
68
|
-
export declare function findScrollParent(element: HTMLElement): HTMLElement;
|
69
63
|
/**
|
70
64
|
* Checks whether an element is currently viewable within the viewport
|
71
65
|
* @param el - element to check
|
@@ -5,15 +5,13 @@
|
|
5
5
|
* It contains typing information for all components that exist in this project.
|
6
6
|
*/
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
8
|
-
import { AlgoliaNetworkError, AloliaSearchResultDetail, CheckboxChangeEventDetail, Color, ControlValidity, ControlValidityEventDetail, DateDisabledPredicate, DateInputChangeEventDetail, DragEvent, DuetLocalizedText, FileInputChangeEventDetail, FileWithUrl, FilterChangeEventDetail, Flickity, FlickityOptions, IndexResult, InputChangeEventDetail, LocalDateOpts, MyAccountData, MyAccountUser, NanoFormEles, NavItemEventDetail, OptionInterface, PageChangeEventDetail, PickerChangeEvent, PlainFormEles, RangeChangeEventDetail, RangeValue, ResizeStateChangeEventDetail, SearchIndex, SelectChangeEventDetail, SlideAnimation, StyleEventDetail, TableTypes, TextFieldTypes, ValidationState, ValidatorValueStore } from "./interface";
|
8
|
+
import { AlgoliaNetworkError, AloliaSearchResultDetail, AnimationEasing, AnimationName, CheckboxChangeEventDetail, Color, ControlValidity, ControlValidityEventDetail, DateDisabledPredicate, DateInputChangeEventDetail, DragEvent, DropdownInterface, DuetLocalizedText, FileInputChangeEventDetail, FileWithUrl, FilterChangeEventDetail, Flickity, FlickityOptions, IndexResult, InputChangeEventDetail, LocalDateOpts, MyAccountData, MyAccountUser, NanoFormEles, NavItemEventDetail, OptionInterface, PageChangeEventDetail, PickerChangeEvent, PlainFormEles, RangeChangeEventDetail, RangeValue, ResizeStateChangeEventDetail, SearchIndex, SelectChangeEventDetail, SlideAnimation, StyleEventDetail, TableTypes, TextFieldTypes, ValidationState, ValidatorValueStore } from "./interface";
|
9
9
|
import { StorageMethods } from "./utils/store/component-store";
|
10
10
|
import { DaysOfWeek } from "./utils/date-utils";
|
11
11
|
import { PopoverPlacement } from "./utils/popover";
|
12
12
|
import { Element, EventEmitter } from "./stencil-public-runtime";
|
13
13
|
import { ObservableMap } from "@stencil/store";
|
14
14
|
import { MyAccountUser as MyAccountUser1 } from "./components/global-nav/global-nav-interface";
|
15
|
-
import { OptionInterface as OptionInterface1 } from "./components/option/option-interface";
|
16
|
-
import { Dropdown } from "./components/dropdown/dropdown";
|
17
15
|
export namespace Components {
|
18
16
|
/**
|
19
17
|
* Simple accordion - only one item open at a time - must be used with [details](story/components-accordion--details) elements.
|
@@ -205,20 +203,70 @@ export namespace Components {
|
|
205
203
|
"infiniteScroll": boolean;
|
206
204
|
}
|
207
205
|
/**
|
208
|
-
*
|
209
|
-
*
|
210
|
-
* As the element's width changes, its height will resize proportionally. Only one element should be slotted into the container.
|
211
|
-
* The default aspect ratio is 16:9.
|
206
|
+
* Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.
|
207
|
+
* Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
|
212
208
|
*/
|
213
|
-
interface
|
209
|
+
interface NanoAnimation {
|
214
210
|
/**
|
215
|
-
*
|
211
|
+
* Clears all keyframe effects caused by this animation and aborts its playback.
|
216
212
|
*/
|
217
|
-
"
|
213
|
+
"cancel": () => Promise<void>;
|
218
214
|
/**
|
219
|
-
*
|
215
|
+
* Gets and sets the current animation time.
|
220
216
|
*/
|
221
|
-
"
|
217
|
+
"currentTime": CSSNumberish;
|
218
|
+
/**
|
219
|
+
* The number of milliseconds to delay the start of the animation.
|
220
|
+
*/
|
221
|
+
"delay": number;
|
222
|
+
/**
|
223
|
+
* Determines the direction of playback as well as the behavior when reaching the end of an iteration. [Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)
|
224
|
+
*/
|
225
|
+
"direction": PlaybackDirection;
|
226
|
+
/**
|
227
|
+
* The number of milliseconds each iteration of the animation takes to complete.
|
228
|
+
*/
|
229
|
+
"duration": number;
|
230
|
+
/**
|
231
|
+
* The easing function to use for the animation. This can be a easing function or a custom easing function such as `cubic-bezier(0, 1, .76, 1.14)`.
|
232
|
+
*/
|
233
|
+
"easing": AnimationEasing;
|
234
|
+
/**
|
235
|
+
* The number of milliseconds to delay after the active period of an animation sequence.
|
236
|
+
*/
|
237
|
+
"endDelay": number;
|
238
|
+
/**
|
239
|
+
* Sets how the animation applies styles to its target before and after its execution.
|
240
|
+
*/
|
241
|
+
"fill": FillMode;
|
242
|
+
/**
|
243
|
+
* Sets the playback time to the end of the animation corresponding to the current playback direction.
|
244
|
+
*/
|
245
|
+
"finish": () => Promise<void>;
|
246
|
+
/**
|
247
|
+
* The offset at which to start the animation, usually between 0 (start) and 1 (end).
|
248
|
+
*/
|
249
|
+
"iterationStart": number;
|
250
|
+
/**
|
251
|
+
* The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.
|
252
|
+
*/
|
253
|
+
"iterations": number;
|
254
|
+
/**
|
255
|
+
* The keyframes to use for the animation. If this is set, `name` will be ignored.
|
256
|
+
*/
|
257
|
+
"keyframes"?: Keyframe[];
|
258
|
+
/**
|
259
|
+
* The name of the built-in animation to use. For custom animations, use the `keyframes` prop.
|
260
|
+
*/
|
261
|
+
"name": AnimationName | 'none';
|
262
|
+
/**
|
263
|
+
* Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when the animation finishes or gets canceled.
|
264
|
+
*/
|
265
|
+
"play": boolean;
|
266
|
+
/**
|
267
|
+
* Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this to `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This value can be changed without causing the animation to restart.
|
268
|
+
*/
|
269
|
+
"playbackRate": number;
|
222
270
|
}
|
223
271
|
/**
|
224
272
|
* `nano-checkbox` is used to let a user choose one or more options from a limited number of options.
|
@@ -1493,6 +1541,23 @@ export namespace Components {
|
|
1493
1541
|
*/
|
1494
1542
|
"value"?: string | null;
|
1495
1543
|
}
|
1544
|
+
/**
|
1545
|
+
* A thin, declarative interface to the IntersectionObserver API.
|
1546
|
+
*/
|
1547
|
+
interface NanoIntersectionObserve {
|
1548
|
+
/**
|
1549
|
+
* The element that is used as the viewport for checking visibility of the target. Must be the ancestor of the target. Defaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`.
|
1550
|
+
*/
|
1551
|
+
"root": globalThis.Element | 'root' | 'auto';
|
1552
|
+
/**
|
1553
|
+
* Margin around the root. Can be similar to CSS margins property, e.g. "10px 20px 30px 40px" (top, right, bottom, left). The values can be percentages. This set of values serves to grow or shrink each side of the root element's bounding box before computing intersections. Defaults to zeros.
|
1554
|
+
*/
|
1555
|
+
"rootMargin"?: string;
|
1556
|
+
/**
|
1557
|
+
* Indicate at what percentage of the target's visibility the observer's callback should be executed. If you only want to detect when visibility passes the 50% mark, you can use a value of '0.5'. If you want the callback to run every time visibility passes another '25%', you would specify a string of values (separated by ',') array '0, 0.25, 0.5, 0.75, 1'. A value of '1.0' means that the threshold isn't considered passed until every pixel is visible.
|
1558
|
+
*/
|
1559
|
+
"threshold"?: string;
|
1560
|
+
}
|
1496
1561
|
/**
|
1497
1562
|
* Menu element. Commonly wrapped by `nano-dropdown` with `nano-option` and `nano-nav-item` elements nested.
|
1498
1563
|
* Manages focus state / active.
|
@@ -1835,7 +1900,7 @@ export namespace Components {
|
|
1835
1900
|
/**
|
1836
1901
|
* nano-dropdown config options you can pass to the nested dropdown component
|
1837
1902
|
*/
|
1838
|
-
"dropDownConfig"?: Partial<
|
1903
|
+
"dropDownConfig"?: Partial<DropdownInterface>;
|
1839
1904
|
/**
|
1840
1905
|
* Enable floating label behaviour. Will disable placeholder if set.
|
1841
1906
|
*/
|
@@ -1887,7 +1952,7 @@ export namespace Components {
|
|
1887
1952
|
/**
|
1888
1953
|
* You can set options via js as an array of strings: `domElement.options = ['option 1', 'option 2']` or objects `domElement.options = [{label: 'option 1', value: 'opt-1'}]`. See `nano-option` docs for all available properties. Alternatively, you can nest `<nano-option>` elements within a `<nano-select>` Regardless - reading `options` will return the current component options - slotted or otherwise
|
1889
1954
|
*/
|
1890
|
-
"options": Array<
|
1955
|
+
"options": Array<OptionInterface | string>;
|
1891
1956
|
/**
|
1892
1957
|
* Instructional text that shows before the select has a value. Text set here will be placed inside the label when a value is set. If you don't want this behaviour just set the first option to have no value.
|
1893
1958
|
*/
|
@@ -1940,7 +2005,7 @@ export namespace Components {
|
|
1940
2005
|
* @param index - the incoming option index
|
1941
2006
|
* @returns Should return either a string / templateResult or a string containing trusted HTML or an HTMLElement
|
1942
2007
|
*/
|
1943
|
-
"valueTagTemplate": (option:
|
2008
|
+
"valueTagTemplate": (option: OptionInterface, index: number) => string;
|
1944
2009
|
}
|
1945
2010
|
/**
|
1946
2011
|
* Skeletons are used to show where content will eventually be drawn.
|
@@ -2560,6 +2625,10 @@ export interface NanoAlgoliaResultsCustomEvent<T> extends CustomEvent<T> {
|
|
2560
2625
|
detail: T;
|
2561
2626
|
target: HTMLNanoAlgoliaResultsElement;
|
2562
2627
|
}
|
2628
|
+
export interface NanoAnimationCustomEvent<T> extends CustomEvent<T> {
|
2629
|
+
detail: T;
|
2630
|
+
target: HTMLNanoAnimationElement;
|
2631
|
+
}
|
2563
2632
|
export interface NanoCheckboxCustomEvent<T> extends CustomEvent<T> {
|
2564
2633
|
detail: T;
|
2565
2634
|
target: HTMLNanoCheckboxElement;
|
@@ -2620,6 +2689,10 @@ export interface NanoInputCustomEvent<T> extends CustomEvent<T> {
|
|
2620
2689
|
detail: T;
|
2621
2690
|
target: HTMLNanoInputElement;
|
2622
2691
|
}
|
2692
|
+
export interface NanoIntersectionObserveCustomEvent<T> extends CustomEvent<T> {
|
2693
|
+
detail: T;
|
2694
|
+
target: HTMLNanoIntersectionObserveElement;
|
2695
|
+
}
|
2623
2696
|
export interface NanoMenuCustomEvent<T> extends CustomEvent<T> {
|
2624
2697
|
detail: T;
|
2625
2698
|
target: HTMLNanoMenuElement;
|
@@ -2743,16 +2816,14 @@ declare global {
|
|
2743
2816
|
new (): HTMLNanoAlgoliaResultsElement;
|
2744
2817
|
};
|
2745
2818
|
/**
|
2746
|
-
*
|
2747
|
-
*
|
2748
|
-
* As the element's width changes, its height will resize proportionally. Only one element should be slotted into the container.
|
2749
|
-
* The default aspect ratio is 16:9.
|
2819
|
+
* Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.
|
2820
|
+
* Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
|
2750
2821
|
*/
|
2751
|
-
interface
|
2822
|
+
interface HTMLNanoAnimationElement extends Components.NanoAnimation, HTMLStencilElement {
|
2752
2823
|
}
|
2753
|
-
var
|
2754
|
-
prototype:
|
2755
|
-
new ():
|
2824
|
+
var HTMLNanoAnimationElement: {
|
2825
|
+
prototype: HTMLNanoAnimationElement;
|
2826
|
+
new (): HTMLNanoAnimationElement;
|
2756
2827
|
};
|
2757
2828
|
/**
|
2758
2829
|
* `nano-checkbox` is used to let a user choose one or more options from a limited number of options.
|
@@ -2976,6 +3047,15 @@ declare global {
|
|
2976
3047
|
prototype: HTMLNanoInputElement;
|
2977
3048
|
new (): HTMLNanoInputElement;
|
2978
3049
|
};
|
3050
|
+
/**
|
3051
|
+
* A thin, declarative interface to the IntersectionObserver API.
|
3052
|
+
*/
|
3053
|
+
interface HTMLNanoIntersectionObserveElement extends Components.NanoIntersectionObserve, HTMLStencilElement {
|
3054
|
+
}
|
3055
|
+
var HTMLNanoIntersectionObserveElement: {
|
3056
|
+
prototype: HTMLNanoIntersectionObserveElement;
|
3057
|
+
new (): HTMLNanoIntersectionObserveElement;
|
3058
|
+
};
|
2979
3059
|
/**
|
2980
3060
|
* Menu element. Commonly wrapped by `nano-dropdown` with `nano-option` and `nano-nav-item` elements nested.
|
2981
3061
|
* Manages focus state / active.
|
@@ -3208,7 +3288,7 @@ declare global {
|
|
3208
3288
|
"nano-algolia-filter": HTMLNanoAlgoliaFilterElement;
|
3209
3289
|
"nano-algolia-pagination": HTMLNanoAlgoliaPaginationElement;
|
3210
3290
|
"nano-algolia-results": HTMLNanoAlgoliaResultsElement;
|
3211
|
-
"nano-
|
3291
|
+
"nano-animation": HTMLNanoAnimationElement;
|
3212
3292
|
"nano-checkbox": HTMLNanoCheckboxElement;
|
3213
3293
|
"nano-checkbox-group": HTMLNanoCheckboxGroupElement;
|
3214
3294
|
"nano-datalist": HTMLNanoDatalistElement;
|
@@ -3231,6 +3311,7 @@ declare global {
|
|
3231
3311
|
"nano-icon-button": HTMLNanoIconButtonElement;
|
3232
3312
|
"nano-img": HTMLNanoImgElement;
|
3233
3313
|
"nano-input": HTMLNanoInputElement;
|
3314
|
+
"nano-intersection-observe": HTMLNanoIntersectionObserveElement;
|
3234
3315
|
"nano-menu": HTMLNanoMenuElement;
|
3235
3316
|
"nano-menu-drawer": HTMLNanoMenuDrawerElement;
|
3236
3317
|
"nano-nav-item": HTMLNanoNavItemElement;
|
@@ -3473,20 +3554,74 @@ declare namespace LocalJSX {
|
|
3473
3554
|
"onNanoTplUpdated"?: (event: NanoAlgoliaResultsCustomEvent<HTMLNanoAlgoliaResultsElement>) => void;
|
3474
3555
|
}
|
3475
3556
|
/**
|
3476
|
-
*
|
3477
|
-
*
|
3478
|
-
* As the element's width changes, its height will resize proportionally. Only one element should be slotted into the container.
|
3479
|
-
* The default aspect ratio is 16:9.
|
3557
|
+
* Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.
|
3558
|
+
* Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
|
3480
3559
|
*/
|
3481
|
-
interface
|
3560
|
+
interface NanoAnimation {
|
3482
3561
|
/**
|
3483
|
-
*
|
3562
|
+
* Gets and sets the current animation time.
|
3484
3563
|
*/
|
3485
|
-
"
|
3564
|
+
"currentTime"?: CSSNumberish;
|
3486
3565
|
/**
|
3487
|
-
*
|
3566
|
+
* The number of milliseconds to delay the start of the animation.
|
3488
3567
|
*/
|
3489
|
-
"
|
3568
|
+
"delay"?: number;
|
3569
|
+
/**
|
3570
|
+
* Determines the direction of playback as well as the behavior when reaching the end of an iteration. [Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)
|
3571
|
+
*/
|
3572
|
+
"direction"?: PlaybackDirection;
|
3573
|
+
/**
|
3574
|
+
* The number of milliseconds each iteration of the animation takes to complete.
|
3575
|
+
*/
|
3576
|
+
"duration"?: number;
|
3577
|
+
/**
|
3578
|
+
* The easing function to use for the animation. This can be a easing function or a custom easing function such as `cubic-bezier(0, 1, .76, 1.14)`.
|
3579
|
+
*/
|
3580
|
+
"easing"?: AnimationEasing;
|
3581
|
+
/**
|
3582
|
+
* The number of milliseconds to delay after the active period of an animation sequence.
|
3583
|
+
*/
|
3584
|
+
"endDelay"?: number;
|
3585
|
+
/**
|
3586
|
+
* Sets how the animation applies styles to its target before and after its execution.
|
3587
|
+
*/
|
3588
|
+
"fill"?: FillMode;
|
3589
|
+
/**
|
3590
|
+
* The offset at which to start the animation, usually between 0 (start) and 1 (end).
|
3591
|
+
*/
|
3592
|
+
"iterationStart"?: number;
|
3593
|
+
/**
|
3594
|
+
* The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.
|
3595
|
+
*/
|
3596
|
+
"iterations"?: number;
|
3597
|
+
/**
|
3598
|
+
* The keyframes to use for the animation. If this is set, `name` will be ignored.
|
3599
|
+
*/
|
3600
|
+
"keyframes"?: Keyframe[];
|
3601
|
+
/**
|
3602
|
+
* The name of the built-in animation to use. For custom animations, use the `keyframes` prop.
|
3603
|
+
*/
|
3604
|
+
"name"?: AnimationName | 'none';
|
3605
|
+
/**
|
3606
|
+
* Emitted when the animation is canceled.
|
3607
|
+
*/
|
3608
|
+
"onNanoCancel"?: (event: NanoAnimationCustomEvent<any>) => void;
|
3609
|
+
/**
|
3610
|
+
* Emitted when the animation finishes.
|
3611
|
+
*/
|
3612
|
+
"onNanoFinish"?: (event: NanoAnimationCustomEvent<any>) => void;
|
3613
|
+
/**
|
3614
|
+
* Emitted when the animation starts.
|
3615
|
+
*/
|
3616
|
+
"onNanoStart"?: (event: NanoAnimationCustomEvent<any>) => void;
|
3617
|
+
/**
|
3618
|
+
* Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when the animation finishes or gets canceled.
|
3619
|
+
*/
|
3620
|
+
"play"?: boolean;
|
3621
|
+
/**
|
3622
|
+
* Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this to `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This value can be changed without causing the animation to restart.
|
3623
|
+
*/
|
3624
|
+
"playbackRate"?: number;
|
3490
3625
|
}
|
3491
3626
|
/**
|
3492
3627
|
* `nano-checkbox` is used to let a user choose one or more options from a limited number of options.
|
@@ -4811,6 +4946,35 @@ declare namespace LocalJSX {
|
|
4811
4946
|
*/
|
4812
4947
|
"value"?: string | null;
|
4813
4948
|
}
|
4949
|
+
/**
|
4950
|
+
* A thin, declarative interface to the IntersectionObserver API.
|
4951
|
+
*/
|
4952
|
+
interface NanoIntersectionObserve {
|
4953
|
+
/**
|
4954
|
+
* A resize break point is switched on or off
|
4955
|
+
*/
|
4956
|
+
"onNanoIntersecting"?: (event: NanoIntersectionObserveCustomEvent<IntersectionObserverEntry>) => void;
|
4957
|
+
/**
|
4958
|
+
* A resize break point is switched on or off
|
4959
|
+
*/
|
4960
|
+
"onNanoIntersectionChange"?: (event: NanoIntersectionObserveCustomEvent<IntersectionObserverEntry>) => void;
|
4961
|
+
/**
|
4962
|
+
* A resize break point is switched on or off
|
4963
|
+
*/
|
4964
|
+
"onNanoNotIntersecting"?: (event: NanoIntersectionObserveCustomEvent<IntersectionObserverEntry>) => void;
|
4965
|
+
/**
|
4966
|
+
* The element that is used as the viewport for checking visibility of the target. Must be the ancestor of the target. Defaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`.
|
4967
|
+
*/
|
4968
|
+
"root"?: globalThis.Element | 'root' | 'auto';
|
4969
|
+
/**
|
4970
|
+
* Margin around the root. Can be similar to CSS margins property, e.g. "10px 20px 30px 40px" (top, right, bottom, left). The values can be percentages. This set of values serves to grow or shrink each side of the root element's bounding box before computing intersections. Defaults to zeros.
|
4971
|
+
*/
|
4972
|
+
"rootMargin"?: string;
|
4973
|
+
/**
|
4974
|
+
* Indicate at what percentage of the target's visibility the observer's callback should be executed. If you only want to detect when visibility passes the 50% mark, you can use a value of '0.5'. If you want the callback to run every time visibility passes another '25%', you would specify a string of values (separated by ',') array '0, 0.25, 0.5, 0.75, 1'. A value of '1.0' means that the threshold isn't considered passed until every pixel is visible.
|
4975
|
+
*/
|
4976
|
+
"threshold"?: string;
|
4977
|
+
}
|
4814
4978
|
/**
|
4815
4979
|
* Menu element. Commonly wrapped by `nano-dropdown` with `nano-option` and `nano-nav-item` elements nested.
|
4816
4980
|
* Manages focus state / active.
|
@@ -5204,7 +5368,7 @@ declare namespace LocalJSX {
|
|
5204
5368
|
/**
|
5205
5369
|
* nano-dropdown config options you can pass to the nested dropdown component
|
5206
5370
|
*/
|
5207
|
-
"dropDownConfig"?: Partial<
|
5371
|
+
"dropDownConfig"?: Partial<DropdownInterface>;
|
5208
5372
|
/**
|
5209
5373
|
* Enable floating label behaviour. Will disable placeholder if set.
|
5210
5374
|
*/
|
@@ -5273,7 +5437,7 @@ declare namespace LocalJSX {
|
|
5273
5437
|
/**
|
5274
5438
|
* You can set options via js as an array of strings: `domElement.options = ['option 1', 'option 2']` or objects `domElement.options = [{label: 'option 1', value: 'opt-1'}]`. See `nano-option` docs for all available properties. Alternatively, you can nest `<nano-option>` elements within a `<nano-select>` Regardless - reading `options` will return the current component options - slotted or otherwise
|
5275
5439
|
*/
|
5276
|
-
"options"?: Array<
|
5440
|
+
"options"?: Array<OptionInterface | string>;
|
5277
5441
|
/**
|
5278
5442
|
* Instructional text that shows before the select has a value. Text set here will be placed inside the label when a value is set. If you don't want this behaviour just set the first option to have no value.
|
5279
5443
|
*/
|
@@ -5312,7 +5476,7 @@ declare namespace LocalJSX {
|
|
5312
5476
|
* @param index - the incoming option index
|
5313
5477
|
* @returns Should return either a string / templateResult or a string containing trusted HTML or an HTMLElement
|
5314
5478
|
*/
|
5315
|
-
"valueTagTemplate"?: (option:
|
5479
|
+
"valueTagTemplate"?: (option: OptionInterface, index: number) => string;
|
5316
5480
|
}
|
5317
5481
|
/**
|
5318
5482
|
* Skeletons are used to show where content will eventually be drawn.
|
@@ -5943,7 +6107,7 @@ declare namespace LocalJSX {
|
|
5943
6107
|
"nano-algolia-filter": NanoAlgoliaFilter;
|
5944
6108
|
"nano-algolia-pagination": NanoAlgoliaPagination;
|
5945
6109
|
"nano-algolia-results": NanoAlgoliaResults;
|
5946
|
-
"nano-
|
6110
|
+
"nano-animation": NanoAnimation;
|
5947
6111
|
"nano-checkbox": NanoCheckbox;
|
5948
6112
|
"nano-checkbox-group": NanoCheckboxGroup;
|
5949
6113
|
"nano-datalist": NanoDatalist;
|
@@ -5966,6 +6130,7 @@ declare namespace LocalJSX {
|
|
5966
6130
|
"nano-icon-button": NanoIconButton;
|
5967
6131
|
"nano-img": NanoImg;
|
5968
6132
|
"nano-input": NanoInput;
|
6133
|
+
"nano-intersection-observe": NanoIntersectionObserve;
|
5969
6134
|
"nano-menu": NanoMenu;
|
5970
6135
|
"nano-menu-drawer": NanoMenuDrawer;
|
5971
6136
|
"nano-nav-item": NanoNavItem;
|
@@ -6022,12 +6187,10 @@ declare module "@stencil/core" {
|
|
6022
6187
|
*/
|
6023
6188
|
"nano-algolia-results": LocalJSX.NanoAlgoliaResults & JSXBase.HTMLAttributes<HTMLNanoAlgoliaResultsElement>;
|
6024
6189
|
/**
|
6025
|
-
*
|
6026
|
-
*
|
6027
|
-
* As the element's width changes, its height will resize proportionally. Only one element should be slotted into the container.
|
6028
|
-
* The default aspect ratio is 16:9.
|
6190
|
+
* Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.
|
6191
|
+
* Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
|
6029
6192
|
*/
|
6030
|
-
"nano-
|
6193
|
+
"nano-animation": LocalJSX.NanoAnimation & JSXBase.HTMLAttributes<HTMLNanoAnimationElement>;
|
6031
6194
|
/**
|
6032
6195
|
* `nano-checkbox` is used to let a user choose one or more options from a limited number of options.
|
6033
6196
|
* They appear as checked when activated.
|
@@ -6140,6 +6303,10 @@ declare module "@stencil/core" {
|
|
6140
6303
|
* The default styling reference comes from the [ONT styleguide](https://nanoporetech.zeroheight.com/styleguide/s/31282/p/230c74-text-input--textarea/b/942ee4)
|
6141
6304
|
*/
|
6142
6305
|
"nano-input": LocalJSX.NanoInput & JSXBase.HTMLAttributes<HTMLNanoInputElement>;
|
6306
|
+
/**
|
6307
|
+
* A thin, declarative interface to the IntersectionObserver API.
|
6308
|
+
*/
|
6309
|
+
"nano-intersection-observe": LocalJSX.NanoIntersectionObserve & JSXBase.HTMLAttributes<HTMLNanoIntersectionObserveElement>;
|
6143
6310
|
/**
|
6144
6311
|
* Menu element. Commonly wrapped by `nano-dropdown` with `nano-option` and `nano-nav-item` elements nested.
|
6145
6312
|
* Manages focus state / active.
|
@@ -1,5 +1,6 @@
|
|
1
|
-
import { Hit } from '@algolia/client-search';
|
2
|
-
import { MyAccountData } from './components/global-nav/global-nav-interface';
|
1
|
+
import type { Hit } from '@algolia/client-search';
|
2
|
+
import type { MyAccountData } from './components/global-nav/global-nav-interface';
|
3
|
+
import type { animations, easings } from './components/animation/animations';
|
3
4
|
|
4
5
|
export * from './index';
|
5
6
|
export * from './components.d';
|
@@ -20,6 +21,9 @@ export * from './components/file-upload/file-upload-interface';
|
|
20
21
|
export * from './components/option/option-interface';
|
21
22
|
export * from './components/field-validator/field-validator-interface';
|
22
23
|
export * from './components/table/table-interface';
|
24
|
+
export type { Dropdown as DropdownInterface } from './components/dropdown/dropdown';
|
25
|
+
export type AnimationEasing = keyof typeof easings;
|
26
|
+
export type AnimationName = keyof typeof animations;
|
23
27
|
|
24
28
|
export { Gesture, GestureConfig, GestureDetail } from './utils/gesture';
|
25
29
|
export type PredefinedColors =
|