@ssml-builder-js/ssml-editor-elements 2.4.0

package/CHANGELOG.md

@@ -0,0 +1,45 @@
+# @ssml-builder-js/ssml-editor-elements
+
+## 2.4.0
+
+### Minor Changes
+
+- Add SSML text-node translation helpers and Azure semantic validation, improve Azure TTS endpoint and logger handling, support React 18 peer dependencies, and complete independent package publishing metadata.
+
+### Patch Changes
+
+- Updated dependencies
+  - @ssml-builder-js/ssml-core@2.4.0
+
+## 2.2.0
+
+### Minor Changes
+
+- e124614: ---
+
+  "@ssml-builder-js/ssml-editor-elements": minor
+  "@ssml-builder-js/ssml-editor-react": minor
+  "@ssml-builder-js/ssml-core": minor
+  "@ssml-builder-js/azure-tts-client": minor
+  "playground": minor
+
+  ***
+
+  - **Web Components サポート (`@ssml-builder-js/ssml-editor-elements`) の追加**
+    - フレームワーク非依存で利用可能な `<ssml-editor>` カスタム要素（Custom Element）パッケージを新設。
+    - ルートパッケージからのエクスポート（`ssml-builder-js/elements`）および Playground での React / Web Components 切り替え動作環境を整備。
+  - **多言語音声モデル（Voice）ごとの感情スタイル動的フィルタリングの拡充**
+    - 日本語（`ja-JP`）、英語（`en-US`）、中国語（`zh-CN`）、韓国語、欧州言語等の Neural 音声モデルに対応する発話スタイル一覧を公式仕様に合わせて網羅。
+    - 感情非対応の音声モデルに対する disabled 表示・フォールバック処理を実装。
+  - **スタイル選択 UI の `<optgroup>` カテゴリ分類**
+    - `ProsodyPopovers` 内のスタイル選択肢を「感情・トーン（Emotions）」「会話・シナリオ（Scenarios）」「メディア・報道（Media）」にグループ化し、視認性と操作性を向上。
+  - **ツールバーのアクティブタグ状態表示 (Active State Feedback)**
+
+    - エディタ内のカーソル位置（キャレット）を囲む SSML タグをリアルタイムに検知し、対応するツールバーボタン（Prosody, Style 等）をハイライト表示する機能を追加。
+
+  - モノレポ各パッケージのビルド設定（tsup）および型定義エクスポート（dts）を最適化。
+
+### Patch Changes
+
+- Updated dependencies [e124614]
+  - @ssml-builder-js/ssml-core@2.2.0

package/dist/index.d.mts

@@ -0,0 +1,72 @@
+type SsmlEditorTheme = "vs-dark" | "light" | (string & {});
+type SsmlEditorLocale = "ja" | "en";
+interface SsmlEditorChangeDetail {
+    value: string;
+}
+declare const HTMLElementBase: typeof HTMLElement;
+declare class SsmlEditorElement extends HTMLElementBase {
+    static readonly tagName = "ssml-editor";
+    static readonly observedAttributes: string[];
+    private editor;
+    private model;
+    private monaco;
+    private root;
+    private toolbar;
+    private toolbarActions;
+    private display;
+    private editorContainer;
+    private helpPanel;
+    private openMenu;
+    private openMenuTrigger;
+    private toolbarButtons;
+    private contentDisposable;
+    private cursorDisposable;
+    private completionDisposable;
+    private hoverDisposable;
+    private suppressChangeEvent;
+    private initializationToken;
+    private valueState;
+    private documentState;
+    private decorationsVisible;
+    private helpOpen;
+    get value(): string;
+    set value(value: string);
+    get theme(): SsmlEditorTheme;
+    set theme(theme: SsmlEditorTheme);
+    get readonly(): boolean;
+    set readonly(readonly: boolean);
+    get locale(): SsmlEditorLocale;
+    set locale(locale: SsmlEditorLocale);
+    private prepareDocument;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
+    private render;
+    private renderToolbar;
+    private createActionButton;
+    private createDecorationsSwitch;
+    private createInsertionButton;
+    private toggleInsertionMenu;
+    private createInsertionMenu;
+    private getInsertionOptions;
+    private getOptionGroups;
+    private createOptionButton;
+    private handleAction;
+    private applyInsertion;
+    private replaceEditorValue;
+    private replaceDocument;
+    private dispatchChange;
+    private updateDecorations;
+    private renderHelp;
+    private updateTheme;
+    private updateActiveButtons;
+    private initialize;
+    private readonly handleDocumentPointerDown;
+    private readonly handleDocumentKeyDown;
+    private closeMenu;
+    private disposeEditor;
+}
+
+declare function defineSsmlEditorElement(): void;
+
+export { type SsmlEditorChangeDetail, SsmlEditorElement, type SsmlEditorLocale, type SsmlEditorTheme, defineSsmlEditorElement };

package/dist/index.d.ts

@@ -0,0 +1,72 @@
+type SsmlEditorTheme = "vs-dark" | "light" | (string & {});
+type SsmlEditorLocale = "ja" | "en";
+interface SsmlEditorChangeDetail {
+    value: string;
+}
+declare const HTMLElementBase: typeof HTMLElement;
+declare class SsmlEditorElement extends HTMLElementBase {
+    static readonly tagName = "ssml-editor";
+    static readonly observedAttributes: string[];
+    private editor;
+    private model;
+    private monaco;
+    private root;
+    private toolbar;
+    private toolbarActions;
+    private display;
+    private editorContainer;
+    private helpPanel;
+    private openMenu;
+    private openMenuTrigger;
+    private toolbarButtons;
+    private contentDisposable;
+    private cursorDisposable;
+    private completionDisposable;
+    private hoverDisposable;
+    private suppressChangeEvent;
+    private initializationToken;
+    private valueState;
+    private documentState;
+    private decorationsVisible;
+    private helpOpen;
+    get value(): string;
+    set value(value: string);
+    get theme(): SsmlEditorTheme;
+    set theme(theme: SsmlEditorTheme);
+    get readonly(): boolean;
+    set readonly(readonly: boolean);
+    get locale(): SsmlEditorLocale;
+    set locale(locale: SsmlEditorLocale);
+    private prepareDocument;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
+    private render;
+    private renderToolbar;
+    private createActionButton;
+    private createDecorationsSwitch;
+    private createInsertionButton;
+    private toggleInsertionMenu;
+    private createInsertionMenu;
+    private getInsertionOptions;
+    private getOptionGroups;
+    private createOptionButton;
+    private handleAction;
+    private applyInsertion;
+    private replaceEditorValue;
+    private replaceDocument;
+    private dispatchChange;
+    private updateDecorations;
+    private renderHelp;
+    private updateTheme;
+    private updateActiveButtons;
+    private initialize;
+    private readonly handleDocumentPointerDown;
+    private readonly handleDocumentKeyDown;
+    private closeMenu;
+    private disposeEditor;
+}
+
+declare function defineSsmlEditorElement(): void;
+
+export { type SsmlEditorChangeDetail, SsmlEditorElement, type SsmlEditorLocale, type SsmlEditorTheme, defineSsmlEditorElement };