ember-safe-button 2.1.1 → 3.0.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/README.md +9 -3
- package/addon-main.cjs +6 -0
- package/dist/_app_/components/safe-button/animations/flip.js +1 -0
- package/dist/_app_/components/safe-button/animations/index.js +1 -0
- package/dist/_app_/components/safe-button/animations/lift-bars.js +1 -0
- package/dist/_app_/components/safe-button/animations/poing.js +1 -0
- package/dist/_app_/components/safe-button/animations/roll.js +1 -0
- package/dist/_app_/components/safe-button/animations/slide.js +1 -0
- package/dist/_app_/components/safe-button/animations/zoom.js +1 -0
- package/dist/_app_/components/safe-button/index.js +1 -0
- package/dist/_app_/components/safety/index.js +1 -0
- package/dist/_app_/components/trigger/index.js +1 -0
- package/dist/_app_/modifiers/animate-me.js +1 -0
- package/dist/components/safe-button/animations/flip.js +103 -0
- package/dist/components/safe-button/animations/flip.js.map +1 -0
- package/dist/components/safe-button/animations/index.js +18 -0
- package/dist/components/safe-button/animations/index.js.map +1 -0
- package/dist/components/safe-button/animations/lift-bars.js +53 -0
- package/dist/components/safe-button/animations/lift-bars.js.map +1 -0
- package/dist/components/safe-button/animations/poing.js +93 -0
- package/dist/components/safe-button/animations/poing.js.map +1 -0
- package/dist/components/safe-button/animations/roll.js +57 -0
- package/dist/components/safe-button/animations/roll.js.map +1 -0
- package/dist/components/safe-button/animations/slide.js +57 -0
- package/dist/components/safe-button/animations/slide.js.map +1 -0
- package/dist/components/safe-button/animations/zoom.js +73 -0
- package/dist/components/safe-button/animations/zoom.js.map +1 -0
- package/dist/components/safe-button/index.js +9 -0
- package/dist/components/safe-button/index.js.map +1 -0
- package/dist/components/safety/index.js +54 -0
- package/dist/components/safety/index.js.map +1 -0
- package/dist/components/trigger/index.js +44 -0
- package/dist/components/trigger/index.js.map +1 -0
- package/dist/index-65a73164.js +249 -0
- package/dist/index-65a73164.js.map +1 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/modifiers/animate-me.js +23 -0
- package/dist/modifiers/animate-me.js.map +1 -0
- package/package.json +70 -69
- package/.gitlab-ci.yml +0 -27
- package/.prettierignore +0 -21
- package/.prettierrc.js +0 -5
- package/.vscode/settings.json +0 -19
- package/CHANGELOG.md +0 -126
- package/LICENSE.md +0 -9
- package/addon/components/safe-button/animations/flip.js +0 -114
- package/addon/components/safe-button/animations/index.js +0 -15
- package/addon/components/safe-button/animations/lift-bars.js +0 -50
- package/addon/components/safe-button/animations/poing.js +0 -99
- package/addon/components/safe-button/animations/roll.js +0 -50
- package/addon/components/safe-button/animations/slide.js +0 -50
- package/addon/components/safe-button/animations/zoom.js +0 -52
- package/addon/components/safe-button/index.hbs +0 -35
- package/addon/components/safe-button/index.js +0 -184
- package/addon/components/safety/index.hbs +0 -20
- package/addon/components/safety/index.js +0 -41
- package/addon/components/trigger/index.hbs +0 -20
- package/addon/components/trigger/index.js +0 -31
- package/addon/modifiers/animate-me.js +0 -20
- package/app/components/safe-button.js +0 -1
- package/app/components/safety.js +0 -1
- package/app/components/trigger.js +0 -2
- package/app/modifiers/animate-me.js +0 -1
- package/app/templates/components/safe-button.js +0 -1
- package/app/templates/components/safety.js +0 -1
- package/app/templates/components/trigger.js +0 -1
- package/config/addon-docs.js +0 -13
- package/config/deploy.js +0 -29
- package/config/environment.js +0 -5
- package/config/tailwindcss-config.js +0 -924
- package/doc/demo.gif +0 -0
- package/doc/logo.png +0 -0
- package/index.js +0 -5
- package/netlify.toml +0 -3
- package/renovate.json +0 -75
- package/yarn-error.log +0 -13431
package/README.md
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
|
-

|
|
2
2
|
|
|
3
3
|
# ember-safe-button
|
|
4
4
|
|
|
5
5
|
Provides a button for potentially dangerous actions that better needs a confirmation. First click unlocks the fuse, second then confirms. If no confirmation is provided, then the button returns the safety in place after a timeout.
|
|
6
6
|
|
|
7
7
|
|
|
8
|
+
Compatibility
|
|
9
|
+
------------------------------------------------------------------------------
|
|
10
|
+
|
|
11
|
+
* Ember.js v3.20 or above
|
|
12
|
+
* Ember CLI v3.20 or above
|
|
13
|
+
* Node.js v12 or above
|
|
8
14
|
|
|
9
15
|
|
|
10
16
|
## Installation
|
|
@@ -27,11 +33,11 @@ Minimal example:
|
|
|
27
33
|
|
|
28
34
|
Which will produce:
|
|
29
35
|
|
|
30
|
-

|
|
31
37
|
|
|
32
38
|
## Documentation
|
|
33
39
|
|
|
34
|
-
For many more examples and API design see [ember-safe-button documentation website](https://ember-safe-button.netlify.com
|
|
40
|
+
For many more examples and API design see [ember-safe-button documentation website](https://ember-safe-button.netlify.com).
|
|
35
41
|
|
|
36
42
|
## Contributing
|
|
37
43
|
|
package/addon-main.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "ember-safe-button/components/safe-button/animations/flip";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "ember-safe-button/components/safe-button/animations/index";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "ember-safe-button/components/safe-button/animations/lift-bars";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "ember-safe-button/components/safe-button/animations/poing";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "ember-safe-button/components/safe-button/animations/roll";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "ember-safe-button/components/safe-button/animations/slide";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "ember-safe-button/components/safe-button/animations/zoom";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "ember-safe-button/components/safe-button/index";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "ember-safe-button/components/safety/index";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "ember-safe-button/components/trigger/index";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "ember-safe-button/modifiers/animate-me";
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
// TODO: https://github.com/animate-css/animate.css/blob/main/source/flippers/flipOutX.css
|
|
2
|
+
// TODO: https://github.com/animate-css/animate.css/blob/main/source/flippers/flipInX.css
|
|
3
|
+
var flip = {
|
|
4
|
+
safety: {
|
|
5
|
+
unlocking: {
|
|
6
|
+
keyframes: [{
|
|
7
|
+
transform: 'perspective(400px)',
|
|
8
|
+
offset: 0
|
|
9
|
+
}, {
|
|
10
|
+
transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
|
|
11
|
+
offset: 0.3 / 2,
|
|
12
|
+
opacity: 1
|
|
13
|
+
}, {
|
|
14
|
+
transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
|
|
15
|
+
offset: 1 / 2,
|
|
16
|
+
opacity: 0
|
|
17
|
+
}],
|
|
18
|
+
options: {
|
|
19
|
+
duration: 1000,
|
|
20
|
+
fill: 'forwards',
|
|
21
|
+
easing: 'ease-in'
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
locking: {
|
|
25
|
+
keyframes: [{
|
|
26
|
+
transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
|
|
27
|
+
offset: 0,
|
|
28
|
+
opacity: 0
|
|
29
|
+
}, {
|
|
30
|
+
transform: ['perspective(400px)', 'rotate3d(1, 0, 0, -20deg)'],
|
|
31
|
+
offset: 0.4 / 2 + 0.5
|
|
32
|
+
}, {
|
|
33
|
+
transform: ['perspective(400px)', 'rotate3d(1, 0, 0, 10deg)'],
|
|
34
|
+
offset: 0.6 / 2 + 0.5,
|
|
35
|
+
opacity: 1
|
|
36
|
+
}, {
|
|
37
|
+
transform: ['perspective(400px)', 'rotate3d(1, 0, 0, -5deg)'],
|
|
38
|
+
offset: 0.8 / 2 + 0.5,
|
|
39
|
+
opacity: 1
|
|
40
|
+
}, {
|
|
41
|
+
transform: 'perspective(400px)',
|
|
42
|
+
offset: 1 / 2 + 0.5,
|
|
43
|
+
opacity: 1
|
|
44
|
+
}],
|
|
45
|
+
options: {
|
|
46
|
+
duration: 1000,
|
|
47
|
+
fill: 'forwards',
|
|
48
|
+
easing: 'ease-in'
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
trigger: {
|
|
53
|
+
unlocking: {
|
|
54
|
+
keyframes: [{
|
|
55
|
+
transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
|
|
56
|
+
offset: 0 + 0.5,
|
|
57
|
+
opacity: 0
|
|
58
|
+
}, {
|
|
59
|
+
transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
|
|
60
|
+
offset: 0.4 / 2 + 0.5
|
|
61
|
+
}, {
|
|
62
|
+
transform: 'perspective(400px) rotate3d(1, 0, 0, 10deg)',
|
|
63
|
+
offset: 0.6 / 2 + 0.5,
|
|
64
|
+
opacity: 1
|
|
65
|
+
}, {
|
|
66
|
+
transform: 'perspective(400px) rotate3d(1, 0, 0, -5deg)',
|
|
67
|
+
offset: 0.8 / 2 + 0.5,
|
|
68
|
+
opacity: 1
|
|
69
|
+
}, {
|
|
70
|
+
transform: 'perspective(400px)',
|
|
71
|
+
offset: 1 / 2 + 0.5,
|
|
72
|
+
opacity: 1
|
|
73
|
+
}],
|
|
74
|
+
options: {
|
|
75
|
+
duration: 1000,
|
|
76
|
+
fill: 'forwards',
|
|
77
|
+
easing: 'ease-in'
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
locking: {
|
|
81
|
+
keyframes: [{
|
|
82
|
+
transform: 'perspective(400px)',
|
|
83
|
+
offset: 0
|
|
84
|
+
}, {
|
|
85
|
+
transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
|
|
86
|
+
offset: 0.3 / 2,
|
|
87
|
+
opacity: 1
|
|
88
|
+
}, {
|
|
89
|
+
transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
|
|
90
|
+
offset: 1 / 2,
|
|
91
|
+
opacity: 0
|
|
92
|
+
}],
|
|
93
|
+
options: {
|
|
94
|
+
duration: 1000,
|
|
95
|
+
fill: 'forwards',
|
|
96
|
+
easing: 'ease-in'
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
export { flip as default };
|
|
103
|
+
//# sourceMappingURL=flip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flip.js","sources":["../../../../src/components/safe-button/animations/flip.js"],"sourcesContent":["// TODO: https://github.com/animate-css/animate.css/blob/main/source/flippers/flipOutX.css\n// TODO: https://github.com/animate-css/animate.css/blob/main/source/flippers/flipInX.css\nexport default {\n safety: {\n unlocking: {\n keyframes: [\n { transform: 'perspective(400px)', offset: 0 },\n {\n transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',\n offset: 0.3 / 2,\n opacity: 1,\n },\n {\n transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',\n offset: 1 / 2,\n opacity: 0,\n },\n ],\n options: {\n duration: 1000,\n fill: 'forwards',\n easing: 'ease-in',\n },\n },\n locking: {\n keyframes: [\n {\n transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',\n offset: 0,\n opacity: 0,\n },\n {\n transform: ['perspective(400px)', 'rotate3d(1, 0, 0, -20deg)'],\n offset: 0.4 / 2 + 0.5,\n },\n {\n transform: ['perspective(400px)', 'rotate3d(1, 0, 0, 10deg)'],\n offset: 0.6 / 2 + 0.5,\n opacity: 1,\n },\n {\n transform: ['perspective(400px)', 'rotate3d(1, 0, 0, -5deg)'],\n offset: 0.8 / 2 + 0.5,\n opacity: 1,\n },\n {\n transform: 'perspective(400px)',\n offset: 1 / 2 + 0.5,\n opacity: 1,\n },\n ],\n options: {\n duration: 1000,\n fill: 'forwards',\n easing: 'ease-in',\n },\n },\n },\n trigger: {\n unlocking: {\n keyframes: [\n {\n transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',\n offset: 0 + 0.5,\n opacity: 0,\n },\n {\n transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',\n offset: 0.4 / 2 + 0.5,\n },\n {\n transform: 'perspective(400px) rotate3d(1, 0, 0, 10deg)',\n offset: 0.6 / 2 + 0.5,\n opacity: 1,\n },\n {\n transform: 'perspective(400px) rotate3d(1, 0, 0, -5deg)',\n offset: 0.8 / 2 + 0.5,\n opacity: 1,\n },\n {\n transform: 'perspective(400px)',\n offset: 1 / 2 + 0.5,\n opacity: 1,\n },\n ],\n options: {\n duration: 1000,\n fill: 'forwards',\n easing: 'ease-in',\n },\n },\n locking: {\n keyframes: [\n { transform: 'perspective(400px)', offset: 0 },\n {\n transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',\n offset: 0.3 / 2,\n opacity: 1,\n },\n {\n transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',\n offset: 1 / 2,\n opacity: 0,\n },\n ],\n options: {\n duration: 1000,\n fill: 'forwards',\n easing: 'ease-in',\n },\n },\n },\n};\n"],"names":["safety","unlocking","keyframes","transform","offset","opacity","options","duration","fill","easing","locking","trigger"],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import poing from './poing.js';
|
|
2
|
+
import slide from './slide.js';
|
|
3
|
+
import roll from './roll.js';
|
|
4
|
+
import flip from './flip.js';
|
|
5
|
+
import liftBars from './lift-bars.js';
|
|
6
|
+
import zoom from './zoom.js';
|
|
7
|
+
|
|
8
|
+
var embeddedAnimations = {
|
|
9
|
+
poing,
|
|
10
|
+
slide,
|
|
11
|
+
flip,
|
|
12
|
+
zoom,
|
|
13
|
+
roll,
|
|
14
|
+
'lift-bars': liftBars
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { embeddedAnimations as default };
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/safe-button/animations/index.js"],"sourcesContent":["import poing from './poing';\nimport slide from './slide';\nimport roll from './roll';\nimport flip from './flip';\nimport liftBars from './lift-bars';\nimport zoom from './zoom';\n\nexport default {\n poing,\n slide,\n flip,\n zoom,\n roll,\n 'lift-bars': liftBars,\n};\n"],"names":["poing","slide","flip","zoom","roll","liftBars"],"mappings":";;;;;;;AAOA,yBAAe;EACbA,KADa;EAEbC,KAFa;EAGbC,IAHa;EAIbC,IAJa;EAKbC,IALa;EAMb,WAAaC,EAAAA,QAAAA;AANA,CAAf;;;;"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
var liftBars = {
|
|
2
|
+
safety: {
|
|
3
|
+
unlocking: {
|
|
4
|
+
keyframes: [{
|
|
5
|
+
transform: 'translate3d(0, 0, 0)'
|
|
6
|
+
}, {
|
|
7
|
+
transform: 'translate3d(0, -100%, 0)'
|
|
8
|
+
}],
|
|
9
|
+
options: {
|
|
10
|
+
duration: 1000,
|
|
11
|
+
fill: 'both',
|
|
12
|
+
easing: 'ease'
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
locking: {
|
|
16
|
+
keyframes: [{
|
|
17
|
+
transform: 'translate3d(0, -100%, 0)'
|
|
18
|
+
}, {
|
|
19
|
+
transform: 'translate3d(0, 0, 0)'
|
|
20
|
+
}],
|
|
21
|
+
options: {
|
|
22
|
+
duration: 1000,
|
|
23
|
+
fill: 'both',
|
|
24
|
+
easing: 'ease'
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
trigger: {
|
|
29
|
+
unlocking: {
|
|
30
|
+
keyframes: [// { transform: 'translateX(100%)' },
|
|
31
|
+
// { transform: 'translateX(0)' },
|
|
32
|
+
],
|
|
33
|
+
options: {
|
|
34
|
+
duration: 1000,
|
|
35
|
+
fill: 'both',
|
|
36
|
+
easing: 'ease'
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
locking: {
|
|
40
|
+
keyframes: [// { transform: 'translateX(0)' },
|
|
41
|
+
// { transform: 'translateX(100%)' },
|
|
42
|
+
],
|
|
43
|
+
options: {
|
|
44
|
+
duration: 1000,
|
|
45
|
+
fill: 'both',
|
|
46
|
+
easing: 'ease'
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
export { liftBars as default };
|
|
53
|
+
//# sourceMappingURL=lift-bars.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lift-bars.js","sources":["../../../../src/components/safe-button/animations/lift-bars.js"],"sourcesContent":["export default {\n safety: {\n unlocking: {\n keyframes: [\n { transform: 'translate3d(0, 0, 0)' },\n { transform: 'translate3d(0, -100%, 0)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n locking: {\n keyframes: [\n { transform: 'translate3d(0, -100%, 0)' },\n { transform: 'translate3d(0, 0, 0)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n },\n trigger: {\n unlocking: {\n keyframes: [\n // { transform: 'translateX(100%)' },\n // { transform: 'translateX(0)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n locking: {\n keyframes: [\n // { transform: 'translateX(0)' },\n // { transform: 'translateX(100%)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n },\n};\n"],"names":["safety","unlocking","keyframes","transform","options","duration","fill","easing","locking","trigger"],"mappings":"AAAA,eAAe;AACbA,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,sBAAA;AAAb,OADS,EAET;AAAEA,QAAAA,SAAS,EAAE,0BAAA;AAAb,OAFS,CADF;AAKTC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;KANL;AAYNC,IAAAA,OAAO,EAAE;AACPN,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,0BAAA;AAAb,OADS,EAET;AAAEA,QAAAA,SAAS,EAAE,sBAAA;AAAb,OAFS,CADJ;AAKPC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;AALF,KAAA;GAbE;AAyBbE,EAAAA,OAAO,EAAE;AACPR,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE;AAET;OAHO;AAKTE,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;KANJ;AAYPC,IAAAA,OAAO,EAAE;AACPN,MAAAA,SAAS,EAAE;AAET;OAHK;AAKPE,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;AALF,KAAA;AAZF,GAAA;AAzBI,CAAf;;;;"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
var poing = {
|
|
2
|
+
safety: {
|
|
3
|
+
unlocking: {
|
|
4
|
+
keyframes: [{
|
|
5
|
+
transform: 'scale(1)',
|
|
6
|
+
opacity: 1,
|
|
7
|
+
offset: 0
|
|
8
|
+
}, {
|
|
9
|
+
transform: 'translateX(0px) scale(0.7)',
|
|
10
|
+
opacity: 0.7,
|
|
11
|
+
offset: 0.2
|
|
12
|
+
}, {
|
|
13
|
+
transform: 'translateX(-2000px) scale(0.7)',
|
|
14
|
+
opacity: 0.7,
|
|
15
|
+
offset: 1
|
|
16
|
+
}],
|
|
17
|
+
options: {
|
|
18
|
+
duration: 2000,
|
|
19
|
+
fill: 'both',
|
|
20
|
+
easing: 'ease'
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
locking: {
|
|
24
|
+
keyframes: [{
|
|
25
|
+
transform: 'translateX(-2000px) scale(0.7)',
|
|
26
|
+
opacity: 0.7,
|
|
27
|
+
offset: 0
|
|
28
|
+
}, {
|
|
29
|
+
transform: 'translateX(0px) scale(0.7)',
|
|
30
|
+
opacity: 0.7,
|
|
31
|
+
offset: 0.8
|
|
32
|
+
}, {
|
|
33
|
+
transform: 'scale(1)',
|
|
34
|
+
opacity: 1,
|
|
35
|
+
offset: 1
|
|
36
|
+
}],
|
|
37
|
+
options: {
|
|
38
|
+
duration: 2000,
|
|
39
|
+
fill: 'both',
|
|
40
|
+
easing: 'ease'
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
trigger: {
|
|
45
|
+
unlocking: {
|
|
46
|
+
keyframes: [{
|
|
47
|
+
opacity: 0,
|
|
48
|
+
transform: 'translate3d(3000px, 0, 0) scaleX(3)',
|
|
49
|
+
offset: 0
|
|
50
|
+
}, {
|
|
51
|
+
opacity: 1,
|
|
52
|
+
transform: 'translate3d(-25px, 0, 0) scaleX(1)',
|
|
53
|
+
offset: 0.6
|
|
54
|
+
}, {
|
|
55
|
+
opacity: 1,
|
|
56
|
+
transform: 'translate3d(10px, 0, 0) scaleX(0.98)',
|
|
57
|
+
offset: 0.75
|
|
58
|
+
}, {
|
|
59
|
+
opacity: 1,
|
|
60
|
+
transform: 'translate3d(-5px, 0, 0) scaleX(0.995)',
|
|
61
|
+
offset: 0.9
|
|
62
|
+
}, {
|
|
63
|
+
opacity: 1,
|
|
64
|
+
transform: 'translate3d(0, 0, 0)',
|
|
65
|
+
offset: 1
|
|
66
|
+
}],
|
|
67
|
+
options: {
|
|
68
|
+
duration: 2000,
|
|
69
|
+
fill: 'both',
|
|
70
|
+
easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)'
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
locking: {
|
|
74
|
+
keyframes: [{
|
|
75
|
+
opacity: 1,
|
|
76
|
+
transform: 'translate3d(-20px, 0, 0) scaleX(0.9)',
|
|
77
|
+
offset: 0.2
|
|
78
|
+
}, {
|
|
79
|
+
opacity: 0,
|
|
80
|
+
transform: 'translate3d(2000px, 0, 0) scaleX(2)',
|
|
81
|
+
offset: 1
|
|
82
|
+
}],
|
|
83
|
+
options: {
|
|
84
|
+
duration: 2000,
|
|
85
|
+
fill: 'both',
|
|
86
|
+
easing: 'ease'
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
export { poing as default };
|
|
93
|
+
//# sourceMappingURL=poing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"poing.js","sources":["../../../../src/components/safe-button/animations/poing.js"],"sourcesContent":["export default {\n safety: {\n unlocking: {\n keyframes: [\n { transform: 'scale(1)', opacity: 1, offset: 0 },\n {\n transform: 'translateX(0px) scale(0.7)',\n opacity: 0.7,\n offset: 0.2,\n },\n {\n transform: 'translateX(-2000px) scale(0.7)',\n opacity: 0.7,\n offset: 1,\n },\n ],\n options: {\n duration: 2000,\n fill: 'both',\n easing: 'ease',\n },\n },\n locking: {\n keyframes: [\n {\n transform: 'translateX(-2000px) scale(0.7)',\n opacity: 0.7,\n offset: 0,\n },\n {\n transform: 'translateX(0px) scale(0.7)',\n opacity: 0.7,\n offset: 0.8,\n },\n { transform: 'scale(1)', opacity: 1, offset: 1 },\n ],\n options: {\n duration: 2000,\n fill: 'both',\n easing: 'ease',\n },\n },\n },\n trigger: {\n unlocking: {\n keyframes: [\n {\n opacity: 0,\n transform: 'translate3d(3000px, 0, 0) scaleX(3)',\n offset: 0,\n },\n {\n opacity: 1,\n transform: 'translate3d(-25px, 0, 0) scaleX(1)',\n offset: 0.6,\n },\n {\n opacity: 1,\n transform: 'translate3d(10px, 0, 0) scaleX(0.98)',\n offset: 0.75,\n },\n {\n opacity: 1,\n transform: 'translate3d(-5px, 0, 0) scaleX(0.995)',\n offset: 0.9,\n },\n {\n opacity: 1,\n transform: 'translate3d(0, 0, 0)',\n offset: 1,\n },\n ],\n options: {\n duration: 2000,\n fill: 'both',\n easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n },\n },\n locking: {\n keyframes: [\n {\n opacity: 1,\n transform: 'translate3d(-20px, 0, 0) scaleX(0.9)',\n offset: 0.2,\n },\n {\n opacity: 0,\n transform: 'translate3d(2000px, 0, 0) scaleX(2)',\n offset: 1,\n },\n ],\n options: {\n duration: 2000,\n fill: 'both',\n easing: 'ease',\n },\n },\n },\n};\n"],"names":["safety","unlocking","keyframes","transform","opacity","offset","options","duration","fill","easing","locking","trigger"],"mappings":"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"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
var roll = {
|
|
2
|
+
safety: {
|
|
3
|
+
unlocking: {
|
|
4
|
+
keyframes: [{
|
|
5
|
+
transform: 'translateX(0)'
|
|
6
|
+
}, {
|
|
7
|
+
transform: 'translateX(-100%) rotate(-180deg)'
|
|
8
|
+
}],
|
|
9
|
+
options: {
|
|
10
|
+
duration: 1000,
|
|
11
|
+
fill: 'both',
|
|
12
|
+
easing: 'ease'
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
locking: {
|
|
16
|
+
keyframes: [{
|
|
17
|
+
transform: 'translateX(-100%) rotate(-180deg)'
|
|
18
|
+
}, {
|
|
19
|
+
transform: 'translateX(0)'
|
|
20
|
+
}],
|
|
21
|
+
options: {
|
|
22
|
+
duration: 1000,
|
|
23
|
+
fill: 'both',
|
|
24
|
+
easing: 'ease'
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
trigger: {
|
|
29
|
+
unlocking: {
|
|
30
|
+
keyframes: [{
|
|
31
|
+
transform: 'translateX(100%) rotate(180deg)'
|
|
32
|
+
}, {
|
|
33
|
+
transform: 'translateX(0)'
|
|
34
|
+
}],
|
|
35
|
+
options: {
|
|
36
|
+
duration: 1000,
|
|
37
|
+
fill: 'both',
|
|
38
|
+
easing: 'ease'
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
locking: {
|
|
42
|
+
keyframes: [{
|
|
43
|
+
transform: 'translateX(0)'
|
|
44
|
+
}, {
|
|
45
|
+
transform: 'translateX(100%) rotate(180deg)'
|
|
46
|
+
}],
|
|
47
|
+
options: {
|
|
48
|
+
duration: 1000,
|
|
49
|
+
fill: 'both',
|
|
50
|
+
easing: 'ease'
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
export { roll as default };
|
|
57
|
+
//# sourceMappingURL=roll.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"roll.js","sources":["../../../../src/components/safe-button/animations/roll.js"],"sourcesContent":["export default {\n safety: {\n unlocking: {\n keyframes: [\n { transform: 'translateX(0)' },\n { transform: 'translateX(-100%) rotate(-180deg)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n locking: {\n keyframes: [\n { transform: 'translateX(-100%) rotate(-180deg)' },\n { transform: 'translateX(0)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n },\n trigger: {\n unlocking: {\n keyframes: [\n { transform: 'translateX(100%) rotate(180deg)' },\n { transform: 'translateX(0)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n locking: {\n keyframes: [\n { transform: 'translateX(0)' },\n { transform: 'translateX(100%) rotate(180deg)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n },\n};\n"],"names":["safety","unlocking","keyframes","transform","options","duration","fill","easing","locking","trigger"],"mappings":"AAAA,WAAe;AACbA,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,eAAA;AAAb,OADS,EAET;AAAEA,QAAAA,SAAS,EAAE,mCAAA;AAAb,OAFS,CADF;AAKTC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;KANL;AAYNC,IAAAA,OAAO,EAAE;AACPN,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,mCAAA;AAAb,OADS,EAET;AAAEA,QAAAA,SAAS,EAAE,eAAA;AAAb,OAFS,CADJ;AAKPC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;AALF,KAAA;GAbE;AAyBbE,EAAAA,OAAO,EAAE;AACPR,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,iCAAA;AAAb,OADS,EAET;AAAEA,QAAAA,SAAS,EAAE,eAAA;AAAb,OAFS,CADF;AAKTC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;KANJ;AAYPC,IAAAA,OAAO,EAAE;AACPN,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,eAAA;AAAb,OADS,EAET;AAAEA,QAAAA,SAAS,EAAE,iCAAA;AAAb,OAFS,CADJ;AAKPC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;AALF,KAAA;AAZF,GAAA;AAzBI,CAAf;;;;"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
var slide = {
|
|
2
|
+
safety: {
|
|
3
|
+
unlocking: {
|
|
4
|
+
keyframes: [{
|
|
5
|
+
transform: 'translateX(0)'
|
|
6
|
+
}, {
|
|
7
|
+
transform: 'translateX(-100%)'
|
|
8
|
+
}],
|
|
9
|
+
options: {
|
|
10
|
+
duration: 1000,
|
|
11
|
+
fill: 'both',
|
|
12
|
+
easing: 'ease'
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
locking: {
|
|
16
|
+
keyframes: [{
|
|
17
|
+
transform: 'translateX(-100%)'
|
|
18
|
+
}, {
|
|
19
|
+
transform: 'translateX(0)'
|
|
20
|
+
}],
|
|
21
|
+
options: {
|
|
22
|
+
duration: 1000,
|
|
23
|
+
fill: 'both',
|
|
24
|
+
easing: 'ease'
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
trigger: {
|
|
29
|
+
unlocking: {
|
|
30
|
+
keyframes: [{
|
|
31
|
+
transform: 'translateX(100%)'
|
|
32
|
+
}, {
|
|
33
|
+
transform: 'translateX(0)'
|
|
34
|
+
}],
|
|
35
|
+
options: {
|
|
36
|
+
duration: 1000,
|
|
37
|
+
fill: 'both',
|
|
38
|
+
easing: 'ease'
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
locking: {
|
|
42
|
+
keyframes: [{
|
|
43
|
+
transform: 'translateX(0)'
|
|
44
|
+
}, {
|
|
45
|
+
transform: 'translateX(100%)'
|
|
46
|
+
}],
|
|
47
|
+
options: {
|
|
48
|
+
duration: 1000,
|
|
49
|
+
fill: 'both',
|
|
50
|
+
easing: 'ease'
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
export { slide as default };
|
|
57
|
+
//# sourceMappingURL=slide.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slide.js","sources":["../../../../src/components/safe-button/animations/slide.js"],"sourcesContent":["export default {\n safety: {\n unlocking: {\n keyframes: [\n { transform: 'translateX(0)' },\n { transform: 'translateX(-100%)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n locking: {\n keyframes: [\n { transform: 'translateX(-100%)' },\n { transform: 'translateX(0)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n },\n trigger: {\n unlocking: {\n keyframes: [\n { transform: 'translateX(100%)' },\n { transform: 'translateX(0)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n locking: {\n keyframes: [\n { transform: 'translateX(0)' },\n { transform: 'translateX(100%)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n },\n};\n"],"names":["safety","unlocking","keyframes","transform","options","duration","fill","easing","locking","trigger"],"mappings":"AAAA,YAAe;AACbA,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,eAAA;AAAb,OADS,EAET;AAAEA,QAAAA,SAAS,EAAE,mBAAA;AAAb,OAFS,CADF;AAKTC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;KANL;AAYNC,IAAAA,OAAO,EAAE;AACPN,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,mBAAA;AAAb,OADS,EAET;AAAEA,QAAAA,SAAS,EAAE,eAAA;AAAb,OAFS,CADJ;AAKPC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;AALF,KAAA;GAbE;AAyBbE,EAAAA,OAAO,EAAE;AACPR,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,kBAAA;AAAb,OADS,EAET;AAAEA,QAAAA,SAAS,EAAE,eAAA;AAAb,OAFS,CADF;AAKTC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;KANJ;AAYPC,IAAAA,OAAO,EAAE;AACPN,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,eAAA;AAAb,OADS,EAET;AAAEA,QAAAA,SAAS,EAAE,kBAAA;AAAb,OAFS,CADJ;AAKPC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;AALF,KAAA;AAZF,GAAA;AAzBI,CAAf;;;;"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
var zoom = {
|
|
2
|
+
safety: {
|
|
3
|
+
unlocking: {
|
|
4
|
+
keyframes: [{
|
|
5
|
+
offset: 0,
|
|
6
|
+
transform: 'translate3d(0, 0, 0)'
|
|
7
|
+
}, {
|
|
8
|
+
offset: 1,
|
|
9
|
+
transform: 'translate3d(100%, 0, 0)'
|
|
10
|
+
}],
|
|
11
|
+
options: {
|
|
12
|
+
duration: 1000,
|
|
13
|
+
fill: 'both',
|
|
14
|
+
easing: 'ease'
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
locking: {
|
|
18
|
+
keyframes: [{
|
|
19
|
+
offset: 0,
|
|
20
|
+
transform: 'translate3d(-100%, 0, 0)'
|
|
21
|
+
}, {
|
|
22
|
+
offset: 1,
|
|
23
|
+
transform: 'translate3d(0, 0, 0)'
|
|
24
|
+
}],
|
|
25
|
+
options: {
|
|
26
|
+
duration: 1000,
|
|
27
|
+
fill: 'both',
|
|
28
|
+
easing: 'ease'
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
trigger: {
|
|
33
|
+
unlocking: {
|
|
34
|
+
keyframes: [{
|
|
35
|
+
offset: 0,
|
|
36
|
+
opacity: 0,
|
|
37
|
+
transform: 'scale3d(0.3, 0.3, 0.3)'
|
|
38
|
+
}, {
|
|
39
|
+
offset: 0.5,
|
|
40
|
+
opacity: 1
|
|
41
|
+
}, {
|
|
42
|
+
offset: 1,
|
|
43
|
+
opacity: 1
|
|
44
|
+
}],
|
|
45
|
+
options: {
|
|
46
|
+
duration: 1000,
|
|
47
|
+
fill: 'both',
|
|
48
|
+
easing: 'ease'
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
locking: {
|
|
52
|
+
keyframes: [{
|
|
53
|
+
offset: 0,
|
|
54
|
+
opacity: 1
|
|
55
|
+
}, {
|
|
56
|
+
offset: 0.5,
|
|
57
|
+
opacity: 0,
|
|
58
|
+
transform: 'scale3d(0.3, 0.3, 0.3)'
|
|
59
|
+
}, {
|
|
60
|
+
offset: 1,
|
|
61
|
+
opacity: 0
|
|
62
|
+
}],
|
|
63
|
+
options: {
|
|
64
|
+
duration: 1000,
|
|
65
|
+
fill: 'both',
|
|
66
|
+
easing: 'ease'
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
export { zoom as default };
|
|
73
|
+
//# sourceMappingURL=zoom.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"zoom.js","sources":["../../../../src/components/safe-button/animations/zoom.js"],"sourcesContent":["export default {\n safety: {\n unlocking: {\n keyframes: [\n { offset: 0, transform: 'translate3d(0, 0, 0)' },\n { offset: 1, transform: 'translate3d(100%, 0, 0)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n locking: {\n keyframes: [\n { offset: 0, transform: 'translate3d(-100%, 0, 0)' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n },\n trigger: {\n unlocking: {\n keyframes: [\n { offset: 0, opacity: 0, transform: 'scale3d(0.3, 0.3, 0.3)' },\n { offset: 0.5, opacity: 1 },\n { offset: 1, opacity: 1 },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n locking: {\n keyframes: [\n { offset: 0, opacity: 1 },\n { offset: 0.5, opacity: 0, transform: 'scale3d(0.3, 0.3, 0.3)' },\n { offset: 1, opacity: 0 },\n ],\n options: {\n duration: 1000,\n fill: 'both',\n easing: 'ease',\n },\n },\n },\n};\n"],"names":["safety","unlocking","keyframes","offset","transform","options","duration","fill","easing","locking","trigger","opacity"],"mappings":"AAAA,WAAe;AACbA,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,MAAM,EAAE,CAAV;AAAaC,QAAAA,SAAS,EAAE,sBAAA;AAAxB,OADS,EAET;AAAED,QAAAA,MAAM,EAAE,CAAV;AAAaC,QAAAA,SAAS,EAAE,yBAAA;AAAxB,OAFS,CADF;AAKTC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;KANL;AAYNC,IAAAA,OAAO,EAAE;AACPP,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,MAAM,EAAE,CAAV;AAAaC,QAAAA,SAAS,EAAE,0BAAA;AAAxB,OADS,EAET;AAAED,QAAAA,MAAM,EAAE,CAAV;AAAaC,QAAAA,SAAS,EAAE,sBAAA;AAAxB,OAFS,CADJ;AAKPC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;AALF,KAAA;GAbE;AAyBbE,EAAAA,OAAO,EAAE;AACPT,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,MAAM,EAAE,CAAV;AAAaQ,QAAAA,OAAO,EAAE,CAAtB;AAAyBP,QAAAA,SAAS,EAAE,wBAAA;AAApC,OADS,EAET;AAAED,QAAAA,MAAM,EAAE,GAAV;AAAeQ,QAAAA,OAAO,EAAE,CAAA;AAAxB,OAFS,EAGT;AAAER,QAAAA,MAAM,EAAE,CAAV;AAAaQ,QAAAA,OAAO,EAAE,CAAA;AAAtB,OAHS,CADF;AAMTN,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;KAPJ;AAaPC,IAAAA,OAAO,EAAE;AACPP,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,MAAM,EAAE,CAAV;AAAaQ,QAAAA,OAAO,EAAE,CAAA;AAAtB,OADS,EAET;AAAER,QAAAA,MAAM,EAAE,GAAV;AAAeQ,QAAAA,OAAO,EAAE,CAAxB;AAA2BP,QAAAA,SAAS,EAAE,wBAAA;AAAtC,OAFS,EAGT;AAAED,QAAAA,MAAM,EAAE,CAAV;AAAaQ,QAAAA,OAAO,EAAE,CAAA;AAAtB,OAHS,CADJ;AAMPN,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IADH;AAEPC,QAAAA,IAAI,EAAE,MAFC;AAGPC,QAAAA,MAAM,EAAE,MAAA;AAHD,OAAA;AANF,KAAA;AAbF,GAAA;AAzBI,CAAf;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { S as SAFETY_STATUS, a as default } from '../../index-65a73164.js';
|
|
2
|
+
import '@ember/component';
|
|
3
|
+
import '@glimmer/component';
|
|
4
|
+
import '@glimmer/tracking';
|
|
5
|
+
import '@ember/debug';
|
|
6
|
+
import '@ember/object';
|
|
7
|
+
import 'ember-concurrency';
|
|
8
|
+
import './animations/index.js';
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|