smoosic 1.0.25 → 1.0.26

package/types/src/ui/buttons/button.d.ts

@@ -1,95 +1,95 @@
-import { SuiScoreViewOperations } from '../../render/sui/scoreViewOperations';
-import { BrowserEventSource } from '../eventSource';
-import { SuiMenuManager } from '../menus/manager';
-import { CompleteNotifier } from '../common';
-/**
- * Button actions are one of the following.
- * - collapse... buttons are used to expand/collapse button groups in a ribbon.
- *   all buttons with these classes have 'ctor' constructor, and perform actions based on
- *   their bind method
- * - menu brings up a modal menu with class 'ctor'
- * - modal brings up a modal dialog with class 'ctor'
- * - collapseChildMenu brings up a modal menu, and is also collapsable.
- *
- * Buttons here refer to buttons on the top ribbon, buttons in dialogs are a dialog component
- */
-export type ButtonAction = 'menu' | 'modal' | 'collapseChild' | 'collapseChildMenu' | 'collapseParent' | 'collapseGrandchild' | 'collapseMore';
-/**
- * structure of a button object.
- * @param leftText - can be used in place of an icon for display
- * @param rightText - usually used to represent a keyboard shortcut
- * @param classes - to control button display
- * @param icon - icon for the button face
- * @param action - indicates to the button the action to perform
- * @param ctor - the constructor of the button object
- * @param group - the logical group, used to group the ribbon buttons
- * @param id - unique ID for DOM selector
- * @param dataElements - can be used to give  buttons in a group basic parameters
- * @category SuiButton
- */
-export interface ButtonDefinition {
-    leftText: string;
-    rightText: string;
-    classes: string;
-    icon: string;
-    action: ButtonAction;
-    ctor: string;
-    group: string;
-    id: string;
-    callback?: ButtonCallback;
-    hotKey?: string;
-    dataElements?: {
-        interval: string;
-        direction: string;
-    };
-}
-export type ButtonCallback = (button: ButtonDefinition) => Promise<void>;
-export type DialogButtonState = 'selected' | 'unselected' | 'partiallySelected';
-export interface DialogButtonDefinition {
-    label: string;
-    classes: string;
-    icon: string;
-    callback: DialogButtonCallback;
-    id: string;
-    group: string;
-    hotkey?: string;
-    state: DialogButtonState;
-}
-export type DialogButtonCallback = (button: DialogButtonDefinition) => Promise<void>;
-/**
- * @category SuiButton
- */
-export interface ButtonLabel {
-    buttonId: string;
-    buttonText: string;
-}
-/**
- * Buttons perform any variety of functions, so they need access to all the rendering logic
- * as well as all the event sources.
- * Sometimes they invoke menus which invoke modals, etc.
- * @category SuiButton
- */
-export interface SuiButtonParams {
-    ctor: string;
-    buttonId: string;
-    buttonElement: string;
-    buttonData: ButtonDefinition;
-    view: SuiScoreViewOperations;
-    eventSource: BrowserEventSource;
-    menus: SuiMenuManager;
-    completeNotifier: CompleteNotifier;
-}
-/**
- * @category SuiButton
- */
-export declare abstract class SuiButton {
-    buttonId: string;
-    buttonElement: string;
-    view: SuiScoreViewOperations;
-    buttonData: ButtonDefinition;
-    eventSource: BrowserEventSource;
-    menus: SuiMenuManager;
-    completeNotifier: CompleteNotifier | null;
-    constructor(params: SuiButtonParams);
-    abstract bind(): void;
-}
+import { SuiScoreViewOperations } from '../../render/sui/scoreViewOperations';
+import { BrowserEventSource } from '../eventSource';
+import { SuiMenuManager } from '../menus/manager';
+import { CompleteNotifier } from '../common';
+/**
+ * Button actions are one of the following.
+ * - collapse... buttons are used to expand/collapse button groups in a ribbon.
+ *   all buttons with these classes have 'ctor' constructor, and perform actions based on
+ *   their bind method
+ * - menu brings up a modal menu with class 'ctor'
+ * - modal brings up a modal dialog with class 'ctor'
+ * - collapseChildMenu brings up a modal menu, and is also collapsable.
+ *
+ * Buttons here refer to buttons on the top ribbon, buttons in dialogs are a dialog component
+ */
+export type ButtonAction = 'menu' | 'modal' | 'collapseChild' | 'collapseChildMenu' | 'collapseParent' | 'collapseGrandchild' | 'collapseMore';
+/**
+ * structure of a button object.
+ * @param leftText - can be used in place of an icon for display
+ * @param rightText - usually used to represent a keyboard shortcut
+ * @param classes - to control button display
+ * @param icon - icon for the button face
+ * @param action - indicates to the button the action to perform
+ * @param ctor - the constructor of the button object
+ * @param group - the logical group, used to group the ribbon buttons
+ * @param id - unique ID for DOM selector
+ * @param dataElements - can be used to give  buttons in a group basic parameters
+ * @category SuiButton
+ */
+export interface ButtonDefinition {
+    leftText: string;
+    rightText: string;
+    classes: string;
+    icon: string;
+    action: ButtonAction;
+    ctor: string;
+    group: string;
+    id: string;
+    callback?: ButtonCallback;
+    hotKey?: string;
+    dataElements?: {
+        interval: string;
+        direction: string;
+    };
+}
+export type ButtonCallback = (button: ButtonDefinition) => Promise<void>;
+export type DialogButtonState = 'selected' | 'unselected' | 'partiallySelected';
+export interface DialogButtonDefinition {
+    label: string;
+    classes: string;
+    icon: string;
+    callback: DialogButtonCallback;
+    id: string;
+    group: string;
+    hotkey?: string;
+    state: DialogButtonState;
+}
+export type DialogButtonCallback = (button: DialogButtonDefinition) => Promise<void>;
+/**
+ * @category SuiButton
+ */
+export interface ButtonLabel {
+    buttonId: string;
+    buttonText: string;
+}
+/**
+ * Buttons perform any variety of functions, so they need access to all the rendering logic
+ * as well as all the event sources.
+ * Sometimes they invoke menus which invoke modals, etc.
+ * @category SuiButton
+ */
+export interface SuiButtonParams {
+    ctor: string;
+    buttonId: string;
+    buttonElement: string;
+    buttonData: ButtonDefinition;
+    view: SuiScoreViewOperations;
+    eventSource: BrowserEventSource;
+    menus: SuiMenuManager;
+    completeNotifier: CompleteNotifier;
+}
+/**
+ * @category SuiButton
+ */
+export declare abstract class SuiButton {
+    buttonId: string;
+    buttonElement: string;
+    view: SuiScoreViewOperations;
+    buttonData: ButtonDefinition;
+    eventSource: BrowserEventSource;
+    menus: SuiMenuManager;
+    completeNotifier: CompleteNotifier | null;
+    constructor(params: SuiButtonParams);
+    abstract bind(): void;
+}

