@corti/dictation-web 0.0.0-test.571 → 0.0.0-test.571.2

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 (153) hide show
  1. package/dist/bundle.js +37 -12
  2. package/dist/components/recording-button.d.ts +2 -1
  3. package/dist/components/recording-button.js +24 -13
  4. package/dist/components/recording-button.js.map +1 -1
  5. package/dist/controllers/keybinding-controller.d.ts +1 -0
  6. package/dist/controllers/keybinding-controller.js +7 -1
  7. package/dist/controllers/keybinding-controller.js.map +1 -1
  8. package/dist/index.d.ts +1 -1
  9. package/dist/index.js.map +1 -1
  10. package/dist/package.json +87 -7
  11. package/dist/styles/mode-selector.js +3 -1
  12. package/dist/styles/mode-selector.js.map +1 -1
  13. package/dist/tsconfig.tsbuildinfo +1 -0
  14. package/dist/utils/events.d.ts +4 -0
  15. package/dist/utils/events.js +8 -0
  16. package/dist/utils/events.js.map +1 -1
  17. package/dist/utils/keybinding.d.ts +0 -13
  18. package/dist/utils/keybinding.js +0 -15
  19. package/dist/utils/keybinding.js.map +1 -1
  20. package/package.json +1 -1
  21. package/dist/CortiDictation.d.ts +0 -55
  22. package/dist/CortiDictation.js +0 -303
  23. package/dist/CortiDictation.js.map +0 -1
  24. package/dist/DictationService.d.ts +0 -16
  25. package/dist/DictationService.js +0 -88
  26. package/dist/DictationService.js.map +0 -1
  27. package/dist/RecorderManager.d.ts +0 -25
  28. package/dist/RecorderManager.js +0 -145
  29. package/dist/RecorderManager.js.map +0 -1
  30. package/dist/audioService.d.ts +0 -6
  31. package/dist/audioService.js +0 -21
  32. package/dist/audioService.js.map +0 -1
  33. package/dist/controllers/DictationController.d.ts +0 -35
  34. package/dist/controllers/DictationController.js +0 -130
  35. package/dist/controllers/DictationController.js.map +0 -1
  36. package/dist/controllers/MediaController.d.ts +0 -31
  37. package/dist/controllers/MediaController.js +0 -99
  38. package/dist/controllers/MediaController.js.map +0 -1
  39. package/dist/src/components/audio-visualiser.d.ts +0 -14
  40. package/dist/src/components/audio-visualiser.js +0 -57
  41. package/dist/src/components/audio-visualiser.js.map +0 -1
  42. package/dist/src/components/corti-dictation.d.ts +0 -123
  43. package/dist/src/components/corti-dictation.js +0 -224
  44. package/dist/src/components/corti-dictation.js.map +0 -1
  45. package/dist/src/components/device-selector.d.ts +0 -24
  46. package/dist/src/components/device-selector.js +0 -106
  47. package/dist/src/components/device-selector.js.map +0 -1
  48. package/dist/src/components/language-selector.d.ts +0 -24
  49. package/dist/src/components/language-selector.js +0 -100
  50. package/dist/src/components/language-selector.js.map +0 -1
  51. package/dist/src/components/recording-button.d.ts +0 -37
  52. package/dist/src/components/recording-button.js +0 -203
  53. package/dist/src/components/recording-button.js.map +0 -1
  54. package/dist/src/components/settings-menu.d.ts +0 -16
  55. package/dist/src/components/settings-menu.js +0 -80
  56. package/dist/src/components/settings-menu.js.map +0 -1
  57. package/dist/src/constants.d.ts +0 -4
  58. package/dist/src/constants.js +0 -37
  59. package/dist/src/constants.js.map +0 -1
  60. package/dist/src/contexts/dictation-context.d.ts +0 -97
  61. package/dist/src/contexts/dictation-context.js +0 -208
  62. package/dist/src/contexts/dictation-context.js.map +0 -1
  63. package/dist/src/controllers/DictationController.d.ts +0 -35
  64. package/dist/src/controllers/DictationController.js +0 -130
  65. package/dist/src/controllers/DictationController.js.map +0 -1
  66. package/dist/src/controllers/MediaController.d.ts +0 -31
  67. package/dist/src/controllers/MediaController.js +0 -99
  68. package/dist/src/controllers/MediaController.js.map +0 -1
  69. package/dist/src/icons/icons.d.ts +0 -17
  70. package/dist/src/icons/icons.js +0 -158
  71. package/dist/src/icons/icons.js.map +0 -1
  72. package/dist/src/styles/ComponentStyles.d.ts +0 -2
  73. package/dist/src/styles/ComponentStyles.js +0 -18
  74. package/dist/src/styles/ComponentStyles.js.map +0 -1
  75. package/dist/src/styles/audio-visualiser.d.ts +0 -2
  76. package/dist/src/styles/audio-visualiser.js +0 -33
  77. package/dist/src/styles/audio-visualiser.js.map +0 -1
  78. package/dist/src/styles/buttons.d.ts +0 -2
  79. package/dist/src/styles/buttons.js +0 -52
  80. package/dist/src/styles/buttons.js.map +0 -1
  81. package/dist/src/styles/callout.d.ts +0 -2
  82. package/dist/src/styles/callout.js +0 -23
  83. package/dist/src/styles/callout.js.map +0 -1
  84. package/dist/src/styles/default-theme.d.ts +0 -2
  85. package/dist/src/styles/default-theme.js +0 -50
  86. package/dist/src/styles/default-theme.js.map +0 -1
  87. package/dist/src/styles/recording-button.d.ts +0 -2
  88. package/dist/src/styles/recording-button.js +0 -8
  89. package/dist/src/styles/recording-button.js.map +0 -1
  90. package/dist/src/styles/select.d.ts +0 -2
  91. package/dist/src/styles/select.js +0 -36
  92. package/dist/src/styles/select.js.map +0 -1
  93. package/dist/src/styles/settings-menu.d.ts +0 -2
  94. package/dist/src/styles/settings-menu.js +0 -34
  95. package/dist/src/styles/settings-menu.js.map +0 -1
  96. package/dist/src/types.d.ts +0 -7
  97. package/dist/src/types.js +0 -2
  98. package/dist/src/types.js.map +0 -1
  99. package/dist/src/utils/auth.d.ts +0 -9
  100. package/dist/src/utils/auth.js +0 -21
  101. package/dist/src/utils/auth.js.map +0 -1
  102. package/dist/src/utils/converters.d.ts +0 -4
  103. package/dist/src/utils/converters.js +0 -8
  104. package/dist/src/utils/converters.js.map +0 -1
  105. package/dist/src/utils/devices.d.ts +0 -26
  106. package/dist/src/utils/devices.js +0 -53
  107. package/dist/src/utils/devices.js.map +0 -1
  108. package/dist/src/utils/events.d.ts +0 -44
  109. package/dist/src/utils/events.js +0 -88
  110. package/dist/src/utils/events.js.map +0 -1
  111. package/dist/src/utils/languages.d.ts +0 -7
  112. package/dist/src/utils/languages.js +0 -29
  113. package/dist/src/utils/languages.js.map +0 -1
  114. package/dist/src/utils/media.d.ts +0 -6
  115. package/dist/src/utils/media.js +0 -39
  116. package/dist/src/utils/media.js.map +0 -1
  117. package/dist/src/utils/token.d.ts +0 -13
  118. package/dist/src/utils/token.js +0 -60
  119. package/dist/src/utils/token.js.map +0 -1
  120. package/dist/src/utils/validation.d.ts +0 -1
  121. package/dist/src/utils/validation.js +0 -7
  122. package/dist/src/utils/validation.js.map +0 -1
  123. package/dist/stories/audio-visualiser.stories.d.ts +0 -39
  124. package/dist/stories/audio-visualiser.stories.js +0 -71
  125. package/dist/stories/audio-visualiser.stories.js.map +0 -1
  126. package/dist/stories/corti-dictation.stories.d.ts +0 -27
  127. package/dist/stories/corti-dictation.stories.js +0 -129
  128. package/dist/stories/corti-dictation.stories.js.map +0 -1
  129. package/dist/stories/device-selector.stories.d.ts +0 -18
  130. package/dist/stories/device-selector.stories.js +0 -84
  131. package/dist/stories/device-selector.stories.js.map +0 -1
  132. package/dist/stories/language-selector.stories.d.ts +0 -18
  133. package/dist/stories/language-selector.stories.js +0 -53
  134. package/dist/stories/language-selector.stories.js.map +0 -1
  135. package/dist/stories/recording-button.stories.d.ts +0 -27
  136. package/dist/stories/recording-button.stories.js +0 -90
  137. package/dist/stories/recording-button.stories.js.map +0 -1
  138. package/dist/stories/settings-menu.stories.d.ts +0 -23
  139. package/dist/stories/settings-menu.stories.js +0 -156
  140. package/dist/stories/settings-menu.stories.js.map +0 -1
  141. package/dist/styles/ComponentStyles.d.ts +0 -2
  142. package/dist/styles/ComponentStyles.js +0 -18
  143. package/dist/styles/ComponentStyles.js.map +0 -1
  144. package/dist/styles/default-theme.d.ts +0 -2
  145. package/dist/styles/default-theme.js +0 -14
  146. package/dist/styles/default-theme.js.map +0 -1
  147. package/dist/styles/theme.d.ts +0 -2
  148. package/dist/styles/theme.js +0 -56
  149. package/dist/styles/theme.js.map +0 -1
  150. package/dist/tsconfig.stories.tsbuildinfo +0 -1
  151. package/dist/utils.d.ts +0 -59
  152. package/dist/utils.js +0 -179
  153. package/dist/utils.js.map +0 -1
