@orangelogic/design-system 2.176.0 → 2.178.0

package/library/packages/organisms/src/video-chapters-manager/video-chapters-manager.d.ts

@@ -1,71 +0,0 @@
-import { default as CxButton } from '../../../atoms/src/components/button/button.ts';
-import { default as CxDialog } from '../../../atoms/src/components/dialog/dialog.ts';
-import { default as CxDivider } from '../../../atoms/src/components/divider/divider.ts';
-import { default as CxSpace } from '../../../atoms/src/components/space/space.ts';
-import { default as CortexElement } from '../../../base/src/cortex-element.ts';
-import { default as CxTable } from '../../../hybrid/table-core/src/index.ts';
-import { VideoChapterInSeconds, VideoChapterInTimecode } from '../../../types/src/video-chapters-manager';
-import { CSSResultGroup } from 'lit';
-
-/**
- * @summary <cx-video-chapters-manager> is a component that allows the user to edit the chapters of a video.
- *
- * @property {String} video-record-id - The ID of the video record
- * @property {String} label - The label of the dialog
- * @method show - Shows the dialog
- * @method hide - Hides the dialog
- *
- * @event cx-save - Emitted when the chapters are saved
- */
-export default class CxVideoChaptersManager extends CortexElement {
-    static readonly styles: CSSResultGroup;
-    static readonly dependencies: {
-        'cx-button': typeof CxButton;
-        'cx-dialog': typeof CxDialog;
-        'cx-divider': typeof CxDivider;
-        'cx-space': typeof CxSpace;
-        'cx-table': typeof CxTable;
-    };
-    private dialog;
-    private readonly localize;
-    private readonly cortexPopupController;
-    private readonly columns;
-    private readonly hoverMenu;
-    private readonly placeholder;
-    private _apiGetChapters;
-    private _apiUpdateChapters;
-    table: CxTable;
-    /**
-     * The video record ID to use
-     */
-    videoRecordID: string;
-    /**
-     * The label to use for the dialog
-     */
-    label: string;
-    /**
-     * Chapter data fetched from API, with `start` property is a number in seconds.
-     */
-    data: VideoChapterInSeconds[];
-    /**
-     * Chapter data fetched from API, with `start` property is a string in timecode.
-     */
-    tableData: VideoChapterInTimecode[];
-    isSaving: boolean;
-    originalContainer: Element | null;
-    show(): void;
-    hide(): void;
-    get open(): boolean;
-    private getChapters;
-    private handleAddChapter;
-    private handleSave;
-    private handleCancel;
-    private handleRowActions;
-    private handleAfterShow;
-    render(): import('lit').TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cx-video-chapters-manager': CxVideoChaptersManager;
-    }
-}

package/library/packages/organisms/src/video-chapters-manager/video-chapters-manager.styles.d.ts

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

package/library/packages/organisms/src/video-chapters-manager/video-chapters-manager.utils.d.ts

@@ -1,25 +0,0 @@
-type VideoChapter = {
-    identifier: string;
-    start: number;
-    title: string;
-};
-type DisplayedVideoChapter = Omit<VideoChapter, 'start'> & {
-    start: string;
-};
-/**
- * Parses a chapter string in the format "00:00 - Chapter 1\r\n00:10 - Chapter 2" or "01:30:00 - Chapter 1"
- * and returns an array of DisplayedVideoChapter objects.
- *
- * @param chapterString - The string containing chapters in the specified format
- * @returns Array of DisplayedVideoChapter objects with identifier, start time (as string in HH:MM:SS format), and title
- */
-export declare function parseChapterString(chapterString: string): DisplayedVideoChapter[];
-/**
- * Converts an array of DisplayedVideoChapter objects back to a chapter string format.
- * This is the reverse operation of parseChapterString.
- *
- * @param chapters - Array of DisplayedVideoChapter objects
- * @returns A string in the format "HH:MM:SS - Chapter Title\r\nHH:MM:SS - Chapter Title"
- */
-export declare function stringifyChapters(chapters: DisplayedVideoChapter[]): string;
-export {};

package/library/packages/organisms/src/video-editor/components/video-editor-timeline/video-editor-timeline.d.ts