package/types/src/ui/buttons/collapsable.d.ts

@@ -1,42 +1,42 @@
-import { ButtonDefinition, SuiButton, SuiButtonParams } from './button';
-import { SuiScoreViewOperations } from '../../render/sui/scoreViewOperations';
-import { BrowserEventSource } from '../eventSource';
-import { SuiMenuManager } from '../menus/manager';
-import { CompleteNotifier } from '../common';
-/**
- * @category SuiButton
- */
-export interface SuiCollapsableButtonParams {
-    ctor: string;
-    buttonId: string;
-    buttonElement: string;
-    buttonData: ButtonDefinition;
-    view: SuiScoreViewOperations;
-    eventSource: BrowserEventSource;
-    menus: SuiMenuManager;
-    completeNotifier: CompleteNotifier;
-    buttons: ButtonDefinition[];
-}
-export declare function buttonIsCollapsible(action: string): boolean;
-export declare function buttonIsBindable(action: string): boolean;
-/**
- * Buttons that can expand and show other buttons.  These are not used atm but may
- * reappear as the UI grows.
- * @category SuiButton
- */
-export declare class CollapseRibbonControl extends SuiButton {
-    static get paramArray(): string[];
-    childButtons: ButtonDefinition[];
-    constructor(parameters: SuiCollapsableButtonParams);
-    toggleExpand(): Promise<void>;
-    bind(): void;
-}
-/**
- * Muse-style '...' buttons for less-common operations
- * @category SuiButton
- */
-export declare class ExtendedCollapseParent extends SuiButton {
-    constructor(parameters: SuiButtonParams);
-    bind(): void;
-}
-export declare const collapsableButtonInit: () => void;
+import { ButtonDefinition, SuiButton, SuiButtonParams } from './button';
+import { SuiScoreViewOperations } from '../../render/sui/scoreViewOperations';
+import { BrowserEventSource } from '../eventSource';
+import { SuiMenuManager } from '../menus/manager';
+import { CompleteNotifier } from '../common';
+/**
+ * @category SuiButton
+ */
+export interface SuiCollapsableButtonParams {
+    ctor: string;
+    buttonId: string;
+    buttonElement: string;
+    buttonData: ButtonDefinition;
+    view: SuiScoreViewOperations;
+    eventSource: BrowserEventSource;
+    menus: SuiMenuManager;
+    completeNotifier: CompleteNotifier;
+    buttons: ButtonDefinition[];
+}
+export declare function buttonIsCollapsible(action: string): boolean;
+export declare function buttonIsBindable(action: string): boolean;
+/**
+ * Buttons that can expand and show other buttons.  These are not used atm but may
+ * reappear as the UI grows.
+ * @category SuiButton
+ */
+export declare class CollapseRibbonControl extends SuiButton {
+    static get paramArray(): string[];
+    childButtons: ButtonDefinition[];
+    constructor(parameters: SuiCollapsableButtonParams);
+    toggleExpand(): Promise<void>;
+    bind(): void;
+}
+/**
+ * Muse-style '...' buttons for less-common operations
+ * @category SuiButton
+ */
+export declare class ExtendedCollapseParent extends SuiButton {
+    constructor(parameters: SuiButtonParams);
+    bind(): void;
+}
+export declare const collapsableButtonInit: () => void;

