@fluentui-copilot/react-morse-code 0.0.6 → 0.0.8-hotfix.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/CHANGELOG.json +66 -1
  2. package/CHANGELOG.md +31 -2
  3. package/dist/index.d.ts +11 -2
  4. package/lib/components/MorseCode.types.js +1 -2
  5. package/lib/components/MorseCode.types.js.map +1 -1
  6. package/lib/components/hooks/useAddModule.js +18 -0
  7. package/lib/components/hooks/useAddModule.js.map +1 -0
  8. package/lib/components/hooks/useFallbackRef.js +21 -0
  9. package/lib/components/hooks/useFallbackRef.js.map +1 -0
  10. package/lib/components/{MorseCode.js → large/MorseCode.js} +5 -6
  11. package/lib/components/large/MorseCode.js.map +1 -0
  12. package/lib/components/large/MorseCode.styles.raw.js +21 -0
  13. package/lib/components/large/MorseCode.styles.raw.js.map +1 -0
  14. package/lib/components/large/MorseCodeFallback.js +13 -0
  15. package/lib/components/large/MorseCodeFallback.js.map +1 -0
  16. package/lib/components/large/MorseCodeHoudini.js +15 -0
  17. package/lib/components/large/MorseCodeHoudini.js.map +1 -0
  18. package/lib/components/{MorseCodeHoudini.js → large/MorseCodeHoudini.styles.js} +10 -31
  19. package/lib/components/large/MorseCodeHoudini.styles.js.map +1 -0
  20. package/lib/components/large/MorseCodeHoudini.styles.raw.js +22 -0
  21. package/lib/components/large/MorseCodeHoudini.styles.raw.js.map +1 -0
  22. package/lib/components/shared/renderMorseCode.js +10 -0
  23. package/lib/components/shared/renderMorseCode.js.map +1 -0
  24. package/lib/components/small/MorseCodeSmall.js +11 -0
  25. package/lib/components/small/MorseCodeSmall.js.map +1 -0
  26. package/lib/components/small/MorseCodeSmall.styles.js +21 -0
  27. package/lib/components/small/MorseCodeSmall.styles.js.map +1 -0
  28. package/lib/components/small/MorseCodeSmall.styles.raw.js +21 -0
  29. package/lib/components/small/MorseCodeSmall.styles.raw.js.map +1 -0
  30. package/lib/components/small/MorseCodeSmallFallback.js +13 -0
  31. package/lib/components/small/MorseCodeSmallFallback.js.map +1 -0
  32. package/lib/components/small/MorseCodeSmallHoudini.js +15 -0
  33. package/lib/components/small/MorseCodeSmallHoudini.js.map +1 -0
  34. package/lib/components/small/MorseCodeSmallHoudini.styles.js +13 -0
  35. package/lib/components/small/MorseCodeSmallHoudini.styles.js.map +1 -0
  36. package/lib/components/small/MorseCodeSmallHoudini.styles.raw.js +22 -0
  37. package/lib/components/small/MorseCodeSmallHoudini.styles.raw.js.map +1 -0
  38. package/lib/index.js +6 -4
  39. package/lib/index.js.map +1 -1
  40. package/lib-commonjs/components/MorseCode.types.js +0 -1
  41. package/lib-commonjs/components/MorseCode.types.js.map +1 -1
  42. package/lib-commonjs/components/hooks/useAddModule.js +29 -0
  43. package/lib-commonjs/components/hooks/useAddModule.js.map +1 -0
  44. package/lib-commonjs/components/hooks/useFallbackRef.js +32 -0
  45. package/lib-commonjs/components/hooks/useFallbackRef.js.map +1 -0
  46. package/lib-commonjs/components/{MorseCode.js → large/MorseCode.js} +1 -1
  47. package/lib-commonjs/components/large/MorseCode.js.map +1 -0
  48. package/lib-commonjs/components/large/MorseCode.styles.raw.js +31 -0
  49. package/lib-commonjs/components/large/MorseCode.styles.raw.js.map +1 -0
  50. package/lib-commonjs/components/large/MorseCodeFallback.js +23 -0
  51. package/lib-commonjs/components/large/MorseCodeFallback.js.map +1 -0
  52. package/lib-commonjs/components/large/MorseCodeHoudini.js +25 -0
  53. package/lib-commonjs/components/large/MorseCodeHoudini.js.map +1 -0
  54. package/lib-commonjs/components/{MorseCodeHoudini.js → large/MorseCodeHoudini.styles.js} +10 -32
  55. package/lib-commonjs/components/large/MorseCodeHoudini.styles.js.map +1 -0
  56. package/lib-commonjs/components/large/MorseCodeHoudini.styles.raw.js +32 -0
  57. package/lib-commonjs/components/large/MorseCodeHoudini.styles.raw.js.map +1 -0
  58. package/lib-commonjs/components/shared/renderMorseCode.js +21 -0
  59. package/lib-commonjs/components/shared/renderMorseCode.js.map +1 -0
  60. package/lib-commonjs/components/small/MorseCodeSmall.js +22 -0
  61. package/lib-commonjs/components/small/MorseCodeSmall.js.map +1 -0
  62. package/lib-commonjs/components/small/MorseCodeSmall.styles.js +40 -0
  63. package/lib-commonjs/components/small/MorseCodeSmall.styles.js.map +1 -0
  64. package/lib-commonjs/components/small/MorseCodeSmall.styles.raw.js +31 -0
  65. package/lib-commonjs/components/small/MorseCodeSmall.styles.raw.js.map +1 -0
  66. package/lib-commonjs/components/small/MorseCodeSmallFallback.js +23 -0
  67. package/lib-commonjs/components/small/MorseCodeSmallFallback.js.map +1 -0
  68. package/lib-commonjs/components/small/MorseCodeSmallHoudini.js +25 -0
  69. package/lib-commonjs/components/small/MorseCodeSmallHoudini.js.map +1 -0
  70. package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.js +30 -0
  71. package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.js.map +1 -0
  72. package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.raw.js +32 -0
  73. package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.raw.js.map +1 -0
  74. package/lib-commonjs/index.js +15 -4
  75. package/lib-commonjs/index.js.map +1 -1
  76. package/package.json +4 -9
  77. package/lib/components/MorseCode.js.map +0 -1
  78. package/lib/components/MorseCodeFallback.js +0 -37
  79. package/lib/components/MorseCodeFallback.js.map +0 -1
  80. package/lib/components/MorseCodeHoudini.js.map +0 -1
  81. package/lib/hooks/types.js +0 -2
  82. package/lib/hooks/types.js.map +0 -1
  83. package/lib/hooks/useFallbackMorseCode.js +0 -2
  84. package/lib/hooks/useFallbackMorseCode.js.map +0 -1
  85. package/lib/hooks/useHoudiniMorseCode.js +0 -2
  86. package/lib/hooks/useHoudiniMorseCode.js.map +0 -1
  87. package/lib/hooks/useMorseCode.js +0 -2
  88. package/lib/hooks/useMorseCode.js.map +0 -1
  89. package/lib-commonjs/components/MorseCode.js.map +0 -1
  90. package/lib-commonjs/components/MorseCodeFallback.js +0 -47
  91. package/lib-commonjs/components/MorseCodeFallback.js.map +0 -1
  92. package/lib-commonjs/components/MorseCodeHoudini.js.map +0 -1
  93. package/lib-commonjs/hooks/types.js +0 -5
  94. package/lib-commonjs/hooks/types.js.map +0 -1
  95. package/lib-commonjs/hooks/useFallbackMorseCode.js +0 -5
  96. package/lib-commonjs/hooks/useFallbackMorseCode.js.map +0 -1
  97. package/lib-commonjs/hooks/useHoudiniMorseCode.js +0 -5
  98. package/lib-commonjs/hooks/useHoudiniMorseCode.js.map +0 -1
  99. package/lib-commonjs/hooks/useMorseCode.js +0 -5
  100. package/lib-commonjs/hooks/useMorseCode.js.map +0 -1
  101. /package/lib/components/{MorseCode.styles.js → large/MorseCode.styles.js} +0 -0
  102. /package/lib/components/{MorseCode.styles.js.map → large/MorseCode.styles.js.map} +0 -0
  103. /package/lib-commonjs/components/{MorseCode.styles.js → large/MorseCode.styles.js} +0 -0
  104. /package/lib-commonjs/components/{MorseCode.styles.js.map → large/MorseCode.styles.js.map} +0 -0
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useMorseCodeAnimationClassName", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return useMorseCodeAnimationClassName;
9
+ }
10
+ });
11
+ const _morsecode = require("@fluentui-copilot/morse-code");
12
+ const _reactcomponents = require("@fluentui/react-components");
13
+ const sharedStyles = {
14
+ backgroundImage: _morsecode.morseCodeSmallTokens.backgroundImage,
15
+ animationIterationCount: _morsecode.morseCodeSmallTokens.morseCodeAnimationIterationCount,
16
+ animationDuration: _morsecode.morseCodeSmallTokens.morseCodeAnimationDuration,
17
+ animationTimingFunction: _morsecode.morseCodeSmallTokens.morseCodeAnimationTimingFunction
18
+ };
19
+ const useMorseCodeAnimationClassName = (0, _reactcomponents.__resetStyles)("r1qt6fj8", "rfhkifx", {
20
+ r: [
21
+ ".r1qt6fj8{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r14jeaho;}",
22
+ "@keyframes rarbvpc{0%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}}",
23
+ "@keyframes r14jeaho{0%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}10%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}25%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}35%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}50%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}60%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}75%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}85%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}100%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:0px;--fai-morse-code-small-opacity-2:0;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:20px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:56px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:132px;--fai-morse-code-small-opacity-5:1;}}",
24
+ ".rfhkifx{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r14jeaho;}"
25
+ ],
26
+ s: [
27
+ "@media (forced-colors: active){.r1qt6fj8{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r14jeaho;}@keyframes r9zjrdo{0%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}}@keyframes r14jeaho{0%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}10%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}25%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}35%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}50%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}60%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}75%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}85%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}100%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:0px;--fai-morse-code-small-opacity-2:0;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:20px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:56px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:132px;--fai-morse-code-small-opacity-5:1;}}}",
28
+ "@media (forced-colors: active){.rfhkifx{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r14jeaho;}}"
29
+ ]
30
+ }); //# sourceMappingURL=MorseCodeSmallHoudini.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCodeSmallHoudini.styles.ts"],"sourcesContent":["import { morseCodeSmallAnimationTokens, morseCodeSmallTokens } from '@fluentui-copilot/morse-code';\nimport { makeResetStyles } from '@fluentui/react-components';\n\nconst sharedStyles = {\n backgroundImage: morseCodeSmallTokens.backgroundImage,\n animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,\n animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,\n animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction,\n};\n\nexport const useMorseCodeAnimationClassName = makeResetStyles({\n ...sharedStyles,\n animationName: [morseCodeSmallAnimationTokens.colorAnimation, morseCodeSmallAnimationTokens.dotsAndDashes],\n\n '@media (forced-colors: active)': {\n ...sharedStyles,\n animationName: [morseCodeSmallAnimationTokens.colorHCAnimation, morseCodeSmallAnimationTokens.dotsAndDashes],\n },\n});\n"],"names":["useMorseCodeAnimationClassName","sharedStyles","backgroundImage","morseCodeSmallTokens","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","makeResetStyles","animationName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;2BAVuD;iCAC5C;AAExB,MAAMC,eAAe;qBACnBC,+BAAiBC,CAAAA,eAAqBD;6BACtCE,+BAAyBD,CAAAA,gCAAqBE;uBAC9CC,+BAAmBH,CAAAA,0BAAqBI;6BACxCC,+BAAyBL,CAAAA,gCAAqBM;AAChD;AAEO,MAAMT,iCAAiCU,IAAAA,8BAAAA,EAAAA,YAAgB,WAAA;OAC5D;QAAA;QAAe;QAAA;QAAA;KAAA;OACfC;QAAAA;QAAe;KAAA;4DAA0F"}
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useMorseCodeAnimationClassName", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return useMorseCodeAnimationClassName;
9
+ }
10
+ });
11
+ const _morsecode = require("@fluentui-copilot/morse-code");
12
+ const _reactcomponents = require("@fluentui/react-components");
13
+ const sharedStyles = {
14
+ backgroundImage: _morsecode.morseCodeSmallTokens.backgroundImage,
15
+ animationIterationCount: _morsecode.morseCodeSmallTokens.morseCodeAnimationIterationCount,
16
+ animationDuration: _morsecode.morseCodeSmallTokens.morseCodeAnimationDuration,
17
+ animationTimingFunction: _morsecode.morseCodeSmallTokens.morseCodeAnimationTimingFunction
18
+ };
19
+ const useMorseCodeAnimationClassName = (0, _reactcomponents.makeResetStyles)({
20
+ ...sharedStyles,
21
+ animationName: [
22
+ _morsecode.morseCodeSmallAnimationTokens.colorAnimation,
23
+ _morsecode.morseCodeSmallAnimationTokens.dotsAndDashes
24
+ ],
25
+ '@media (forced-colors: active)': {
26
+ ...sharedStyles,
27
+ animationName: [
28
+ _morsecode.morseCodeSmallAnimationTokens.colorHCAnimation,
29
+ _morsecode.morseCodeSmallAnimationTokens.dotsAndDashes
30
+ ]
31
+ }
32
+ });
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCodeSmallHoudini.styles.ts"],"sourcesContent":["import { morseCodeSmallAnimationTokens, morseCodeSmallTokens } from '@fluentui-copilot/morse-code';\nimport { makeResetStyles } from '@fluentui/react-components';\n\nconst sharedStyles = {\n backgroundImage: morseCodeSmallTokens.backgroundImage,\n animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,\n animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,\n animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction,\n};\n\nexport const useMorseCodeAnimationClassName = makeResetStyles({\n ...sharedStyles,\n animationName: [morseCodeSmallAnimationTokens.colorAnimation, morseCodeSmallAnimationTokens.dotsAndDashes],\n\n '@media (forced-colors: active)': {\n ...sharedStyles,\n animationName: [morseCodeSmallAnimationTokens.colorHCAnimation, morseCodeSmallAnimationTokens.dotsAndDashes],\n },\n});\n"],"names":["useMorseCodeAnimationClassName","sharedStyles","backgroundImage","morseCodeSmallTokens","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","makeResetStyles","animationName","morseCodeSmallAnimationTokens","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;2BAVuD;iCACpC;AAEhC,MAAMC,eAAe;IACnBC,iBAAiBC,+BAAAA,CAAqBD,eAAe;IACrDE,yBAAyBD,+BAAAA,CAAqBE,gCAAgC;IAC9EC,mBAAmBH,+BAAAA,CAAqBI,0BAA0B;IAClEC,yBAAyBL,+BAAAA,CAAqBM,gCAAgC;AAChF;AAEO,MAAMT,iCAAiCU,IAAAA,gCAAAA,EAAgB;IAC5D,GAAGT,YAAY;IACfU,eAAe;QAACC,wCAAAA,CAA8BC,cAAc;QAAED,wCAAAA,CAA8BE,aAAa;KAAC;IAE1G,kCAAkC;QAChC,GAAGb,YAAY;QACfU,eAAe;YAACC,wCAAAA,CAA8BG,gBAAgB;YAAEH,wCAAAA,CAA8BE,aAAa;SAAC;IAC9G;AACF"}
@@ -17,9 +17,20 @@ _export(exports, {
17
17
  },
18
18
  MorseCodeHoudini: function() {
19
19
  return _MorseCodeHoudini.MorseCodeHoudini;
20
+ },
21
+ MorseCodeSmall: function() {
22
+ return _MorseCodeSmall.MorseCodeSmall;
23
+ },
24
+ MorseCodeSmallFallback: function() {
25
+ return _MorseCodeSmallFallback.MorseCodeSmallFallback;
26
+ },
27
+ MorseCodeSmallHoudini: function() {
28
+ return _MorseCodeSmallHoudini.MorseCodeSmallHoudini;
20
29
  }
21
30
  });
