@corti/dictation-web 0.4.0-rc.2 → 0.5.0-rc

package/dist/stories/settings-menu.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-menu.stories.js","sourceRoot":"","sources":["../../stories/settings-menu.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/settings-menu.js\";\nimport \"../src/contexts/dictation-context.js\";\n\nexport default {\n  component: \"settings-menu\",\n  title: \"SettingsMenu\",\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>\n      <settings-menu\n        @languages-changed=${action(\"languages-changed\")}\n        @recording-devices-changed=${action(\"recording-devices-changed\")}\n        @ready=${action(\"ready\")}\n        @error=${action(\"error\")}\n      ></settings-menu>\n    </dictation-context-provider>\n  `;\n};\n\nexport const DisabledSettings: Story<StoryArgs> = () => {\n  return html`\n    <dictation-context-provider recordingState=\"recording\">\n      <settings-menu\n        @languages-changed=${action(\"languages-changed\")}\n        @recording-devices-changed=${action(\"recording-devices-changed\")}\n        @ready=${action(\"ready\")}\n        @error=${action(\"error\")}\n      ></settings-menu>\n    </dictation-context-provider>\n  `;\n};\n\nexport const OnlyDeviceSelector: Story<StoryArgs> = () => {\n  return html`\n    <dictation-context-provider>\n      <settings-menu\n        settingsEnabled=\"device\"\n        @languages-changed=${action(\"languages-changed\")}\n        @recording-devices-changed=${action(\"recording-devices-changed\")}\n        @ready=${action(\"ready\")}\n        @error=${action(\"error\")}\n      ></settings-menu>\n    </dictation-context-provider>\n  `;\n};\n\nexport const OnlyLanguageSelector: Story<StoryArgs> = () => {\n  return html`\n    <dictation-context-provider>\n      <settings-menu\n        .settingsEnabled=${[\"language\"]}\n        @languages-changed=${action(\"languages-changed\")}\n        @recording-devices-changed=${action(\"recording-devices-changed\")}\n        @ready=${action(\"ready\")}\n        @error=${action(\"error\")}\n      ></settings-menu>\n    </dictation-context-provider>\n  `;\n};\n\nexport const NoSettings: Story<StoryArgs> = () => {\n  return html`\n    <dictation-context-provider>\n      <settings-menu\n        .settingsEnabled=${[]}\n        @languages-changed=${action(\"languages-changed\")}\n        @recording-devices-changed=${action(\"recording-devices-changed\")}\n        @ready=${action(\"ready\")}\n        @error=${action(\"error\")}\n      ></settings-menu>\n    </dictation-context-provider>\n  `;\n};\n\nexport const WithCustomLanguages: Story<StoryArgs> = () => {\n  return html`\n    <dictation-context-provider .languages=${[\"en\", \"es\", \"fr\", \"de\", \"it\"]}>\n      <settings-menu\n        settingsEnabled=\"language\"\n        @languages-changed=${action(\"languages-changed\")}\n        @recording-devices-changed=${action(\"recording-devices-changed\")}\n        @ready=${action(\"ready\")}\n        @error=${action(\"error\")}\n      ></settings-menu>\n    </dictation-context-provider>\n  `;\n};\n\nexport const WithLanguagesAttribute: Story<StoryArgs> = () => {\n  return html`\n    <dictation-context-provider languages=\"en,da,es,fr\">\n      <settings-menu\n        settingsEnabled=\"language\"\n        @languages-changed=${action(\"languages-changed\")}\n        @recording-devices-changed=${action(\"recording-devices-changed\")}\n        @ready=${action(\"ready\")}\n        @error=${action(\"error\")}\n      ></settings-menu>\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: \"Built-in Microphone\",\n      toJSON: () => ({}),\n    },\n    {\n      deviceId: \"device2\",\n      groupId: \"group2\",\n      kind: \"audioinput\",\n      label: \"External USB Microphone\",\n      toJSON: () => ({}),\n    },\n  ];\n\n  return html`\n    <dictation-context-provider .devices=${customDevices}>\n      <settings-menu\n        settingsEnabled=\"device\"\n        @languages-changed=${action(\"languages-changed\")}\n        @recording-devices-changed=${action(\"recording-devices-changed\")}\n        @ready=${action(\"ready\")}\n        @error=${action(\"error\")}\n      ></settings-menu>\n    </dictation-context-provider>\n  `;\n};\n\nexport const BothWithCustomOptions: Story<StoryArgs> = () => {\n  const customDevices: MediaDeviceInfo[] = [\n    {\n      deviceId: \"device1\",\n      groupId: \"group1\",\n      kind: \"audioinput\",\n      label: \"Headset Microphone\",\n      toJSON: () => ({}),\n    },\n    {\n      deviceId: \"device2\",\n      groupId: \"group2\",\n      kind: \"audioinput\",\n      label: \"Desk Microphone\",\n      toJSON: () => ({}),\n    },\n  ];\n\n  return html`\n    <dictation-context-provider languages=\"en,fr,de\" .devices=${customDevices}>\n      <settings-menu\n        settingsEnabled=\"device,language\"\n        @languages-changed=${action(\"languages-changed\")}\n        @recording-devices-changed=${action(\"recording-devices-changed\")}\n        @ready=${action(\"ready\")}\n        @error=${action(\"error\")}\n      ></settings-menu>\n    </dictation-context-provider>\n  `;\n};\n"]}

