@fluentui-copilot/react-morse-code 0.0.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 (46) hide show
  1. package/CHANGELOG.json +20 -0
  2. package/CHANGELOG.md +13 -0
  3. package/LICENSE +23 -0
  4. package/README.md +5 -0
  5. package/dist/index.d.ts +14 -0
  6. package/lib/components/MorseCode.js +12 -0
  7. package/lib/components/MorseCode.js.map +1 -0
  8. package/lib/components/MorseCode.styles.js +21 -0
  9. package/lib/components/MorseCode.styles.js.map +1 -0
  10. package/lib/components/MorseCode.types.js +2 -0
  11. package/lib/components/MorseCode.types.js.map +1 -0
  12. package/lib/components/MorseCodeFallback.js +37 -0
  13. package/lib/components/MorseCodeFallback.js.map +1 -0
  14. package/lib/components/MorseCodeHoudini.js +34 -0
  15. package/lib/components/MorseCodeHoudini.js.map +1 -0
  16. package/lib/hooks/types.js +2 -0
  17. package/lib/hooks/types.js.map +1 -0
  18. package/lib/hooks/useFallbackMorseCode.js +2 -0
  19. package/lib/hooks/useFallbackMorseCode.js.map +1 -0
  20. package/lib/hooks/useHoudiniMorseCode.js +2 -0
  21. package/lib/hooks/useHoudiniMorseCode.js.map +1 -0
  22. package/lib/hooks/useMorseCode.js +2 -0
  23. package/lib/hooks/useMorseCode.js.map +1 -0
  24. package/lib/index.js +4 -0
  25. package/lib/index.js.map +1 -0
  26. package/lib-commonjs/components/MorseCode.js +22 -0
  27. package/lib-commonjs/components/MorseCode.js.map +1 -0
  28. package/lib-commonjs/components/MorseCode.styles.js +40 -0
  29. package/lib-commonjs/components/MorseCode.styles.js.map +1 -0
  30. package/lib-commonjs/components/MorseCode.types.js +5 -0
  31. package/lib-commonjs/components/MorseCode.types.js.map +1 -0
  32. package/lib-commonjs/components/MorseCodeFallback.js +47 -0
  33. package/lib-commonjs/components/MorseCodeFallback.js.map +1 -0
  34. package/lib-commonjs/components/MorseCodeHoudini.js +52 -0
  35. package/lib-commonjs/components/MorseCodeHoudini.js.map +1 -0
  36. package/lib-commonjs/hooks/types.js +5 -0
  37. package/lib-commonjs/hooks/types.js.map +1 -0
  38. package/lib-commonjs/hooks/useFallbackMorseCode.js +5 -0
  39. package/lib-commonjs/hooks/useFallbackMorseCode.js.map +1 -0
  40. package/lib-commonjs/hooks/useHoudiniMorseCode.js +5 -0
  41. package/lib-commonjs/hooks/useHoudiniMorseCode.js.map +1 -0
  42. package/lib-commonjs/hooks/useMorseCode.js +5 -0
  43. package/lib-commonjs/hooks/useMorseCode.js.map +1 -0
  44. package/lib-commonjs/index.js +25 -0
  45. package/lib-commonjs/index.js.map +1 -0
  46. package/package.json +42 -0
