@clickview/library-editor 1.1.26-rc.0 → 1.1.26

package/dist/scripts/22.chunk.js

@@ -0,0 +1,354 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[22],{
+
+/***/ "./src/apps/library-editor/components/edit-video-tabs/EditVideoTabs.hbs":
+/*!******************************************************************************!*\
+  !*** ./src/apps/library-editor/components/edit-video-tabs/EditVideoTabs.hbs ***!
+  \******************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;
+
+  return "<div class=\"row\">\r\n  <h4>\r\n    <a class=\"d-inline-flex align-items-center "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.link : stack1), depth0))
+    + " "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.backTab : stack1)) != null ? stack1.link : stack1), depth0))
+    + "\">\r\n      <span class=\""
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.svgContainer : stack1), depth0))
+    + " d-inline-block mx-2\">"
+    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.backArrow : stack1), depth0)) != null ? stack1 : "")
+    + "</span>\r\n      "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.backTab : stack1)) != null ? stack1.name : stack1), depth0))
+    + "\r\n    </a>\r\n  </h4>\r\n</div>\r\n<div class=\"tabs-region pl-2\"></div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/components/edit-video-tabs/EditVideoTabsComponent.ts":
+/*!**************************************************************************************!*\
+  !*** ./src/apps/library-editor/components/edit-video-tabs/EditVideoTabsComponent.ts ***!
+  \**************************************************************************************/
+/*! exports provided: EditVideoTabsComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditVideoTabsComponent", function() { return EditVideoTabsComponent; });
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _edit_video_tabs_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./edit-video-tabs.scss */ "./src/apps/library-editor/components/edit-video-tabs/edit-video-tabs.scss");
+/* harmony import */ var _edit_video_tabs_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_edit_video_tabs_scss__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _EditVideoTabs_hbs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./EditVideoTabs.hbs */ "./src/apps/library-editor/components/edit-video-tabs/EditVideoTabs.hbs");
+/* harmony import */ var _EditVideoTabs_hbs__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_EditVideoTabs_hbs__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _shared_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../shared/constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _shared_components_tabs_TabsComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../shared/components/tabs/TabsComponent */ "./src/shared/components/tabs/TabsComponent.ts");
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+
+
+
+var EditVideoTabsComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(EditVideoTabsComponent, _Core$Component);
+
+  var _super = _createSuper(EditVideoTabsComponent);
+
+  function EditVideoTabsComponent(options) {
+    _classCallCheck(this, EditVideoTabsComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(EditVideoTabsComponent, [{
+    key: "regions",
+    value: function regions() {
+      return {
+        tabs: {
+          el: '.tabs-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      var backTab = Object.assign(Object.assign({}, this.options.goBackTab), {
+        link: this.options.goBackTab.link.selector.replace('.', '')
+      });
+      return {
+        styles: _edit_video_tabs_scss__WEBPACK_IMPORTED_MODULE_3___default.a,
+        backTab: backTab,
+        backArrow: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].ArrowLeft)
+      };
+    }
+    /**
+     * On save trigger save event which the active view can listen to
+     */
+
+  }, {
+    key: "onSave",
+    value: function onSave() {
+      /**
+       * TODO: This shouldn't be on the library editor application channel
+       */
+      var libraryEditorChannel = backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(_shared_constants__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].LIBRARY_EDITOR);
+      /**
+       * TODO: SAVE_VIDEO shouldnt be an action it should be an eventname
+       */
+
+      libraryEditorChannel.trigger(_shared_constants__WEBPACK_IMPORTED_MODULE_5__["Actions"].LibraryEditor.SAVE_VIDEO);
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.showChildView('tabs', new _shared_components_tabs_TabsComponent__WEBPACK_IMPORTED_MODULE_6__["TabsComponent"]({
+        tabs: this.options.tabs,
+        activeTab: this.options.activeTab
+      }));
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'EditVideoTabsComponent';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'bg-white';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _EditVideoTabs_hbs__WEBPACK_IMPORTED_MODULE_4___default.a;
+    }
+  }, {
+    key: "appLinks",
+    get: function get() {
+      var link = this.options.goBackTab.link;
+      return _defineProperty({}, link.selector, link.appLink);
+    }
+  }]);
+
+  return EditVideoTabsComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/components/edit-video-tabs/edit-video-tabs.scss":
+/*!*********************************************************************************!*\
+  !*** ./src/apps/library-editor/components/edit-video-tabs/edit-video-tabs.scss ***!
+  \*********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"svgContainer":"cv--svgContainer--27gR6"};
+
+/***/ }),
+
+/***/ "./src/shared/components/tabs/Tabs.hbs":
+/*!*********************************************!*\
+  !*** ./src/shared/components/tabs/Tabs.hbs ***!
+  \*********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"1":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return ((stack1 = helpers.unless.call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.hide : depth0),{"name":"unless","hash":{},"fn":container.program(2, data, 0, blockParams, depths),"inverse":container.noop,"data":data})) != null ? stack1 : "");
+},"2":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;
+
+  return "  <a class=\""
+    + alias3(alias2(((stack1 = ((stack1 = (depths[1] != null ? depths[1].options : depths[1])) != null ? stack1.styles : stack1)) != null ? stack1.link : stack1), depth0))
+    + " p-2 "
+    + alias3(alias2((depth0 != null ? depth0.link : depth0), depth0))
+    + " "
+    + ((stack1 = helpers["if"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.active : depth0),{"name":"if","hash":{},"fn":container.program(3, data, 0, blockParams, depths),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">"
+    + alias3(alias2((depth0 != null ? depth0.name : depth0), depth0))
+    + "</a>\r\n";
+},"3":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return container.escapeExpression(container.lambda(((stack1 = ((stack1 = (depths[1] != null ? depths[1].options : depths[1])) != null ? stack1.styles : stack1)) != null ? stack1.active : stack1), depth0))
+    + " border-bottom border-primary text-primary";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return ((stack1 = helpers.each.call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.tabs : stack1),{"name":"each","hash":{},"fn":container.program(1, data, 0, blockParams, depths),"inverse":container.noop,"data":data})) != null ? stack1 : "");
+},"useData":true,"useDepths":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/tabs/TabsComponent.ts":
+/*!*****************************************************!*\
+  !*** ./src/shared/components/tabs/TabsComponent.ts ***!
+  \*****************************************************/
+/*! exports provided: TabsComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TabsComponent", function() { return TabsComponent; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _tabs_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tabs.scss */ "./src/shared/components/tabs/tabs.scss");
+/* harmony import */ var _tabs_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_tabs_scss__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _Tabs_hbs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Tabs.hbs */ "./src/shared/components/tabs/Tabs.hbs");
+/* harmony import */ var _Tabs_hbs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Tabs_hbs__WEBPACK_IMPORTED_MODULE_3__);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+var TabsComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(TabsComponent, _Core$Component);
+
+  var _super = _createSuper(TabsComponent);
+
+  function TabsComponent(options) {
+    _classCallCheck(this, TabsComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(TabsComponent, [{
+    key: "viewOptions",
+    value: function viewOptions() {
+      var tabs = this.options.tabs;
+      var pageTabs = tabs.map(function (tab) {
+        return Object.assign(Object.assign({}, tab), {
+          link: tab.link.selector.replace('.', '')
+        });
+      });
+      return {
+        styles: _tabs_scss__WEBPACK_IMPORTED_MODULE_2___default.a,
+        tabs: pageTabs
+      };
+    }
+  }, {
+    key: "setActiveTab",
+    value: function setActiveTab() {
+      var _this = this;
+
+      // Find active applink and set it as active if exists, or set first tab as active
+      var found = false;
+      this.options.tabs.forEach(function (t) {
+        // First reset all tabs to not active
+        t.active = false;
+        if (t.link.selector !== _this.options.activeTab) return;
+        t.active = true;
+        found = true;
+      });
+      if (found) return;
+
+      var firstTab = underscore__WEBPACK_IMPORTED_MODULE_0__["first"](this.options.tabs);
+
+      if (firstTab) firstTab.active = true;
+    }
+  }, {
+    key: "onBeforeRender",
+    value: function onBeforeRender() {
+      this.setActiveTab();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'TabsView';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      var className = 'bg-white py-2 border-bottom';
+      if (this.options.className) className += " ".concat(this.options.className);
+      return className;
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _Tabs_hbs__WEBPACK_IMPORTED_MODULE_3___default.a;
+    }
+  }, {
+    key: "appLinks",
+    get: function get() {
+      var links = {};
+      this.options.tabs.forEach(function (tab) {
+        return links[tab.link.selector] = tab.link.appLink;
+      });
+      return links;
+    }
+  }]);
+
+  return TabsComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/tabs/tabs.scss":
+/*!**********************************************!*\
+  !*** ./src/shared/components/tabs/tabs.scss ***!
+  \**********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"link":"cv--link--5idZs","active":"cv--active--3Ty4M"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=22.chunk.js.map

package/dist/scripts/22.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/components/edit-video-tabs/EditVideoTabs.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/components/edit-video-tabs/EditVideoTabsComponent.ts","webpack://@clickview/library-editor/./src/apps/library-editor/components/edit-video-tabs/edit-video-tabs.scss?b099","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/tabs/Tabs.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/tabs/TabsComponent.ts","webpack://@clickview/library-editor/./src/shared/components/tabs/tabs.scss?41c9"],"names":[],"mappings":"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","file":"scripts/22.chunk.js","sourcesContent":["var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;\n\n  return \"<div class=\\\"row\\\">\\r\\n  <h4>\\r\\n    <a class=\\\"d-inline-flex align-items-center \"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.link : stack1), depth0))\n    + \" \"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.backTab : stack1)) != null ? stack1.link : stack1), depth0))\n    + \"\\\">\\r\\n      <span class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.svgContainer : stack1), depth0))\n    + \" d-inline-block mx-2\\\">\"\n    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.backArrow : stack1), depth0)) != null ? stack1 : \"\")\n    + \"</span>\\r\\n      \"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.backTab : stack1)) != null ? stack1.name : stack1), depth0))\n    + \"\\r\\n    </a>\\r\\n  </h4>\\r\\n</div>\\r\\n<div class=\\\"tabs-region pl-2\\\"></div>\";\n},\"useData\":true});","import { ObjectHash, Radio } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { SvgHelper, cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport styles from './edit-video-tabs.scss';\r\nimport EditVideoTabsTemplate from './EditVideoTabs.hbs';\r\nimport { Actions, AppChannels } from 'shared/constants';\r\nimport { Tab, TabsComponent } from 'shared/components/tabs/TabsComponent';\r\n\r\ninterface EditVideoTabsComponentOptions extends Core.ComponentOptions {\r\n  tabs: Array<Tab>;\r\n  activeTab: string;\r\n  goBackTab: Tab;\r\n}\r\n\r\nexport class EditVideoTabsComponent extends Core.Component {\r\n  protected options: EditVideoTabsComponentOptions;\r\n\r\n  constructor(options: EditVideoTabsComponentOptions) {\r\n    super(options);\r\n  }\r\n  public get name(): string {\r\n    return 'EditVideoTabsComponent';\r\n  }\r\n\r\n  public get className(): string {\r\n    return 'bg-white';\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      tabs: {\r\n        el: '.tabs-region',\r\n        replaceElement: true\r\n      }\r\n    };\r\n  }\r\n\r\n  public get template(): any {\r\n    return EditVideoTabsTemplate;\r\n  }\r\n\r\n  public get appLinks(): ObjectHash {\r\n    const link = this.options.goBackTab.link;\r\n\r\n    return {\r\n      [link.selector]: link.appLink\r\n    };\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    const backTab = {\r\n      ...this.options.goBackTab,\r\n      link: this.options.goBackTab.link.selector.replace('.', '')\r\n    };\r\n\r\n    return {\r\n      styles,\r\n      backTab,\r\n      backArrow: SvgHelper.getSvg(cvSvgLibrary.ArrowLeft)\r\n    };\r\n  }\r\n\r\n  /**\r\n   * On save trigger save event which the active view can listen to\r\n   */\r\n  private onSave(): void {\r\n    /**\r\n     * TODO: This shouldn't be on the library editor application channel\r\n     */\r\n    const libraryEditorChannel = Radio.channel(AppChannels.LIBRARY_EDITOR);\r\n\r\n    /**\r\n     * TODO: SAVE_VIDEO shouldnt be an action it should be an eventname\r\n     */\r\n    libraryEditorChannel.trigger(Actions.LibraryEditor.SAVE_VIDEO);\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.showChildView('tabs', new TabsComponent({\r\n      tabs: this.options.tabs,\r\n      activeTab: this.options.activeTab\r\n    }));\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"svgContainer\":\"cv--svgContainer--27gR6\"};","var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n    var stack1, alias1=container.propertyIsEnumerable;\n\n  return ((stack1 = helpers.unless.call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.hide : depth0),{\"name\":\"unless\",\"hash\":{},\"fn\":container.program(2, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"2\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;\n\n  return \"  <a class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depths[1] != null ? depths[1].options : depths[1])) != null ? stack1.styles : stack1)) != null ? stack1.link : stack1), depth0))\n    + \" p-2 \"\n    + alias3(alias2((depth0 != null ? depth0.link : depth0), depth0))\n    + \" \"\n    + ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.active : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(3, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \"\\\">\"\n    + alias3(alias2((depth0 != null ? depth0.name : depth0), depth0))\n    + \"</a>\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n    var stack1, alias1=container.propertyIsEnumerable;\n\n  return container.escapeExpression(container.lambda(((stack1 = ((stack1 = (depths[1] != null ? depths[1].options : depths[1])) != null ? stack1.styles : stack1)) != null ? stack1.active : stack1), depth0))\n    + \" border-bottom border-primary text-primary\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n    var stack1, alias1=container.propertyIsEnumerable;\n\n  return ((stack1 = helpers.each.call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.tabs : stack1),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(1, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"useData\":true,\"useDepths\":true});","import * as _ from 'underscore';\r\nimport { ObjectHash } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport styles from './tabs.scss';\r\nimport TabsTemplate from './Tabs.hbs';\r\n\r\ninterface TabAppLink {\r\n  selector: string;\r\n  appLink: Core.AppLink;\r\n}\r\n\r\nexport interface Tab {\r\n  name: string | (() => string);\r\n  active?: boolean;\r\n  link: TabAppLink;\r\n  hide?: boolean;\r\n}\r\n\r\ninterface TabsComponentOptions extends Core.ComponentOptions {\r\n  tabs: Array<Tab>;\r\n  activeTab: string;\r\n}\r\n\r\nexport class TabsComponent extends Core.Component {\r\n  public options: TabsComponentOptions;\r\n\r\n  constructor(options: TabsComponentOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'TabsView';\r\n  }\r\n\r\n  public get className(): string {\r\n    let className = 'bg-white py-2 border-bottom';\r\n\r\n    if (this.options.className)\r\n      className += ` ${this.options.className}`;\r\n\r\n    return className;\r\n  }\r\n\r\n  public get template(): any {\r\n    return TabsTemplate;\r\n  }\r\n\r\n  public get appLinks(): ObjectHash {\r\n    const links: {[selector: string]: Core.AppLink} = {};\r\n\r\n    this.options.tabs.forEach((tab: Tab) => links[tab.link.selector] = tab.link.appLink);\r\n\r\n    return links;\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    const { tabs } = this.options;\r\n\r\n    const pageTabs = tabs.map((tab: Tab) => {\r\n      return {\r\n        ...tab,\r\n        link: tab.link.selector.replace('.', '')\r\n      };\r\n    });\r\n\r\n    return {\r\n      styles,\r\n      tabs: pageTabs\r\n    };\r\n  }\r\n\r\n  private setActiveTab(): void {\r\n    // Find active applink and set it as active if exists, or set first tab as active\r\n    let found = false;\r\n\r\n    this.options.tabs.forEach((t: Tab) => {\r\n      // First reset all tabs to not active\r\n      t.active = false;\r\n\r\n      if (t.link.selector !== this.options.activeTab)\r\n        return;\r\n\r\n      t.active = true;\r\n      found = true;\r\n    });\r\n\r\n    if (found)\r\n      return;\r\n\r\n    const firstTab = _.first(this.options.tabs);\r\n\r\n    if (firstTab)\r\n      firstTab.active = true;\r\n  }\r\n\r\n  public onBeforeRender(): void {\r\n    this.setActiveTab();\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"link\":\"cv--link--5idZs\",\"active\":\"cv--active--3Ty4M\"};"],"sourceRoot":""}