@@ -1,66 +0,0 @@
-import { default as CxPopup } from '../../../../../atoms/src/components/popup/popup.ts';
-import { default as CxResizeObserver } from '../../../../../atoms/src/components/resize-observer/resize-observer.ts';
-import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
-import { nothing } from 'lit';
-
-export type CxVideoEditorTimelineScaleChangeEvent = CustomEvent<{
-    scaleFactor: number;
-}>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'cx-video-editor-timeline-scale-change': CxVideoEditorTimelineScaleChangeEvent;
-    }
-}
-export default class CxVideoEditorTimeline extends CortexElement {
-    static readonly styles: import('lit').CSSResult[];
-    static readonly dependencies: {
-        'cx-popup': typeof CxPopup;
-        'cx-resize-observer': typeof CxResizeObserver;
-    };
-    timeline: HTMLDivElement;
-    canvas: HTMLCanvasElement;
-    scroller: HTMLDivElement;
-    timeMark: HTMLDivElement;
-    cursor: HTMLDivElement;
-    cursorPopup: CxPopup;
-    duration: number;
-    currentTime: number;
-    hoveredTime: number;
-    isHovering: boolean;
-    scaleFactor: number;
-    /** The width of each second in pixels */
-    scale: number;
-    isScrolling: boolean;
-    isDragging: boolean;
-    scrollResumeTimeout: Timer | null;
-    private lastScrollLeft;
-    constructor();
-    runFirstUpdated(): void;
-    runConnectedCallback(): void;
-    disconnectedCallback(): void;
-    private updateTime;
-    updateMarks(): void;
-    updateTimeMark(): Promise<void>;
-    updateCursor(): void;
-    handleDurationChange(): Promise<void>;
-    handleCurrentTimeChange(): Promise<void>;
-    scrollToTimeMark(): Promise<void>;
-    handleScaleFactorChange(): Promise<void>;
-    private handleScroll;
-    private handleScrollerMouseDown;
-    private handleScrollerMouseUp;
-    private handleCanvasMouseDown;
-    private handleCanvasMouseUp;
-    private handleCanvasMouseMove;
-    private handleTimelineWheel;
-    debouncedUpdateScaleFactor(event: WheelEvent): Promise<void>;
-    handleCanvasMouseEnter(): void;
-    handleCanvasMouseLeave(): void;
-    handleResize(): void;
-    render(): import('lit').TemplateResult<1> | typeof nothing;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cx-video-editor-timeline': CxVideoEditorTimeline;
-    }
-}

package/library/packages/organisms/src/video-editor/components/video-editor-timeline/video-editor-timeline.styles.d.ts

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

package/library/packages/organisms/src/video-editor/components/video-editor-toolbar/video-editor-toolbar.d.ts

@@ -1,84 +0,0 @@
-import { default as CxButton } from '../../../../../atoms/src/components/button/button.ts';
-import { default as CxButtonGroup } from '../../../../../atoms/src/components/button-group/button-group.ts';
-import { default as CxDivider } from '../../../../../atoms/src/components/divider/divider.ts';
-import { default as CxDropdown } from '../../../../../atoms/src/components/dropdown/dropdown.ts';
-import { default as CxIcon } from '../../../../../atoms/src/components/icon/icon.ts';
-import { default as CxMenu } from '../../../../../atoms/src/components/menu/menu.ts';
-import { default as CxSpace } from '../../../../../atoms/src/components/space/space.ts';
-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 { Ratio } from '../../../../../types/src/video-editor';
-import { CSSResultGroup, TemplateResult } from 'lit';
-
-export declare enum VideoEditorToolbarActions {
-    Apply = "apply",
-    Cancel = "cancel",
-    CancelAll = "cancelAll",
-    Crop = "crop",
-    Delete = "delete",
-    Export = "export",
-    Redo = "redo",
-    Rotate = "rotate",
-    Save = "save",
-    Transition = "transition",
-    Trim = "trim",
-    Undo = "undo"
-}
-export type CxVideoEditorToolbarActionEvent = CustomEvent<{
-    action: VideoEditorToolbarActions;
-}>;
-export type CxVideoEditorToolbarRatioChangeEvent = CustomEvent<{
-    ratio: Ratio;
-}>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'cx-video-editor-toolbar-action': CxVideoEditorToolbarActionEvent;
-        'cx-video-editor-toolbar-ratio-change': CxVideoEditorToolbarRatioChangeEvent;
-    }
-}
-export default class CxVideoEditorToolbar extends CortexElement {
-    static readonly styles: CSSResultGroup;
-    static readonly dependencies: {
-        'cx-button': typeof CxButton;
-        'cx-button-group': typeof CxButtonGroup;
-        'cx-divider': typeof CxDivider;
-        'cx-dropdown': typeof CxDropdown;
-        'cx-icon': typeof CxIcon;
-        'cx-menu': typeof CxMenu;
-        'cx-space': typeof CxSpace;
-        'cx-tooltip': typeof CxTooltip;
-        'cx-typography': typeof CxTypography;
-    };
-    private readonly localize;
-    ratios: Ratio[];
-    activeRatioLabel: string;
-    disabled: Partial<Record<VideoEditorToolbarActions, boolean>>;
-    cropMode: boolean;
-    cropActive: boolean;
-    /**
-     * Indicates whether or not the export button should be shown.
-     */
-    showExport: boolean;
-    get activeRatio(): Ratio | undefined;
-    private handleRatioChange;
-    private handleUndoClick;
-    private handleRedoClick;
-    private handleCancelClick;
-    private handleCancelAllClick;
-    private handleApplyClick;
-    private handleSaveClick;
-    private handleExportClick;
-    private handleTrimClick;
-    private handleTransitionClick;
-    private handleCropClick;
-    private handleRotateClick;
-    private handleDeleteClick;
-    private renderRightActions;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cx-video-editor-toolbar': CxVideoEditorToolbar;
-    }
-}

