@orangelogic/design-system 2.50.0 → 2.51.0

package/library/components/video.js

@@ -1,10 +1,10 @@
 import { a as Ab, c as ps, g as kn } from "../chunks/_commonjsHelpers.ByX85dGu.js";
-import { r as Tb, C as Eb, R as wb } from "../chunks/image.CRz6QPaa.js";
+import { r as Tb, C as Eb, R as wb } from "../chunks/image.Dqq3RyRZ.js";
 import Sb from "./resize-observer.js";
 import { c as Cb } from "../chunks/component.styles.CI-v8BZa.js";
 import { b as Mb } from "../chunks/browser.Va59Ix3P.js";
 import { i as Db, n as ki, x as Kc, c as Pb } from "../chunks/custom-element.vnXBMQxc.js";
-import { L as Lb } from "../chunks/i18n.CXUGdxzx.js";
+import { L as Lb } from "../chunks/i18n.GsJkEfVA.js";
 import { w as Bn } from "../chunks/watch.BCJD77bD.js";
 import { r as Fn } from "../chunks/state.Cw55xXlb.js";
 import { e as ao } from "../chunks/query.BBf1UFkC.js";

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.50.0",
+  "version": "2.51.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/atoms/src/components/relative-time/relative-time.d.ts

@@ -1,4 +1,5 @@
 import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