package/types/src/ui/buttons/display.d.ts

@@ -1,23 +1,23 @@
-import { SuiButton, SuiButtonParams } from './button';
-import { KeyEvent } from '../../smo/data/common';
-/**
- * These are the quick-buttons that show up on the left of the button ribbon.
- * @category SuiButton
- */
-export declare class DisplaySettings extends SuiButton {
-    hotKey: string | undefined;
-    constructor(parameters: SuiButtonParams);
-    handleKeyDown(ev: KeyEvent): void;
-    enablePartSelection(): void;
-    handleScoreChange(ev: any): void;
-    refresh(): void;
-    zoomout(): void;
-    zoomin(): void;
-    playButton2(): void;
-    stopButton2(): void;
-    keySignature(): void;
-    ribbonTime(): void;
-    ribbonTempo(): void;
-    selectPart(): Promise<void>;
-    bind(): void;
-}
+import { SuiButton, SuiButtonParams } from './button';
+import { KeyEvent } from '../../smo/data/common';
+/**
+ * These are the quick-buttons that show up on the left of the button ribbon.
+ * @category SuiButton
+ */
+export declare class DisplaySettings extends SuiButton {
+    hotKey: string | undefined;
+    constructor(parameters: SuiButtonParams);
+    handleKeyDown(ev: KeyEvent): void;
+    enablePartSelection(): void;
+    handleScoreChange(ev: any): void;
+    refresh(): void;
+    zoomout(): void;
+    zoomin(): void;
+    playButton2(): void;
+    stopButton2(): void;
+    keySignature(): void;
+    ribbonTime(): void;
+    ribbonTempo(): void;
+    selectPart(): Promise<void>;
+    bind(): void;
+}

package/types/src/ui/buttons/ribbon.d.ts

