bigbluebutton-html-plugin-sdk 0.0.22 → 0.0.23

package/dist/cjs/extensible-areas/nav-bar-item/types.d.ts

@@ -0,0 +1,20 @@
+import { PluginProvidedUiItemDescriptor } from '../base';
+import { NavBarItemPosition } from './enums';
+export interface NavBarItem extends PluginProvidedUiItemDescriptor {
+    position: NavBarItemPosition;
+    hasSeparator: boolean;
+}
+export interface NavBarButtonProps {
+    label: string;
+    icon: string;
+    tooltip: string;
+    disabled: boolean;
+    hasSeparator: boolean;
+    position: NavBarItemPosition;
+    onClick: () => void;
+}
+export interface NavBarInfoProps {
+    label: string;
+    hasSeparator: boolean;
+    position: NavBarItemPosition;
+}

package/dist/cjs/extensible-areas/nav-bar-item/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/extensible-areas/nav-bar-item/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/extensible-areas/nav-bar-item/types.ts"],"names":[],"mappings":""}

package/dist/cjs/extensible-areas/options-dropdown-item/component.d.ts

@@ -0,0 +1,33 @@
+import { OptionsDropdownItemType } from './enums';
+import { OptionsDropdownItem, OptionsDropdownOptionProps } from './types';
+export declare class OptionsDropdownOption implements OptionsDropdownItem {
+    id: string;
+    type: OptionsDropdownItemType;
+    label: string;
+    icon: string;
+    onClick: () => void;
+    /**
+     * Returns object to be used in the setter for the Options Dropdown. In this case,
+     * an option (Similar to a button, the user can click it).
+     *
+     * @param label - label to be displayed in the options dropdown option.
+     * @param icon - icon to be displayed in the options dropdown. It goes in the left side of it.
+     * @param onClick - function to be called when clicking the option.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ label, icon, onClick, }: OptionsDropdownOptionProps);
+    setItemId: (id: string) => void;
+}
+export declare class OptionsDropdownSeparator implements OptionsDropdownItem {
+    id: string;
+    type: OptionsDropdownItemType;
+    /**
+     * Returns object to be used in the setter for the Navigation Bar. In this case,
+     * a separator.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor();
+    setItemId: (id: string) => void;
+}

package/dist/cjs/extensible-areas/options-dropdown-item/component.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OptionsDropdownSeparator = exports.OptionsDropdownOption = void 0;
+var enums_1 = require("./enums");
+// OptionsDropdownItem Extensible Area
+var OptionsDropdownOption = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the Options Dropdown. In this case,
+     * an option (Similar to a button, the user can click it).
+     *
+     * @param label - label to be displayed in the options dropdown option.
+     * @param icon - icon to be displayed in the options dropdown. It goes in the left side of it.
+     * @param onClick - function to be called when clicking the option.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function OptionsDropdownOption(_a) {
+        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "OptionsDropdownOption_".concat(id);
+        };
+        this.label = label;
+        this.icon = icon;
+        this.onClick = onClick;
+        this.type = enums_1.OptionsDropdownItemType.OPTION;
+    }
+    return OptionsDropdownOption;
+}());
+exports.OptionsDropdownOption = OptionsDropdownOption;
+var OptionsDropdownSeparator = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the Navigation Bar. In this case,
+     * a separator.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function OptionsDropdownSeparator() {
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "OptionsDropdownSeparator_".concat(id);
+        };
+        this.type = enums_1.OptionsDropdownItemType.SEPARATOR;
+    }
+    return OptionsDropdownSeparator;
+}());
+exports.OptionsDropdownSeparator = OptionsDropdownSeparator;
+//# sourceMappingURL=component.js.map

package/dist/cjs/extensible-areas/options-dropdown-item/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/options-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AAKlD,sCAAsC;AAEtC;IAWE;;;;;;;;;OASG;IACH,+BAAY,EAEiB;YAD3B,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD3C,iBAOC;QA3BD,OAAE,GAAW,EAAE,CAAC;QA6BhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,gCAAyB,EAAE,CAAE,CAAC;QAC1C,CAAC,CAAC;QARA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,+BAAuB,CAAC,MAAM,CAAC;IAC7C,CAAC;IAKH,4BAAC;AAAD,CAAC,AAjCD,IAiCC;AAjCY,sDAAqB;AAmClC;IAKE;;;;;OAKG;IACH;QAAA,iBAEC;QAZD,OAAE,GAAW,EAAE,CAAC;QAchB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,mCAA4B,EAAE,CAAE,CAAC;QAC7C,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,+BAAuB,CAAC,SAAS,CAAC;IAChD,CAAC;IAKH,+BAAC;AAAD,CAAC,AAlBD,IAkBC;AAlBY,4DAAwB"}

package/dist/cjs/extensible-areas/options-dropdown-item/enums.d.ts

@@ -0,0 +1,4 @@
+export declare enum OptionsDropdownItemType {
+    OPTION = "OPTIONS_DROPDOWN_OPTION",
+    SEPARATOR = "OPTIONS_DROPDOWN_SEPARATOR"
+}

package/dist/cjs/extensible-areas/options-dropdown-item/enums.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OptionsDropdownItemType = void 0;
+// Options dropdown items types:
+var OptionsDropdownItemType;
+(function (OptionsDropdownItemType) {
+    OptionsDropdownItemType["OPTION"] = "OPTIONS_DROPDOWN_OPTION";
+    OptionsDropdownItemType["SEPARATOR"] = "OPTIONS_DROPDOWN_SEPARATOR";
+})(OptionsDropdownItemType || (exports.OptionsDropdownItemType = OptionsDropdownItemType = {}));
+//# sourceMappingURL=enums.js.map

package/dist/cjs/extensible-areas/options-dropdown-item/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/options-dropdown-item/enums.ts"],"names":[],"mappings":";;;AAAA,gCAAgC;AAChC,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,6DAAkC,CAAA;IAClC,mEAAwC,CAAA;AAC1C,CAAC,EAHW,uBAAuB,uCAAvB,uBAAuB,QAGlC"}

package/dist/cjs/extensible-areas/options-dropdown-item/index.d.ts

@@ -0,0 +1,2 @@
+export { OptionsDropdownOption, OptionsDropdownSeparator, } from './component';
+export { OptionsDropdownItem, } from './types';

package/dist/cjs/extensible-areas/options-dropdown-item/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OptionsDropdownSeparator = exports.OptionsDropdownOption = void 0;
+var component_1 = require("./component");
+Object.defineProperty(exports, "OptionsDropdownOption", { enumerable: true, get: function () { return component_1.OptionsDropdownOption; } });
+Object.defineProperty(exports, "OptionsDropdownSeparator", { enumerable: true, get: function () { return component_1.OptionsDropdownSeparator; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/extensible-areas/options-dropdown-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/options-dropdown-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAGqB;AAFnB,kHAAA,qBAAqB,OAAA;AACrB,qHAAA,wBAAwB,OAAA"}

package/dist/cjs/extensible-areas/options-dropdown-item/types.d.ts

@@ -0,0 +1,15 @@
+import { PluginProvidedUiItemDescriptor } from '../base';
+/**
+ * Options Dropdown Item - The general options dropdown extensible area item
+ *
+ * @remarks
+ * This dropdown is related to the options menu on the top right corner of the UI
+ * (the 3 dots)
+ */
+export interface OptionsDropdownItem extends PluginProvidedUiItemDescriptor {
+}
+export interface OptionsDropdownOptionProps {
+    label: string;
+    icon: string;
+    onClick: () => void;
+}

package/dist/cjs/extensible-areas/options-dropdown-item/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/extensible-areas/options-dropdown-item/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/extensible-areas/options-dropdown-item/types.ts"],"names":[],"mappings":""}

package/dist/cjs/extensible-areas/presentation-dropdown-item/component.d.ts

@@ -0,0 +1,34 @@
+import { PresentationDropdownItemType } from './enums';
+import { PresentationDropdownItem, PresentationDropdownOptionProps } from './types';
+export declare class PresentationDropdownOption implements PresentationDropdownItem {
+    id: string;
+    type: PresentationDropdownItemType;
+    label: string;
+    icon: string;
+    onClick: () => void;
+    /**
+     * Returns object to be used in the setter for the Presentation Dropdown. In this case,
+     * an option (clickable).
+     *
+     * @param label - label to be displayed in the presentation dropdown option.
+     * @param icon - icon to be displayed in the presentation dropdown.
+     * It goes in the left side of it.
+     * @param onClick - function to be called when clicking the option.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ label, icon, onClick, }: PresentationDropdownOptionProps);
+    setItemId: (id: string) => void;
+}
+export declare class PresentationDropdownSeparator implements PresentationDropdownItem {
+    id: string;
+    type: PresentationDropdownItemType;
+    /**
+     * Returns object to be used in the setter for the Presentation Dropdown. In this case,
+     * a separator (horizontal thin black line).
+  
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor();
+    setItemId: (id: string) => void;
+}

package/dist/cjs/extensible-areas/presentation-dropdown-item/component.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PresentationDropdownSeparator = exports.PresentationDropdownOption = void 0;
+var enums_1 = require("./enums");
+// PresentationDropdownItem Extensible Area
+var PresentationDropdownOption = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the Presentation Dropdown. In this case,
+     * an option (clickable).
+     *
+     * @param label - label to be displayed in the presentation dropdown option.
+     * @param icon - icon to be displayed in the presentation dropdown.
+     * It goes in the left side of it.
+     * @param onClick - function to be called when clicking the option.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function PresentationDropdownOption(_a) {
+        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "PresentationDropdownOption_".concat(id);
+        };
+        this.label = label;
+        this.icon = icon;
+        this.onClick = onClick;
+        this.type = enums_1.PresentationDropdownItemType.OPTION;
+    }
+    return PresentationDropdownOption;
+}());
+exports.PresentationDropdownOption = PresentationDropdownOption;
+var PresentationDropdownSeparator = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the Presentation Dropdown. In this case,
+     * a separator (horizontal thin black line).
+  
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function PresentationDropdownSeparator() {
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "PresentationDropdownSeparator_".concat(id);
+        };
+        this.type = enums_1.PresentationDropdownItemType.SEPARATOR;
+    }
+    return PresentationDropdownSeparator;
+}());
+exports.PresentationDropdownSeparator = PresentationDropdownSeparator;
+//# sourceMappingURL=component.js.map

package/dist/cjs/extensible-areas/presentation-dropdown-item/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/presentation-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAKvD,2CAA2C;AAE3C;IAWE;;;;;;;;;;OAUG;IACH,oCAAY,EAEsB;YADhC,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD3C,iBAOC;QA5BD,OAAE,GAAW,EAAE,CAAC;QA8BhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qCAA8B,EAAE,CAAE,CAAC;QAC/C,CAAC,CAAC;QARA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,oCAA4B,CAAC,MAAM,CAAC;IAClD,CAAC;IAKH,iCAAC;AAAD,CAAC,AAlCD,IAkCC;AAlCY,gEAA0B;AAoCvC;IAKE;;;;;OAKG;IACH;QAAA,iBAEC;QAZD,OAAE,GAAW,EAAE,CAAC;QAchB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,wCAAiC,EAAE,CAAE,CAAC;QAClD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,oCAA4B,CAAC,SAAS,CAAC;IACrD,CAAC;IAKH,oCAAC;AAAD,CAAC,AAlBD,IAkBC;AAlBY,sEAA6B"}

package/dist/cjs/extensible-areas/presentation-dropdown-item/enums.d.ts

@@ -0,0 +1,4 @@
+export declare enum PresentationDropdownItemType {
+    OPTION = "PRESENTATION_DROPDOWN_OPTION",
+    SEPARATOR = "PRESENTATION_DROPDOWN_SEPARATOR"
+}

package/dist/cjs/extensible-areas/presentation-dropdown-item/enums.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PresentationDropdownItemType = void 0;
+// Presentation dropdown items types:
+var PresentationDropdownItemType;
+(function (PresentationDropdownItemType) {
+    PresentationDropdownItemType["OPTION"] = "PRESENTATION_DROPDOWN_OPTION";
+    PresentationDropdownItemType["SEPARATOR"] = "PRESENTATION_DROPDOWN_SEPARATOR";
+})(PresentationDropdownItemType || (exports.PresentationDropdownItemType = PresentationDropdownItemType = {}));
+//# sourceMappingURL=enums.js.map

package/dist/cjs/extensible-areas/presentation-dropdown-item/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/presentation-dropdown-item/enums.ts"],"names":[],"mappings":";;;AAAA,qCAAqC;AACrC,IAAY,4BAGX;AAHD,WAAY,4BAA4B;IACtC,uEAAuC,CAAA;IACvC,6EAA6C,CAAA;AAC/C,CAAC,EAHW,4BAA4B,4CAA5B,4BAA4B,QAGvC"}

package/dist/cjs/extensible-areas/presentation-dropdown-item/index.d.ts

@@ -0,0 +1,2 @@
+export { PresentationDropdownOption, PresentationDropdownSeparator, } from './component';
+export { PresentationDropdownItem, } from './types';

package/dist/cjs/extensible-areas/presentation-dropdown-item/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PresentationDropdownSeparator = exports.PresentationDropdownOption = void 0;
+var component_1 = require("./component");
+Object.defineProperty(exports, "PresentationDropdownOption", { enumerable: true, get: function () { return component_1.PresentationDropdownOption; } });
+Object.defineProperty(exports, "PresentationDropdownSeparator", { enumerable: true, get: function () { return component_1.PresentationDropdownSeparator; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/extensible-areas/presentation-dropdown-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/presentation-dropdown-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAGqB;AAFnB,uHAAA,0BAA0B,OAAA;AAC1B,0HAAA,6BAA6B,OAAA"}

package/dist/cjs/extensible-areas/presentation-dropdown-item/types.d.ts

@@ -0,0 +1,15 @@
+import { PluginProvidedUiItemDescriptor } from '../base';
+/**
+ * Presentation Dropdown Item - The general presentation dropdown extensible area item
+ *
+ * @remarks
+ * This dropdown is located when clicking the three dots on the top left corner
+ * of the presentation area.
+ */
+export interface PresentationDropdownItem extends PluginProvidedUiItemDescriptor {
+}
+export interface PresentationDropdownOptionProps {
+    label: string;
+    icon: string;
+    onClick: () => void;
+}

package/dist/cjs/extensible-areas/presentation-dropdown-item/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/extensible-areas/presentation-dropdown-item/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/extensible-areas/presentation-dropdown-item/types.ts"],"names":[],"mappings":""}

package/dist/cjs/extensible-areas/presentation-toolbar-item/component.d.ts

@@ -0,0 +1,45 @@
+import { PresentationToolbarItemType } from './enums';
+import { PresentationToolbarItem, PresentationToolbarButtonProps } from './types';
+export declare class PresentationToolbarButton implements PresentationToolbarItem {
+    id: string;
+    type: PresentationToolbarItemType;
+    label: string;
+    tooltip: string;
+    onClick: () => void;
+    /**
+     * Returns object to be used in the setter for presentation toolbar. In this case
+     * a button.
+     *
+     * @param label - label to be displayed in the button
+     * @param tooltip - tooltip to be displayed when hovering the button
+     * @param onClick - function to be called when clicking the button
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    constructor({ label, tooltip, onClick }: PresentationToolbarButtonProps);
+    setItemId: (id: string) => void;
+}
+export declare class PresentationToolbarSpinner implements PresentationToolbarItem {
+    id: string;
+    type: PresentationToolbarItemType;
+    /**
+     * Returns object to be used in the setter for presentation toolbar. In this case
+     * a spinner (ring that will be rotating).
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    constructor();
+    setItemId: (id: string) => void;
+}
+export declare class PresentationToolbarSeparator implements PresentationToolbarItem {
+    id: string;
+    type: PresentationToolbarItemType;
+    /**
+     * Returns object to be used in the setter for presentation toolbar. In this case
+     * a separator.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    constructor();
+    setItemId: (id: string) => void;
+}

package/dist/cjs/extensible-areas/presentation-toolbar-item/component.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PresentationToolbarSeparator = exports.PresentationToolbarSpinner = exports.PresentationToolbarButton = void 0;
+var enums_1 = require("./enums");
+// PresentationToolbarItem Extensible Area
+var PresentationToolbarButton = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for presentation toolbar. In this case
+     * a button.
+     *
+     * @param label - label to be displayed in the button
+     * @param tooltip - tooltip to be displayed when hovering the button
+     * @param onClick - function to be called when clicking the button
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    function PresentationToolbarButton(_a) {
+        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.tooltip, tooltip = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "PresentationToolbarButton_".concat(id);
+        };
+        this.label = label;
+        this.tooltip = tooltip;
+        this.onClick = onClick;
+        this.type = enums_1.PresentationToolbarItemType.BUTTON;
+    }
+    return PresentationToolbarButton;
+}());
+exports.PresentationToolbarButton = PresentationToolbarButton;
+var PresentationToolbarSpinner = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for presentation toolbar. In this case
+     * a spinner (ring that will be rotating).
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    function PresentationToolbarSpinner() {
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "PresentationToolbarButton_".concat(id);
+        };
+        this.type = enums_1.PresentationToolbarItemType.SPINNER;
+    }
+    return PresentationToolbarSpinner;
+}());
+exports.PresentationToolbarSpinner = PresentationToolbarSpinner;
+var PresentationToolbarSeparator = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for presentation toolbar. In this case
+     * a separator.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    function PresentationToolbarSeparator() {
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "PresentationToolbarButton_".concat(id);
+        };
+        this.type = enums_1.PresentationToolbarItemType.SEPARATOR;
+    }
+    return PresentationToolbarSeparator;
+}());
+exports.PresentationToolbarSeparator = PresentationToolbarSeparator;
+//# sourceMappingURL=component.js.map

package/dist/cjs/extensible-areas/presentation-toolbar-item/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/presentation-toolbar-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAsD;AAKtD,0CAA0C;AAE1C;IAWE;;;;;;;;;OASG;IACH,mCAAY,EAAgF;YAA9E,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAA1D,iBAKC;QAzBD,OAAE,GAAW,EAAE,CAAC;QA2BhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,oCAA6B,EAAE,CAAE,CAAC;QAC9C,CAAC,CAAC;QARA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,mCAA2B,CAAC,MAAM,CAAC;IACjD,CAAC;IAKH,gCAAC;AAAD,CAAC,AA/BD,IA+BC;AA/BY,8DAAyB;AAiCtC;IAKE;;;;;OAKG;IACH;QAAA,iBAEC;QAZD,OAAE,GAAW,EAAE,CAAC;QAchB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,oCAA6B,EAAE,CAAE,CAAC;QAC9C,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,mCAA2B,CAAC,OAAO,CAAC;IAClD,CAAC;IAKH,iCAAC;AAAD,CAAC,AAlBD,IAkBC;AAlBY,gEAA0B;AAoBvC;IAKE;;;;;OAKG;IACH;QAAA,iBAEC;QAZD,OAAE,GAAW,EAAE,CAAC;QAchB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,oCAA6B,EAAE,CAAE,CAAC;QAC9C,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,mCAA2B,CAAC,SAAS,CAAC;IACpD,CAAC;IAKH,mCAAC;AAAD,CAAC,AAlBD,IAkBC;AAlBY,oEAA4B"}

package/dist/cjs/extensible-areas/presentation-toolbar-item/enums.d.ts

@@ -0,0 +1,5 @@
+export declare enum PresentationToolbarItemType {
+    BUTTON = "PRESENTATION_TOOLBAR_BUTTON",
+    SPINNER = "PRESENTATION_TOOLBAR_SPINNER",
+    SEPARATOR = "PRESENTATION_TOOLBAR_SEPARATOR"
+}

package/dist/cjs/extensible-areas/presentation-toolbar-item/enums.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PresentationToolbarItemType = void 0;
+// Presentation toolbar items types:
+var PresentationToolbarItemType;
+(function (PresentationToolbarItemType) {
+    PresentationToolbarItemType["BUTTON"] = "PRESENTATION_TOOLBAR_BUTTON";
+    PresentationToolbarItemType["SPINNER"] = "PRESENTATION_TOOLBAR_SPINNER";
+    PresentationToolbarItemType["SEPARATOR"] = "PRESENTATION_TOOLBAR_SEPARATOR";
+})(PresentationToolbarItemType || (exports.PresentationToolbarItemType = PresentationToolbarItemType = {}));
+//# sourceMappingURL=enums.js.map

package/dist/cjs/extensible-areas/presentation-toolbar-item/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/presentation-toolbar-item/enums.ts"],"names":[],"mappings":";;;AAAA,oCAAoC;AACpC,IAAY,2BAIX;AAJD,WAAY,2BAA2B;IACrC,qEAAsC,CAAA;IACtC,uEAAwC,CAAA;IACxC,2EAA4C,CAAA;AAC9C,CAAC,EAJW,2BAA2B,2CAA3B,2BAA2B,QAItC"}

package/dist/cjs/extensible-areas/presentation-toolbar-item/index.d.ts

@@ -0,0 +1,2 @@
+export { PresentationToolbarButton, PresentationToolbarSpinner, PresentationToolbarSeparator, } from './component';
+export { PresentationToolbarItem, } from './types';

package/dist/cjs/extensible-areas/presentation-toolbar-item/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PresentationToolbarSeparator = exports.PresentationToolbarSpinner = exports.PresentationToolbarButton = void 0;
+var component_1 = require("./component");
+Object.defineProperty(exports, "PresentationToolbarButton", { enumerable: true, get: function () { return component_1.PresentationToolbarButton; } });
+Object.defineProperty(exports, "PresentationToolbarSpinner", { enumerable: true, get: function () { return component_1.PresentationToolbarSpinner; } });
+Object.defineProperty(exports, "PresentationToolbarSeparator", { enumerable: true, get: function () { return component_1.PresentationToolbarSeparator; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/extensible-areas/presentation-toolbar-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/presentation-toolbar-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAIqB;AAHnB,sHAAA,yBAAyB,OAAA;AACzB,uHAAA,0BAA0B,OAAA;AAC1B,yHAAA,4BAA4B,OAAA"}

package/dist/cjs/extensible-areas/presentation-toolbar-item/types.d.ts

@@ -0,0 +1,11 @@
+import { PluginProvidedUiItemDescriptor } from '../base';
+/**
+ * Interface for a generic item for presentation toolbar.
+ */
+export interface PresentationToolbarItem extends PluginProvidedUiItemDescriptor {
+}
+export interface PresentationToolbarButtonProps {
+    label: string;
+    tooltip: string;
+    onClick: () => void;
+}

package/dist/cjs/extensible-areas/presentation-toolbar-item/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/extensible-areas/presentation-toolbar-item/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/extensible-areas/presentation-toolbar-item/types.ts"],"names":[],"mappings":""}

package/dist/cjs/extensible-areas/user-camera-dropdown-item/component.d.ts

@@ -0,0 +1,33 @@
+import { UserCameraDropdownItemType } from './enums';
+import { UserCameraDropdownItem, UserCameraDropdownOptionProps } from './types';
+export declare class UserCameraDropdownOption implements UserCameraDropdownItem {
+    id: string;
+    type: UserCameraDropdownItemType;
+    label: string;
+    icon: string;
+    onClick: () => void;
+    /**
+     * Returns object to be used in the setter for User Camera Dropdown. In this case
+     * an option.
+     *
+     * @param label - label to be displayed in the option.
+     * @param icon - icon to be displayed in the option. Left side of it.
+     * @param onClick - function to be called when clicking the button
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    constructor({ label, icon, onClick, }: UserCameraDropdownOptionProps);
+    setItemId: (id: string) => void;
+}
+export declare class UserCameraDropdownSeparator implements UserCameraDropdownItem {
+    id: string;
+    type: UserCameraDropdownItemType;
+    /**
+     * Returns object to be used in the setter for User Camera Dropdown. In this case
+     * a separator.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    constructor();
+    setItemId: (id: string) => void;
+}

package/dist/cjs/extensible-areas/user-camera-dropdown-item/component.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserCameraDropdownSeparator = exports.UserCameraDropdownOption = void 0;
+var enums_1 = require("./enums");
+// UserCameraDropdownItem Extensible Area
+var UserCameraDropdownOption = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for User Camera Dropdown. In this case
+     * an option.
+     *
+     * @param label - label to be displayed in the option.
+     * @param icon - icon to be displayed in the option. Left side of it.
+     * @param onClick - function to be called when clicking the button
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    function UserCameraDropdownOption(_a) {
+        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "UserCameraDropdownOption_".concat(id);
+        };
+        this.label = label;
+        this.icon = icon;
+        this.onClick = onClick;
+        this.type = enums_1.UserCameraDropdownItemType.OPTION;
+    }
+    return UserCameraDropdownOption;
+}());
+exports.UserCameraDropdownOption = UserCameraDropdownOption;
+var UserCameraDropdownSeparator = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for User Camera Dropdown. In this case
+     * a separator.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    function UserCameraDropdownSeparator() {
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "UserCameraDropdownSeparator_".concat(id);
+        };
+        this.type = enums_1.UserCameraDropdownItemType.SEPARATOR;
+    }
+    return UserCameraDropdownSeparator;
+}());
+exports.UserCameraDropdownSeparator = UserCameraDropdownSeparator;
+//# sourceMappingURL=component.js.map

package/dist/cjs/extensible-areas/user-camera-dropdown-item/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAqD;AAKrD,yCAAyC;AAEzC;IAWE;;;;;;;;;OASG;IACH,kCAAY,EAEoB;YAD9B,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD3C,iBAOC;QA3BD,OAAE,GAAW,EAAE,CAAC;QA6BhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,mCAA4B,EAAE,CAAE,CAAC;QAC7C,CAAC,CAAC;QARA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,kCAA0B,CAAC,MAAM,CAAC;IAChD,CAAC;IAKH,+BAAC;AAAD,CAAC,AAjCD,IAiCC;AAjCY,4DAAwB;AAmCrC;IAKE;;;;;OAKG;IACH;QAAA,iBAEC;QAZD,OAAE,GAAW,EAAE,CAAC;QAchB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,sCAA+B,EAAE,CAAE,CAAC;QAChD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,kCAA0B,CAAC,SAAS,CAAC;IACnD,CAAC;IAKH,kCAAC;AAAD,CAAC,AAlBD,IAkBC;AAlBY,kEAA2B"}

package/dist/cjs/extensible-areas/user-camera-dropdown-item/enums.d.ts

@@ -0,0 +1,4 @@
+export declare enum UserCameraDropdownItemType {
+    OPTION = "USER_CAMERA_DROPDOWN_OPTION",
+    SEPARATOR = "USER_CAMERA_DROPDOWN_SEPARATOR"
+}

package/dist/cjs/extensible-areas/user-camera-dropdown-item/enums.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserCameraDropdownItemType = void 0;
+// User camera dropdown items types:
+var UserCameraDropdownItemType;
+(function (UserCameraDropdownItemType) {
+    UserCameraDropdownItemType["OPTION"] = "USER_CAMERA_DROPDOWN_OPTION";
+    UserCameraDropdownItemType["SEPARATOR"] = "USER_CAMERA_DROPDOWN_SEPARATOR";
+})(UserCameraDropdownItemType || (exports.UserCameraDropdownItemType = UserCameraDropdownItemType = {}));
+//# sourceMappingURL=enums.js.map

package/dist/cjs/extensible-areas/user-camera-dropdown-item/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-dropdown-item/enums.ts"],"names":[],"mappings":";;;AAAA,oCAAoC;AACpC,IAAY,0BAGX;AAHD,WAAY,0BAA0B;IACpC,oEAAsC,CAAA;IACtC,0EAA4C,CAAA;AAC9C,CAAC,EAHW,0BAA0B,0CAA1B,0BAA0B,QAGrC"}