22
- const _MorseCode = require("./components/MorseCode");
23
- const _MorseCodeFallback = require("./components/MorseCodeFallback");
24
- const _MorseCodeHoudini = require("./components/MorseCodeHoudini");
25
- //# sourceMappingURL=index.js.map
31
+ const _MorseCode = require("./components/large/MorseCode");
32
+ const _MorseCodeFallback = require("./components/large/MorseCodeFallback");
33
+ const _MorseCodeHoudini = require("./components/large/MorseCodeHoudini");
34
+ const _MorseCodeSmall = require("./components/small/MorseCodeSmall");
35
+ const _MorseCodeSmallFallback = require("./components/small/MorseCodeSmallFallback");
36
+ const _MorseCodeSmallHoudini = require("./components/small/MorseCodeSmallHoudini");
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export { MorseCode } from './components/MorseCode';\nexport { MorseCodeFallback } from './components/MorseCodeFallback';\nexport { MorseCodeHoudini } from './components/MorseCodeHoudini';\n\nexport type { MorseCodeProps } from './components/MorseCode.types';\n"],"names":["MorseCode","MorseCodeFallback","MorseCodeHoudini"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,SAAS;eAATA,oBAAS;;IACTC,iBAAiB;eAAjBA,oCAAiB;;IACjBC,gBAAgB;eAAhBA,kCAAgB;;;2BAFC;mCACQ;kCACD"}
1
+ {"version":3,"sources":["index.ts"],"sourcesContent":["export { MorseCode } from './components/large/MorseCode';\nexport { MorseCodeFallback } from './components/large/MorseCodeFallback';\nexport { MorseCodeHoudini } from './components/large/MorseCodeHoudini';\n\nexport { MorseCodeSmall } from './components/small/MorseCodeSmall';\nexport { MorseCodeSmallFallback } from './components/small/MorseCodeSmallFallback';\nexport { MorseCodeSmallHoudini } from './components/small/MorseCodeSmallHoudini';\n\nexport type { MorseCodeProps } from './components/MorseCode.types';\n"],"names":["MorseCode","MorseCodeFallback","MorseCodeHoudini","MorseCodeSmall","MorseCodeSmallFallback","MorseCodeSmallHoudini"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,SAAS;eAATA,oBAAS;;IACTC,iBAAiB;eAAjBA,oCAAiB;;IACjBC,gBAAgB;eAAhBA,kCAAgB;;IAEhBC,cAAc;eAAdA,8BAAc;;IACdC,sBAAsB;eAAtBA,8CAAsB;;IACtBC,qBAAqB;eAArBA,4CAAqB;;;2BANJ;mCACQ;kCACD;gCAEF;wCACQ;uCACD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-copilot/react-morse-code",
3
- "version": "0.0.6",
3
+ "version": "0.0.8-hotfix.1",
4
4
  "description": "A Fluent AI package",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -12,8 +12,8 @@
12
12
  },
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
- "@fluentui-contrib/houdini-utils": "0.3.4",
16
- "@fluentui-copilot/morse-code": "^0.0.6",
15
+ "@fluentui-contrib/houdini-utils": "0.3.5",
16
+ "@fluentui-copilot/morse-code": "0.0.8-hotfix.1",
17
17
  "@swc/helpers": "^0.5.1"
18
18
  },