+import { CSSResultGroup } from 'lit';
 
 /**
  * @summary Outputs a localized time phrase relative to the current date and time.
@@ -6,8 +7,13 @@ import { default as CortexElement } from '../../../../base/src/cortex-element.ts
  * @description Localization is handled by the browser's
  * [`Intl.RelativeTimeFormat` API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat).
  * No language packs are required.
+ *
+ * @cssproperty --cx-relative-time-color - Text color of the relative time.
+ * @cssproperty --cx-relative-time-font-size - Font size of the relative time.
+ * @cssproperty --cx-relative-time-font-weight - Font weight of the relative time.
  */
 export default class CxRelativeTime extends CortexElement {
+    static readonly styles: CSSResultGroup;
     private readonly localize;
     private updateTimeout;
     private isoTime;

package/library/packages/atoms/src/components/relative-time/relative-time.styles.d.ts

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

package/library/packages/organisms/src/text-to-speech/text-to-speech.api.d.ts

@@ -1,6 +1,12 @@
-import { Voice } from '../../../types/src/text-to-speech';
+import { JobStatus, Voice, VoiceInfo } from '../../../types/src/text-to-speech';
 
 export declare function getVoiceList(languageCode?: string, provider?: string): Promise<Voice[]>;
+export declare function getVoiceInfo({ languageCode, name, provider, }: {
+    languageCode: string;
+    name: string;
+    provider: string;
+}): Promise<VoiceInfo>;
+export declare function getSynthesizeJobStatus(recordID: string): Promise<JobStatus>;
 export declare function previewVoice(text: string, languageCode: string | undefined, provider: string | undefined, voiceName: string, gender: 'MALE' | 'FEMALE'): Promise<Blob | {
     errorMessage: string;
 }>;

package/library/packages/organisms/src/text-to-speech/text-to-speech.d.ts

@@ -21,7 +21,7 @@ import { default as CxSpinner } from '../../../atoms/src/components/spinner/spin
 import { default as CxTooltip } from '../../../atoms/src/components/tooltip/tooltip.ts';
 import { default as CxTypography } from '../../../atoms/src/components/typography/typography.ts';
 import { default as CortexElement } from '../../../base/src/cortex-element.ts';
-import { TextToSpeechData } from '../../../types/src/text-to-speech';
+import { TextToSpeechData, Voice } from '../../../types/src/text-to-speech';
 import { TemplateResult } from 'lit';
 
 /**
@@ -60,12 +60,14 @@ export default class CxTextToSpeech extends CortexElement {
     private readonly form;
     private readonly bubbleMenu;
     private readonly importDialog;
+    private readonly requestInProgressDialog;
     private readonly fileInput;
+    private readonly container;
     data: TextToSpeechData | null;
     editable: boolean;
     autoFocus: boolean;
-    recordId: undefined;
-    fileName: undefined;
+    recordId: string;
+    fileName: string;
     componentTitle: string;
     height: undefined;
     width: undefined;
@@ -78,7 +80,8 @@ export default class CxTextToSpeech extends CortexElement {
     characterLimit: number;
     textEditor: Editor;
     private voices;
-    private voice;
+    private _voice;
+    get voice(): string;
     private gender;
     private language;
     private speed;
@@ -92,6 +95,17 @@ export default class CxTextToSpeech extends CortexElement {
     private timeCode;
     private savedData;
     private isEventListenerAdded;
+    /**
+     * Whether previous job(s) is unfinished.
+     */
+    private _isPreviousJobUnfinished;
+    get isPreviousJobUnfinished(): boolean;
+    private _isTextSupportedOnly;
+    get isTextSupportedOnly(): boolean;
+    private _unsupportedSsmlTags;
+    get unsupportedSsmlTags(): string[];
+    private _selectedVoice;
+    get selectedVoice(): Voice | null;
     private readonly provider;
     get 'is-unsaved'(): boolean | null;
     get isUnsaved(): boolean | null;
@@ -106,13 +120,14 @@ export default class CxTextToSpeech extends CortexElement {
     private saveData;
     private onKeyDown;
     private onBubbleMenuOpened;
+    private fetchJobStatus;
     resetAudio(): void;
     handleDataChange(): void;
     handleVoicesChange(): void;
+    handleVoiceChange(): Promise<void>;
+    handleRecordIdChange(): void;
     handleDisabledChange(): void;
-    private get selectedVoice();
-    private get unsupportedSsmlTags();
-    private get isTextSupportedOnly();
+    private handleSubmit;
     openImportDialog(event: any): void;
     closeImportDialog(): void;
     confirmImport(): void;
@@ -135,8 +150,9 @@ export default class CxTextToSpeech extends CortexElement {
     private handleBreakKeydown;
     private handleBreakChange;
     private handleBreakUnitChange;
-    private handleVoiceChange;
+    private handleVoiceSelectChange;
     private handleSpeedChange;
+    private handleContainerClick;
     private renderControls;
     private renderBreakControls;
     private renderBreakMenu;
@@ -146,7 +162,8 @@ export default class CxTextToSpeech extends CortexElement {
     private renderGlobalControls;
     private renderInfo;
     private renderImportFileConfirmDialog;
-    private handleContainerClick;
+    private renderRequestInProgressDialog;
+    private renderPreviousJobStatus;
     render(): TemplateResult;
 }
 declare global {

package/library/packages/types/src/text-to-speech.d.ts

@@ -40,3 +40,9 @@ export type TextToSpeechControlData = {
     }>;
     value: string;
 };
+export type JobStatus = {
+    isFinished: boolean;
+};
+export type VoiceInfo = {
+    isSSMLSupported: boolean;
+};

package/library/packages/utils/src/custom-element/i18n.d.ts

@@ -487,6 +487,7 @@ export interface Translation extends DefaultTranslation {
     previewText: string;
     previewTooltip: string;
     previous: string;
+    previousJobUnfinished: string;
     previousSlide: string;
     primary: string;
     progress: string;
@@ -504,6 +505,7 @@ export interface Translation extends DefaultTranslation {
     removeBlock: string;
     removeFolder: (num: number) => string;
     renderAudio: string;
+    requestInProgress: string;
     reset: string;
     resetPosition: string;
     resize: string;
@@ -616,6 +618,7 @@ export interface Translation extends DefaultTranslation {
     textEditor: string;
     textInput: string;
     textReveal: string;
+    textToSpeechRequestInProgress: string;
     textToSpeechUserGuide: string;
     textures: string;
     thickness: string;

package/library/react-web-component.d.ts

@@ -7813,11 +7813,11 @@
         /**
           * 
         */
-        recordId?: any;
+        recordId?: string;
         /**
           * 
         */
-        fileName?: any;
+        fileName?: string;
         /**
           * 
         */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.50.0",
+  "version": "2.51.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {