ember-safe-button 3.0.0 → 3.1.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/dist/components/safe-button/animations/flip.js.map +1 -1
- package/dist/components/safe-button/animations/index.js.map +1 -1
- package/dist/components/safe-button/animations/lift-bars.js +4 -2
- package/dist/components/safe-button/animations/lift-bars.js.map +1 -1
- package/dist/components/safe-button/animations/poing.js.map +1 -1
- package/dist/components/safe-button/animations/roll.js.map +1 -1
- package/dist/components/safe-button/animations/slide.js.map +1 -1
- package/dist/components/safe-button/animations/zoom.js.map +1 -1
- package/dist/components/safe-button/index.js +2 -2
- package/dist/components/safety/index.js +5 -10
- package/dist/components/safety/index.js.map +1 -1
- package/dist/components/trigger/index.js +5 -9
- package/dist/components/trigger/index.js.map +1 -1
- package/dist/{index-65a73164.js → index-447fee60.js} +20 -26
- package/dist/index-447fee60.js.map +1 -0
- package/dist/modifiers/animate-me.js +1 -2
- package/dist/modifiers/animate-me.js.map +1 -1
- package/package.json +14 -14
- package/dist/index-65a73164.js.map +0 -1
|
@@ -1 +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":"AAAA;AACA;AACA,WAAe;AACbA,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,
|
|
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":"AAAA;AACA;AACA,WAAe;AACbA,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,oBAAoB;AAAEC,QAAAA,MAAM,EAAE,CAAA;AAAE,OAAC,EAC9C;AACED,QAAAA,SAAS,EAAE,8CAA8C;QACzDC,MAAM,EAAE,GAAG,GAAG,CAAC;AACfC,QAAAA,OAAO,EAAE,CAAA;AACX,OAAC,EACD;AACEF,QAAAA,SAAS,EAAE,6CAA6C;QACxDC,MAAM,EAAE,CAAC,GAAG,CAAC;AACbC,QAAAA,OAAO,EAAE,CAAA;AACX,OAAC,CACF;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,UAAU;AAChBC,QAAAA,MAAM,EAAE,SAAA;AACV,OAAA;KACD;AACDC,IAAAA,OAAO,EAAE;AACPR,MAAAA,SAAS,EAAE,CACT;AACEC,QAAAA,SAAS,EAAE,6CAA6C;AACxDC,QAAAA,MAAM,EAAE,CAAC;AACTC,QAAAA,OAAO,EAAE,CAAA;AACX,OAAC,EACD;AACEF,QAAAA,SAAS,EAAE,CAAC,oBAAoB,EAAE,2BAA2B,CAAC;AAC9DC,QAAAA,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,GAAA;AACpB,OAAC,EACD;AACED,QAAAA,SAAS,EAAE,CAAC,oBAAoB,EAAE,0BAA0B,CAAC;AAC7DC,QAAAA,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,GAAG;AACrBC,QAAAA,OAAO,EAAE,CAAA;AACX,OAAC,EACD;AACEF,QAAAA,SAAS,EAAE,CAAC,oBAAoB,EAAE,0BAA0B,CAAC;AAC7DC,QAAAA,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,GAAG;AACrBC,QAAAA,OAAO,EAAE,CAAA;AACX,OAAC,EACD;AACEF,QAAAA,SAAS,EAAE,oBAAoB;AAC/BC,QAAAA,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,GAAG;AACnBC,QAAAA,OAAO,EAAE,CAAA;AACX,OAAC,CACF;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,UAAU;AAChBC,QAAAA,MAAM,EAAE,SAAA;AACV,OAAA;AACF,KAAA;GACD;AACDE,EAAAA,OAAO,EAAE;AACPV,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AACEC,QAAAA,SAAS,EAAE,6CAA6C;QACxDC,MAAM,EAAE,CAAC,GAAG,GAAG;AACfC,QAAAA,OAAO,EAAE,CAAA;AACX,OAAC,EACD;AACEF,QAAAA,SAAS,EAAE,8CAA8C;AACzDC,QAAAA,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,GAAA;AACpB,OAAC,EACD;AACED,QAAAA,SAAS,EAAE,6CAA6C;AACxDC,QAAAA,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,GAAG;AACrBC,QAAAA,OAAO,EAAE,CAAA;AACX,OAAC,EACD;AACEF,QAAAA,SAAS,EAAE,6CAA6C;AACxDC,QAAAA,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,GAAG;AACrBC,QAAAA,OAAO,EAAE,CAAA;AACX,OAAC,EACD;AACEF,QAAAA,SAAS,EAAE,oBAAoB;AAC/BC,QAAAA,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,GAAG;AACnBC,QAAAA,OAAO,EAAE,CAAA;AACX,OAAC,CACF;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,UAAU;AAChBC,QAAAA,MAAM,EAAE,SAAA;AACV,OAAA;KACD;AACDC,IAAAA,OAAO,EAAE;AACPR,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,oBAAoB;AAAEC,QAAAA,MAAM,EAAE,CAAA;AAAE,OAAC,EAC9C;AACED,QAAAA,SAAS,EAAE,8CAA8C;QACzDC,MAAM,EAAE,GAAG,GAAG,CAAC;AACfC,QAAAA,OAAO,EAAE,CAAA;AACX,OAAC,EACD;AACEF,QAAAA,SAAS,EAAE,6CAA6C;QACxDC,MAAM,EAAE,CAAC,GAAG,CAAC;AACbC,QAAAA,OAAO,EAAE,CAAA;AACX,OAAC,CACF;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,UAAU;AAChBC,QAAAA,MAAM,EAAE,SAAA;AACV,OAAA;AACF,KAAA;AACF,GAAA;AACF,CAAC;;;;"}
|
|
@@ -1 +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,
|
|
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,KAAK;EACLC,KAAK;EACLC,IAAI;EACJC,IAAI;EACJC,IAAI;AACJ,EAAA,WAAW,EAAEC,QAAAA;AACf,CAAC;;;;"}
|
|
@@ -27,7 +27,8 @@ var liftBars = {
|
|
|
27
27
|
},
|
|
28
28
|
trigger: {
|
|
29
29
|
unlocking: {
|
|
30
|
-
keyframes: [
|
|
30
|
+
keyframes: [
|
|
31
|
+
// { transform: 'translateX(100%)' },
|
|
31
32
|
// { transform: 'translateX(0)' },
|
|
32
33
|
],
|
|
33
34
|
options: {
|
|
@@ -37,7 +38,8 @@ var liftBars = {
|
|
|
37
38
|
}
|
|
38
39
|
},
|
|
39
40
|
locking: {
|
|
40
|
-
keyframes: [
|
|
41
|
+
keyframes: [
|
|
42
|
+
// { transform: 'translateX(0)' },
|
|
41
43
|
// { transform: 'translateX(100%)' },
|
|
42
44
|
],
|
|
43
45
|
options: {
|
|
@@ -1 +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;
|
|
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;AAAuB,OAAC,EACrC;AAAEA,QAAAA,SAAS,EAAE,0BAAA;AAA2B,OAAC,CAC1C;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;KACD;AACDC,IAAAA,OAAO,EAAE;AACPN,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,0BAAA;AAA2B,OAAC,EACzC;AAAEA,QAAAA,SAAS,EAAE,sBAAA;AAAuB,OAAC,CACtC;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;AACF,KAAA;GACD;AACDE,EAAAA,OAAO,EAAE;AACPR,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE;AACT;AACA;OACD;AACDE,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;KACD;AACDC,IAAAA,OAAO,EAAE;AACPN,MAAAA,SAAS,EAAE;AACT;AACA;OACD;AACDE,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;AACF,KAAA;AACF,GAAA;AACF,CAAC;;;;"}
|
|
@@ -1 +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":"AAAA,YAAe;AACbA,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,
|
|
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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"}
|
|
@@ -1 +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;
|
|
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;AAAgB,OAAC,EAC9B;AAAEA,QAAAA,SAAS,EAAE,mCAAA;AAAoC,OAAC,CACnD;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;KACD;AACDC,IAAAA,OAAO,EAAE;AACPN,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,mCAAA;AAAoC,OAAC,EAClD;AAAEA,QAAAA,SAAS,EAAE,eAAA;AAAgB,OAAC,CAC/B;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;AACF,KAAA;GACD;AACDE,EAAAA,OAAO,EAAE;AACPR,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,iCAAA;AAAkC,OAAC,EAChD;AAAEA,QAAAA,SAAS,EAAE,eAAA;AAAgB,OAAC,CAC/B;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;KACD;AACDC,IAAAA,OAAO,EAAE;AACPN,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,eAAA;AAAgB,OAAC,EAC9B;AAAEA,QAAAA,SAAS,EAAE,iCAAA;AAAkC,OAAC,CACjD;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;AACF,KAAA;AACF,GAAA;AACF,CAAC;;;;"}
|
|
@@ -1 +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;
|
|
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;AAAgB,OAAC,EAC9B;AAAEA,QAAAA,SAAS,EAAE,mBAAA;AAAoB,OAAC,CACnC;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;KACD;AACDC,IAAAA,OAAO,EAAE;AACPN,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,mBAAA;AAAoB,OAAC,EAClC;AAAEA,QAAAA,SAAS,EAAE,eAAA;AAAgB,OAAC,CAC/B;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;AACF,KAAA;GACD;AACDE,EAAAA,OAAO,EAAE;AACPR,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,kBAAA;AAAmB,OAAC,EACjC;AAAEA,QAAAA,SAAS,EAAE,eAAA;AAAgB,OAAC,CAC/B;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;KACD;AACDC,IAAAA,OAAO,EAAE;AACPN,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,SAAS,EAAE,eAAA;AAAgB,OAAC,EAC9B;AAAEA,QAAAA,SAAS,EAAE,kBAAA;AAAmB,OAAC,CAClC;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;AACF,KAAA;AACF,GAAA;AACF,CAAC;;;;"}
|
|
@@ -1 +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,
|
|
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,CAAC;AAAEC,QAAAA,SAAS,EAAE,sBAAA;AAAuB,OAAC,EAChD;AAAED,QAAAA,MAAM,EAAE,CAAC;AAAEC,QAAAA,SAAS,EAAE,yBAAA;AAA0B,OAAC,CACpD;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;KACD;AACDC,IAAAA,OAAO,EAAE;AACPP,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,MAAM,EAAE,CAAC;AAAEC,QAAAA,SAAS,EAAE,0BAAA;AAA2B,OAAC,EACpD;AAAED,QAAAA,MAAM,EAAE,CAAC;AAAEC,QAAAA,SAAS,EAAE,sBAAA;AAAuB,OAAC,CACjD;AACDC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;AACF,KAAA;GACD;AACDE,EAAAA,OAAO,EAAE;AACPT,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,MAAM,EAAE,CAAC;AAAEQ,QAAAA,OAAO,EAAE,CAAC;AAAEP,QAAAA,SAAS,EAAE,wBAAA;AAAyB,OAAC,EAC9D;AAAED,QAAAA,MAAM,EAAE,GAAG;AAAEQ,QAAAA,OAAO,EAAE,CAAA;AAAE,OAAC,EAC3B;AAAER,QAAAA,MAAM,EAAE,CAAC;AAAEQ,QAAAA,OAAO,EAAE,CAAA;AAAE,OAAC,CAC1B;AACDN,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;KACD;AACDC,IAAAA,OAAO,EAAE;AACPP,MAAAA,SAAS,EAAE,CACT;AAAEC,QAAAA,MAAM,EAAE,CAAC;AAAEQ,QAAAA,OAAO,EAAE,CAAA;AAAE,OAAC,EACzB;AAAER,QAAAA,MAAM,EAAE,GAAG;AAAEQ,QAAAA,OAAO,EAAE,CAAC;AAAEP,QAAAA,SAAS,EAAE,wBAAA;AAAyB,OAAC,EAChE;AAAED,QAAAA,MAAM,EAAE,CAAC;AAAEQ,QAAAA,OAAO,EAAE,CAAA;AAAE,OAAC,CAC1B;AACDN,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,IAAI;AACdC,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;AACF,KAAA;AACF,GAAA;AACF,CAAC;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { S as SAFETY_STATUS, a as default } from '../../index-
|
|
2
|
-
import '@ember/component';
|
|
1
|
+
export { S as SAFETY_STATUS, a as default } from '../../index-447fee60.js';
|
|
3
2
|
import '@glimmer/component';
|
|
4
3
|
import '@glimmer/tracking';
|
|
5
4
|
import '@ember/debug';
|
|
6
5
|
import '@ember/object';
|
|
7
6
|
import 'ember-concurrency';
|
|
8
7
|
import './animations/index.js';
|
|
8
|
+
import '@ember/component';
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { S as SAFETY_STATUS, _ as _defineProperty } from '../../index-
|
|
2
|
-
import { setComponentTemplate } from '@ember/component';
|
|
3
|
-
import { hbs } from 'ember-cli-htmlbars';
|
|
1
|
+
import { S as SAFETY_STATUS, _ as _defineProperty } from '../../index-447fee60.js';
|
|
4
2
|
import Component from '@glimmer/component';
|
|
3
|
+
import { precompileTemplate } from '@ember/template-compilation';
|
|
4
|
+
import { setComponentTemplate } from '@ember/component';
|
|
5
5
|
|
|
6
|
-
var TEMPLATE =
|
|
6
|
+
var TEMPLATE = precompileTemplate("<button\n class={{this.BASIC_CLASS}}\n disabled={{this.isDisabled}}\n aria-label={{this.ariaLabel}}\n type=\'button\'\n tabindex={{if this.isDisabled \'-1\' \'0\'}}\n ...attributes\n {{on \'click\' @onClick}}\n {{animate-me\n safetyStatus=@safetyStatus\n webAnimations=@webAnimations\n focusMe=this.focusMe\n }}\n>\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@displayedMessage}}\n {{/if}}\n</button>");
|
|
7
7
|
|
|
8
8
|
const BASIC_CLASS = 'ember-safe-button-safety';
|
|
9
9
|
const ARIA_LABELS = {
|
|
@@ -12,6 +12,7 @@ const ARIA_LABELS = {
|
|
|
12
12
|
[SAFETY_STATUS.UNLOCKED]: 'Safety not active',
|
|
13
13
|
[SAFETY_STATUS.LOCKING]: 'Activating safety'
|
|
14
14
|
};
|
|
15
|
+
|
|
15
16
|
/**
|
|
16
17
|
Safety is a component that covers the trigger.
|
|
17
18
|
|
|
@@ -27,26 +28,20 @@ const ARIA_LABELS = {
|
|
|
27
28
|
|
|
28
29
|
@class SafetyComponent
|
|
29
30
|
*/
|
|
30
|
-
|
|
31
31
|
class SafetyComponent extends Component {
|
|
32
32
|
constructor(...args) {
|
|
33
33
|
super(...args);
|
|
34
|
-
|
|
35
34
|
_defineProperty(this, "BASIC_CLASS", BASIC_CLASS);
|
|
36
35
|
}
|
|
37
|
-
|
|
38
36
|
get isDisabled() {
|
|
39
37
|
return this.args.safetyStatus === SAFETY_STATUS.UNLOCKED;
|
|
40
38
|
}
|
|
41
|
-
|
|
42
39
|
get focusMe() {
|
|
43
40
|
return !this.isDisabled;
|
|
44
41
|
}
|
|
45
|
-
|
|
46
42
|
get ariaLabel() {
|
|
47
43
|
return ARIA_LABELS[this.args.safetyStatus];
|
|
48
44
|
}
|
|
49
|
-
|
|
50
45
|
}
|
|
51
46
|
setComponentTemplate(TEMPLATE, SafetyComponent);
|
|
52
47
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/safety/index.hbs.js","../../../src/components/safety/index.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/safety/index.hbs.js","../../../src/components/safety/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"<button\\n class={{this.BASIC_CLASS}}\\n disabled={{this.isDisabled}}\\n aria-label={{this.ariaLabel}}\\n type=\\'button\\'\\n tabindex={{if this.isDisabled \\'-1\\' \\'0\\'}}\\n ...attributes\\n {{on \\'click\\' @onClick}}\\n {{animate-me\\n safetyStatus=@safetyStatus\\n webAnimations=@webAnimations\\n focusMe=this.focusMe\\n }}\\n>\\n {{#if (has-block)}}\\n {{yield}}\\n {{else}}\\n {{@displayedMessage}}\\n {{/if}}\\n</button>\")","import Component from '@glimmer/component';\n\nimport { SAFETY_STATUS } from '../safe-button/index';\n\nexport const BASIC_CLASS = 'ember-safe-button-safety';\nexport const ARIA_LABELS = {\n [SAFETY_STATUS.LOCKED]: 'Deactivate safety',\n [SAFETY_STATUS.UNLOCKING]: 'Deactivating safety',\n [SAFETY_STATUS.UNLOCKED]: 'Safety not active',\n [SAFETY_STATUS.LOCKING]: 'Activating safety',\n};\n\n/**\n Safety is a component that covers the trigger.\n\n ```hbs\n <SafeButton\n @onConfirm={{action safeButtonClicked}} as |button|\n >\n <button.safety class=\"bg-grey-light\">\n This is safety\n </button.safety>\n </SafeButton>\n ```\n\n @class SafetyComponent\n */\nexport default class SafetyComponent extends Component {\n BASIC_CLASS = BASIC_CLASS;\n\n get isDisabled() {\n return this.args.safetyStatus === SAFETY_STATUS.UNLOCKED;\n }\n\n get focusMe() {\n return !this.isDisabled;\n }\n\n get ariaLabel() {\n return ARIA_LABELS[this.args.safetyStatus];\n }\n}\n"],"names":["precompileTemplate","BASIC_CLASS","ARIA_LABELS","SAFETY_STATUS","LOCKED","UNLOCKING","UNLOCKED","LOCKING","SafetyComponent","Component","constructor","args","_defineProperty","isDisabled","safetyStatus","focusMe","ariaLabel","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAeA,kBAAkB,CAAC,ibAAib,CAAC;;ACG7c,MAAMC,WAAW,GAAG,2BAA0B;AAC9C,MAAMC,WAAW,GAAG;AACzB,EAAA,CAACC,aAAa,CAACC,MAAM,GAAG,mBAAmB;AAC3C,EAAA,CAACD,aAAa,CAACE,SAAS,GAAG,qBAAqB;AAChD,EAAA,CAACF,aAAa,CAACG,QAAQ,GAAG,mBAAmB;EAC7C,CAACH,aAAa,CAACI,OAAO,GAAG,mBAAA;AAC3B,EAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,MAAMC,eAAe,SAASC,SAAS,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAAC,IAAAA,eAAA,sBACvCX,WAAW,CAAA,CAAA;AAAA,GAAA;EAEzB,IAAIY,UAAUA,GAAG;IACf,OAAO,IAAI,CAACF,IAAI,CAACG,YAAY,KAAKX,aAAa,CAACG,QAAQ,CAAA;AAC1D,GAAA;EAEA,IAAIS,OAAOA,GAAG;IACZ,OAAO,CAAC,IAAI,CAACF,UAAU,CAAA;AACzB,GAAA;EAEA,IAAIG,SAASA,GAAG;AACd,IAAA,OAAOd,WAAW,CAAC,IAAI,CAACS,IAAI,CAACG,YAAY,CAAC,CAAA;AAC5C,GAAA;AACF,CAAA;AAACG,oBAAA,CAAAC,QAAA,EAdoBV,eAAe,CAAA;;;;"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { _ as _defineProperty, S as SAFETY_STATUS } from '../../index-
|
|
2
|
-
import { setComponentTemplate } from '@ember/component';
|
|
3
|
-
import { hbs } from 'ember-cli-htmlbars';
|
|
1
|
+
import { _ as _defineProperty, S as SAFETY_STATUS } from '../../index-447fee60.js';
|
|
4
2
|
import Component from '@glimmer/component';
|
|
3
|
+
import { precompileTemplate } from '@ember/template-compilation';
|
|
4
|
+
import { setComponentTemplate } from '@ember/component';
|
|
5
5
|
|
|
6
|
-
var TEMPLATE =
|
|
6
|
+
var TEMPLATE = precompileTemplate("<button\n class={{this.BASIC_CLASS}}\n disabled={{this.isDisabled}}\n aria-label=\'Confirm action\'\n type=\'button\'\n tabindex={{if this.isDisabled \'-1\' \'0\'}}\n ...attributes\n {{on \'click\' @onClick}}\n {{animate-me\n safetyStatus=@safetyStatus\n webAnimations=@webAnimations\n focusMe=this.focusMe\n }}\n>\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@displayedMessage}}\n {{/if}}\n</button>");
|
|
7
7
|
|
|
8
8
|
const BASIC_CLASS = 'ember-safe-button-trigger';
|
|
9
|
+
|
|
9
10
|
/**
|
|
10
11
|
Trigger is a component that is by default covered by safety and triggers the action passed to <SafeButton> when clicked.
|
|
11
12
|
|
|
@@ -21,22 +22,17 @@ const BASIC_CLASS = 'ember-safe-button-trigger';
|
|
|
21
22
|
|
|
22
23
|
@class SafetyComponent
|
|
23
24
|
*/
|
|
24
|
-
|
|
25
25
|
class TriggerComponent extends Component {
|
|
26
26
|
constructor(...args) {
|
|
27
27
|
super(...args);
|
|
28
|
-
|
|
29
28
|
_defineProperty(this, "BASIC_CLASS", BASIC_CLASS);
|
|
30
29
|
}
|
|
31
|
-
|
|
32
30
|
get isDisabled() {
|
|
33
31
|
return this.args.safetyStatus !== SAFETY_STATUS.UNLOCKED;
|
|
34
32
|
}
|
|
35
|
-
|
|
36
33
|
get focusMe() {
|
|
37
34
|
return !this.isDisabled;
|
|
38
35
|
}
|
|
39
|
-
|
|
40
36
|
}
|
|
41
37
|
setComponentTemplate(TEMPLATE, TriggerComponent);
|
|
42
38
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/trigger/index.hbs.js","../../../src/components/trigger/index.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/trigger/index.hbs.js","../../../src/components/trigger/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"<button\\n class={{this.BASIC_CLASS}}\\n disabled={{this.isDisabled}}\\n aria-label=\\'Confirm action\\'\\n type=\\'button\\'\\n tabindex={{if this.isDisabled \\'-1\\' \\'0\\'}}\\n ...attributes\\n {{on \\'click\\' @onClick}}\\n {{animate-me\\n safetyStatus=@safetyStatus\\n webAnimations=@webAnimations\\n focusMe=this.focusMe\\n }}\\n>\\n {{#if (has-block)}}\\n {{yield}}\\n {{else}}\\n {{@displayedMessage}}\\n {{/if}}\\n</button>\")","import Component from '@glimmer/component';\n\nimport { SAFETY_STATUS } from '../safe-button/index';\n\nexport const BASIC_CLASS = 'ember-safe-button-trigger';\n\n/**\n Trigger is a component that is by default covered by safety and triggers the action passed to <SafeButton> when clicked.\n\n ```hbs\n <SafeButton\n @onConfirm={{action safeButtonClicked}} as |button|\n >\n <button.trigger class=\"bg-red-dark\">\n Trigger\n </button.trigger>\n </SafeButton>\n ```\n\n @class SafetyComponent\n */\nexport default class TriggerComponent extends Component {\n BASIC_CLASS = BASIC_CLASS;\n\n get isDisabled() {\n return this.args.safetyStatus !== SAFETY_STATUS.UNLOCKED;\n }\n\n get focusMe() {\n return !this.isDisabled;\n }\n}\n"],"names":["precompileTemplate","BASIC_CLASS","TriggerComponent","Component","constructor","args","_defineProperty","isDisabled","safetyStatus","SAFETY_STATUS","UNLOCKED","focusMe","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAeA,kBAAkB,CAAC,ibAAib,CAAC;;ACG7c,MAAMC,WAAW,GAAG,4BAA2B;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,MAAMC,gBAAgB,SAASC,SAAS,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAAC,IAAAA,eAAA,sBACxCL,WAAW,CAAA,CAAA;AAAA,GAAA;EAEzB,IAAIM,UAAUA,GAAG;IACf,OAAO,IAAI,CAACF,IAAI,CAACG,YAAY,KAAKC,aAAa,CAACC,QAAQ,CAAA;AAC1D,GAAA;EAEA,IAAIC,OAAOA,GAAG;IACZ,OAAO,CAAC,IAAI,CAACJ,UAAU,CAAA;AACzB,GAAA;AACF,CAAA;AAACK,oBAAA,CAAAC,QAAA,EAVoBX,gBAAgB,CAAA;;;;"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { setComponentTemplate } from '@ember/component';
|
|
2
|
-
import { hbs } from 'ember-cli-htmlbars';
|
|
3
1
|
import Component from '@glimmer/component';
|
|
4
2
|
import { tracked } from '@glimmer/tracking';
|
|
5
3
|
import { assert } from '@ember/debug';
|
|
6
4
|
import { action } from '@ember/object';
|
|
7
5
|
import { task, timeout } from 'ember-concurrency';
|
|
8
6
|
import embeddedAnimations from './components/safe-button/animations/index.js';
|
|
7
|
+
import { precompileTemplate } from '@ember/template-compilation';
|
|
8
|
+
import { setComponentTemplate } from '@ember/component';
|
|
9
9
|
|
|
10
10
|
function _defineProperty(obj, key, value) {
|
|
11
|
+
key = _toPropertyKey(key);
|
|
11
12
|
if (key in obj) {
|
|
12
13
|
Object.defineProperty(obj, key, {
|
|
13
14
|
value: value,
|
|
@@ -18,10 +19,22 @@ function _defineProperty(obj, key, value) {
|
|
|
18
19
|
} else {
|
|
19
20
|
obj[key] = value;
|
|
20
21
|
}
|
|
21
|
-
|
|
22
22
|
return obj;
|
|
23
23
|
}
|
|
24
|
-
|
|
24
|
+
function _toPrimitive(input, hint) {
|
|
25
|
+
if (typeof input !== "object" || input === null) return input;
|
|
26
|
+
var prim = input[Symbol.toPrimitive];
|
|
27
|
+
if (prim !== undefined) {
|
|
28
|
+
var res = prim.call(input, hint || "default");
|
|
29
|
+
if (typeof res !== "object") return res;
|
|
30
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
31
|
+
}
|
|
32
|
+
return (hint === "string" ? String : Number)(input);
|
|
33
|
+
}
|
|
34
|
+
function _toPropertyKey(arg) {
|
|
35
|
+
var key = _toPrimitive(arg, "string");
|
|
36
|
+
return typeof key === "symbol" ? key : String(key);
|
|
37
|
+
}
|
|
25
38
|
function _initializerDefineProperty(target, property, descriptor, context) {
|
|
26
39
|
if (!descriptor) return;
|
|
27
40
|
Object.defineProperty(target, property, {
|
|
@@ -31,7 +44,6 @@ function _initializerDefineProperty(target, property, descriptor, context) {
|
|
|
31
44
|
value: descriptor.initializer ? descriptor.initializer.call(context) : void 0
|
|
32
45
|
});
|
|
33
46
|
}
|
|
34
|
-
|
|
35
47
|
function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {
|
|
36
48
|
var desc = {};
|
|
37
49
|
Object.keys(descriptor).forEach(function (key) {
|
|
@@ -39,29 +51,24 @@ function _applyDecoratedDescriptor(target, property, decorators, descriptor, con
|
|
|
39
51
|
});
|
|
40
52
|
desc.enumerable = !!desc.enumerable;
|
|
41
53
|
desc.configurable = !!desc.configurable;
|
|
42
|
-
|
|
43
54
|
if ('value' in desc || desc.initializer) {
|
|
44
55
|
desc.writable = true;
|
|
45
56
|
}
|
|
46
|
-
|
|
47
57
|
desc = decorators.slice().reverse().reduce(function (desc, decorator) {
|
|
48
58
|
return decorator(target, property, desc) || desc;
|
|
49
59
|
}, desc);
|
|
50
|
-
|
|
51
60
|
if (context && desc.initializer !== void 0) {
|
|
52
61
|
desc.value = desc.initializer ? desc.initializer.call(context) : void 0;
|
|
53
62
|
desc.initializer = undefined;
|
|
54
63
|
}
|
|
55
|
-
|
|
56
64
|
if (desc.initializer === void 0) {
|
|
57
65
|
Object.defineProperty(target, property, desc);
|
|
58
66
|
desc = null;
|
|
59
67
|
}
|
|
60
|
-
|
|
61
68
|
return desc;
|
|
62
69
|
}
|
|
63
70
|
|
|
64
|
-
var TEMPLATE =
|
|
71
|
+
var TEMPLATE = precompileTemplate("<div class=\'ember-safe-button\' ...attributes>\n {{#if (has-block)}}\n {{yield\n (hash\n trigger=(component\n \'trigger\'\n onClick=@onConfirm\n safetyStatus=this.safetyStatus\n displayedMessage=this.displayedMessage\n webAnimations=this.webAnimations.trigger\n )\n safety=(component\n \'safety\'\n onClick=this.onUnlocking\n safetyStatus=this.safetyStatus\n displayedMessage=this.displayedMessage\n webAnimations=this.webAnimations.safety\n )\n )\n }}\n {{else}}\n <Trigger\n @onClick={{@onConfirm}}\n @safetyStatus={{this.safetyStatus}}\n @displayedMessage={{this.displayedMessage}}\n @webAnimations={{this.webAnimations.trigger}}\n />\n <Safety\n @onClick={{this.onUnlocking}}\n @safetyStatus={{this.safetyStatus}}\n @displayedMessage={{this.displayedMessage}}\n @webAnimations={{this.webAnimations.safety}}\n />\n {{/if}}\n</div>");
|
|
65
72
|
|
|
66
73
|
var _dec, _class, _descriptor, _descriptor2;
|
|
67
74
|
const DEFAULT_TIMEOUT = 3000;
|
|
@@ -72,6 +79,7 @@ const SAFETY_STATUS = {
|
|
|
72
79
|
UNLOCKED: 3,
|
|
73
80
|
LOCKING: 4
|
|
74
81
|
};
|
|
82
|
+
|
|
75
83
|
/**
|
|
76
84
|
Main component.
|
|
77
85
|
|
|
@@ -151,26 +159,20 @@ const SAFETY_STATUS = {
|
|
|
151
159
|
}
|
|
152
160
|
```
|
|
153
161
|
*/
|
|
154
|
-
|
|
155
162
|
let SafeButtonComponent = (_dec = task(function* () {
|
|
156
163
|
yield timeout(this.timeout);
|
|
157
164
|
this.safetyStatus = SAFETY_STATUS.LOCKING;
|
|
158
165
|
}), (_class = class SafeButtonComponent extends Component {
|
|
159
166
|
constructor() {
|
|
160
167
|
super(...arguments);
|
|
161
|
-
|
|
162
168
|
_initializerDefineProperty(this, "safetyStatus", _descriptor, this);
|
|
163
|
-
|
|
164
169
|
_initializerDefineProperty(this, "triggerSafety", _descriptor2, this);
|
|
165
|
-
|
|
166
170
|
assert('@onConfirm attribute must be set', typeof this.args.onConfirm === 'function');
|
|
167
171
|
}
|
|
168
|
-
|
|
169
172
|
get activeAnimation() {
|
|
170
173
|
const animation = this.args.animation || DEFAULT_ANIMATION;
|
|
171
174
|
return typeof animation === 'string' ? embeddedAnimations[animation] : animation;
|
|
172
175
|
}
|
|
173
|
-
|
|
174
176
|
get webAnimations() {
|
|
175
177
|
const {
|
|
176
178
|
activeAnimation,
|
|
@@ -198,38 +200,30 @@ let SafeButtonComponent = (_dec = task(function* () {
|
|
|
198
200
|
}) {
|
|
199
201
|
element.animate(activeAnimation.trigger.unlocking.keyframes, activeAnimation.trigger.unlocking.options);
|
|
200
202
|
},
|
|
201
|
-
|
|
202
203
|
locking({
|
|
203
204
|
element
|
|
204
205
|
}) {
|
|
205
206
|
element.animate(activeAnimation.trigger.locking.keyframes, activeAnimation.trigger.locking.options);
|
|
206
207
|
}
|
|
207
|
-
|
|
208
208
|
}
|
|
209
209
|
};
|
|
210
210
|
}
|
|
211
|
-
|
|
212
211
|
get timeout() {
|
|
213
212
|
return this.args.timeout || DEFAULT_TIMEOUT;
|
|
214
213
|
}
|
|
215
|
-
|
|
216
214
|
get displayedMessage() {
|
|
217
215
|
return this.args.message || 'delete';
|
|
218
216
|
}
|
|
219
|
-
|
|
220
217
|
onUnlocking() {
|
|
221
218
|
this.safetyStatus = SAFETY_STATUS.UNLOCKING;
|
|
222
219
|
}
|
|
223
|
-
|
|
224
220
|
onUnlocked() {
|
|
225
221
|
this.safetyStatus = SAFETY_STATUS.UNLOCKED;
|
|
226
222
|
this.triggerSafety.perform();
|
|
227
223
|
}
|
|
228
|
-
|
|
229
224
|
onLocked() {
|
|
230
225
|
this.safetyStatus = SAFETY_STATUS.LOCKED;
|
|
231
226
|
}
|
|
232
|
-
|
|
233
227
|
}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "safetyStatus", [tracked], {
|
|
234
228
|
configurable: true,
|
|
235
229
|
enumerable: true,
|
|
@@ -246,4 +240,4 @@ let SafeButtonComponent = (_dec = task(function* () {
|
|
|
246
240
|
setComponentTemplate(TEMPLATE, SafeButtonComponent);
|
|
247
241
|
|
|
248
242
|
export { SAFETY_STATUS as S, _defineProperty as _, SafeButtonComponent as a };
|
|
249
|
-
//# sourceMappingURL=index-
|
|
243
|
+
//# sourceMappingURL=index-447fee60.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-447fee60.js","sources":["../src/components/safe-button/index.hbs.js","../src/components/safe-button/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"<div class=\\'ember-safe-button\\' ...attributes>\\n {{#if (has-block)}}\\n {{yield\\n (hash\\n trigger=(component\\n \\'trigger\\'\\n onClick=@onConfirm\\n safetyStatus=this.safetyStatus\\n displayedMessage=this.displayedMessage\\n webAnimations=this.webAnimations.trigger\\n )\\n safety=(component\\n \\'safety\\'\\n onClick=this.onUnlocking\\n safetyStatus=this.safetyStatus\\n displayedMessage=this.displayedMessage\\n webAnimations=this.webAnimations.safety\\n )\\n )\\n }}\\n {{else}}\\n <Trigger\\n @onClick={{@onConfirm}}\\n @safetyStatus={{this.safetyStatus}}\\n @displayedMessage={{this.displayedMessage}}\\n @webAnimations={{this.webAnimations.trigger}}\\n />\\n <Safety\\n @onClick={{this.onUnlocking}}\\n @safetyStatus={{this.safetyStatus}}\\n @displayedMessage={{this.displayedMessage}}\\n @webAnimations={{this.webAnimations.safety}}\\n />\\n {{/if}}\\n</div>\")","import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\nimport { action } from '@ember/object';\n\nimport { timeout } from 'ember-concurrency';\nimport { task } from 'ember-concurrency';\n\nimport embeddedAnimations from './animations/index';\n\nconst DEFAULT_TIMEOUT = 3000;\nconst DEFAULT_ANIMATION = 'slide';\n\nexport const SAFETY_STATUS = {\n LOCKED: 1,\n UNLOCKING: 2,\n UNLOCKED: 3,\n LOCKING: 4,\n};\n\n/**\n Main component.\n\n ```hbs\n <SafeButton\n class=\"border-black\"\n @animation={{this.animation}}\n @message=\"Delete me\"\n @timeout={{2000}}\n @onConfirm={{action safeButtonClicked}} />\n ```\n\n ```\n @class SafeButtonComponent\n @param {string} [class=\"ember-safe-button\"] CSS class to be applied on the wrapping element.\n @param {object} [animation=\"slid\"] Definition of animation; It can either be string and point to one of the pre-defined animations; Or it can be an object describing Web Animation API\n @param {number} [timeout=3000] Number of millisenconds after which the safety rolls back over the trigger.\n @param {string} [message=\"delete\"] Text to be printed on the buttons in case block is not provided.\n @param {function} onConfirm - Action to trigger whenever user clicks the trigger.\n ```\n\n When trying to construct your own `@animation` object you can take inspiration from the simple `slide` animation. The thing to keep in mind is that these go directly as parameters to [element.animate()](https://developer.mozilla.org/en-US/docs/Web/API/Element/animate) and that there are in fact four animations of which always two fire at the same time:\n\n - `safety.unlocking` and `trigger.unlocking`\n - `safety.locking` and `trigger.locking`\n\n ```js\n {\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 ```\n */\nexport default class SafeButtonComponent extends Component {\n constructor() {\n super(...arguments);\n\n assert('@onConfirm attribute must be set', typeof this.args.onConfirm === 'function');\n }\n\n @tracked safetyStatus = SAFETY_STATUS.LOCKED;\n\n get activeAnimation() {\n const animation = this.args.animation || DEFAULT_ANIMATION;\n\n return typeof animation === 'string' ? embeddedAnimations[animation] : animation;\n }\n\n get webAnimations() {\n const { activeAnimation, onUnlocked, onLocked } = this;\n\n return {\n safety: {\n unlocking: ({ element }) => {\n let animation = element.animate(\n activeAnimation.safety.unlocking.keyframes,\n activeAnimation.safety.unlocking.options\n );\n animation.onfinish = onUnlocked;\n },\n locking: ({ element }) => {\n let animation = element.animate(\n activeAnimation.safety.locking.keyframes,\n activeAnimation.safety.locking.options\n );\n animation.onfinish = onLocked;\n },\n },\n trigger: {\n unlocking({ element }) {\n element.animate(\n activeAnimation.trigger.unlocking.keyframes,\n activeAnimation.trigger.unlocking.options\n );\n },\n locking({ element }) {\n element.animate(\n activeAnimation.trigger.locking.keyframes,\n activeAnimation.trigger.locking.options\n );\n },\n },\n };\n }\n\n get timeout() {\n return this.args.timeout || DEFAULT_TIMEOUT;\n }\n\n get displayedMessage() {\n return this.args.message || 'delete';\n }\n\n @action\n onUnlocking() {\n this.safetyStatus = SAFETY_STATUS.UNLOCKING;\n }\n\n @action\n onUnlocked() {\n this.safetyStatus = SAFETY_STATUS.UNLOCKED;\n this.triggerSafety.perform();\n }\n\n @action\n onLocked() {\n this.safetyStatus = SAFETY_STATUS.LOCKED;\n }\n\n @task(function* () {\n yield timeout(this.timeout);\n this.safetyStatus = SAFETY_STATUS.LOCKING;\n })\n triggerSafety;\n}\n"],"names":["precompileTemplate","DEFAULT_TIMEOUT","DEFAULT_ANIMATION","SAFETY_STATUS","LOCKED","UNLOCKING","UNLOCKED","LOCKING","SafeButtonComponent","_dec","task","timeout","safetyStatus","_class","Component","constructor","arguments","_initializerDefineProperty","_descriptor","_descriptor2","assert","args","onConfirm","activeAnimation","animation","embeddedAnimations","webAnimations","onUnlocked","onLocked","safety","unlocking","element","animate","keyframes","options","onfinish","locking","trigger","displayedMessage","message","onUnlocking","triggerSafety","perform","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { modifier } from 'ember-modifier';
|
|
2
|
-
import { S as SAFETY_STATUS } from '../index-
|
|
2
|
+
import { S as SAFETY_STATUS } from '../index-447fee60.js';
|
|
3
3
|
|
|
4
4
|
var animateMe = modifier((element, _, named) => {
|
|
5
5
|
if (named.focusMe) {
|
|
6
6
|
element.focus();
|
|
7
7
|
}
|
|
8
|
-
|
|
9
8
|
if (named.safetyStatus === SAFETY_STATUS.UNLOCKING) {
|
|
10
9
|
named.webAnimations.unlocking({
|
|
11
10
|
element
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animate-me.js","sources":["../../src/modifiers/animate-me.js"],"sourcesContent":["import { modifier } from 'ember-modifier';\n\nimport { SAFETY_STATUS } from '../components/safe-button/index';\n\nexport default modifier(\n (element, _, named) => {\n if (named.focusMe) {\n element.focus();\n }\n\n if (named.safetyStatus === SAFETY_STATUS.UNLOCKING) {\n named.webAnimations.unlocking({\n element,\n });\n } else if (named.safetyStatus === SAFETY_STATUS.LOCKING) {\n named.webAnimations.locking({\n element,\n });\n }\n },\n { eager: false }\n);\n"],"names":["modifier","element","_","named","focusMe","focus","safetyStatus","SAFETY_STATUS","UNLOCKING","webAnimations","unlocking","LOCKING","locking","eager"],"mappings":";;;AAIA,gBAAeA,QAAQ,CACrB,CAACC,
|
|
1
|
+
{"version":3,"file":"animate-me.js","sources":["../../src/modifiers/animate-me.js"],"sourcesContent":["import { modifier } from 'ember-modifier';\n\nimport { SAFETY_STATUS } from '../components/safe-button/index';\n\nexport default modifier(\n (element, _, named) => {\n if (named.focusMe) {\n element.focus();\n }\n\n if (named.safetyStatus === SAFETY_STATUS.UNLOCKING) {\n named.webAnimations.unlocking({\n element,\n });\n } else if (named.safetyStatus === SAFETY_STATUS.LOCKING) {\n named.webAnimations.locking({\n element,\n });\n }\n },\n { eager: false }\n);\n"],"names":["modifier","element","_","named","focusMe","focus","safetyStatus","SAFETY_STATUS","UNLOCKING","webAnimations","unlocking","LOCKING","locking","eager"],"mappings":";;;AAIA,gBAAeA,QAAQ,CACrB,CAACC,OAAO,EAAEC,CAAC,EAAEC,KAAK,KAAK;EACrB,IAAIA,KAAK,CAACC,OAAO,EAAE;IACjBH,OAAO,CAACI,KAAK,EAAE,CAAA;AACjB,GAAA;AAEA,EAAA,IAAIF,KAAK,CAACG,YAAY,KAAKC,aAAa,CAACC,SAAS,EAAE;AAClDL,IAAAA,KAAK,CAACM,aAAa,CAACC,SAAS,CAAC;AAC5BT,MAAAA,OAAAA;AACF,KAAC,CAAC,CAAA;GACH,MAAM,IAAIE,KAAK,CAACG,YAAY,KAAKC,aAAa,CAACI,OAAO,EAAE;AACvDR,IAAAA,KAAK,CAACM,aAAa,CAACG,OAAO,CAAC;AAC1BX,MAAAA,OAAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAA;AACF,CAAC,EACD;AAAEY,EAAAA,KAAK,EAAE,KAAA;AAAM,CACjB,CAAC;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ember-safe-button",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"description": "For potentially dangerous actions that better needs a confirmation.",
|
|
5
5
|
"repository": "https://gitlab.com/michal-bryxi/open-source/ember-safe-button",
|
|
6
6
|
"license": "MIT",
|
|
@@ -31,22 +31,22 @@
|
|
|
31
31
|
"prepublishOnly": "yarn run build"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@ember/render-modifiers": "2.0
|
|
35
|
-
"@embroider/addon-shim": "1.
|
|
36
|
-
"ember-cli-htmlbars": "^6.
|
|
37
|
-
"ember-concurrency": "2.
|
|
38
|
-
"ember-modifier": "
|
|
34
|
+
"@ember/render-modifiers": "2.1.0",
|
|
35
|
+
"@embroider/addon-shim": "1.10.2",
|
|
36
|
+
"ember-cli-htmlbars": "^6.2.0",
|
|
37
|
+
"ember-concurrency": "2.3.7",
|
|
38
|
+
"ember-modifier": "4.1.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@babel/core": "7.
|
|
41
|
+
"@babel/core": "7.23.2",
|
|
42
42
|
"@babel/plugin-proposal-class-properties": "7.18.6",
|
|
43
|
-
"@babel/plugin-proposal-decorators": "7.
|
|
44
|
-
"@babel/plugin-syntax-decorators": "7.
|
|
45
|
-
"@embroider/addon-dev": "
|
|
46
|
-
"@nullvoxpopuli/eslint-configs": "2.
|
|
47
|
-
"@rollup/plugin-babel": "
|
|
43
|
+
"@babel/plugin-proposal-decorators": "7.23.2",
|
|
44
|
+
"@babel/plugin-syntax-decorators": "7.22.10",
|
|
45
|
+
"@embroider/addon-dev": "3.2.0",
|
|
46
|
+
"@nullvoxpopuli/eslint-configs": "2.3.5",
|
|
47
|
+
"@rollup/plugin-babel": "6.0.4",
|
|
48
48
|
"babel-eslint": "10.1.0",
|
|
49
|
-
"concurrently": "7.
|
|
49
|
+
"concurrently": "7.6.0",
|
|
50
50
|
"eslint": "^7.0.0",
|
|
51
51
|
"eslint-config-prettier": "8.5.0",
|
|
52
52
|
"eslint-plugin-decorator-position": "4.0.1",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"eslint-plugin-node": "11.1.0",
|
|
57
57
|
"eslint-plugin-prettier": "4.2.1",
|
|
58
58
|
"eslint-plugin-simple-import-sort": "7.0.0",
|
|
59
|
-
"rollup": "2.
|
|
59
|
+
"rollup": "2.79.1"
|
|
60
60
|
},
|
|
61
61
|
"publishConfig": {
|
|
62
62
|
"registry": "https://registry.npmjs.org"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index-65a73164.js","sources":["../src/components/safe-button/index.hbs.js","../src/components/safe-button/index.js"],"sourcesContent":["import { hbs } from 'ember-cli-htmlbars';\nexport default hbs(\"<div class=\\'ember-safe-button\\' ...attributes>\\n {{#if (has-block)}}\\n {{yield\\n (hash\\n trigger=(component\\n \\'trigger\\'\\n onClick=@onConfirm\\n safetyStatus=this.safetyStatus\\n displayedMessage=this.displayedMessage\\n webAnimations=this.webAnimations.trigger\\n )\\n safety=(component\\n \\'safety\\'\\n onClick=this.onUnlocking\\n safetyStatus=this.safetyStatus\\n displayedMessage=this.displayedMessage\\n webAnimations=this.webAnimations.safety\\n )\\n )\\n }}\\n {{else}}\\n <Trigger\\n @onClick={{@onConfirm}}\\n @safetyStatus={{this.safetyStatus}}\\n @displayedMessage={{this.displayedMessage}}\\n @webAnimations={{this.webAnimations.trigger}}\\n />\\n <Safety\\n @onClick={{this.onUnlocking}}\\n @safetyStatus={{this.safetyStatus}}\\n @displayedMessage={{this.displayedMessage}}\\n @webAnimations={{this.webAnimations.safety}}\\n />\\n {{/if}}\\n</div>\")","import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\nimport { action } from '@ember/object';\n\nimport { timeout } from 'ember-concurrency';\nimport { task } from 'ember-concurrency';\n\nimport embeddedAnimations from './animations/index';\n\nconst DEFAULT_TIMEOUT = 3000;\nconst DEFAULT_ANIMATION = 'slide';\n\nexport const SAFETY_STATUS = {\n LOCKED: 1,\n UNLOCKING: 2,\n UNLOCKED: 3,\n LOCKING: 4,\n};\n\n/**\n Main component.\n\n ```hbs\n <SafeButton\n class=\"border-black\"\n @animation={{this.animation}}\n @message=\"Delete me\"\n @timeout={{2000}}\n @onConfirm={{action safeButtonClicked}} />\n ```\n\n ```\n @class SafeButtonComponent\n @param {string} [class=\"ember-safe-button\"] CSS class to be applied on the wrapping element.\n @param {object} [animation=\"slid\"] Definition of animation; It can either be string and point to one of the pre-defined animations; Or it can be an object describing Web Animation API\n @param {number} [timeout=3000] Number of millisenconds after which the safety rolls back over the trigger.\n @param {string} [message=\"delete\"] Text to be printed on the buttons in case block is not provided.\n @param {function} onConfirm - Action to trigger whenever user clicks the trigger.\n ```\n\n When trying to construct your own `@animation` object you can take inspiration from the simple `slide` animation. The thing to keep in mind is that these go directly as parameters to [element.animate()](https://developer.mozilla.org/en-US/docs/Web/API/Element/animate) and that there are in fact four animations of which always two fire at the same time:\n\n - `safety.unlocking` and `trigger.unlocking`\n - `safety.locking` and `trigger.locking`\n\n ```js\n {\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 ```\n */\nexport default class SafeButtonComponent extends Component {\n constructor() {\n super(...arguments);\n\n assert('@onConfirm attribute must be set', typeof this.args.onConfirm === 'function');\n }\n\n @tracked safetyStatus = SAFETY_STATUS.LOCKED;\n\n get activeAnimation() {\n const animation = this.args.animation || DEFAULT_ANIMATION;\n\n return typeof animation === 'string' ? embeddedAnimations[animation] : animation;\n }\n\n get webAnimations() {\n const { activeAnimation, onUnlocked, onLocked } = this;\n\n return {\n safety: {\n unlocking: ({ element }) => {\n let animation = element.animate(\n activeAnimation.safety.unlocking.keyframes,\n activeAnimation.safety.unlocking.options\n );\n animation.onfinish = onUnlocked;\n },\n locking: ({ element }) => {\n let animation = element.animate(\n activeAnimation.safety.locking.keyframes,\n activeAnimation.safety.locking.options\n );\n animation.onfinish = onLocked;\n },\n },\n trigger: {\n unlocking({ element }) {\n element.animate(\n activeAnimation.trigger.unlocking.keyframes,\n activeAnimation.trigger.unlocking.options\n );\n },\n locking({ element }) {\n element.animate(\n activeAnimation.trigger.locking.keyframes,\n activeAnimation.trigger.locking.options\n );\n },\n },\n };\n }\n\n get timeout() {\n return this.args.timeout || DEFAULT_TIMEOUT;\n }\n\n get displayedMessage() {\n return this.args.message || 'delete';\n }\n\n @action\n onUnlocking() {\n this.safetyStatus = SAFETY_STATUS.UNLOCKING;\n }\n\n @action\n onUnlocked() {\n this.safetyStatus = SAFETY_STATUS.UNLOCKED;\n this.triggerSafety.perform();\n }\n\n @action\n onLocked() {\n this.safetyStatus = SAFETY_STATUS.LOCKED;\n }\n\n @task(function* () {\n yield timeout(this.timeout);\n this.safetyStatus = SAFETY_STATUS.LOCKING;\n })\n triggerSafety;\n}\n"],"names":["hbs","DEFAULT_TIMEOUT","DEFAULT_ANIMATION","SAFETY_STATUS","LOCKED","UNLOCKING","UNLOCKED","LOCKING","SafeButtonComponent","task","timeout","safetyStatus","Component","constructor","arguments","assert","args","onConfirm","activeAnimation","animation","embeddedAnimations","webAnimations","onUnlocked","onLocked","safety","unlocking","element","animate","keyframes","options","onfinish","locking","trigger","displayedMessage","message","onUnlocking","triggerSafety","perform","tracked","action"],"mappings":"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"}
|