package/library/packages/organisms/src/video-editor/components/video-editor-toolbar/video-editor-toolbar.styles.d.ts

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

package/library/packages/organisms/src/video-editor/components/video-editor-track/video-editor-track.d.ts

@@ -1,59 +0,0 @@
-import { default as CxIcon } from '../../../../../atoms/src/components/icon/icon.ts';
-import { default as CxLineClamp } from '../../../../../atoms/src/components/line-clamp/line-clamp.ts';
-import { default as CxSpinner } from '../../../../../atoms/src/components/spinner/spinner.ts';
-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 { CanvasData, FrameCache, FrameCacheItem, SubClip } from '../../../../../types/src/video-editor';
-import { CSSResultGroup, TemplateResult } from 'lit';
-
-type FrameItem = {
-    canvasSrc: string | null;
-    currentTime: number;
-    frameHeight: number;
-    frameWidth: number;
-    x: number;
-    y: number;
-};
-export default class CxVideoEditorTrack extends CortexElement {
-    static styles: CSSResultGroup;
-    static dependencies: {
-        'cx-icon': typeof CxIcon;
-        'cx-line-clamp': typeof CxLineClamp;
-        'cx-spinner': typeof CxSpinner;
-        'cx-tooltip': typeof CxTooltip;
-        'cx-typography': typeof CxTypography;
-    };
-    private readonly localize;
-    data: Partial<SubClip>;
-    selected: boolean;
-    scale: number;
-    maxScale: number;
-    maxDuration: number;
-    cache: FrameCache;
-    canvasSrc: string;
-    canvas: CanvasData | null;
-    expectedFrameCount: number;
-    frameIterator: AsyncGenerator<FrameCacheItem, void, unknown> | null;
-    interval: number;
-    video: HTMLVideoElement | null;
-    private previousExtractionKey;
-    get duration(): number;
-    get width(): number;
-    get isError(): boolean;
-    get items(): FrameItem[];
-    runConnectedCallback(): void;
-    disconnectedCallback(): void;
-    private initVideo;
-    private getGenerator;
-    handleDataChange(): Promise<void>;
-    private renderFrame;
-    private handleClick;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cx-video-editor-track': CxVideoEditorTrack;
-    }
-}
-export {};

package/library/packages/organisms/src/video-editor/components/video-editor-track/video-editor-track.styles.d.ts

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

package/library/packages/organisms/src/video-editor/components/video-editor-tracks/video-editor-tracks.d.ts