package/CHANGELOG.json ADDED
@@ -0,0 +1,20 @@
1
+ {
2
+ "name": "@fluentui-copilot/react-morse-code",
3
+ "entries": [
4
+ {
5
+ "date": "Mon, 24 Mar 2025 16:17:07 GMT",
6
+ "tag": "@fluentui-copilot/react-morse-code_v0.0.1",
7
+ "version": "0.0.1",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "owcampbe@microsoft.com",
12
+ "package": "@fluentui-copilot/react-morse-code",
13
+ "commit": "a610fea66a379eeff87757fcafc0f9c6554cc12f",
14
+ "comment": "feat: Initial release."
15
+ }
16
+ ]
17
+ }
18
+ }
19
+ ]
20
+ }
package/CHANGELOG.md ADDED
@@ -0,0 +1,13 @@
1
+ # Change Log - @fluentui-copilot/react-morse-code
2
+
3
+ This log was last generated on Mon, 24 Mar 2025 16:17:07 GMT and should not be manually modified.
4
+
5
+ <!-- Start content -->
6
+
7
+ ## [0.0.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.1)
8
+
9
+ Mon, 24 Mar 2025 16:17:07 GMT
10
+
11
+ ### Patches
12
+
13
+ - feat: Initial release. ([PR #2824](https://github.com/microsoft/fluentai/pull/2824) by owcampbe@microsoft.com)
package/LICENSE ADDED
@@ -0,0 +1,23 @@
1
+ @fluentui-copilot/react-morse-code
2
+
3
+ MIT License
4
+
5
+ Copyright (c) Microsoft Corporation.
6
+
7
+ Permission is hereby granted, free of charge, to any person obtaining a copy
8
+ of this software and associated documentation files (the "Software"), to deal
9
+ in the Software without restriction, including without limitation the rights
10
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
11
+ copies of the Software, and to permit persons to whom the Software is
12
+ furnished to do so, subject to the following conditions:
13
+
14
+ The above copyright notice and this permission notice shall be included in all
15
+ copies or substantial portions of the Software.
16
+
17
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
18
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
19
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
20
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
21
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
22
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
23
+ SOFTWARE
package/README.md ADDED
@@ -0,0 +1,5 @@
1
+ # @fluentui-copilot/react-morse-code
2
+
3
+ **For internal use only. External use is not supported at this time.**
4
+
5
+ **React Morse Code components for [Fluent AI React](https://ai.fluentui.dev/)**
@@ -0,0 +1,14 @@
1
+ import * as React_2 from 'react';
2
+
3
+ export declare const MorseCode: React_2.FC<MorseCodeProps>;
4
+
5
+ export declare const MorseCodeFallback: React_2.FC<MorseCodeProps>;
6
+
7
+ export declare const MorseCodeHoudini: React_2.FC<MorseCodeProps>;
8
+
9
+ export declare type MorseCodeProps = {
10
+ baseUrl?: string;
11
+ fileName?: string;
12
+ };
13
+
14
+ export { }
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ import { hasHoudini } from '@fluentui-contrib/houdini-utils';
3
+ import { MorseCodeFallback } from './MorseCodeFallback';
4
+ import { MorseCodeHoudini } from './MorseCodeHoudini';
5
+ const houdiniAvailable = hasHoudini();
6
+ export const MorseCode = props => {
7
+ if (houdiniAvailable) {
8
+ return /*#__PURE__*/React.createElement(MorseCodeHoudini, props);
9
+ }
10
+ return /*#__PURE__*/React.createElement(MorseCodeFallback, props);
11
+ };
12
+ //# sourceMappingURL=MorseCode.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,21 @@
1
+ import { __styles } from '@fluentui/react-components';
2
+ import { morseCodeTokens } from '@fluentui-copilot/morse-code';
3
+ export const useMorseCodeStyles = __styles({
4
+ base: {
5
+ Bhx7t8d: "f1fgls1j",
6
+ p0sd7z: "f7s2a0q",
7
+ sshi5w: "f1csse87",
8
+ Bvjb7m6: "fdgv6k0",
9
+ jekbwv: "f1x4gczw",
10
+ B20m2qn: "f1mvgrou",
11
+ It5emp: "f1p87gnb"
12
+ },
13
+ wrapper: {
14
+ a9b677: "fly5x3f",
15
+ Bqenvij: "f1l02sjl"
16
+ }
17
+ }, {
18
+ t: ["@supports (aspect-ratio: 20 / 1){.f1fgls1j{aspect-ratio:20/1;}}", "@supports not (aspect-ratio: 20 / 1){.f7s2a0q{padding-top:5%;}}"],
19
+ d: [".f1csse87{min-height:5px;}", ".fdgv6k0{forced-color-adjust:none;}", ".f1x4gczw{--fai-morse-code-color-stop-1:0%;}", ".f1mvgrou{--fai-morse-code-color-stop-2:50%;}", ".f1p87gnb{--fai-morse-code-color-stop-3:100%;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}"]
20
+ });
21
+ //# sourceMappingURL=MorseCode.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCode.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeStyles = makeStyles({\n base: {\n '@supports (aspect-ratio: 20 / 1)': {\n aspectRatio: morseCodeTokens.morseCodeAspectRatio,\n },\n '@supports not (aspect-ratio: 20 / 1)': {\n paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop,\n },\n minHeight: '5px',\n forcedColorAdjust: 'none',\n '--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,\n '--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,\n '--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3,\n },\n wrapper: {\n width: '100%',\n height: '100%',\n },\n});\n"],"names":["makeStyles","morseCodeTokens","useMorseCodeStyles","base","aspectRatio","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AACxD,SAASC,eAAe,QAAQ,+BAA+B;AAE/D,OAAO,MAAMC,qBAAqBF,WAAW;IAC3CG,MAAM;QACJ,qCAAqC;YACnCC,aAAaH,gBAAgBI,oBAAoB;QACnD;QACA,yCAAyC;YACvCC,YAAYL,gBAAgBM,sCAAsC;QACpE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCR,gBAAgBS,mBAAmB;QACpE,iCAAiCT,gBAAgBU,mBAAmB;QACpE,iCAAiCV,gBAAgBW,mBAAmB;IACtE;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF,GAAG"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=MorseCode.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCode.types.tsx"],"sourcesContent":["export type MorseCodeProps = {\n baseUrl?: string;\n fileName?: string;\n};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAGE"}
@@ -0,0 +1,37 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,34 @@
1
+ import * as React from 'react';
2
+ import { __resetStyles, mergeClasses } from '@fluentui/react-components';
3
+ import { addModule } from '@fluentui-contrib/houdini-utils';
4
+ import { useMorseCodeStyles } from './MorseCode.styles';
5
+ import { initializeMorseCodeCustomProperties, morseCodeAnimationTokens, morseCodeTokens, DEFAULT_BASE_URL, DEFAULT_FILE_URL } from '@fluentui-copilot/morse-code';
6
+ const initializedModules = {};
7
+ initializeMorseCodeCustomProperties();
8
+ const useMorseCodeAnimationClassName = __resetStyles("r1ms8zpq", "rqpk8qn", {
9
+ r: [".r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}", "@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);}}", "@keyframes r1i9k8jr{0%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}20%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}33%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}50%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}66%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}80%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}100%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:20px;--fai-morse-code-opacity-2:0;--fai-morse-code-x-position-2:0px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:26px;--fai-morse-code-width-4:104px;--fai-morse-code-x-position-4:62px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:182px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:218px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:294px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:350px;--fai-morse-code-opacity-8:1;}}", ".rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}"],
10
+ s: ["@media (forced-colors: active){.r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r1i9k8jr;}@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 r1i9k8jr{0%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}20%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}33%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}50%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}66%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}80%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}100%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:20px;--fai-morse-code-opacity-2:0;--fai-morse-code-x-position-2:0px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:26px;--fai-morse-code-width-4:104px;--fai-morse-code-x-position-4:62px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:182px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:218px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:294px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:350px;--fai-morse-code-opacity-8:1;}}}", "@media (forced-colors: active){.rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r1i9k8jr;}}"]
11
+ });
12
+ export const MorseCodeHoudini = ({
13
+ baseUrl = DEFAULT_BASE_URL,
14
+ fileName = DEFAULT_FILE_URL
15
+ }) => {
16
+ React.useEffect(() => {
17
+ const path = `${baseUrl}${fileName}`;
18
+ if (!initializedModules[path]) {
19
+ addModule(baseUrl, fileName).then(() => {
20
+ initializedModules[path] = true;
21
+ }).catch(err => {
22
+ initializedModules[path] = false;
23
+ });
24
+ }
25
+ }, [baseUrl, fileName]);
26
+ const morseCodeStyles = useMorseCodeStyles();
27
+ const animationClassName = useMorseCodeAnimationClassName();
28
+ return /*#__PURE__*/React.createElement("div", {
29
+ className: morseCodeStyles.wrapper
30
+ }, /*#__PURE__*/React.createElement("div", {
31
+ className: mergeClasses('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName)
32
+ }));
33
+ };
34
+ //# sourceMappingURL=MorseCodeHoudini.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["types.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAAU"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=useFallbackMorseCode.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useFallbackMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAAU"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=useHoudiniMorseCode.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useHoudiniMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAAU"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=useMorseCode.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAAU"}
package/lib/index.js ADDED
@@ -0,0 +1,4 @@
1
+ export { MorseCode } from './components/MorseCode';
2
+ export { MorseCodeFallback } from './components/MorseCodeFallback';
3
+ export { MorseCodeHoudini } from './components/MorseCodeHoudini';
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +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":"AAAA,SAASA,SAAS,QAAQ,yBAAyB;AACnD,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,gBAAgB,QAAQ,gCAAgC"}
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "MorseCode", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return MorseCode;
9
+ }
10
+ });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _houdiniutils = require("@fluentui-contrib/houdini-utils");
14
+ const _MorseCodeFallback = require("./MorseCodeFallback");
15
+ const _MorseCodeHoudini = require("./MorseCodeHoudini");
16
+ const houdiniAvailable = (0, _houdiniutils.hasHoudini)();
17
+ const MorseCode = (props)=>{
18
+ if (houdiniAvailable) {
19
+ return /*#__PURE__*/ _react.createElement(_MorseCodeHoudini.MorseCodeHoudini, props);
20
+ }
21
+ return /*#__PURE__*/ _react.createElement(_MorseCodeFallback.MorseCodeFallback, props);
22
+ }; //# sourceMappingURL=MorseCode.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useMorseCodeStyles", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return useMorseCodeStyles;
9
+ }
10
+ });
11
+ const _reactcomponents = require("@fluentui/react-components");
12
+ const useMorseCodeStyles = (0, _reactcomponents.__styles)({
13
+ base: {
14
+ Bhx7t8d: "f1fgls1j",
15
+ p0sd7z: "f7s2a0q",
16
+ sshi5w: "f1csse87",
17
+ Bvjb7m6: "fdgv6k0",
18
+ jekbwv: "f1x4gczw",
19
+ B20m2qn: "f1mvgrou",
20
+ It5emp: "f1p87gnb"
21
+ },
22
+ wrapper: {
23
+ a9b677: "fly5x3f",
24
+ Bqenvij: "f1l02sjl"
25
+ }
26
+ }, {
27
+ t: [
28
+ "@supports (aspect-ratio: 20 / 1){.f1fgls1j{aspect-ratio:20/1;}}",
29
+ "@supports not (aspect-ratio: 20 / 1){.f7s2a0q{padding-top:5%;}}"
30
+ ],
31
+ d: [
32
+ ".f1csse87{min-height:5px;}",
33
+ ".fdgv6k0{forced-color-adjust:none;}",
34
+ ".f1x4gczw{--fai-morse-code-color-stop-1:0%;}",
35
+ ".f1mvgrou{--fai-morse-code-color-stop-2:50%;}",
36
+ ".f1p87gnb{--fai-morse-code-color-stop-3:100%;}",
37
+ ".fly5x3f{width:100%;}",
38
+ ".f1l02sjl{height:100%;}"
39
+ ]
40
+ }); //# sourceMappingURL=MorseCode.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCode.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeStyles = makeStyles({\n base: {\n '@supports (aspect-ratio: 20 / 1)': {\n aspectRatio: morseCodeTokens.morseCodeAspectRatio,\n },\n '@supports not (aspect-ratio: 20 / 1)': {\n paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop,\n },\n minHeight: '5px',\n forcedColorAdjust: 'none',\n '--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,\n '--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,\n '--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3,\n },\n wrapper: {\n width: '100%',\n height: '100%',\n },\n});\n"],"names":["useMorseCodeStyles","makeStyles","base","aspectRatio","paddingTop","minHeight"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;iCAHM;AAGZ,MAAMA,qBAAqBC,IAAAA,yBAAAA,EAAAA;UAChCC;iBACE;gBACEC;gBACF;iBACA;gBACEC;iBACF;gBACAC;;aAEA;gBACA;iBACA;;;;;QAGO;KAAA;;;QACC;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAEZ,4CAAG"}
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ //# sourceMappingURL=MorseCode.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCode.types.tsx"],"sourcesContent":["export type MorseCodeProps = {\n baseUrl?: string;\n fileName?: string;\n};\n"],"names":[],"rangeMappings":"","mappings":""}
@@ -0,0 +1,47 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "MorseCodeHoudini", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return MorseCodeHoudini;
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 _houdiniutils = require("@fluentui-contrib/houdini-utils");
15
+ const _MorseCodestyles = require("./MorseCode.styles");
16
+ const _morsecode = require("@fluentui-copilot/morse-code");
17
+ const initializedModules = {};
18
+ (0, _morsecode.initializeMorseCodeCustomProperties)();
19
+ const useMorseCodeAnimationClassName = (0, _reactcomponents.__resetStyles)("r1ms8zpq", "rqpk8qn", {
20
+ r: [
21
+ ".r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}",
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 r1i9k8jr{0%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}20%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}33%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}50%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}66%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}80%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}100%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:20px;--fai-morse-code-opacity-2:0;--fai-morse-code-x-position-2:0px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:26px;--fai-morse-code-width-4:104px;--fai-morse-code-x-position-4:62px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:182px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:218px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:294px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:350px;--fai-morse-code-opacity-8:1;}}",
24
+ ".rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}"
25
+ ],
26
+ s: [
27
+ "@media (forced-colors: active){.r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r1i9k8jr;}@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 r1i9k8jr{0%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}20%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}33%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}50%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}66%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}80%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}100%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:20px;--fai-morse-code-opacity-2:0;--fai-morse-code-x-position-2:0px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:26px;--fai-morse-code-width-4:104px;--fai-morse-code-x-position-4:62px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:182px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:218px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:294px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:350px;--fai-morse-code-opacity-8:1;}}}",
28
+ "@media (forced-colors: active){.rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r1i9k8jr;}}"
29
+ ]
30
+ });
31
+ const MorseCodeHoudini = ({ baseUrl = _morsecode.DEFAULT_BASE_URL, fileName = _morsecode.DEFAULT_FILE_URL })=>{
32
+ _react.useEffect(()=>{
33
+ const path = `${baseUrl}${fileName}`;
34
+ if (!initializedModules[path]) {
35
+ (0, _houdiniutils.addModule)(baseUrl, fileName).then(()=>{
36
+ initializedModules[path] = true;
37
+ }).catch((err)=>{
38
+ initializedModules[path] = false;
39
+ });
40
+ }
41
+ }, [
42
+ baseUrl,
43
+ fileName
44
+ ]);
45
+ const morseCodeStyles = (0, _MorseCodestyles.useMorseCodeStyles)();
46
+ const animationClassName = useMorseCodeAnimationClassName();
47
+ return /*#__PURE__*/ _react.createElement("div", {
48
+ className: morseCodeStyles.wrapper
49
+ }, /*#__PURE__*/ _react.createElement("div", {
50
+ className: (0, _reactcomponents.mergeClasses)('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName)
51
+ }));
52
+ }; //# sourceMappingURL=MorseCodeHoudini.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["types.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":""}
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ //# sourceMappingURL=useFallbackMorseCode.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useFallbackMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":""}
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ //# sourceMappingURL=useHoudiniMorseCode.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useHoudiniMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":""}
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ //# sourceMappingURL=useMorseCode.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":""}
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ MorseCode: function() {
13
+ return _MorseCode.MorseCode;
14
+ },
15
+ MorseCodeFallback: function() {
16
+ return _MorseCodeFallback.MorseCodeFallback;
17
+ },
18
+ MorseCodeHoudini: function() {
19
+ return _MorseCodeHoudini.MorseCodeHoudini;
20
+ }
21
+ });
22
+ const _MorseCode = require("./components/MorseCode");
23
+ const _MorseCodeFallback = require("./components/MorseCodeFallback");
24
+ const _MorseCodeHoudini = require("./components/MorseCodeHoudini");
25
+ //# sourceMappingURL=index.js.map
@@ -0,0 +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"}
package/package.json ADDED
@@ -0,0 +1,42 @@
1
+ {
2
+ "name": "@fluentui-copilot/react-morse-code",
3
+ "version": "0.0.1",
4
+ "description": "A Fluent AI package",
5
+ "main": "lib-commonjs/index.js",
6
+ "module": "lib/index.js",
7
+ "typings": "./dist/index.d.ts",
8
+ "sideEffects": false,
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "https://github.com/microsoft/fluentai"
12
+ },
13
+ "license": "MIT",
14
+ "dependencies": {
15
+ "@fluentui-contrib/houdini-utils": "^0.3.1",
16
+ "@fluentui-copilot/morse-code": "^0.0.1",
17
+ "@swc/helpers": "^0.5.1"
18
+ },
19
+ "peerDependencies": {
20
+ "@fluentui/react-components": ">=9.55.1 <10.0.0",
21
+ "@fluentui/react-jsx-runtime": ">=9.0.45 <10.0.0",
22
+ "@types/react": ">=16.14.0 <19.0.0",
23
+ "@types/react-dom": ">=16.9.8 <19.0.0",
24
+ "react": ">=16.14.0 <19.0.0",
25
+ "react-dom": ">=16.14.0 <19.0.0"
26
+ },
27
+ "beachball": {
28
+ "disallowedChangeTypes": [
29
+ "major",
30
+ "minor"
31
+ ]
32
+ },
33
+ "exports": {
34
+ ".": {
35
+ "types": "./dist/index.d.ts",
36
+ "node": "./lib-commonjs/index.js",
37
+ "import": "./lib/index.js",
38
+ "require": "./lib-commonjs/index.js"
39
+ },
40
+ "./package.json": "./package.json"
41
+ }
42
+ }