@@ -1,76 +1,76 @@
-import { KeyEvent } from '../../smo/data/common';
-import { ButtonDefinition, ButtonAction } from './button';
-import { BrowserEventSource } from '../eventSource';
-import { SuiScoreViewOperations } from '../../render/sui/scoreViewOperations';
-import { CompleteNotifier, RibbonLayout } from '../common';
-import { SuiTracker } from '../../render/sui/tracker';
-import { SuiMenuManager } from '../menus/manager';
-import { ButtonLabel } from './button';
-import { CollapseRibbonControl } from './collapsable';
-import { SmoUiConfiguration } from '../configuration';
-export type SuiModalButtonTypes = 'SuiLibraryDialog' | 'SuiTempoDialog';
-export declare var SuiModalButtonStrings: string[];
-export declare function isModalButtonType(but: string | SuiModalButtonTypes): but is SuiModalButtonTypes;
-/**
- * Parameters for creating the global button ribbon object.  The button ribbon supports a
- * button panel in 'top' and 'left' areas, with support for R-to-L languages.
- * Button groups in left and display menus are not collapsible.  They are just a ButtonDefinition
- * capsule but are not actually buttons - event handling is done by this 'ribbon' object.
- * Button groups (mostly obsolete) are collapsible and are first-class button objects and
- * are collapsible.  The content of ribbonButtons determines which buttons show up.
- * ribbon layout determines which show up top vs. left
- * @param {BrowserEventSource} eventSource - buttons will use this to bind click events
- * @param {CompleteNotifier} completeNotifier - buttons that bring up menus and dialogs will pass this to the dialogs
- * @param {SuiTracker} tracker - some buttons act on the current selection
- * @param {SuiMenuManager} menus - some buttons invoke a menu
- * @param {ButtonDefinition[]} - the buttons
- * @param {RibbonLayout} ribbons - where the buttons appear
- * @category SuiButton
- * @see {ButtonDefinition} for how to create/modify buttons
- * @see {defaultRibbonLayout} for buttons supported from the demo application
- */
-export interface SuiRibbonParams {
-    config: SmoUiConfiguration;
-    eventSource: BrowserEventSource;
-    view: SuiScoreViewOperations;
-    completeNotifier: CompleteNotifier;
-    tracker: SuiTracker;
-    menus: SuiMenuManager;
-    ribbonButtons: ButtonDefinition[];
-    ribbons: RibbonLayout;
-}
-/**
- * Render the ribbon buttons based on group, function, and underlying UI handler.
- * Also handles UI events.
- * @category SuiButton
- */
-export declare class RibbonButtons {
-    static get paramArray(): string[];
-    static ribbonButtonHtml(containerClass: string, buttonId: string, buttonClass: string, buttonText: string, buttonIcon: string, buttonKey: string): any;
-    static menuButtonHtml(buttonId: string, buttonClass: string, buttonText: string, buttonIcon: string, buttonKey: string): any;
-    static translateButtons: ButtonLabel[];
-    controller: CompleteNotifier;
-    config: SmoUiConfiguration;
-    eventSource: BrowserEventSource;
-    view: SuiScoreViewOperations;
-    menus: SuiMenuManager;
-    ribbons: RibbonLayout;
-    ribbonButtons: ButtonDefinition[];
-    collapsables: CollapseRibbonControl[];
-    collapseChildren: any[];
-    constructor(params: SuiRibbonParams);
-    executeQuickButton(button: ButtonDefinition): Promise<void>;
-    executeButtonModal(buttonElement: string, buttonData: ButtonDefinition): Promise<void>;
-    executeButtonMenu(buttonElement: string, buttonData: ButtonDefinition): void;
-    executeButton(buttonElement: string, buttonData: ButtonDefinition): Promise<void>;
-    bindButton(buttonElement: string, buttonData: ButtonDefinition): void;
-    createCollapsibleButtonGroups(selector: string | HTMLElement): void;
-    _createSidebarButtonGroups(selector: string | HTMLElement): void;
-    static isCollapsible(action: ButtonAction): boolean;
-    createRibbonHtml(buttonAr: string[], selector: string | HTMLElement): void;
-    createSidebarMenuHtml(buttonAr: string[], selector: string | HTMLElement): void;
-    createRibbon(buttonDataArray: string[], parentElement: string | HTMLElement): void;
-    createSidebarRibbon(buttonDataArray: string[], parentElement: string | HTMLElement, containerClasses: string): void;
-    handleKeyDown(ev: KeyEvent): Promise<void>;
-    display(): void;
-}
+import { KeyEvent } from '../../smo/data/common';
+import { ButtonDefinition, ButtonAction } from './button';
+import { BrowserEventSource } from '../eventSource';
+import { SuiScoreViewOperations } from '../../render/sui/scoreViewOperations';
+import { CompleteNotifier, RibbonLayout } from '../common';
+import { SuiTracker } from '../../render/sui/tracker';
+import { SuiMenuManager } from '../menus/manager';
+import { ButtonLabel } from './button';
+import { CollapseRibbonControl } from './collapsable';
+import { SmoUiConfiguration } from '../configuration';
+export type SuiModalButtonTypes = 'SuiLibraryDialog' | 'SuiTempoDialog';
+export declare var SuiModalButtonStrings: string[];
+export declare function isModalButtonType(but: string | SuiModalButtonTypes): but is SuiModalButtonTypes;
+/**
+ * Parameters for creating the global button ribbon object.  The button ribbon supports a
+ * button panel in 'top' and 'left' areas, with support for R-to-L languages.
+ * Button groups in left and display menus are not collapsible.  They are just a ButtonDefinition
+ * capsule but are not actually buttons - event handling is done by this 'ribbon' object.
+ * Button groups (mostly obsolete) are collapsible and are first-class button objects and
+ * are collapsible.  The content of ribbonButtons determines which buttons show up.
+ * ribbon layout determines which show up top vs. left
+ * @param {BrowserEventSource} eventSource - buttons will use this to bind click events
+ * @param {CompleteNotifier} completeNotifier - buttons that bring up menus and dialogs will pass this to the dialogs
+ * @param {SuiTracker} tracker - some buttons act on the current selection
+ * @param {SuiMenuManager} menus - some buttons invoke a menu
+ * @param {ButtonDefinition[]} - the buttons
+ * @param {RibbonLayout} ribbons - where the buttons appear
+ * @category SuiButton
+ * @see {ButtonDefinition} for how to create/modify buttons
+ * @see {defaultRibbonLayout} for buttons supported from the demo application
+ */
+export interface SuiRibbonParams {
+    config: SmoUiConfiguration;
+    eventSource: BrowserEventSource;
+    view: SuiScoreViewOperations;
+    completeNotifier: CompleteNotifier;
+    tracker: SuiTracker;
+    menus: SuiMenuManager;
+    ribbonButtons: ButtonDefinition[];
+    ribbons: RibbonLayout;
+}
+/**
+ * Render the ribbon buttons based on group, function, and underlying UI handler.
+ * Also handles UI events.
+ * @category SuiButton
+ */
+export declare class RibbonButtons {
+    static get paramArray(): string[];
+    static ribbonButtonHtml(containerClass: string, buttonId: string, buttonClass: string, buttonText: string, buttonIcon: string, buttonKey: string): any;
+    static menuButtonHtml(buttonId: string, buttonClass: string, buttonText: string, buttonIcon: string, buttonKey: string): any;
+    static translateButtons: ButtonLabel[];
+    controller: CompleteNotifier;
+    config: SmoUiConfiguration;
+    eventSource: BrowserEventSource;
+    view: SuiScoreViewOperations;
+    menus: SuiMenuManager;
+    ribbons: RibbonLayout;
+    ribbonButtons: ButtonDefinition[];
+    collapsables: CollapseRibbonControl[];
+    collapseChildren: any[];
+    constructor(params: SuiRibbonParams);
+    executeQuickButton(button: ButtonDefinition): Promise<void>;
+    executeButtonModal(buttonElement: string, buttonData: ButtonDefinition): Promise<void>;
+    executeButtonMenu(buttonElement: string, buttonData: ButtonDefinition): void;
+    executeButton(buttonElement: string, buttonData: ButtonDefinition): Promise<void>;
+    bindButton(buttonElement: string, buttonData: ButtonDefinition): void;
+    createCollapsibleButtonGroups(selector: string | HTMLElement): void;
+    _createSidebarButtonGroups(selector: string | HTMLElement): void;
+    static isCollapsible(action: ButtonAction): boolean;
+    createRibbonHtml(buttonAr: string[], selector: string | HTMLElement): void;
+    createSidebarMenuHtml(buttonAr: string[], selector: string | HTMLElement): void;
+    createRibbon(buttonDataArray: string[], parentElement: string | HTMLElement): void;
+    createSidebarRibbon(buttonDataArray: string[], parentElement: string | HTMLElement, containerClasses: string): void;
+    handleKeyDown(ev: KeyEvent): Promise<void>;
+    display(): void;
+}