@@ -1,129 +0,0 @@
1
- import { action } from "@storybook/addon-actions";
2
- import { html } from "lit";
3
- import "../src/components/corti-dictation.js";
4
- export default {
5
- argTypes: {
6
- accessToken: {
7
- control: "text",
8
- description: "Access token for authentication (required to render)",
9
- },
10
- },
11
- component: "corti-dictation",
12
- title: "CortiDictation",
13
- };
14
- export const DefaultValues = ({ accessToken }) => {
15
- return html `
16
- <corti-dictation
17
- .accessToken=${accessToken}
18
- @languages-changed=${action("languages-changed")}
19
- @recording-devices-changed=${action("recording-devices-changed")}
20
- @stream-closed=${action("stream-closed")}
21
- @usage=${action("usage")}
22
- @transcript=${action("transcript")}
23
- @command=${action("command")}
24
- @ready=${action("ready")}
25
- @audio-level-changed=${action("audio-level-changed")}
26
- @recording-state-changed=${action("recording-state-changed")}
27
- @network-activity=${action("network-activity")}
28
- @error=${action("error")}
29
- ></corti-dictation>
30
- `;
31
- };
32
- export const OnlyLanguageSettings = ({ accessToken, }) => {
33
- return html `
34
- <corti-dictation
35
- .accessToken=${accessToken}
36
- settingsEnabled="language"
37
- @languages-changed=${action("languages-changed")}
38
- @recording-devices-changed=${action("recording-devices-changed")}
39
- @stream-closed=${action("stream-closed")}
40
- @usage=${action("usage")}
41
- @transcript=${action("transcript")}
42
- @command=${action("command")}
43
- @ready=${action("ready")}
44
- @audio-level-changed=${action("audio-level-changed")}
45
- @recording-state-changed=${action("recording-state-changed")}
46
- @network-activity=${action("network-activity")}
47
- @error=${action("error")}
48
- ></corti-dictation>
49
- `;
50
- };
51
- export const OnlyDeviceSettings = ({ accessToken, }) => {
52
- return html `
53
- <corti-dictation
54
- .accessToken=${accessToken}
55
- .settingsEnabled=${["device"]}
56
- @languages-changed=${action("languages-changed")}
57
- @recording-devices-changed=${action("recording-devices-changed")}
58
- @stream-closed=${action("stream-closed")}
59
- @usage=${action("usage")}
60
- @transcript=${action("transcript")}
61
- @command=${action("command")}
62
- @ready=${action("ready")}
63
- @audio-level-changed=${action("audio-level-changed")}
64
- @recording-state-changed=${action("recording-state-changed")}
65
- @network-activity=${action("network-activity")}
66
- @error=${action("error")}
67
- ></corti-dictation>
68
- `;
69
- };
70
- export const NoSettings = ({ accessToken }) => {
71
- return html `
72
- <corti-dictation
73
- .accessToken=${accessToken}
74
- .settingsEnabled=${[]}
75
- @languages-changed=${action("languages-changed")}
76
- @recording-devices-changed=${action("recording-devices-changed")}
77
- @stream-closed=${action("stream-closed")}
78
- @usage=${action("usage")}
79
- @transcript=${action("transcript")}
80
- @command=${action("command")}
81
- @ready=${action("ready")}
82
- @audio-level-changed=${action("audio-level-changed")}
83
- @recording-state-changed=${action("recording-state-changed")}
84
- @network-activity=${action("network-activity")}
85
- @error=${action("error")}
86
- ></corti-dictation>
87
- `;
88
- };
89
- export const WithCustomLanguages = ({ accessToken, }) => {
90
- return html `
91
- <corti-dictation
92
- .accessToken=${accessToken}
93
- .languagesSupported=${["en", "es", "fr", "de"]}
94
- settingsEnabled="language"
95
- @languages-changed=${action("languages-changed")}
96
- @recording-devices-changed=${action("recording-devices-changed")}
97
- @stream-closed=${action("stream-closed")}
98
- @usage=${action("usage")}
99
- @transcript=${action("transcript")}
100
- @command=${action("command")}
101
- @ready=${action("ready")}
102
- @audio-level-changed=${action("audio-level-changed")}
103
- @recording-state-changed=${action("recording-state-changed")}
104
- @network-activity=${action("network-activity")}
105
- @error=${action("error")}
106
- ></corti-dictation>
107
- `;
108
- };
109
- export const WithLanguagesAttribute = ({ accessToken, }) => {
110
- return html `
111
- <corti-dictation
112
- .accessToken=${accessToken}
113
- languagesSupported="en,da,es,fr"
114
- settingsEnabled="language"
115
- @languages-changed=${action("languages-changed")}
116
- @recording-devices-changed=${action("recording-devices-changed")}
117
- @stream-closed=${action("stream-closed")}
118
- @usage=${action("usage")}
119
- @transcript=${action("transcript")}
120
- @command=${action("command")}
121
- @ready=${action("ready")}
122
- @audio-level-changed=${action("audio-level-changed")}
123
- @recording-state-changed=${action("recording-state-changed")}
124
- @network-activity=${action("network-activity")}
125
- @error=${action("error")}
126
- ></corti-dictation>
127
- `;
128
- };
129
- //# sourceMappingURL=corti-dictation.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"corti-dictation.stories.js","sourceRoot":"","sources":["../../stories/corti-dictation.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { action } from \"@storybook/addon-actions\";\nimport { html, type TemplateResult } from \"lit\";\n\nimport \"../src/components/corti-dictation.js\";\n\nexport default {\n argTypes: {\n accessToken: {\n control: \"text\",\n description: \"Access token for authentication (required to render)\",\n },\n },\n component: \"corti-dictation\",\n title: \"CortiDictation\",\n};\n\ninterface Story<T> {\n (args: T): TemplateResult;\n args?: Partial<T>;\n argTypes?: Record<string, unknown>;\n}\n\ninterface StoryArgs {\n accessToken?: string;\n}\n\nexport const DefaultValues: Story<StoryArgs> = ({ accessToken }: StoryArgs) => {\n return html`\n <corti-dictation\n .accessToken=${accessToken}\n @languages-changed=${action(\"languages-changed\")}\n @recording-devices-changed=${action(\"recording-devices-changed\")}\n @stream-closed=${action(\"stream-closed\")}\n @usage=${action(\"usage\")}\n @transcript=${action(\"transcript\")}\n @command=${action(\"command\")}\n @ready=${action(\"ready\")}\n @audio-level-changed=${action(\"audio-level-changed\")}\n @recording-state-changed=${action(\"recording-state-changed\")}\n @network-activity=${action(\"network-activity\")}\n @error=${action(\"error\")}\n ></corti-dictation>\n `;\n};\n\nexport const OnlyLanguageSettings: Story<StoryArgs> = ({\n accessToken,\n}: StoryArgs) => {\n return html`\n <corti-dictation\n .accessToken=${accessToken}\n settingsEnabled=\"language\"\n @languages-changed=${action(\"languages-changed\")}\n @recording-devices-changed=${action(\"recording-devices-changed\")}\n @stream-closed=${action(\"stream-closed\")}\n @usage=${action(\"usage\")}\n @transcript=${action(\"transcript\")}\n @command=${action(\"command\")}\n @ready=${action(\"ready\")}\n @audio-level-changed=${action(\"audio-level-changed\")}\n @recording-state-changed=${action(\"recording-state-changed\")}\n @network-activity=${action(\"network-activity\")}\n @error=${action(\"error\")}\n ></corti-dictation>\n `;\n};\n\nexport const OnlyDeviceSettings: Story<StoryArgs> = ({\n accessToken,\n}: StoryArgs) => {\n return html`\n <corti-dictation\n .accessToken=${accessToken}\n .settingsEnabled=${[\"device\"]}\n @languages-changed=${action(\"languages-changed\")}\n @recording-devices-changed=${action(\"recording-devices-changed\")}\n @stream-closed=${action(\"stream-closed\")}\n @usage=${action(\"usage\")}\n @transcript=${action(\"transcript\")}\n @command=${action(\"command\")}\n @ready=${action(\"ready\")}\n @audio-level-changed=${action(\"audio-level-changed\")}\n @recording-state-changed=${action(\"recording-state-changed\")}\n @network-activity=${action(\"network-activity\")}\n @error=${action(\"error\")}\n ></corti-dictation>\n `;\n};\n\nexport const NoSettings: Story<StoryArgs> = ({ accessToken }: StoryArgs) => {\n return html`\n <corti-dictation\n .accessToken=${accessToken}\n .settingsEnabled=${[]}\n @languages-changed=${action(\"languages-changed\")}\n @recording-devices-changed=${action(\"recording-devices-changed\")}\n @stream-closed=${action(\"stream-closed\")}\n @usage=${action(\"usage\")}\n @transcript=${action(\"transcript\")}\n @command=${action(\"command\")}\n @ready=${action(\"ready\")}\n @audio-level-changed=${action(\"audio-level-changed\")}\n @recording-state-changed=${action(\"recording-state-changed\")}\n @network-activity=${action(\"network-activity\")}\n @error=${action(\"error\")}\n ></corti-dictation>\n `;\n};\n\nexport const WithCustomLanguages: Story<StoryArgs> = ({\n accessToken,\n}: StoryArgs) => {\n return html`\n <corti-dictation\n .accessToken=${accessToken}\n .languagesSupported=${[\"en\", \"es\", \"fr\", \"de\"]}\n settingsEnabled=\"language\"\n @languages-changed=${action(\"languages-changed\")}\n @recording-devices-changed=${action(\"recording-devices-changed\")}\n @stream-closed=${action(\"stream-closed\")}\n @usage=${action(\"usage\")}\n @transcript=${action(\"transcript\")}\n @command=${action(\"command\")}\n @ready=${action(\"ready\")}\n @audio-level-changed=${action(\"audio-level-changed\")}\n @recording-state-changed=${action(\"recording-state-changed\")}\n @network-activity=${action(\"network-activity\")}\n @error=${action(\"error\")}\n ></corti-dictation>\n `;\n};\n\nexport const WithLanguagesAttribute: Story<StoryArgs> = ({\n accessToken,\n}: StoryArgs) => {\n return html`\n <corti-dictation\n .accessToken=${accessToken}\n languagesSupported=\"en,da,es,fr\"\n settingsEnabled=\"language\"\n @languages-changed=${action(\"languages-changed\")}\n @recording-devices-changed=${action(\"recording-devices-changed\")}\n @stream-closed=${action(\"stream-closed\")}\n @usage=${action(\"usage\")}\n @transcript=${action(\"transcript\")}\n @command=${action(\"command\")}\n @ready=${action(\"ready\")}\n @audio-level-changed=${action(\"audio-level-changed\")}\n @recording-state-changed=${action(\"recording-state-changed\")}\n @network-activity=${action(\"network-activity\")}\n @error=${action(\"error\")}\n ></corti-dictation>\n `;\n};\n"]}
@@ -1,18 +0,0 @@
1
- import { type TemplateResult } from "lit";
2
- import "../src/components/device-selector.js";
3
- import "../src/contexts/dictation-context.js";
4
- declare const _default: {
5
- component: string;
6
- title: string;
7
- };
8
- export default _default;
9
- interface Story<T> {
10
- (args: T): TemplateResult;
11
- args?: Partial<T>;
12
- argTypes?: Record<string, unknown>;
13
- }
14
- type StoryArgs = Record<string, never>;
15
- export declare const DefaultValues: Story<StoryArgs>;
16
- export declare const WithSelectedDevice: Story<StoryArgs>;
17
- export declare const WithCustomDevices: Story<StoryArgs>;
18
- export declare const Disabled: Story<StoryArgs>;
@@ -1,84 +0,0 @@
1
- import { action } from "@storybook/addon-actions";
2
- import { html } from "lit";
3
- import "../src/components/device-selector.js";
4
- import "../src/contexts/dictation-context.js";
5
- export default {
6
- component: "device-selector",
7
- title: "DeviceSelector",
8
- };
9
- export const DefaultValues = () => {
10
- return html `
11
- <dictation-context-provider ?noWrapper=${true}>
12
- <device-selector
13
- @recording-devices-changed=${action("recording-devices-changed")}
14
- @ready=${action("ready")}
15
- @error=${action("error")}
16
- ></device-selector>
17
- </dictation-context-provider>
18
- `;
19
- };
20
- export const WithSelectedDevice = () => {
21
- const mockDevice = {
22
- deviceId: "mock-device-1",
23
- groupId: "group1",
24
- kind: "audioinput",
25
- label: "Mock Microphone",
26
- toJSON: () => ({}),
27
- };
28
- return html `
29
- <dictation-context-provider .selectedDevice=${mockDevice} ?noWrapper=${true}>
30
- <device-selector
31
- @recording-devices-changed=${action("recording-devices-changed")}
32
- @ready=${action("ready")}
33
- @error=${action("error")}
34
- ></device-selector>
35
- </dictation-context-provider>
36
- `;
37
- };
38
- export const WithCustomDevices = () => {
39
- const customDevices = [
40
- {
41
- deviceId: "device1",
42
- groupId: "group1",
43
- kind: "audioinput",
44
- label: "Custom Microphone 1",
45
- toJSON: () => ({}),
46
- },
47
- {
48
- deviceId: "device2",
49
- groupId: "group1",
50
- kind: "audioinput",
51
- label: "Custom Microphone 2",
52
- toJSON: () => ({}),
53
- },
54
- {
55
- deviceId: "device3",
56
- groupId: "group1",
57
- kind: "audioinput",
58
- label: "Custom Microphone 3",
59
- toJSON: () => ({}),
60
- },
61
- ];
62
- return html `
63
- <dictation-context-provider .devices=${customDevices} ?noWrapper=${true}>
64
- <device-selector
65
- @recording-devices-changed=${action("recording-devices-changed")}
66
- @ready=${action("ready")}
67
- @error=${action("error")}
68
- ></device-selector>
69
- </dictation-context-provider>
70
- `;
71
- };
72
- export const Disabled = () => {
73
- return html `
74
- <dictation-context-provider ?noWrapper=${true}>
75
- <device-selector
76
- disabled
77
- @recording-devices-changed=${action("recording-devices-changed")}
78
- @ready=${action("ready")}
79
- @error=${action("error")}
80
- ></device-selector>
81
- </dictation-context-provider>
82
- `;
83
- };
84
- //# sourceMappingURL=device-selector.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"device-selector.stories.js","sourceRoot":"","sources":["../../stories/device-selector.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAE9C,eAAe;IACb,SAAS,EAAE,iBAAiB;IAC5B,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAUF,MAAM,CAAC,MAAM,aAAa,GAAqB,GAAG,EAAE;IAClD,OAAO,IAAI,CAAA;6CACgC,IAAI;;qCAEZ,MAAM,CAAC,2BAA2B,CAAC;iBACvD,MAAM,CAAC,OAAO,CAAC;iBACf,MAAM,CAAC,OAAO,CAAC;;;GAG7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAqB,GAAG,EAAE;IACvD,MAAM,UAAU,GAAoB;QAClC,QAAQ,EAAE,eAAe;QACzB,OAAO,EAAE,QAAQ;QACjB,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;KACnB,CAAC;IAEF,OAAO,IAAI,CAAA;kDACqC,UAAU,eAAe,IAAI;;qCAE1C,MAAM,CAAC,2BAA2B,CAAC;iBACvD,MAAM,CAAC,OAAO,CAAC;iBACf,MAAM,CAAC,OAAO,CAAC;;;GAG7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAqB,GAAG,EAAE;IACtD,MAAM,aAAa,GAAsB;QACvC;YACE,QAAQ,EAAE,SAAS;YACnB,OAAO,EAAE,QAAQ;YACjB,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,qBAAqB;YAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;SACnB;QACD;YACE,QAAQ,EAAE,SAAS;YACnB,OAAO,EAAE,QAAQ;YACjB,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,qBAAqB;YAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;SACnB;QACD;YACE,QAAQ,EAAE,SAAS;YACnB,OAAO,EAAE,QAAQ;YACjB,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,qBAAqB;YAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;SACnB;KACF,CAAC;IAEF,OAAO,IAAI,CAAA;2CAC8B,aAAa,eAAe,IAAI;;qCAEtC,MAAM,CAAC,2BAA2B,CAAC;iBACvD,MAAM,CAAC,OAAO,CAAC;iBACf,MAAM,CAAC,OAAO,CAAC;;;GAG7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAqB,GAAG,EAAE;IAC7C,OAAO,IAAI,CAAA;6CACgC,IAAI;;;qCAGZ,MAAM,CAAC,2BAA2B,CAAC;iBACvD,MAAM,CAAC,OAAO,CAAC;iBACf,MAAM,CAAC,OAAO,CAAC;;;GAG7B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { action } from \"@storybook/addon-actions\";\nimport { html, type TemplateResult } from \"lit\";\nimport \"../src/components/device-selector.js\";\nimport \"../src/contexts/dictation-context.js\";\n\nexport default {\n component: \"device-selector\",\n title: \"DeviceSelector\",\n};\n\ninterface Story<T> {\n (args: T): TemplateResult;\n args?: Partial<T>;\n argTypes?: Record<string, unknown>;\n}\n\ntype StoryArgs = Record<string, never>;\n\nexport const DefaultValues: Story<StoryArgs> = () => {\n return html`\n <dictation-context-provider ?noWrapper=${true}>\n <device-selector\n @recording-devices-changed=${action(\"recording-devices-changed\")}\n @ready=${action(\"ready\")}\n @error=${action(\"error\")}\n ></device-selector>\n </dictation-context-provider>\n `;\n};\n\nexport const WithSelectedDevice: Story<StoryArgs> = () => {\n const mockDevice: MediaDeviceInfo = {\n deviceId: \"mock-device-1\",\n groupId: \"group1\",\n kind: \"audioinput\",\n label: \"Mock Microphone\",\n toJSON: () => ({}),\n };\n\n return html`\n <dictation-context-provider .selectedDevice=${mockDevice} ?noWrapper=${true}>\n <device-selector\n @recording-devices-changed=${action(\"recording-devices-changed\")}\n @ready=${action(\"ready\")}\n @error=${action(\"error\")}\n ></device-selector>\n </dictation-context-provider>\n `;\n};\n\nexport const WithCustomDevices: Story<StoryArgs> = () => {\n const customDevices: MediaDeviceInfo[] = [\n {\n deviceId: \"device1\",\n groupId: \"group1\",\n kind: \"audioinput\",\n label: \"Custom Microphone 1\",\n toJSON: () => ({}),\n },\n {\n deviceId: \"device2\",\n groupId: \"group1\",\n kind: \"audioinput\",\n label: \"Custom Microphone 2\",\n toJSON: () => ({}),\n },\n {\n deviceId: \"device3\",\n groupId: \"group1\",\n kind: \"audioinput\",\n label: \"Custom Microphone 3\",\n toJSON: () => ({}),\n },\n ];\n\n return html`\n <dictation-context-provider .devices=${customDevices} ?noWrapper=${true}>\n <device-selector\n @recording-devices-changed=${action(\"recording-devices-changed\")}\n @ready=${action(\"ready\")}\n @error=${action(\"error\")}\n ></device-selector>\n </dictation-context-provider>\n `;\n};\n\nexport const Disabled: Story<StoryArgs> = () => {\n return html`\n <dictation-context-provider ?noWrapper=${true}>\n <device-selector\n disabled\n @recording-devices-changed=${action(\"recording-devices-changed\")}\n @ready=${action(\"ready\")}\n @error=${action(\"error\")}\n ></device-selector>\n </dictation-context-provider>\n `;\n};\n"]}
@@ -1,18 +0,0 @@
1
- import { type TemplateResult } from "lit";
2
- import "../src/components/language-selector.js";
3
- import "../src/contexts/dictation-context.js";
4
- declare const _default: {
5
- component: string;
6
- title: string;
7
- };
8
- export default _default;
9
- interface Story<T> {
10
- (args: T): TemplateResult;
11
- args?: Partial<T>;
12
- argTypes?: Record<string, unknown>;
13
- }
14
- type StoryArgs = Record<string, never>;
15
- export declare const DefaultValues: Story<StoryArgs>;
16
- export declare const WithCustomLanguages: Story<StoryArgs>;
17
- export declare const WithLanguagesAttribute: Story<StoryArgs>;
18
- export declare const Disabled: Story<StoryArgs>;
@@ -1,53 +0,0 @@
1
- import { action } from "@storybook/addon-actions";
2
- import { html } from "lit";
3
- import "../src/components/language-selector.js";
4
- import "../src/contexts/dictation-context.js";
5
- export default {
6
- component: "language-selector",
7
- title: "LanguageSelector",
8
- };
9
- export const DefaultValues = () => {
10
- return html `
11
- <dictation-context-provider ?noWrapper=${true}>
12
- <language-selector
13
- @languages-changed=${action("languages-changed")}
14
- @error=${action("error")}
15
- ></language-selector>
16
- </dictation-context-provider>
17
- `;
18
- };
19
- export const WithCustomLanguages = () => {
20
- return html `
21
- <dictation-context-provider
22
- .languages=${["en", "es", "fr", "de", "it"]}
23
- ?noWrapper=${true}
24
- >
25
- <language-selector
26
- @languages-changed=${action("languages-changed")}
27
- @error=${action("error")}
28
- ></language-selector>
29
- </dictation-context-provider>
30
- `;
31
- };
32
- export const WithLanguagesAttribute = () => {
33
- return html `
34
- <dictation-context-provider languages="en,da,es,fr" ?noWrapper=${true}>
35
- <language-selector
36
- @languages-changed=${action("languages-changed")}
37
- @error=${action("error")}
38
- ></language-selector>
39
- </dictation-context-provider>
40
- `;
41
- };
42
- export const Disabled = () => {
43
- return html `
44
- <dictation-context-provider ?noWrapper=${true}>
45
- <language-selector
46
- disabled
47
- @languages-changed=${action("languages-changed")}
48
- @error=${action("error")}
49
- ></language-selector>
50
- </dictation-context-provider>
51
- `;
52
- };
53
- //# sourceMappingURL=language-selector.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"language-selector.stories.js","sourceRoot":"","sources":["../../stories/language-selector.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAEhD,OAAO,wCAAwC,CAAC;AAChD,OAAO,sCAAsC,CAAC;AAE9C,eAAe;IACb,SAAS,EAAE,mBAAmB;IAC9B,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAUF,MAAM,CAAC,MAAM,aAAa,GAAqB,GAAG,EAAE;IAClD,OAAO,IAAI,CAAA;6CACgC,IAAI;;6BAEpB,MAAM,CAAC,mBAAmB,CAAC;iBACvC,MAAM,CAAC,OAAO,CAAC;;;GAG7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAqB,GAAG,EAAE;IACxD,OAAO,IAAI,CAAA;;mBAEM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;mBAC9B,IAAI;;;6BAGM,MAAM,CAAC,mBAAmB,CAAC;iBACvC,MAAM,CAAC,OAAO,CAAC;;;GAG7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAqB,GAAG,EAAE;IAC3D,OAAO,IAAI,CAAA;qEACwD,IAAI;;6BAE5C,MAAM,CAAC,mBAAmB,CAAC;iBACvC,MAAM,CAAC,OAAO,CAAC;;;GAG7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAqB,GAAG,EAAE;IAC7C,OAAO,IAAI,CAAA;6CACgC,IAAI;;;6BAGpB,MAAM,CAAC,mBAAmB,CAAC;iBACvC,MAAM,CAAC,OAAO,CAAC;;;GAG7B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { action } from \"@storybook/addon-actions\";\nimport { html, type TemplateResult } from \"lit\";\n\nimport \"../src/components/language-selector.js\";\nimport \"../src/contexts/dictation-context.js\";\n\nexport default {\n component: \"language-selector\",\n title: \"LanguageSelector\",\n};\n\ninterface Story<T> {\n (args: T): TemplateResult;\n args?: Partial<T>;\n argTypes?: Record<string, unknown>;\n}\n\ntype StoryArgs = Record<string, never>;\n\nexport const DefaultValues: Story<StoryArgs> = () => {\n return html`\n <dictation-context-provider ?noWrapper=${true}>\n <language-selector\n @languages-changed=${action(\"languages-changed\")}\n @error=${action(\"error\")}\n ></language-selector>\n </dictation-context-provider>\n `;\n};\n\nexport const WithCustomLanguages: Story<StoryArgs> = () => {\n return html`\n <dictation-context-provider\n .languages=${[\"en\", \"es\", \"fr\", \"de\", \"it\"]}\n ?noWrapper=${true}\n >\n <language-selector\n @languages-changed=${action(\"languages-changed\")}\n @error=${action(\"error\")}\n ></language-selector>\n </dictation-context-provider>\n `;\n};\n\nexport const WithLanguagesAttribute: Story<StoryArgs> = () => {\n return html`\n <dictation-context-provider languages=\"en,da,es,fr\" ?noWrapper=${true}>\n <language-selector\n @languages-changed=${action(\"languages-changed\")}\n @error=${action(\"error\")}\n ></language-selector>\n </dictation-context-provider>\n `;\n};\n\nexport const Disabled: Story<StoryArgs> = () => {\n return html`\n <dictation-context-provider ?noWrapper=${true}>\n <language-selector\n disabled\n @languages-changed=${action(\"languages-changed\")}\n @error=${action(\"error\")}\n ></language-selector>\n </dictation-context-provider>\n `;\n};\n"]}
@@ -1,27 +0,0 @@
1
- import { type TemplateResult } from "lit";
2
- import "../src/components/recording-button.js";
3
- import "../src/contexts/dictation-context.js";
4
- declare const _default: {
5
- argTypes: {
6
- preventFocus: {
7
- control: string;
8
- description: string;
9
- };
10
- };
11
- component: string;
12
- title: string;
13
- };
14
- export default _default;
15
- interface Story<T> {
16
- (args: T): TemplateResult;
17
- args?: Partial<T>;
18
- argTypes?: Record<string, unknown>;
19
- }
20
- interface StoryArgs {
21
- preventFocus?: boolean;
22
- }
23
- export declare const Stopped: Story<StoryArgs>;
24
- export declare const Recording: Story<StoryArgs>;
25
- export declare const Initializing: Story<StoryArgs>;
26
- export declare const Stopping: Story<StoryArgs>;
27
- export declare const PreventFocusDisabled: Story<StoryArgs>;
@@ -1,90 +0,0 @@
1
- import { action } from "@storybook/addon-actions";
2
- import { html } from "lit";
3
- import "../src/components/recording-button.js";
4
- import "../src/contexts/dictation-context.js";
5
- export default {
6
- argTypes: {
7
- preventFocus: {
8
- control: "boolean",
9
- description: "Prevent button from taking focus on click",
10
- },
11
- },
12
- component: "recording-button",
13
- title: "RecordingButton",
14
- };
15
- export const Stopped = ({ preventFocus }) => {
16
- return html `
17
- <dictation-context-provider ?noWrapper=${true}>
18
- <recording-button
19
- ?preventFocus=${preventFocus}
20
- @recording-state-changed=${action("recording-state-changed")}
21
- @network-activity=${action("network-activity")}
22
- @error=${action("error")}
23
- ></recording-button>
24
- </dictation-context-provider>
25
- `;
26
- };
27
- Stopped.args = {
28
- preventFocus: true,
29
- };
30
- export const Recording = ({ preventFocus }) => {
31
- return html `
32
- <dictation-context-provider ?noWrapper=${true} recordingState="recording">
33
- <recording-button
34
- ?preventFocus=${preventFocus}
35
- @recording-state-changed=${action("recording-state-changed")}
36
- @network-activity=${action("network-activity")}
37
- @error=${action("error")}
38
- ></recording-button>
39
- </dictation-context-provider>
40
- `;
41
- };
42
- Recording.args = {
43
- preventFocus: true,
44
- };
45
- export const Initializing = ({ preventFocus }) => {
46
- return html `
47
- <dictation-context-provider ?noWrapper=${true} recordingState="initializing">
48
- <recording-button
49
- ?preventFocus=${preventFocus}
50
- @recording-state-changed=${action("recording-state-changed")}
51
- @network-activity=${action("network-activity")}
52
- @error=${action("error")}
53
- ></recording-button>
54
- </dictation-context-provider>
55
- `;
56
- };
57
- Initializing.args = {
58
- preventFocus: true,
59
- };
60
- export const Stopping = ({ preventFocus }) => {
61
- return html `
62
- <dictation-context-provider ?noWrapper=${true} recordingState="stopping">
63
- <recording-button
64
- ?preventFocus=${preventFocus}
65
- @recording-state-changed=${action("recording-state-changed")}
66
- @network-activity=${action("network-activity")}
67
- @error=${action("error")}
68
- ></recording-button>
69
- </dictation-context-provider>
70
- `;
71
- };
72
- Stopping.args = {
73
- preventFocus: true,
74
- };
75
- export const PreventFocusDisabled = ({ preventFocus, }) => {
76
- return html `
77
- <dictation-context-provider ?noWrapper=${true}>
78
- <recording-button
79
- ?preventFocus=${preventFocus}
80
- @recording-state-changed=${action("recording-state-changed")}
81
- @network-activity=${action("network-activity")}
82
- @error=${action("error")}
83
- ></recording-button>
84
- </dictation-context-provider>
85
- `;
86
- };
87
- PreventFocusDisabled.args = {
88
- preventFocus: false,
89
- };
90
- //# sourceMappingURL=recording-button.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"recording-button.stories.js","sourceRoot":"","sources":["../../stories/recording-button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAEhD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,sCAAsC,CAAC;AAE9C,eAAe;IACb,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,2CAA2C;SACzD;KACF;IACD,SAAS,EAAE,kBAAkB;IAC7B,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAYF,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,YAAY,EAAa,EAAE,EAAE;IACvE,OAAO,IAAI,CAAA;6CACgC,IAAI;;wBAEzB,YAAY;mCACD,MAAM,CAAC,yBAAyB,CAAC;4BACxC,MAAM,CAAC,kBAAkB,CAAC;iBACrC,MAAM,CAAC,OAAO,CAAC;;;GAG7B,CAAC;AACJ,CAAC,CAAC;AACF,OAAO,CAAC,IAAI,GAAG;IACb,YAAY,EAAE,IAAI;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAqB,CAAC,EAAE,YAAY,EAAa,EAAE,EAAE;IACzE,OAAO,IAAI,CAAA;6CACgC,IAAI;;wBAEzB,YAAY;mCACD,MAAM,CAAC,yBAAyB,CAAC;4BACxC,MAAM,CAAC,kBAAkB,CAAC;iBACrC,MAAM,CAAC,OAAO,CAAC;;;GAG7B,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,IAAI,GAAG;IACf,YAAY,EAAE,IAAI;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAqB,CAAC,EAAE,YAAY,EAAa,EAAE,EAAE;IAC5E,OAAO,IAAI,CAAA;6CACgC,IAAI;;wBAEzB,YAAY;mCACD,MAAM,CAAC,yBAAyB,CAAC;4BACxC,MAAM,CAAC,kBAAkB,CAAC;iBACrC,MAAM,CAAC,OAAO,CAAC;;;GAG7B,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,IAAI,GAAG;IAClB,YAAY,EAAE,IAAI;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAqB,CAAC,EAAE,YAAY,EAAa,EAAE,EAAE;IACxE,OAAO,IAAI,CAAA;6CACgC,IAAI;;wBAEzB,YAAY;mCACD,MAAM,CAAC,yBAAyB,CAAC;4BACxC,MAAM,CAAC,kBAAkB,CAAC;iBACrC,MAAM,CAAC,OAAO,CAAC;;;GAG7B,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,IAAI,GAAG;IACd,YAAY,EAAE,IAAI;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAqB,CAAC,EACrD,YAAY,GACF,EAAE,EAAE;IACd,OAAO,IAAI,CAAA;6CACgC,IAAI;;wBAEzB,YAAY;mCACD,MAAM,CAAC,yBAAyB,CAAC;4BACxC,MAAM,CAAC,kBAAkB,CAAC;iBACrC,MAAM,CAAC,OAAO,CAAC;;;GAG7B,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,IAAI,GAAG;IAC1B,YAAY,EAAE,KAAK;CACpB,CAAC","sourcesContent":["import { action } from \"@storybook/addon-actions\";\nimport { html, type TemplateResult } from \"lit\";\n\nimport \"../src/components/recording-button.js\";\nimport \"../src/contexts/dictation-context.js\";\n\nexport default {\n argTypes: {\n preventFocus: {\n control: \"boolean\",\n description: \"Prevent button from taking focus on click\",\n },\n },\n component: \"recording-button\",\n title: \"RecordingButton\",\n};\n\ninterface Story<T> {\n (args: T): TemplateResult;\n args?: Partial<T>;\n argTypes?: Record<string, unknown>;\n}\n\ninterface StoryArgs {\n preventFocus?: boolean;\n}\n\nexport const Stopped: Story<StoryArgs> = ({ preventFocus }: StoryArgs) => {\n return html`\n <dictation-context-provider ?noWrapper=${true}>\n <recording-button\n ?preventFocus=${preventFocus}\n @recording-state-changed=${action(\"recording-state-changed\")}\n @network-activity=${action(\"network-activity\")}\n @error=${action(\"error\")}\n ></recording-button>\n </dictation-context-provider>\n `;\n};\nStopped.args = {\n preventFocus: true,\n};\n\nexport const Recording: Story<StoryArgs> = ({ preventFocus }: StoryArgs) => {\n return html`\n <dictation-context-provider ?noWrapper=${true} recordingState=\"recording\">\n <recording-button\n ?preventFocus=${preventFocus}\n @recording-state-changed=${action(\"recording-state-changed\")}\n @network-activity=${action(\"network-activity\")}\n @error=${action(\"error\")}\n ></recording-button>\n </dictation-context-provider>\n `;\n};\nRecording.args = {\n preventFocus: true,\n};\n\nexport const Initializing: Story<StoryArgs> = ({ preventFocus }: StoryArgs) => {\n return html`\n <dictation-context-provider ?noWrapper=${true} recordingState=\"initializing\">\n <recording-button\n ?preventFocus=${preventFocus}\n @recording-state-changed=${action(\"recording-state-changed\")}\n @network-activity=${action(\"network-activity\")}\n @error=${action(\"error\")}\n ></recording-button>\n </dictation-context-provider>\n `;\n};\nInitializing.args = {\n preventFocus: true,\n};\n\nexport const Stopping: Story<StoryArgs> = ({ preventFocus }: StoryArgs) => {\n return html`\n <dictation-context-provider ?noWrapper=${true} recordingState=\"stopping\">\n <recording-button\n ?preventFocus=${preventFocus}\n @recording-state-changed=${action(\"recording-state-changed\")}\n @network-activity=${action(\"network-activity\")}\n @error=${action(\"error\")}\n ></recording-button>\n </dictation-context-provider>\n `;\n};\nStopping.args = {\n preventFocus: true,\n};\n\nexport const PreventFocusDisabled: Story<StoryArgs> = ({\n preventFocus,\n}: StoryArgs) => {\n return html`\n <dictation-context-provider ?noWrapper=${true}>\n <recording-button\n ?preventFocus=${preventFocus}\n @recording-state-changed=${action(\"recording-state-changed\")}\n @network-activity=${action(\"network-activity\")}\n @error=${action(\"error\")}\n ></recording-button>\n </dictation-context-provider>\n `;\n};\nPreventFocusDisabled.args = {\n preventFocus: false,\n};\n"]}
@@ -1,23 +0,0 @@
1
- import { type TemplateResult } from "lit";
2
- import "../src/components/settings-menu.js";
3
- import "../src/contexts/dictation-context.js";
4
- declare const _default: {
5
- component: string;
6
- title: string;
7
- };
8
- export default _default;
9
- interface Story<T> {
10
- (args: T): TemplateResult;
11
- args?: Partial<T>;
12
- argTypes?: Record<string, unknown>;
13
- }
14
- type StoryArgs = Record<string, never>;
15
- export declare const DefaultValues: Story<StoryArgs>;
16
- export declare const DisabledSettings: Story<StoryArgs>;
17
- export declare const OnlyDeviceSelector: Story<StoryArgs>;
18
- export declare const OnlyLanguageSelector: Story<StoryArgs>;
19
- export declare const NoSettings: Story<StoryArgs>;
20
- export declare const WithCustomLanguages: Story<StoryArgs>;
21
- export declare const WithLanguagesAttribute: Story<StoryArgs>;
22
- export declare const WithCustomDevices: Story<StoryArgs>;
23
- export declare const BothWithCustomOptions: Story<StoryArgs>;
@@ -1,156 +0,0 @@
1
- import { action } from "@storybook/addon-actions";
2
- import { html } from "lit";
3
- import "../src/components/settings-menu.js";
4
- import "../src/contexts/dictation-context.js";
5
- export default {
6
- component: "settings-menu",
7
- title: "SettingsMenu",
8
- };
9
- export const DefaultValues = () => {
10
- return html `
11
- <dictation-context-provider>
12
- <settings-menu
13
- @languages-changed=${action("languages-changed")}
14
- @recording-devices-changed=${action("recording-devices-changed")}
15
- @ready=${action("ready")}
16
- @error=${action("error")}
17
- ></settings-menu>
18
- </dictation-context-provider>
19
- `;
20
- };
21
- export const DisabledSettings = () => {
22
- return html `
23
- <dictation-context-provider recordingState="recording">
24
- <settings-menu
25
- @languages-changed=${action("languages-changed")}
26
- @recording-devices-changed=${action("recording-devices-changed")}
27
- @ready=${action("ready")}
28
- @error=${action("error")}
29
- ></settings-menu>
30
- </dictation-context-provider>
31
- `;
32
- };
33
- export const OnlyDeviceSelector = () => {
34
- return html `
35
- <dictation-context-provider>
36
- <settings-menu
37
- settingsEnabled="device"
38
- @languages-changed=${action("languages-changed")}
39
- @recording-devices-changed=${action("recording-devices-changed")}
40
- @ready=${action("ready")}
41
- @error=${action("error")}
42
- ></settings-menu>
43
- </dictation-context-provider>
44
- `;
45
- };
46
- export const OnlyLanguageSelector = () => {
47
- return html `
48
- <dictation-context-provider>
49
- <settings-menu
50
- .settingsEnabled=${["language"]}
51
- @languages-changed=${action("languages-changed")}
52
- @recording-devices-changed=${action("recording-devices-changed")}
53
- @ready=${action("ready")}
54
- @error=${action("error")}
55
- ></settings-menu>
56
- </dictation-context-provider>
57
- `;
58
- };
59
- export const NoSettings = () => {
60
- return html `
61
- <dictation-context-provider>
62
- <settings-menu
63
- .settingsEnabled=${[]}
64
- @languages-changed=${action("languages-changed")}
65
- @recording-devices-changed=${action("recording-devices-changed")}
66
- @ready=${action("ready")}
67
- @error=${action("error")}
68
- ></settings-menu>
69
- </dictation-context-provider>
70
- `;
71
- };
72
- export const WithCustomLanguages = () => {
73
- return html `
74
- <dictation-context-provider .languages=${["en", "es", "fr", "de", "it"]}>
75
- <settings-menu
76
- settingsEnabled="language"
77
- @languages-changed=${action("languages-changed")}
78
- @recording-devices-changed=${action("recording-devices-changed")}
79
- @ready=${action("ready")}
80
- @error=${action("error")}
81
- ></settings-menu>
82
- </dictation-context-provider>
83
- `;
84
- };
85
- export const WithLanguagesAttribute = () => {
86
- return html `
87
- <dictation-context-provider languages="en,da,es,fr">
88
- <settings-menu
89
- settingsEnabled="language"
90
- @languages-changed=${action("languages-changed")}
91
- @recording-devices-changed=${action("recording-devices-changed")}
92
- @ready=${action("ready")}
93
- @error=${action("error")}
94
- ></settings-menu>
95
- </dictation-context-provider>
96
- `;
97
- };
98
- export const WithCustomDevices = () => {
99
- const customDevices = [
100
- {
101
- deviceId: "device1",
102
- groupId: "group1",
103
- kind: "audioinput",
104
- label: "Built-in Microphone",
105
- toJSON: () => ({}),
106
- },
107
- {
108
- deviceId: "device2",
109
- groupId: "group2",
110
- kind: "audioinput",
111
- label: "External USB Microphone",
112
- toJSON: () => ({}),
113
- },
114
- ];
115
- return html `
116
- <dictation-context-provider .devices=${customDevices}>
117
- <settings-menu
118
- settingsEnabled="device"
119
- @languages-changed=${action("languages-changed")}
120
- @recording-devices-changed=${action("recording-devices-changed")}
121
- @ready=${action("ready")}
122
- @error=${action("error")}
123
- ></settings-menu>
124
- </dictation-context-provider>
125
- `;
126
- };
127
- export const BothWithCustomOptions = () => {
128
- const customDevices = [
129
- {
130
- deviceId: "device1",
131
- groupId: "group1",
132
- kind: "audioinput",
133
- label: "Headset Microphone",
134
- toJSON: () => ({}),
135
- },
136
- {
137
- deviceId: "device2",
138
- groupId: "group2",
139
- kind: "audioinput",
140
- label: "Desk Microphone",
141
- toJSON: () => ({}),
142
- },
143
- ];
144
- return html `
145
- <dictation-context-provider languages="en,fr,de" .devices=${customDevices}>
146
- <settings-menu
147
- settingsEnabled="device,language"
148
- @languages-changed=${action("languages-changed")}
149
- @recording-devices-changed=${action("recording-devices-changed")}
150
- @ready=${action("ready")}
151
- @error=${action("error")}
152
- ></settings-menu>
153
- </dictation-context-provider>
154
- `;
155
- };
156
- //# sourceMappingURL=settings-menu.stories.js.map