bigbluebutton-html-plugin-sdk 0.0.22 → 0.0.24

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

@@ -0,0 +1,52 @@
+import { NavBarItemType, NavBarItemPosition } from './enums';
+import { NavBarItem, NavBarButtonProps, NavBarInfoProps } from './types';
+export declare class NavBarButton implements NavBarItem {
+    id: string;
+    type: NavBarItemType;
+    label: string;
+    icon: string;
+    tooltip: string;
+    disabled: boolean;
+    position: NavBarItemPosition;
+    hasSeparator: boolean;
+    onClick: () => void;
+    /**
+     * Returns object to be used in the setter for the Navigation Bar. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in navigation bar button.
+     * @param tooltip - label to be displayed when hovering the navigation bar button.
+     * @param icon - icon to be used in the navigation bar button. It goes in the left side of it.
+     * @param onClick - function to be called when clicking the button.
+     * @param position - position to place the navigation bar button.
+     * See {@link NavBarItemPosition}
+     * @param hasSeparator - boolean indicating whether the navigation bar button has separator
+     * (vertical bar)
+     * @param disabled - if true, the navigation bar button will not be clickable
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ label, icon, tooltip, disabled, onClick, position, hasSeparator, }: NavBarButtonProps);
+    setItemId: (id: string) => void;
+}
+export declare class NavBarInfo implements NavBarItem {
+    id: string;
+    type: NavBarItemType;
+    label: string;
+    hasSeparator: boolean;
+    position: NavBarItemPosition;
+    /**
+     * Returns object to be used in the setter for the Navigation Bar. In this case,
+     * an informative label.
+     *
+     * @param label - label to be displayed in navigation bar information.
+     * @param position - position to place the navigation bar information.
+     * See {@link NavBarItemPosition}
+     * @param hasSeparator - boolean indicating whether the navigation bar information has separator
+     * (vertical bar)
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ label, position, hasSeparator, }: NavBarInfoProps);
+    setItemId: (id: string) => void;
+}

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

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavBarInfo = exports.NavBarButton = void 0;
+var enums_1 = require("./enums");
+// NavBarItem Extensible Area
+var NavBarButton = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the Navigation Bar. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in navigation bar button.
+     * @param tooltip - label to be displayed when hovering the navigation bar button.
+     * @param icon - icon to be used in the navigation bar button. It goes in the left side of it.
+     * @param onClick - function to be called when clicking the button.
+     * @param position - position to place the navigation bar button.
+     * See {@link NavBarItemPosition}
+     * @param hasSeparator - boolean indicating whether the navigation bar button has separator
+     * (vertical bar)
+     * @param disabled - if true, the navigation bar button will not be clickable
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function NavBarButton(_a) {
+        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.tooltip, tooltip = _d === void 0 ? '' : _d, _e = _a.disabled, disabled = _e === void 0 ? true : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, _g = _a.position, position = _g === void 0 ? enums_1.NavBarItemPosition.RIGHT : _g, _h = _a.hasSeparator, hasSeparator = _h === void 0 ? true : _h;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "NavBarButton_".concat(id);
+        };
+        this.label = label;
+        this.icon = icon;
+        this.tooltip = tooltip;
+        this.disabled = disabled;
+        this.onClick = onClick;
+        this.type = enums_1.NavBarItemType.BUTTON;
+        this.hasSeparator = hasSeparator;
+        this.position = position;
+    }
+    return NavBarButton;
+}());
+exports.NavBarButton = NavBarButton;
+var NavBarInfo = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the Navigation Bar. In this case,
+     * an informative label.
+     *
+     * @param label - label to be displayed in navigation bar information.
+     * @param position - position to place the navigation bar information.
+     * See {@link NavBarItemPosition}
+     * @param hasSeparator - boolean indicating whether the navigation bar information has separator
+     * (vertical bar)
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function NavBarInfo(_a) {
+        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.position, position = _c === void 0 ? enums_1.NavBarItemPosition.RIGHT : _c, _d = _a.hasSeparator, hasSeparator = _d === void 0 ? true : _d;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "NavBarInfo_".concat(id);
+        };
+        this.label = label;
+        this.type = enums_1.NavBarItemType.INFO;
+        this.position = position;
+        this.hasSeparator = hasSeparator;
+    }
+    return NavBarInfo;
+}());
+exports.NavBarInfo = NavBarInfo;
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/nav-bar-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAA6D;AAM7D,6BAA6B;AAE7B;IAmBE;;;;;;;;;;;;;;;OAeG;IACH,sBAAY,EAGQ;YAFlB,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EACxE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EAAE,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA;QAF1D,iBAYC;QA9CD,OAAE,GAAW,EAAE,CAAC;QAgDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,uBAAgB,EAAE,CAAE,CAAC;QACjC,CAAC,CAAC;QAZA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,sBAAc,CAAC,MAAM,CAAC;QAClC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAKH,mBAAC;AAAD,CAAC,AApDD,IAoDC;AApDY,oCAAY;AAsDzB;IAWE;;;;;;;;;;;OAWG;IACH,oBAAY,EAGM;YAFhB,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EAC/C,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA;QAFrB,iBAQC;QA9BD,OAAE,GAAW,EAAE,CAAC;QAgChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qBAAc,EAAE,CAAE,CAAC;QAC/B,CAAC,CAAC;QARA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,sBAAc,CAAC,IAAI,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAKH,iBAAC;AAAD,CAAC,AApCD,IAoCC;AApCY,gCAAU"}

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

@@ -0,0 +1,12 @@
+export declare enum NavBarItemType {
+    BUTTON = "NAV_BAR_BUTTON",
+    INFO = "NAV_BAR_INFO"
+}
+/**
+ * Enum with the position to insert the navigation bar item (Information or Button)
+ */
+export declare enum NavBarItemPosition {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right"
+}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavBarItemPosition = exports.NavBarItemType = void 0;
+// Nav bar items types:
+var NavBarItemType;
+(function (NavBarItemType) {
+    NavBarItemType["BUTTON"] = "NAV_BAR_BUTTON";
+    NavBarItemType["INFO"] = "NAV_BAR_INFO";
+})(NavBarItemType || (exports.NavBarItemType = NavBarItemType = {}));
+/**
+ * Enum with the position to insert the navigation bar item (Information or Button)
+ */
+var NavBarItemPosition;
+(function (NavBarItemPosition) {
+    NavBarItemPosition["LEFT"] = "left";
+    NavBarItemPosition["CENTER"] = "center";
+    NavBarItemPosition["RIGHT"] = "right";
+})(NavBarItemPosition || (exports.NavBarItemPosition = NavBarItemPosition = {}));
+//# sourceMappingURL=enums.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/nav-bar-item/enums.ts"],"names":[],"mappings":";;;AAAA,uBAAuB;AACvB,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,2CAAyB,CAAA;IACzB,uCAAqB,CAAA;AACvB,CAAC,EAHW,cAAc,8BAAd,cAAc,QAGzB;AAED;;GAEG;AACH,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,uCAAiB,CAAA;IACjB,qCAAe,CAAA;AACjB,CAAC,EAJW,kBAAkB,kCAAlB,kBAAkB,QAI7B"}

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

@@ -0,0 +1,3 @@
+export { NavBarButton, NavBarInfo, } from './component';
+export { NavBarItem, } from './types';
+export { NavBarItemPosition, } from './enums';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/nav-bar-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAGqB;AAFnB,yGAAA,YAAY,OAAA;AACZ,uGAAA,UAAU,OAAA;AAKZ,iCAEiB;AADf,2GAAA,kBAAkB,OAAA"}

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