package/types/src/ui/common.d.ts

@@ -1,45 +1,45 @@
-import { ButtonDefinition } from '../ui/buttons/button';
-import { KeyEvent } from '../smo/data/common';
-/**
- * Define the base class for a modal component that resolves a promise when it is dismissed
- * @category SuiButton
- */
-export declare abstract class ModalComponent {
-    abstract closeModalPromise: Promise<void>;
-}
-export type keyEventCallback = (ke: KeyEvent) => void;
-/**
- * Define an interface that gives up event handling when a modal is active
- * @category SuiButton
- */
-export declare abstract class CompleteNotifier {
-    abstract unbindKeyboardForModal(component: ModalComponent): void;
-}
-/**
- * @category SuiButton
- */
-export interface RibbonLayout {
-    left: string[];
-    top: string[];
-}
-/**
- * @category SuiButton
- */
-export interface RibbonDefinition {
-    ribbon: RibbonLayout;
-    ribbonButtons: ButtonDefinition[];
-}
-export interface SelectOption {
-    label: string;
-    value: string;
-    classes?: string;
-    icon?: string;
-    active?: boolean;
-}
-export declare const modalContainerId = "#vue-modal-container";
-/**
- * Remove and replace an element, so we can reattach Vue to it
- * @param element the ID or element we are replacing
- * @returns the new element id
- */
-export declare const replaceVueRoot: (element: string | HTMLElement) => string;
+import { ButtonDefinition } from '../ui/buttons/button';
+import { KeyEvent } from '../smo/data/common';
+/**
+ * Define the base class for a modal component that resolves a promise when it is dismissed
+ * @category SuiButton
+ */
+export declare abstract class ModalComponent {
+    abstract closeModalPromise: Promise<void>;
+}
+export type keyEventCallback = (ke: KeyEvent) => void;
+/**
+ * Define an interface that gives up event handling when a modal is active
+ * @category SuiButton
+ */
+export declare abstract class CompleteNotifier {
+    abstract unbindKeyboardForModal(component: ModalComponent): void;
+}
+/**
+ * @category SuiButton
+ */
+export interface RibbonLayout {
+    left: string[];
+    top: string[];
+}
+/**
+ * @category SuiButton
+ */
+export interface RibbonDefinition {
+    ribbon: RibbonLayout;
+    ribbonButtons: ButtonDefinition[];
+}
+export interface SelectOption {
+    label: string;
+    value: string;
+    classes?: string;
+    icon?: string;
+    active?: boolean;
+}
+export declare const modalContainerId = "#vue-modal-container";
+/**
+ * Remove and replace an element, so we can reattach Vue to it
+ * @param element the ID or element we are replacing
+ * @returns the new element id
+ */
+export declare const replaceVueRoot: (element: string | HTMLElement) => string;