package/dist/styles/ComponentStyles.d.ts

@@ -1,2 +0,0 @@
-declare const ComponentStyles: import("lit").CSSResult;
-export default ComponentStyles;

package/dist/styles/ComponentStyles.js

@@ -1,18 +0,0 @@
-import { css } from 'lit';
-const ComponentStyles = css `
-  .wrapper {
-    background-color: var(--card-background, light-dark(#fff, #333));
-    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
-    border-radius: var(--card-border-radius, 8px);
-    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));
-    padding: var(--card-padding, 4px);
-    display: flex;
-    gap: 4px;
-    height: 46px;
-    width: fit-content;
-    box-sizing: border-box;
-    overflow: hidden;
-  }
-`;
-export default ComponentStyles;
-//# sourceMappingURL=ComponentStyles.js.map

package/dist/styles/ComponentStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentStyles.js","sourceRoot":"","sources":["../../src/styles/ComponentStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAc1B,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ComponentStyles = css`\n  .wrapper {\n    background-color: var(--card-background, light-dark(#fff, #333));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-border-radius, 8px);\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n    padding: var(--card-padding, 4px);\n    display: flex;\n    gap: 4px;\n    height: 46px;\n    width: fit-content;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n`;\n\nexport default ComponentStyles;\n\n"]}

package/dist/styles/default-theme.d.ts

@@ -1,2 +0,0 @@
-declare const DefaultThemeStyles: import("lit").CSSResult;
-export default DefaultThemeStyles;

package/dist/styles/default-theme.js

@@ -1,14 +0,0 @@
-import { css } from "lit";
-const DefaultThemeStyles = css `
-  :host {
-    /* 
-     * This file no longer defines CSS custom properties.
-     * Default values are now provided as fallbacks in var() calls throughout
-     * the component styles. This allows external styles to override variables
-     * set on the corti-dictation element.
-     * Example: corti-dictation { --card-background: #f0f0f0; }
-     */
-  }
-`;
-export default DefaultThemeStyles;
-//# sourceMappingURL=default-theme.js.map

package/dist/styles/default-theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-theme.js","sourceRoot":"","sources":["../../src/styles/default-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;CAU7B,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst DefaultThemeStyles = css`\n  :host {\n    /* \n     * This file no longer defines CSS custom properties.\n     * Default values are now provided as fallbacks in var() calls throughout\n     * the component styles. This allows external styles to override variables\n     * set on the corti-dictation element.\n     * Example: corti-dictation { --card-background: #f0f0f0; }\n     */\n  }\n`;\n\nexport default DefaultThemeStyles;\n"]}

package/dist/styles/theme.d.ts

@@ -1,2 +0,0 @@
-declare const ThemeStyles: import("lit").CSSResult;
-export default ThemeStyles;

package/dist/styles/theme.js

