keyframekit 1.2.0 → 1.2.1
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/KeyframeKit.min.js +1 -0
- package/dist/KeyframeKit.min.js.map +1 -0
- package/package.json +6 -3
- package/docs/.vitepress/components/Playground/Playground.js +0 -243
- package/docs/.vitepress/components/Playground/Playground.vue +0 -208
- package/docs/.vitepress/components/Playground/defaultExample.js +0 -175
- package/docs/.vitepress/components/Playground/interFont.js +0 -14
- package/docs/.vitepress/components/Playground/themes/githubDark.js +0 -402
- package/docs/.vitepress/components/Playground/themes/githubLight.js +0 -399
- package/docs/.vitepress/components/Playground/themes.js +0 -24
- package/docs/.vitepress/config.ts +0 -136
- package/docs/.vitepress/referenceNavigation.ts +0 -37
- package/docs/.vitepress/theme/base-styles.css +0 -147
- package/docs/.vitepress/theme/env.d.ts +0 -5
- package/docs/.vitepress/theme/index.ts +0 -40
- package/docs/docs/get-started.md +0 -131
- package/docs/docs/index.md +0 -17
- package/docs/docs/public/icon.png +0 -0
- package/docs/docs/public/og-image.png +0 -0
- package/docs/docs/public/playground/KeyframeKit/dist/KeyframeKit.d.ts +0 -172
- package/docs/docs/public/playground/KeyframeKit/dist/KeyframeKit.d.ts.map +0 -1
- package/docs/docs/public/playground/KeyframeKit/dist/KeyframeKit.js +0 -327
- package/docs/docs/public/playground/KeyframeKit/dist/KeyframeKit.js.map +0 -1
- package/docs/docs/public/playground/KeyframeKit/dist/KeyframeKit.min.js +0 -5
- package/docs/docs/reference/classes/KeyframeEffectParameters.md +0 -104
- package/docs/docs/reference/classes/ParsedKeyframes.md +0 -58
- package/docs/docs/reference/index.md +0 -20
- package/docs/docs/reference/interfaces/KeyframesFactory.md +0 -189
- package/docs/docs/reference/navigation.json +0 -64
- package/docs/docs/reference/type-aliases/CSSStyleSheetSource.md +0 -13
- package/docs/docs/reference/type-aliases/KeyframeArgument.md +0 -15
- package/docs/docs/reference/type-aliases/ParsedKeyframesRules.md +0 -22
- package/docs/docs/reference/variables/default.md +0 -12
- package/docs/package-lock.json +0 -2321
- package/docs/package.json +0 -22
- package/docs/typedoc/plugin-markdown-mdn-links-fix.js +0 -43
- package/docs/typedoc/plugin-markdown-see-also.js +0 -262
- package/docs/typedoc/plugin-param-names.js +0 -17
- package/docs/typedoc.config.js +0 -81
- package/docs/vercel.json +0 -14
- package/rollup.config.js +0 -42
- package/tsconfig.default.json +0 -44
- package/tsconfig.json +0 -10
|
@@ -1,189 +0,0 @@
|
|
|
1
|
-
[KeyframeKit](../index.md) / KeyframesFactory
|
|
2
|
-
|
|
3
|
-
# Interface: KeyframesFactory
|
|
4
|
-
|
|
5
|
-
## Properties
|
|
6
|
-
|
|
7
|
-
### Error
|
|
8
|
-
|
|
9
|
-
```ts
|
|
10
|
-
readonly Error: {
|
|
11
|
-
KeyframesRuleNameTypeError: typeof KeyframesRuleNameTypeError;
|
|
12
|
-
SourceTypeError: typeof SourceTypeError;
|
|
13
|
-
StyleSheetImportError: typeof StyleSheetImportError;
|
|
14
|
-
};
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
#### KeyframesRuleNameTypeError
|
|
18
|
-
|
|
19
|
-
```ts
|
|
20
|
-
readonly KeyframesRuleNameTypeError: typeof KeyframesRuleNameTypeError;
|
|
21
|
-
```
|
|
22
|
-
|
|
23
|
-
Thrown if keyframes rule name is not a string.
|
|
24
|
-
|
|
25
|
-
#### SourceTypeError
|
|
26
|
-
|
|
27
|
-
```ts
|
|
28
|
-
readonly SourceTypeError: typeof SourceTypeError;
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
Thrown if source is not a `CSSStyleSheet` or a `StyleSheetList`.
|
|
32
|
-
|
|
33
|
-
#### StyleSheetImportError
|
|
34
|
-
|
|
35
|
-
```ts
|
|
36
|
-
readonly StyleSheetImportError: typeof StyleSheetImportError;
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
Thrown if the stylesheet could not be imported.
|
|
40
|
-
|
|
41
|
-
## Methods
|
|
42
|
-
|
|
43
|
-
### getAllStyleSheetKeyframesRules()
|
|
44
|
-
|
|
45
|
-
```ts
|
|
46
|
-
getAllStyleSheetKeyframesRules(obj: {
|
|
47
|
-
in: CSSStyleSheetSource;
|
|
48
|
-
}): ParsedKeyframesRules;
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
Gets all the CSS keyframes rules in a stylesheet or stylesheet list,
|
|
52
|
-
then converts them to Web Animations API keyframes.
|
|
53
|
-
|
|
54
|
-
#### Parameters
|
|
55
|
-
|
|
56
|
-
##### obj
|
|
57
|
-
|
|
58
|
-
###### in
|
|
59
|
-
|
|
60
|
-
[`CSSStyleSheetSource`](../type-aliases/CSSStyleSheetSource.md)
|
|
61
|
-
|
|
62
|
-
The style sheet or style sheet list to get keyframes from.
|
|
63
|
-
|
|
64
|
-
#### Returns
|
|
65
|
-
|
|
66
|
-
[`ParsedKeyframesRules`](../type-aliases/ParsedKeyframesRules.md)
|
|
67
|
-
|
|
68
|
-
***
|
|
69
|
-
|
|
70
|
-
### getDocumentStyleSheetsOnLoad()
|
|
71
|
-
|
|
72
|
-
```ts
|
|
73
|
-
getDocumentStyleSheetsOnLoad(obj?: {
|
|
74
|
-
document?: Document;
|
|
75
|
-
}): Promise<StyleSheetList>;
|
|
76
|
-
```
|
|
77
|
-
|
|
78
|
-
Gets a document's stylesheets when it loads,
|
|
79
|
-
or immediately returns them if it's already loaded.
|
|
80
|
-
|
|
81
|
-
#### Parameters
|
|
82
|
-
|
|
83
|
-
##### obj?
|
|
84
|
-
|
|
85
|
-
###### document?
|
|
86
|
-
|
|
87
|
-
[`Document`](https://developer.mozilla.org/docs/Web/API/Document) = `window.document`
|
|
88
|
-
|
|
89
|
-
The document to get stylesheets from.
|
|
90
|
-
|
|
91
|
-
#### Returns
|
|
92
|
-
|
|
93
|
-
[`Promise`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise)\<[`StyleSheetList`](https://developer.mozilla.org/docs/Web/API/StyleSheetList)\>
|
|
94
|
-
|
|
95
|
-
***
|
|
96
|
-
|
|
97
|
-
### getStyleSheetKeyframes()
|
|
98
|
-
|
|
99
|
-
```ts
|
|
100
|
-
getStyleSheetKeyframes(obj: {
|
|
101
|
-
in: CSSStyleSheetSource;
|
|
102
|
-
of: string;
|
|
103
|
-
}): ParsedKeyframes | undefined;
|
|
104
|
-
```
|
|
105
|
-
|
|
106
|
-
Gets a CSS keyframes rule from a stylesheet or stylesheet list,
|
|
107
|
-
then converts it to Web Animations API keyframes.
|
|
108
|
-
|
|
109
|
-
#### Parameters
|
|
110
|
-
|
|
111
|
-
##### obj
|
|
112
|
-
|
|
113
|
-
###### in
|
|
114
|
-
|
|
115
|
-
[`CSSStyleSheetSource`](../type-aliases/CSSStyleSheetSource.md)
|
|
116
|
-
|
|
117
|
-
The stylesheet or stylesheet list where the rule resides.
|
|
118
|
-
|
|
119
|
-
###### of
|
|
120
|
-
|
|
121
|
-
`string`
|
|
122
|
-
|
|
123
|
-
The name of the `@keyframes` rule to get keyframes from.
|
|
124
|
-
|
|
125
|
-
#### Returns
|
|
126
|
-
|
|
127
|
-
[`ParsedKeyframes`](../classes/ParsedKeyframes.md) \| `undefined`
|
|
128
|
-
|
|
129
|
-
***
|
|
130
|
-
|
|
131
|
-
### importStyleSheet()
|
|
132
|
-
|
|
133
|
-
```ts
|
|
134
|
-
importStyleSheet(url: string): Promise<CSSStyleSheet>;
|
|
135
|
-
```
|
|
136
|
-
|
|
137
|
-
Imports a stylesheet from a URL.
|
|
138
|
-
|
|
139
|
-
#### Parameters
|
|
140
|
-
|
|
141
|
-
##### url
|
|
142
|
-
|
|
143
|
-
`string`
|
|
144
|
-
|
|
145
|
-
The URL of the stylesheet to import.
|
|
146
|
-
|
|
147
|
-
#### Returns
|
|
148
|
-
|
|
149
|
-
[`Promise`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise)\<[`CSSStyleSheet`](https://developer.mozilla.org/docs/Web/API/CSSStyleSheet)\>
|
|
150
|
-
|
|
151
|
-
#### Remarks
|
|
152
|
-
|
|
153
|
-
Note: `@import` rules won't be resolved in imported stylesheets.
|
|
154
|
-
See https://github.com/WICG/construct-stylesheets/issues/119#issuecomment-588352418.
|
|
155
|
-
|
|
156
|
-
***
|
|
157
|
-
|
|
158
|
-
### parseKeyframesRule()
|
|
159
|
-
|
|
160
|
-
```ts
|
|
161
|
-
parseKeyframesRule(obj: {
|
|
162
|
-
rule: CSSKeyframesRule;
|
|
163
|
-
}): ParsedKeyframes;
|
|
164
|
-
```
|
|
165
|
-
|
|
166
|
-
Converts a CSS keyframes rule to Web Animations API keyframes.
|
|
167
|
-
|
|
168
|
-
#### Parameters
|
|
169
|
-
|
|
170
|
-
##### obj
|
|
171
|
-
|
|
172
|
-
###### rule
|
|
173
|
-
|
|
174
|
-
[`CSSKeyframesRule`](https://developer.mozilla.org/docs/Web/API/CSSKeyframesRule)
|
|
175
|
-
|
|
176
|
-
The rule to convert.
|
|
177
|
-
|
|
178
|
-
#### Returns
|
|
179
|
-
|
|
180
|
-
[`ParsedKeyframes`](../classes/ParsedKeyframes.md)
|
|
181
|
-
|
|
182
|
-
## See Also
|
|
183
|
-
|
|
184
|
-
### Referenced Here
|
|
185
|
-
- [CSSStyleSheetSource](../type-aliases/CSSStyleSheetSource.md)
|
|
186
|
-
- [ParsedKeyframes](../classes/ParsedKeyframes.md)
|
|
187
|
-
- [ParsedKeyframesRules](../type-aliases/ParsedKeyframesRules.md)
|
|
188
|
-
### References This
|
|
189
|
-
- [default](../variables/default.md)
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
[
|
|
2
|
-
{
|
|
3
|
-
"title": "Classes",
|
|
4
|
-
"children": [
|
|
5
|
-
{
|
|
6
|
-
"title": "KeyframeEffectParameters",
|
|
7
|
-
"kind": 128,
|
|
8
|
-
"path": "classes/KeyframeEffectParameters.md",
|
|
9
|
-
"isDeprecated": false
|
|
10
|
-
},
|
|
11
|
-
{
|
|
12
|
-
"title": "ParsedKeyframes",
|
|
13
|
-
"kind": 128,
|
|
14
|
-
"path": "classes/ParsedKeyframes.md",
|
|
15
|
-
"isDeprecated": false
|
|
16
|
-
}
|
|
17
|
-
]
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
"title": "Interfaces",
|
|
21
|
-
"children": [
|
|
22
|
-
{
|
|
23
|
-
"title": "KeyframesFactory",
|
|
24
|
-
"kind": 256,
|
|
25
|
-
"path": "interfaces/KeyframesFactory.md",
|
|
26
|
-
"isDeprecated": false
|
|
27
|
-
}
|
|
28
|
-
]
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
"title": "Type Aliases",
|
|
32
|
-
"children": [
|
|
33
|
-
{
|
|
34
|
-
"title": "CSSStyleSheetSource",
|
|
35
|
-
"kind": 2097152,
|
|
36
|
-
"path": "type-aliases/CSSStyleSheetSource.md",
|
|
37
|
-
"isDeprecated": false
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
"title": "KeyframeArgument",
|
|
41
|
-
"kind": 2097152,
|
|
42
|
-
"path": "type-aliases/KeyframeArgument.md",
|
|
43
|
-
"isDeprecated": false
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
"title": "ParsedKeyframesRules",
|
|
47
|
-
"kind": 2097152,
|
|
48
|
-
"path": "type-aliases/ParsedKeyframesRules.md",
|
|
49
|
-
"isDeprecated": false
|
|
50
|
-
}
|
|
51
|
-
]
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
"title": "Variables",
|
|
55
|
-
"children": [
|
|
56
|
-
{
|
|
57
|
-
"title": "default",
|
|
58
|
-
"kind": 32,
|
|
59
|
-
"path": "variables/default.md",
|
|
60
|
-
"isDeprecated": false
|
|
61
|
-
}
|
|
62
|
-
]
|
|
63
|
-
}
|
|
64
|
-
]
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
[KeyframeKit](../index.md) / CSSStyleSheetSource
|
|
2
|
-
|
|
3
|
-
# Type Alias: CSSStyleSheetSource
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
type CSSStyleSheetSource = CSSStyleSheet | StyleSheetList;
|
|
7
|
-
```
|
|
8
|
-
|
|
9
|
-
## See Also
|
|
10
|
-
|
|
11
|
-
### References This
|
|
12
|
-
- [KeyframesFactory.getAllStyleSheetKeyframesRules](../interfaces/KeyframesFactory.md#getallstylesheetkeyframesrules)
|
|
13
|
-
- [KeyframesFactory.getStyleSheetKeyframes](../interfaces/KeyframesFactory.md#getstylesheetkeyframes)
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
[KeyframeKit](../index.md) / KeyframeArgument
|
|
2
|
-
|
|
3
|
-
# Type Alias: KeyframeArgument
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
type KeyframeArgument = Keyframe[] | PropertyIndexedKeyframes;
|
|
7
|
-
```
|
|
8
|
-
|
|
9
|
-
https://drafts.csswg.org/web-animations-1/#processing-a-keyframes-argument
|
|
10
|
-
|
|
11
|
-
## See Also
|
|
12
|
-
|
|
13
|
-
### References This
|
|
14
|
-
- [KeyframeEffectParameters.constructor](../classes/KeyframeEffectParameters.md#constructor)
|
|
15
|
-
- [KeyframeEffectParameters.keyframes](../classes/KeyframeEffectParameters.md#keyframes)
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
[KeyframeKit](../index.md) / ParsedKeyframesRules
|
|
2
|
-
|
|
3
|
-
# Type Alias: ParsedKeyframesRules
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
type ParsedKeyframesRules = {
|
|
7
|
-
[ruleName: string]: ParsedKeyframes;
|
|
8
|
-
};
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## Index Signature
|
|
12
|
-
|
|
13
|
-
```ts
|
|
14
|
-
[ruleName: string]: ParsedKeyframes
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
## See Also
|
|
18
|
-
|
|
19
|
-
### Referenced Here
|
|
20
|
-
- [ParsedKeyframes](../classes/ParsedKeyframes.md)
|
|
21
|
-
### References This
|
|
22
|
-
- [KeyframesFactory.getAllStyleSheetKeyframesRules](../interfaces/KeyframesFactory.md#getallstylesheetkeyframesrules)
|