package/types/src/ui/composable/draggable.d.ts

@@ -1,12 +1,12 @@
-import { Ref } from "vue";
-export interface DraggableSession {
-    domId: string;
-    top: Ref<number>;
-    left: Ref<number>;
-    getCoordsCb: () => {
-        topRef: Ref<number>;
-        leftRef: Ref<number>;
-    };
-    getLocString: () => string;
-}
-export declare const draggableSession: (domId: string) => DraggableSession;
+import { Ref } from "vue";
+export interface DraggableSession {
+    domId: string;
+    top: Ref<number>;
+    left: Ref<number>;
+    getCoordsCb: () => {
+        topRef: Ref<number>;
+        leftRef: Ref<number>;
+    };
+    getLocString: () => string;
+}
+export declare const draggableSession: (domId: string) => DraggableSession;

package/types/src/ui/configuration.d.ts

@@ -1,31 +1,31 @@
-import { ButtonDefinition } from './buttons/button';
-import { RibbonLayout } from './common';
-import { KeyBinding } from '../application/common';
-/**
- * @internal
- */
-export interface KeyBindingConfiguration {
-    editorKeys: KeyBinding[];
-    trackerKeys: KeyBinding[];
-}
-/**
- * @internal
- */
-export interface RibbonConfiguration {
-    layout: RibbonLayout;
-    buttons: ButtonDefinition[];
-}
-/**
- * Configurable elements for the UI
- * @category SuiUiBase
- */
-export interface SmoUiConfiguration {
-    keys?: KeyBindingConfiguration;
-    libraryUrl?: string;
-    language: string;
-    demonPollTime: number;
-    idleRedrawTime: number;
-    leftControls?: HTMLElement | string;
-    topControls?: HTMLElement | string;
-    scoreDomContainer: string | HTMLElement;
-}
+import { ButtonDefinition } from './buttons/button';
+import { RibbonLayout } from './common';
+import { KeyBinding } from '../application/common';
+/**
+ * @internal
+ */
+export interface KeyBindingConfiguration {
+    editorKeys: KeyBinding[];
+    trackerKeys: KeyBinding[];
+}
+/**
+ * @internal
+ */
+export interface RibbonConfiguration {
+    layout: RibbonLayout;
+    buttons: ButtonDefinition[];
+}
+/**
+ * Configurable elements for the UI
+ * @category SuiUiBase
+ */
+export interface SmoUiConfiguration {
+    keys?: KeyBindingConfiguration;
+    libraryUrl?: string;
+    language: string;
+    demonPollTime: number;
+    idleRedrawTime: number;
+    leftControls?: HTMLElement | string;
+    topControls?: HTMLElement | string;
+    scoreDomContainer: string | HTMLElement;
+}