@@ -1,79 +0,0 @@
-import { default as CxIcon } from '../../../../../atoms/src/components/icon/icon.ts';
-import { default as CxResizeObserver } from '../../../../../atoms/src/components/resize-observer/resize-observer.ts';
-import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
-import { CanvasData, FrameCache, SubClip, Transition } from '../../../../../types/src/video-editor';
-import { CSSResultGroup, TemplateResult } from 'lit';
-import { default as Sortable } from 'sortablejs';
-import { default as CxVideoEditorTrack } from '../video-editor-track/video-editor-track';
-import { default as CxVideoEditorTransition } from '../video-editor-transition/video-editor-transition';
-
-export type CxVideoEditorTracksSelectEvent = CustomEvent<{
-    ids: string[];
-}>;
-export type CxVideoEditorTracksTransitionSelectEvent = CustomEvent<{
-    ids: string[];
-}>;
-export type CxVideoEditorTracksReorderEvent = CustomEvent<{
-    subClips: Array<Partial<SubClip>>;
-}>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'cx-video-editor-tracks-reorder': CxVideoEditorTracksReorderEvent;
-        'cx-video-editor-tracks-select': CxVideoEditorTracksSelectEvent;
-        'cx-video-editor-tracks-transitions-select': CxVideoEditorTracksTransitionSelectEvent;
-    }
-}
-export default class CxVideoEditorTracks extends CortexElement {
-    static readonly styles: CSSResultGroup;
-    static readonly dependencies: {
-        'cx-icon': typeof CxIcon;
-        'cx-resize-observer': typeof CxResizeObserver;
-        'cx-video-editor-track': typeof CxVideoEditorTrack;
-        'cx-video-editor-transition': typeof CxVideoEditorTransition;
-    };
-    container: HTMLDivElement;
-    scrollable: HTMLDivElement;
-    list: HTMLDivElement;
-    tracks: SubClip[];
-    transitions: Transition[];
-    activeTracks: string[];
-    activeTransitions: string[];
-    currentTime: number;
-    videoDuration: number;
-    scaleFactor: number;
-    maxScaleFactor: number;
-    scale: number;
-    maxScaleMap: Map<string, number>;
-    maxDurationMap: Map<string, number>;
-    sortable: Sortable | null;
-    previous: Array<ChildNode | null>;
-    isDragging: boolean;
-    /**
-     * Cache of frames, keyed by video url
-     */
-    cache: FrameCache;
-    canvasSrcCache: Record<string, string>;
-    canvasDataCache: Record<string, CanvasData>;
-    constructor();
-    connectedUpdatedCallback(): void;
-    disconnectedCallback(): void;
-    private initSortable;
-    private initCanvas;
-    private handleTrackSelect;
-    private handleTransitionSelect;
-    handleStart(evt: Sortable.SortableEvent): void;
-    handleEnd(evt: Sortable.SortableEvent): Promise<void>;
-    handleTracksChange(): Promise<void>;
-    handleScaleFactorChange(): Promise<void>;
-    handleCurrentTimeChange(): void;
-    private updateCanvasSrcCache;
-    private handleTrackCanvasReady;
-    private renderTrack;
-    private getTrackKey;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cx-video-editor-tracks': CxVideoEditorTracks;
-    }
-}

package/library/packages/organisms/src/video-editor/components/video-editor-tracks/video-editor-tracks.styles.d.ts

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

package/library/packages/organisms/src/video-editor/components/video-editor-transition/video-editor-transition.d.ts

@@ -1,26 +0,0 @@
-import { default as CxIcon } from '../../../../../atoms/src/components/icon/icon.ts';
-import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
-import { Transition } from '../../../../../types/src/video-editor';
-import { CSSResultGroup } from 'lit';
-
-export default class CxVideoEditorTransition extends CortexElement {
-    static readonly styles: CSSResultGroup;
-    static readonly dependencies: {
-        'cx-icon': typeof CxIcon;
-    };
-    data: Transition | null;
-    selected: boolean;
-    /**
-     * When true, keeps the indicator fully inside its track instead of straddling the boundary
-     * with the previous track. Use this for the first track in the list, which has no preceding
-     * track to overlap.
-     */
-    inset: boolean;
-    private handleClick;
-    render(): import('lit').TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cx-video-editor-transition': CxVideoEditorTransition;
-    }
-}

package/library/packages/organisms/src/video-editor/components/video-editor-transition/video-editor-transition.styles.d.ts

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

package/library/packages/organisms/src/video-editor/video-editor.d.ts