19
19
  "peerDependencies": {
@@ -24,12 +24,7 @@
24
24
  "react": ">=16.14.0 <19.0.0",
25
25
  "react-dom": ">=16.14.0 <19.0.0"
26
26
  },
27
- "beachball": {
28
- "disallowedChangeTypes": [
29
- "major",
30
- "minor"
31
- ]
32
- },
27
+ "beachball": {},
33
28
  "exports": {
34
29
  ".": {
35
30
  "types": "./dist/index.d.ts",
@@ -1 +0,0 @@
1
- {"version":3,"sources":["MorseCode.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeFallback } from './MorseCodeFallback';\nimport { MorseCodeHoudini } from './MorseCodeHoudini';\n\nimport type { MorseCodeProps } from './MorseCode.types';\n\nconst houdiniAvailable = hasHoudini();\n\nexport const MorseCode: React.FC<MorseCodeProps> = props => {\n if (houdiniAvailable) {\n return <MorseCodeHoudini {...props} />;\n }\n\n return <MorseCodeFallback {...props} />;\n};\n"],"names":["React","hasHoudini","MorseCodeFallback","MorseCodeHoudini","houdiniAvailable","MorseCode","props"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,gBAAgB,QAAQ,qBAAqB;AAItD,MAAMC,mBAAmBH;AAEzB,OAAO,MAAMI,YAAsCC,CAAAA;IACjD,IAAIF,kBAAkB;QACpB,qBAAO,oBAACD,kBAAqBG;IAC/B;IAEA,qBAAO,oBAACJ,mBAAsBI;AAChC,EAAE"}
@@ -1,37 +0,0 @@
1
- import * as React from 'react';
2
- import { mergeClasses } from '@fluentui/react-components';
3
- import { morseCode } from '@fluentui-copilot/morse-code';
4
- import { useMorseCodeStyles } from './MorseCode.styles';
5
- import { hasWebkitCanvas } from '@fluentui-contrib/houdini-utils';
6
- const IS_WEBKIT = hasWebkitCanvas();
7
- // eslint-disable-next-line @typescript-eslint/no-empty-function
8
- const ON_COMPLETE_NOOP = () => {};
9
- export const MorseCodeFallback = () => {
10
- const morseCodeStyles = useMorseCodeStyles();
11
- const targetRef = React.useCallback(node => {
12
- let animControls;
13
- if (node) {
14
- animControls = morseCode(node);
15
- if (IS_WEBKIT && animControls.canvas) {
16
- animControls.canvas.setAttribute('style', '');
17
- node.appendChild(animControls.canvas);
18
- }
19
- animControls.play(ON_COMPLETE_NOOP);
20
- } else {
21
- if (animControls) {
22
- var _animControls_canvas;
23
- animControls.stop();
24
- animControls.cleanup();
25
- IS_WEBKIT && ((_animControls_canvas = animControls.canvas) === null || _animControls_canvas === void 0 ? void 0 : _animControls_canvas.remove());
26
- animControls = undefined;
27
- }
28
- }
29
- }, []);
30
- return /*#__PURE__*/React.createElement("div", {
31
- className: morseCodeStyles.wrapper
32
- }, /*#__PURE__*/React.createElement("div", {
33
- ref: targetRef,
34
- className: mergeClasses('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base)
35
- }));
36
- };
37
- //# sourceMappingURL=MorseCodeFallback.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["MorseCodeFallback.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport { morseCode } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeStyles } from './MorseCode.styles';\nimport { hasWebkitCanvas } from '@fluentui-contrib/houdini-utils';\n\nimport type { MorseCodeProps } from './MorseCode.types';\n\nconst IS_WEBKIT = hasWebkitCanvas();\n\ntype FallbackAnimation = ReturnType<typeof morseCode>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst ON_COMPLETE_NOOP = () => {};\n\nexport const MorseCodeFallback: React.FC<MorseCodeProps> = () => {\n const morseCodeStyles = useMorseCodeStyles();\n\n const targetRef = React.useCallback((node: HTMLElement | null) => {\n let animControls: FallbackAnimation | undefined;\n\n if (node) {\n animControls = morseCode(node);\n if (IS_WEBKIT && animControls.canvas) {\n animControls.canvas.setAttribute('style', '');\n node.appendChild(animControls.canvas);\n }\n animControls.play(ON_COMPLETE_NOOP);\n } else {\n if (animControls) {\n animControls.stop();\n animControls.cleanup();\n IS_WEBKIT && animControls.canvas?.remove();\n animControls = undefined;\n }\n }\n }, []);\n\n return (\n <div className={morseCodeStyles.wrapper}>\n <div ref={targetRef} className={mergeClasses('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base)} />\n </div>\n );\n};\n"],"names":["React","mergeClasses","morseCode","useMorseCodeStyles","hasWebkitCanvas","IS_WEBKIT","ON_COMPLETE_NOOP","MorseCodeFallback","morseCodeStyles","targetRef","useCallback","node","animControls","canvas","setAttribute","appendChild","play","stop","cleanup","remove","undefined","div","className","wrapper","ref","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,kBAAkB,QAAQ,qBAAqB;AACxD,SAASC,eAAe,QAAQ,kCAAkC;AAIlE,MAAMC,YAAYD;AAIlB,gEAAgE;AAChE,MAAME,mBAAmB,KAAO;AAEhC,OAAO,MAAMC,oBAA8C;IACzD,MAAMC,kBAAkBL;IAExB,MAAMM,YAAYT,MAAMU,WAAW,CAAC,CAACC;QACnC,IAAIC;QAEJ,IAAID,MAAM;YACRC,eAAeV,UAAUS;YACzB,IAAIN,aAAaO,aAAaC,MAAM,EAAE;gBACpCD,aAAaC,MAAM,CAACC,YAAY,CAAC,SAAS;gBAC1CH,KAAKI,WAAW,CAACH,aAAaC,MAAM;YACtC;YACAD,aAAaI,IAAI,CAACV;QACpB,OAAO;YACL,IAAIM,cAAc;oBAGHA;gBAFbA,aAAaK,IAAI;gBACjBL,aAAaM,OAAO;gBACpBb,eAAaO,uBAAAA,aAAaC,MAAM,cAAnBD,2CAAAA,qBAAqBO,MAAM;gBACxCP,eAAeQ;YACjB;QACF;IACF,GAAG,EAAE;IAEL,qBACE,oBAACC;QAAIC,WAAWd,gBAAgBe,OAAO;qBACrC,oBAACF;QAAIG,KAAKf;QAAWa,WAAWrB,aAAa,iBAAiB,yBAAyBO,gBAAgBiB,IAAI;;AAGjH,EAAE"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { addModule } from '@fluentui-contrib/houdini-utils';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport {\n initializeMorseCodeCustomProperties,\n morseCodeAnimationTokens,\n morseCodeTokens,\n DEFAULT_BASE_URL,\n DEFAULT_FILE_URL,\n} from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from './MorseCode.types';\n\nconst initializedModules = {} as Record<string, boolean>;\n\ninitializeMorseCodeCustomProperties();\n\nconst useMorseCodeAnimationClassName = makeResetStyles({\n backgroundImage: morseCodeTokens.backgroundImage,\n animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n animationName: [morseCodeAnimationTokens.colorAnimation, morseCodeAnimationTokens.dotsAndDashes],\n\n '@media (forced-colors: active)': {\n backgroundImage: morseCodeTokens.backgroundImage,\n animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n animationName: [morseCodeAnimationTokens.colorHCAnimation, morseCodeAnimationTokens.dotsAndDashes],\n },\n});\n\nexport const MorseCodeHoudini: React.FC<MorseCodeProps> = ({\n baseUrl = DEFAULT_BASE_URL,\n fileName = DEFAULT_FILE_URL,\n}) => {\n React.useEffect(() => {\n const path = `${baseUrl}${fileName}`;\n if (!initializedModules[path]) {\n addModule(baseUrl, fileName)\n .then(() => {\n initializedModules[path] = true;\n })\n .catch(err => {\n initializedModules[path] = false;\n });\n }\n }, [baseUrl, fileName]);\n\n const morseCodeStyles = useMorseCodeStyles();\n const animationClassName = useMorseCodeAnimationClassName();\n\n return (\n <div className={morseCodeStyles.wrapper}>\n <div\n className={mergeClasses('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName)}\n />\n </div>\n );\n};\n"],"names":["React","makeResetStyles","mergeClasses","addModule","useMorseCodeStyles","initializeMorseCodeCustomProperties","morseCodeAnimationTokens","morseCodeTokens","DEFAULT_BASE_URL","DEFAULT_FILE_URL","initializedModules","useMorseCodeAnimationClassName","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","animationName","colorAnimation","dotsAndDashes","colorHCAnimation","MorseCodeHoudini","baseUrl","fileName","useEffect","path","then","catch","err","morseCodeStyles","animationClassName","div","className","wrapper","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAC3E,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,kBAAkB,QAAQ,qBAAqB;AAExD,SACEC,mCAAmC,EACnCC,wBAAwB,EACxBC,eAAe,EACfC,gBAAgB,EAChBC,gBAAgB,QACX,+BAA+B;AAItC,MAAMC,qBAAqB,CAAC;AAE5BL;AAEA,MAAMM,iCAAiCV,gBAAgB;IACrDW,iBAAiBL,gBAAgBK,eAAe;IAChDC,yBAAyBN,gBAAgBO,gCAAgC;IACzEC,mBAAmBR,gBAAgBS,0BAA0B;IAC7DC,yBAAyBV,gBAAgBW,gCAAgC;IACzEC,eAAe;QAACb,yBAAyBc,cAAc;QAAEd,yBAAyBe,aAAa;KAAC;IAEhG,kCAAkC;QAChCT,iBAAiBL,gBAAgBK,eAAe;QAChDC,yBAAyBN,gBAAgBO,gCAAgC;QACzEC,mBAAmBR,gBAAgBS,0BAA0B;QAC7DC,yBAAyBV,gBAAgBW,gCAAgC;QACzEC,eAAe;YAACb,yBAAyBgB,gBAAgB;YAAEhB,yBAAyBe,aAAa;SAAC;IACpG;AACF;AAEA,OAAO,MAAME,mBAA6C,CAAC,EACzDC,UAAUhB,gBAAgB,EAC1BiB,WAAWhB,gBAAgB,EAC5B;IACCT,MAAM0B,SAAS,CAAC;QACd,MAAMC,OAAO,CAAC,EAAEH,QAAQ,EAAEC,SAAS,CAAC;QACpC,IAAI,CAACf,kBAAkB,CAACiB,KAAK,EAAE;YAC7BxB,UAAUqB,SAASC,UAChBG,IAAI,CAAC;gBACJlB,kBAAkB,CAACiB,KAAK,GAAG;YAC7B,GACCE,KAAK,CAACC,CAAAA;gBACLpB,kBAAkB,CAACiB,KAAK,GAAG;YAC7B;QACJ;IACF,GAAG;QAACH;QAASC;KAAS;IAEtB,MAAMM,kBAAkB3B;IACxB,MAAM4B,qBAAqBrB;IAE3B,qBACE,oBAACsB;QAAIC,WAAWH,gBAAgBI,OAAO;qBACrC,oBAACF;QACCC,WAAWhC,aAAa,iBAAiB,wBAAwB6B,gBAAgBK,IAAI,EAAEJ;;AAI/F,EAAE"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["types.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAAU"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=useFallbackMorseCode.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useFallbackMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAAU"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=useHoudiniMorseCode.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useHoudiniMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAAU"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=useMorseCode.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAAU"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["MorseCode.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeFallback } from './MorseCodeFallback';\nimport { MorseCodeHoudini } from './MorseCodeHoudini';\n\nimport type { MorseCodeProps } from './MorseCode.types';\n\nconst houdiniAvailable = hasHoudini();\n\nexport const MorseCode: React.FC<MorseCodeProps> = props => {\n if (houdiniAvailable) {\n return <MorseCodeHoudini {...props} />;\n }\n\n return <MorseCodeFallback {...props} />;\n};\n"],"names":["MorseCode","houdiniAvailable","hasHoudini","props","React","createElement","MorseCodeHoudini","MorseCodeFallback"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;8BACI;mCACO;kCACD;AAIjC,MAAMC,mBAAmBC,IAAAA,wBAAAA;AAElB,MAAMF,YAAsCG,CAAAA;QACjDF,kBAAIA;eACF,WAAA,GAAAG,OAAOC,aAAA,CAAAC,kCAACA,EAAAA;;WAGV,WAAA,GAAAF,OAAOC,aAAA,CAAAE,oCAACA,EAAAA;AACV"}
@@ -1,47 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "MorseCodeFallback", {
6
- enumerable: true,
7
- get: function() {
8
- return MorseCodeFallback;
9
- }
10
- });
11
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
- const _reactcomponents = require("@fluentui/react-components");
14
- const _morsecode = require("@fluentui-copilot/morse-code");
15
- const _MorseCodestyles = require("./MorseCode.styles");
16
- const _houdiniutils = require("@fluentui-contrib/houdini-utils");
17
- const IS_WEBKIT = (0, _houdiniutils.hasWebkitCanvas)();
18
- // eslint-disable-next-line @typescript-eslint/no-empty-function
19
- const ON_COMPLETE_NOOP = ()=>{};
20
- const MorseCodeFallback = ()=>{
21
- const morseCodeStyles = (0, _MorseCodestyles.useMorseCodeStyles)();
22
- const targetRef = _react.useCallback((node)=>{
23
- let animControls;
24
- if (node) {
25
- animControls = (0, _morsecode.morseCode)(node);
26
- if (IS_WEBKIT && animControls.canvas) {
27
- animControls.canvas.setAttribute('style', '');
28
- node.appendChild(animControls.canvas);
29
- }
30
- animControls.play(ON_COMPLETE_NOOP);
31
- } else {
32
- if (animControls) {
33
- var _animControls_canvas;
34
- animControls.stop();
35
- animControls.cleanup();
36
- IS_WEBKIT && ((_animControls_canvas = animControls.canvas) === null || _animControls_canvas === void 0 ? void 0 : _animControls_canvas.remove());
37
- animControls = undefined;
38
- }
39
- }
40
- }, []);
41
- return /*#__PURE__*/ _react.createElement("div", {
42
- className: morseCodeStyles.wrapper
43
- }, /*#__PURE__*/ _react.createElement("div", {
44
- ref: targetRef,
45
- className: (0, _reactcomponents.mergeClasses)('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base)
46
- }));
47
- }; //# sourceMappingURL=MorseCodeFallback.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["MorseCodeFallback.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport { morseCode } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeStyles } from './MorseCode.styles';\nimport { hasWebkitCanvas } from '@fluentui-contrib/houdini-utils';\n\nimport type { MorseCodeProps } from './MorseCode.types';\n\nconst IS_WEBKIT = hasWebkitCanvas();\n\ntype FallbackAnimation = ReturnType<typeof morseCode>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst ON_COMPLETE_NOOP = () => {};\n\nexport const MorseCodeFallback: React.FC<MorseCodeProps> = () => {\n const morseCodeStyles = useMorseCodeStyles();\n\n const targetRef = React.useCallback((node: HTMLElement | null) => {\n let animControls: FallbackAnimation | undefined;\n\n if (node) {\n animControls = morseCode(node);\n if (IS_WEBKIT && animControls.canvas) {\n animControls.canvas.setAttribute('style', '');\n node.appendChild(animControls.canvas);\n }\n animControls.play(ON_COMPLETE_NOOP);\n } else {\n if (animControls) {\n animControls.stop();\n animControls.cleanup();\n IS_WEBKIT && animControls.canvas?.remove();\n animControls = undefined;\n }\n }\n }, []);\n\n return (\n <div className={morseCodeStyles.wrapper}>\n <div ref={targetRef} className={mergeClasses('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base)} />\n </div>\n );\n};\n"],"names":["MorseCodeFallback","IS_WEBKIT","hasWebkitCanvas","ON_COMPLETE_NOOP","morseCodeStyles","useMorseCodeStyles","targetRef","React","useCallback","animControls","node","morseCode","canvas","setAttribute","appendChild","_animControls_canvas","createElement","div","className","wrapper","ref","mergeClasses","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;iEAfU;iCACM;2BACH;iCACS;8BACH;AAIhC,MAAMC,YAAYC,IAAAA,6BAAAA;AAIlB,gEAAgE;AAChE,MAAMC,mBAAmB,KAAO;AAEzB,MAAMH,oBAA8C;UACzDI,kBAAMA,IAAAA,mCAAkBC;UAExBC,YAAMA,OAAYC,WAAMC,CAAAA,CAAAA;YACtBC;YAEAC,MAAIA;2BACFD,IAAAA,oBAAeE,EAAAA;6BACXV,aAAaQ,MAAaG,EAAAA;6BAC5BH,MAAAA,CAAAA,YAAoBI,CAAAA,SAAa;gCAC5BC,CAAAA,aAAYL,MAAAA;;yBAEnBA,IAAAA,CAAAA;eACF;8BACMA;;6BACFA,IAAAA;6BACAA,OAAAA;6BACAR,CAAAA,CAAAA,uBAAaQ,aAAAA,MAAAA,MAAaG,QAAMG,yBAAnBN,KAAAA,IAAAA,KAAAA,IAAAA,qBAAAA,MAAAA,EAAAA;+BACbA;;;OAGN,EAAG;WAEH,WAAA,GAAAF,OACES,aAAA,CAAA,OAACC;mBAAIC,gBAAWd,OAAgBe;4BAC9BH,aAAA,CAAA,OAACC;aAAIG;mBAAgBF,IAAAA,6BAAWG,EAAAA,iBAAa,yBAAiBjB,gBAAyBA,IAAgBkB;;AAG7G"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { addModule } from '@fluentui-contrib/houdini-utils';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport {\n initializeMorseCodeCustomProperties,\n morseCodeAnimationTokens,\n morseCodeTokens,\n DEFAULT_BASE_URL,\n DEFAULT_FILE_URL,\n} from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from './MorseCode.types';\n\nconst initializedModules = {} as Record<string, boolean>;\n\ninitializeMorseCodeCustomProperties();\n\nconst useMorseCodeAnimationClassName = makeResetStyles({\n backgroundImage: morseCodeTokens.backgroundImage,\n animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n animationName: [morseCodeAnimationTokens.colorAnimation, morseCodeAnimationTokens.dotsAndDashes],\n\n '@media (forced-colors: active)': {\n backgroundImage: morseCodeTokens.backgroundImage,\n animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n animationName: [morseCodeAnimationTokens.colorHCAnimation, morseCodeAnimationTokens.dotsAndDashes],\n },\n});\n\nexport const MorseCodeHoudini: React.FC<MorseCodeProps> = ({\n baseUrl = DEFAULT_BASE_URL,\n fileName = DEFAULT_FILE_URL,\n}) => {\n React.useEffect(() => {\n const path = `${baseUrl}${fileName}`;\n if (!initializedModules[path]) {\n addModule(baseUrl, fileName)\n .then(() => {\n initializedModules[path] = true;\n })\n .catch(err => {\n initializedModules[path] = false;\n });\n }\n }, [baseUrl, fileName]);\n\n const morseCodeStyles = useMorseCodeStyles();\n const animationClassName = useMorseCodeAnimationClassName();\n\n return (\n <div className={morseCodeStyles.wrapper}>\n <div\n className={mergeClasses('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName)}\n />\n </div>\n );\n};\n"],"names":["animationTimingFunction","initializedModules","initializeMorseCodeCustomProperties","useMorseCodeAnimationClassName","makeResetStyles","backgroundImage","animationIterationCount","morseCodeTokens","animationName","morseCodeAnimationTokens","useEffect","path","baseUrl","fileName","animationDuration","morseCodeStyles","useMorseCodeStyles","animationClassName","MorseCodeHoudini","DEFAULT_BASE_URL","React","wrapper","base","err"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAwBEA;;;eAAAA;;;;iEAxBqB;iCAEe;8BACZ;iCACS;2BAQ5B;AAIP,MAAMC,qBAAqB,CAAC;AAE5BC,IAAAA,8CAAAA;AAEA,MAAMC,iCAAiCC,IAAAA,8BAAAA,EAAAA,YAAgB,WAAA;OACrDC;QAAAA;QAAgD;QAAA;QAAA;KAAA;OAChDC;QAAAA;QAAyE;KAAA;;AAEzEN,MAAAA,mBAAyBO,CAAAA,YACzBC,2BAAe,aAACC,2BAAAA;WAAgFC,SAAA,CAAA;QAEhG,MAAAC,OAAA,CAAA,EAAAC,QAAA,EAAAC,SAAkC,CAAA;YAChCR,CAAAA,kBAAiBE,CAAAA,KAAAA,EAAAA;uCACjBD,EAAAA,SAAAA,UAAyBC,IAAAA,CAAAA;gBACzBO,kBAAAA,CAAmBP,KAAAA,GAAAA;eACnBP,KAAAA,CAAAA,CAAAA;gBACAQ,kBAAe,CAAAG,KAAA,GAAA;;;;;QAAmFE;KAAA;UACpGE,kBAAAC,IAAAA,mCAAA;IACF,MAAAC,qBAAAd;IAEA,OAAO,WAAMe,GAAAA,OAAAA,aACXN,CAAAA,OAAUO;QAGVC,WAAMV,gBAAUW,OAAA;kBACRV,GAAAA,OAAUC,aAAUC,CAAAA,OAAU;mBAC/BZ,IAAAA,6BAAAA,EAAAA,iBAA0B,wBAAAc,gBAAAO,IAAA,EAAAL;;+CAKpBM"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["types.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":""}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- //# sourceMappingURL=useFallbackMorseCode.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useFallbackMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":""}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- //# sourceMappingURL=useHoudiniMorseCode.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useHoudiniMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":""}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- //# sourceMappingURL=useMorseCode.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":""}