@@ -1,56 +0,0 @@
-import { css } from 'lit';
-const ThemeStyles = css `
-  :host {
-    color-scheme: light dark;
-    /* Component Defaults */
-    --component-font-family:
-      -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
-      helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial,
-      sans-serif;
-    --component-text-color: light-dark(#333, #eee);
-
-    /* Card Defaults */
-    --card-background: light-dark(#fff, #333);
-    --card-border-color: light-dark(#ddd, #555);
-    --card-padding: 4px;
-    --card-border-radius: 8px;
-    --card-inner-border-radius: 6px;
-    --card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-
-    /* Actions Defaults */
-    --action-plain-border-color: light-dark(#ccc, #555);
-    --action-plain-background-hover: light-dark(#ddd, #444);
-
-    --action-accent-background: light-dark(#007bff, #0056b3);
-    --action-accent-background-hover: light-dark(#0056b3, #003d80);
-    --action-accent-text-color: #fff;
-
-    --action-red-background: light-dark(#dc3545, #bd2130);
-    --action-red-background-hover: light-dark(#bd2130, #a71c24);
-    --action-red-text-color: #fff;
-
-    /* Callout Defaults */
-    --callout-info-background: light-dark(#007bff33, #0056b333);
-    --callout-info-border: light-dark(#007bff99, #0056b399);
-    --callout-info-text: light-dark(#007bff, #0056b3);
-
-    --callout-error-background: light-dark(#dc354533, #bd213033);
-    --callout-error-border: light-dark(#dc354599, #bd213099);
-    --callout-error-text: light-dark(#dc3545, #bd2130);
-
-    --callout-warn-background: light-dark(#fd7e1433, #e06c1233);
-    --callout-warn-border: light-dark(#fd7e1499, #e06c1299);
-    --callout-warn-text: light-dark(#fd7e14, #e06c12);
-
-    /* Visualiser Defaults */
-    --visualiser-background: light-dark(#e0e0e0, #fff);
-  }
-
-  :host {
-    box-sizing: border-box;
-    font-family: var(--component-font-family);
-    color: var(--component-text-color);
-  }
-`;
-export default ThemeStyles;
-//# sourceMappingURL=theme.js.map

package/dist/styles/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDtB,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ThemeStyles = css`\n  :host {\n    color-scheme: light dark;\n    /* Component Defaults */\n    --component-font-family:\n      -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,\n      helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial,\n      sans-serif;\n    --component-text-color: light-dark(#333, #eee);\n\n    /* Card Defaults */\n    --card-background: light-dark(#fff, #333);\n    --card-border-color: light-dark(#ddd, #555);\n    --card-padding: 4px;\n    --card-border-radius: 8px;\n    --card-inner-border-radius: 6px;\n    --card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n\n    /* Actions Defaults */\n    --action-plain-border-color: light-dark(#ccc, #555);\n    --action-plain-background-hover: light-dark(#ddd, #444);\n\n    --action-accent-background: light-dark(#007bff, #0056b3);\n    --action-accent-background-hover: light-dark(#0056b3, #003d80);\n    --action-accent-text-color: #fff;\n\n    --action-red-background: light-dark(#dc3545, #bd2130);\n    --action-red-background-hover: light-dark(#bd2130, #a71c24);\n    --action-red-text-color: #fff;\n\n    /* Callout Defaults */\n    --callout-info-background: light-dark(#007bff33, #0056b333);\n    --callout-info-border: light-dark(#007bff99, #0056b399);\n    --callout-info-text: light-dark(#007bff, #0056b3);\n\n    --callout-error-background: light-dark(#dc354533, #bd213033);\n    --callout-error-border: light-dark(#dc354599, #bd213099);\n    --callout-error-text: light-dark(#dc3545, #bd2130);\n\n    --callout-warn-background: light-dark(#fd7e1433, #e06c1233);\n    --callout-warn-border: light-dark(#fd7e1499, #e06c1299);\n    --callout-warn-text: light-dark(#fd7e14, #e06c12);\n\n    /* Visualiser Defaults */\n    --visualiser-background: light-dark(#e0e0e0, #fff);\n  }\n\n  :host {\n    box-sizing: border-box;\n    font-family: var(--component-font-family);\n    color: var(--component-text-color);\n  }\n`;\n\nexport default ThemeStyles;\n"]}