@@ -1,102 +0,0 @@
-import { default as CxButton } from '../../../atoms/src/components/button/button.ts';
-import { default as CxButtonGroup } from '../../../atoms/src/components/button-group/button-group.ts';
-import { default as CxDivider } from '../../../atoms/src/components/divider/divider.ts';
-import { default as CxIconButton } from '../../../atoms/src/components/icon-button/icon-button.ts';
-import { default as CxRange } from '../../../atoms/src/components/range/range.ts';
-import { default as CxSpace } from '../../../atoms/src/components/space/space.ts';
-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 { CxTimeUpdateEvent } from '../../../events/src/events.ts';
-import { ModifiedType, Ratio, SubClip, Transition } from '../../../types/src/video-editor';
-import { CSSResultGroup, TemplateResult } from 'lit';
-import { default as CxVideoEditorTimeline } from './components/video-editor-timeline/video-editor-timeline';
-import { default as CxVideoEditorToolbar, VideoEditorToolbarActions } from './components/video-editor-toolbar/video-editor-toolbar';
-import { default as CxVideoEditorTracks } from './components/video-editor-tracks/video-editor-tracks';
-
-export type CxVideoEditorAction = CustomEvent<{
-    action: VideoEditorToolbarActions;
-    type?: ModifiedType;
-    value?: any;
-}>;
-export type CxVideoEditorTrackChange = CustomEvent<{
-    track: Pick<SubClip, 'crop' | 'id' | 'rotation' | 'startPosition' | 'stopPosition'>;
-}>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'cx-video-editor-action': CxVideoEditorAction;
-        'cx-video-editor-track-change': CxVideoEditorTrackChange;
-    }
-}
-/**
- * @summary Video editor component.
- *
- * @event {{ time: number }} cx-time-update - Fired when the user seeks to a new time in the video.
- * @event {{ action: VideoEditorToolbarActions }} cx-video-editor-action - Fired when a toolbar action is triggered.
- * @event {{ ids: string[] }} cx-video-editor-tracks-select - Fired when tracks are selected.
- * @event {{ ids: string[] }} cx-video-editor-tracks-transitions-select - Fired when a transition is selected.
- *
- * @typedef VideoEditorToolbarActions - {'crop' | 'delete' | 'export' | 'redo' | 'rotate' | 'save' | 'transition' | 'trim' | 'undo'}
- */
-export default class CxVideoEditor extends CortexElement {
-    static readonly styles: CSSResultGroup;
-    static readonly dependencies: {
-        'cx-button': typeof CxButton;
-        'cx-button-group': typeof CxButtonGroup;
-        'cx-divider': typeof CxDivider;
-        'cx-icon-button': typeof CxIconButton;
-        'cx-range': typeof CxRange;
-        'cx-space': typeof CxSpace;
-        'cx-tooltip': typeof CxTooltip;
-        'cx-typography': typeof CxTypography;
-        'cx-video-editor-timeline': typeof CxVideoEditorTimeline;
-        'cx-video-editor-toolbar': typeof CxVideoEditorToolbar;
-        'cx-video-editor-tracks': typeof CxVideoEditorTracks;
-    };
-    data: {
-        subClips: Array<Partial<SubClip>>;
-        transitions: Transition[];
-    };
-    ratios: Ratio[];
-    activeRatioLabel: string;
-    videoContext: any;
-    canUndo: boolean;
-    canRedo: boolean;
-    canCancelAll: boolean;
-    /**
-     * Indicates whether or not the export button should be shown.
-     */
-    showExport: boolean;
-    scale: number;
-    dirty: boolean;
-    cropMode: boolean;
-    cropActive: boolean;
-    activeTracks: string[];
-    activeTransitions: string[];
-    currentTime: number;
-    get videoDuration(): number;
-    get disabledControls(): Partial<Record<VideoEditorToolbarActions, boolean>>;
-    constructor();
-    runConnectedCallback(): void;
-    disconnectedCallback(): void;
-    private handleKeyDown;
-    private handleDelete;
-    private moveSelectedTracksToRight;
-    private moveSelectedTracksToLeft;
-    private handleVideoEditorToolbarAction;
-    private handleVideoEditorTracksSelect;
-    private handleVideoEditorTracksTransitionSelect;
-    private handleVideoEditorTimelineScaleChange;
-    private handleScaleChange;
-    onTimeUpdate(event: CxTimeUpdateEvent): void;
-    updateCropActive(): Promise<void>;
-    private handleZoomOutClick;
-    private handleZoomInClick;
-    private tooltipFormatter;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cx-video-editor': CxVideoEditor;
-    }
-}

package/library/packages/organisms/src/video-editor/video-editor.styles.d.ts

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

package/library/packages/services/src/api/chapter/chapter.d.ts

@@ -1,7 +0,0 @@
-import { GetChaptersResponse } from './chapter.types';
-
-export declare function apiGetChapters(videoRecordID: string): Promise<GetChaptersResponse>;
-export declare function apiUpdateChapters(videoRecordID: string, chaptersText: string): Promise<import('axios-cache-interceptor').CacheAxiosResponse<any, {
-    chaptersText: string;
-    videoRecordID: string;
-}> | import('axios').AxiosResponse<unknown, any> | undefined>;